384 lines
11 KiB
JavaScript
384 lines
11 KiB
JavaScript
// pages/mine/mineAccount/invoiceInfo/invoiceInfo.js
|
|
import InvoiceApi from '../../../../net/api/invoiceApi'
|
|
import {
|
|
isValidPhone
|
|
} from '../../../../utils/validator'
|
|
const app = getApp()
|
|
const Cache = require('../../../../utils/storage')
|
|
Page({
|
|
|
|
/**
|
|
* 页面的初始数据
|
|
*/
|
|
data: {
|
|
imgAssets: app.globalData.imgAssetsUrl,
|
|
localAssets: app.globalData.localAssets,
|
|
keywords: '',
|
|
pageData: {
|
|
page: 1,
|
|
rows: 10,
|
|
keywords: ''
|
|
},
|
|
msgShow: false,
|
|
msgHint: '',
|
|
msgType: 'error',
|
|
loadingState: 'loading',
|
|
listRefreshTrig: false,
|
|
isLoadMore: false,
|
|
hasMore: true,
|
|
createDialog: false,
|
|
title: '开票信息',
|
|
isCreate: true, //区别是创建 or 编辑
|
|
companyName: '', //公司名称
|
|
companyAddress: '', //公司地址
|
|
companyPhone: '', //公司电话
|
|
companyBank: '', //公司开户行
|
|
bankNum: '', //开户行账号
|
|
tinNum: '', //纳税人识别号
|
|
btnTxt: '提交',
|
|
invoiceInfoList: [], //开票信息列表
|
|
tempItem: null,
|
|
slideButtons: app.globalData.slideBtns
|
|
},
|
|
|
|
/**
|
|
* 生命周期函数--监听页面加载
|
|
*/
|
|
onLoad(options) {
|
|
wx.setNavigationBarTitle({
|
|
title: '开票信息',
|
|
})
|
|
wx.setNavigationBarColor({
|
|
frontColor: '#000000', // 必写项，字体颜色仅支持#ffffff和#000000
|
|
backgroundColor: '#F0F0F0', // 传递的颜色值，仅支持十六进制颜色
|
|
animation: { // 可选项
|
|
duration: 500,
|
|
timingFunc: 'easeIn'
|
|
}
|
|
})
|
|
this.doRefreshList()
|
|
},
|
|
closeDialog(e) {
|
|
this.setData({
|
|
createDialog: false
|
|
})
|
|
},
|
|
inputKeywords(e) {
|
|
this.setData({
|
|
keywords: e.detail.value
|
|
})
|
|
},
|
|
//清除搜索内容
|
|
clearSearch() {
|
|
const _self = this
|
|
_self.setData({
|
|
keywords: ''
|
|
})
|
|
_self.doRefreshList()
|
|
},
|
|
//发起搜索
|
|
doSearchKeyWord() {
|
|
const _self = this
|
|
_self.doRefreshList()
|
|
},
|
|
doGetInvoiceInfoList(isRefresh) {
|
|
const _self = this
|
|
_self.setData({
|
|
invoiceInfoList: isRefresh ? [] : _self.data.invoiceInfoList,
|
|
loadingState: isRefresh ? 'loading' : ''
|
|
})
|
|
InvoiceApi.doGetMineInvoiceList(_self.data.pageData)
|
|
.then(res => {
|
|
console.log(res)
|
|
var status = 'success'
|
|
status = res.rows && res.rows.length > 0 ? 'success' : 'empty'
|
|
_self.setData({
|
|
loadingState: isRefresh ? status : '',
|
|
invoiceInfoList: _self.data.invoiceInfoList.concat(res.rows),
|
|
listRefreshTrig: false,
|
|
isLoadMore: false
|
|
})
|
|
_self.setData({
|
|
hasMore: _self.data.invoiceInfoList.length < res.total
|
|
})
|
|
_self.showEditDel()
|
|
}, err => {
|
|
_self.setData({
|
|
loadingState: 'error',
|
|
listRefreshTrig: false,
|
|
isLoadMore: false,
|
|
hasMore: true
|
|
})
|
|
})
|
|
},
|
|
doRefreshList() {
|
|
console.log('正在刷新...')
|
|
const _self = this
|
|
_self.setData({
|
|
listRefreshTrig: true,
|
|
loadingState: 'loading',
|
|
hasMore: true,
|
|
'pageData.page': 1,
|
|
'pageData.keywords': _self.data.keywords,
|
|
isLoadMore: false
|
|
})
|
|
_self.doGetInvoiceInfoList(true)
|
|
},
|
|
doLoadMore() {
|
|
//判断是否正在加载中 与是否存在更多数据
|
|
const _self = this
|
|
if (_self.data.isLoadMore || !_self.data.hasMore) {
|
|
return
|
|
}
|
|
_self.setData({
|
|
isLoadMore: true,
|
|
'pageData.page': ++_self.data.pageData.page,
|
|
'pageData.keywords': _self.data.keywords
|
|
})
|
|
_self.doGetInvoiceInfoList(false)
|
|
},
|
|
inputCompanyName(e) {
|
|
this.setData({
|
|
companyName: e.detail.value
|
|
})
|
|
},
|
|
inputTinNum(e) {
|
|
this.setData({
|
|
tinNum: e.detail.value
|
|
})
|
|
},
|
|
inputAddress(e) {
|
|
this.setData({
|
|
companyAddress: e.detail.value
|
|
})
|
|
},
|
|
inputPhone(e) {
|
|
this.setData({
|
|
companyPhone: e.detail.value
|
|
})
|
|
},
|
|
inputBank(e) {
|
|
this.setData({
|
|
companyBank: e.detail.value
|
|
})
|
|
},
|
|
inputBankNum(e) {
|
|
this.setData({
|
|
bankNum: e.detail.value
|
|
})
|
|
},
|
|
showCreateDialog() {
|
|
this.setData({
|
|
title: '开票信息',
|
|
isCreate: true,
|
|
createDialog: !this.data.createDialog,
|
|
companyName: '',
|
|
tinNum: '',
|
|
companyAddress: '',
|
|
companyPhone: '',
|
|
companyBank: '',
|
|
bankNum: '',
|
|
})
|
|
},
|
|
//显示编辑
|
|
showEditDialog(item) {
|
|
const _self = this
|
|
_self.setData({
|
|
tempItem: item,
|
|
companyName: item.invoiceName,
|
|
tinNum: item.invoiceNumber,
|
|
companyAddress: item.invoiceOrgaddress,
|
|
companyPhone: item.invoiceOrgtel,
|
|
companyBank: item.invoiceBank,
|
|
bankNum: item.invoiceBanknumber,
|
|
isCreate: false,
|
|
createDialog: true
|
|
})
|
|
},
|
|
//删除
|
|
showDelDialog(item) {
|
|
wx.showModal({
|
|
title: '警告',
|
|
content: '您确定要删除该开票信息吗?',
|
|
complete: (res) => {
|
|
if (res.confirm) {
|
|
this.doDeleteInvoiceInfo(item)
|
|
}
|
|
}
|
|
})
|
|
},
|
|
//删除开票信息
|
|
doDeleteInvoiceInfo(item) {
|
|
const _self = this
|
|
wx.showLoading({
|
|
title: '删除中...',
|
|
})
|
|
InvoiceApi.doDelMineInvoiceInfo(item.invoiceId)
|
|
.then(res => {
|
|
wx.hideLoading()
|
|
_self.setData({
|
|
msgHint: '删除成功',
|
|
msgType: 'success',
|
|
msgShow: true
|
|
})
|
|
_self.doRefreshList()
|
|
})
|
|
.catch(err => {
|
|
wx.hideLoading()
|
|
_self.setData({
|
|
msgHint: err.msg ? err.msg : '删除失败,请稍后重试',
|
|
msgType: 'error',
|
|
msgShow: true
|
|
})
|
|
})
|
|
},
|
|
//编辑开票信息
|
|
editInvoiceInfo() {
|
|
const isLegl = this.checkParams()
|
|
if (isLegl) {
|
|
const _self = this
|
|
wx.showLoading({
|
|
title: '修改中...',
|
|
})
|
|
const data = _self.buildParams()
|
|
InvoiceApi.doUpdateMineInvoiceInfo(_self.data.tempItem.invoiceId, data)
|
|
.then(res => {
|
|
wx.hideLoading()
|
|
_self.setData({
|
|
tempItem: null,
|
|
msgType: 'success',
|
|
msgHint: '修改开票信息成功',
|
|
msgShow: true,
|
|
companyName: '',
|
|
tinNum: '',
|
|
companyAddress: '',
|
|
companyPhone: '',
|
|
companyBank: '',
|
|
bankNum: '',
|
|
isCreate: true,
|
|
createDialog: false
|
|
})
|
|
_self.doRefreshList()
|
|
})
|
|
.catch(err => {
|
|
wx.hideLoading()
|
|
_self.setData({
|
|
msgType: 'error',
|
|
msgHint: err.msg ? err.msg : '修改开票信息失败,请稍后重试',
|
|
msgShow: true
|
|
})
|
|
})
|
|
}
|
|
},
|
|
buildParams() {
|
|
const _self = this
|
|
const data = {
|
|
invoiceType: "企业",
|
|
invoiceName: _self.data.companyName,
|
|
invoiceNumber: _self.data.tinNum,
|
|
invoiceOrgaddress: _self.data.companyAddress,
|
|
invoiceOrgtel: _self.data.companyPhone,
|
|
invoiceBank: _self.data.companyBank,
|
|
invoiceBanknumber: _self.data.bankNum,
|
|
}
|
|
return data
|
|
},
|
|
//新增开票信息
|
|
saveInvoiceInfo() {
|
|
const _self = this
|
|
var isLegal = _self.checkParams()
|
|
if (isLegal) {
|
|
wx.showLoading({
|
|
title: '提交中...',
|
|
})
|
|
const data = _self.buildParams()
|
|
InvoiceApi.doSaveMineInvoiceInfo(data)
|
|
.then(res => {
|
|
wx.hideLoading()
|
|
_self.setData({
|
|
msgType: 'success',
|
|
msgHint: '新增开票信息成功',
|
|
msgShow: true,
|
|
companyName: '',
|
|
tinNum: '',
|
|
companyAddress: '',
|
|
companyPhone: '',
|
|
companyBank: '',
|
|
bankNum: '',
|
|
createDialog: false
|
|
})
|
|
_self.doRefreshList()
|
|
})
|
|
.catch(err => {
|
|
wx.hideLoading()
|
|
_self.setData({
|
|
msgType: 'error',
|
|
msgHint: err.msg ? err.msg : '新增开票信息失败,请稍后重试',
|
|
msgShow: true
|
|
})
|
|
})
|
|
}
|
|
},
|
|
checkParams() {
|
|
var _self = this
|
|
if (_self.data.companyName == '') {
|
|
_self.setData({
|
|
msgType: 'error',
|
|
msgHint: '请输入公司名称',
|
|
msgShow: true
|
|
})
|
|
return false
|
|
}
|
|
if (_self.data.tinNum == '') {
|
|
_self.setData({
|
|
msgType: 'error',
|
|
msgHint: '请输入纳税人识别号',
|
|
msgShow: true
|
|
})
|
|
return false
|
|
}
|
|
if (_self.data.companyPhone != '') {
|
|
if (!isValidPhone(_self.data.companyPhone)) {
|
|
_self.setData({
|
|
msgType: 'error',
|
|
msgHint: '公司电话号码有误,请核查',
|
|
msgShow: true
|
|
})
|
|
return false
|
|
}
|
|
}
|
|
return true
|
|
},
|
|
|
|
show() {
|
|
console.log('show')
|
|
},
|
|
hide() {
|
|
console.log('hide')
|
|
},
|
|
slideButtonTap(e) {
|
|
console.log(e)
|
|
const item = e.currentTarget.dataset.value
|
|
const btn = e.detail.index
|
|
if (btn == 0) {
|
|
//编辑
|
|
this.showEditDialog(item)
|
|
} else {
|
|
//删除
|
|
this.showDelDialog(item)
|
|
}
|
|
},
|
|
showEditDel() {
|
|
const _self = this
|
|
const isFirst = Cache.get('invoiceFirst', '0')
|
|
if (isFirst == '0') {
|
|
const item = _self.selectComponent('#mp-slide-0')
|
|
if (item) {
|
|
item.setData({
|
|
show: true
|
|
})
|
|
Cache.set('invoiceFirst', '1')
|
|
}
|
|
}
|
|
},
|
|
}) |