|
|
|
@ -18,6 +18,8 @@
|
|
|
|
|
@refresh="init"
|
|
|
|
|
@history="history"
|
|
|
|
|
@selectInsert="selectInsert"
|
|
|
|
|
@revoke="revoke"
|
|
|
|
|
@submit="submit"
|
|
|
|
|
></ActionBar>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
@ -52,7 +54,7 @@
|
|
|
|
|
import { feeStatusList } from './columns'
|
|
|
|
|
// 引入计费标准字典
|
|
|
|
|
import { feeUnitDict } from '/@/hooks/dict/index'
|
|
|
|
|
import { GetList, SubmitFee, DeleteFee } from './api'
|
|
|
|
|
import { GetList, SubmitFee, DeleteFee, ApplyAudit, Withdraw } from './api'
|
|
|
|
|
import { useMessage } from '/@/hooks/web/useMessage'
|
|
|
|
|
const { createMessage } = useMessage()
|
|
|
|
|
defineComponent({
|
|
|
|
@ -96,7 +98,8 @@
|
|
|
|
|
feeCode: '',
|
|
|
|
|
feeName: '',
|
|
|
|
|
feeEnName: '',
|
|
|
|
|
feeType: props.tbType == 'receive' ? 1 : 2,
|
|
|
|
|
quantity: 1,
|
|
|
|
|
feeType: props.tbType == 'receive' ? 1 : 2
|
|
|
|
|
}
|
|
|
|
|
// 表格绑定数据
|
|
|
|
|
const list = ref([])
|
|
|
|
@ -311,10 +314,9 @@
|
|
|
|
|
{
|
|
|
|
|
title: '录入人',
|
|
|
|
|
width: 100,
|
|
|
|
|
data: 'submitBy',
|
|
|
|
|
readOnly: true,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
data: 'createByName',
|
|
|
|
|
readOnly: true
|
|
|
|
|
}, {
|
|
|
|
|
title: '录入日期',
|
|
|
|
|
width: 100,
|
|
|
|
|
data: 'createTime',
|
|
|
|
@ -341,16 +343,14 @@
|
|
|
|
|
{
|
|
|
|
|
title: '修改人',
|
|
|
|
|
width: 100,
|
|
|
|
|
data: 'submitBy',
|
|
|
|
|
readOnly: true,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
data: 'updateByName',
|
|
|
|
|
readOnly: true
|
|
|
|
|
}, {
|
|
|
|
|
title: '修改日期',
|
|
|
|
|
width: 100,
|
|
|
|
|
data: 'createTime',
|
|
|
|
|
readOnly: true,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
data: 'updateTime',
|
|
|
|
|
readOnly: true
|
|
|
|
|
}, {
|
|
|
|
|
title: '发票申请金额',
|
|
|
|
|
width: 100,
|
|
|
|
|
data: 'orderInvoiceAmount',
|
|
|
|
@ -386,8 +386,8 @@
|
|
|
|
|
fixedColumnsLeft: 1,
|
|
|
|
|
// 需要隐藏的列
|
|
|
|
|
hiddenColumns: {
|
|
|
|
|
columns: [1],
|
|
|
|
|
indicators: true,
|
|
|
|
|
columns: [1, 2],
|
|
|
|
|
indicators: true
|
|
|
|
|
},
|
|
|
|
|
// 控制回车移动
|
|
|
|
|
enterMoves: 'row',
|
|
|
|
@ -519,12 +519,57 @@
|
|
|
|
|
}),
|
|
|
|
|
}
|
|
|
|
|
loading.value = true
|
|
|
|
|
SubmitFee(postData)
|
|
|
|
|
.then((res) => {
|
|
|
|
|
SubmitFee(postData).then(res => {
|
|
|
|
|
loading.value = false
|
|
|
|
|
init()
|
|
|
|
|
createMessage.success(res.message)
|
|
|
|
|
}).catch(() => {
|
|
|
|
|
loading.value = false
|
|
|
|
|
})
|
|
|
|
|
.catch(() => {
|
|
|
|
|
}
|
|
|
|
|
// 提交审核
|
|
|
|
|
const submit = (arr) => {
|
|
|
|
|
loading.value = true
|
|
|
|
|
const ids = []
|
|
|
|
|
arr.forEach(res => {
|
|
|
|
|
if (res.id) ids.push(res.id)
|
|
|
|
|
})
|
|
|
|
|
if (ids.length == arr.length) {
|
|
|
|
|
ApplyAudit({ id: '', ids }).then(res => {
|
|
|
|
|
loading.value = false
|
|
|
|
|
createMessage.success(res.message)
|
|
|
|
|
init()
|
|
|
|
|
}).catch(() => {
|
|
|
|
|
loading.value = false
|
|
|
|
|
})
|
|
|
|
|
} else {
|
|
|
|
|
const postData = {
|
|
|
|
|
BusinessId: '1780891904372772864',
|
|
|
|
|
items: arr
|
|
|
|
|
}
|
|
|
|
|
SubmitFee(postData).then(res => {
|
|
|
|
|
const { data } = res
|
|
|
|
|
const ids = data.map(item => {
|
|
|
|
|
return item.id
|
|
|
|
|
})
|
|
|
|
|
ApplyAudit({ ids }).then(res => {
|
|
|
|
|
loading.value = false
|
|
|
|
|
createMessage.success(res.message)
|
|
|
|
|
init()
|
|
|
|
|
}).catch(() => {
|
|
|
|
|
loading.value = false
|
|
|
|
|
})
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
// 撤销提交
|
|
|
|
|
const revoke = (ids) => {
|
|
|
|
|
loading.value = true
|
|
|
|
|
Withdraw(ids).then(res => {
|
|
|
|
|
loading.value = false
|
|
|
|
|
createMessage.success(res.message)
|
|
|
|
|
init()
|
|
|
|
|
}).catch(() => {
|
|
|
|
|
loading.value = false
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
@ -601,14 +646,14 @@
|
|
|
|
|
{ FieldName: 'FeeType', FieldValue: props.tbType == 'receive' ? 1 : 2, ConditionalType: 1 },
|
|
|
|
|
]),
|
|
|
|
|
}
|
|
|
|
|
GetList(postData)
|
|
|
|
|
.then((res) => {
|
|
|
|
|
GetList(postData).then(res => {
|
|
|
|
|
loading.value = false
|
|
|
|
|
const { data } = res
|
|
|
|
|
data.forEach((item, index) => {
|
|
|
|
|
item['feeStatusText'] = feeStatusList[item.feeStatus]
|
|
|
|
|
if (item.createTime) item.createTime = item.createTime.split(' ')[0]
|
|
|
|
|
if (item.auditDate) item.auditDate = item.auditDate.split(' ')[0]
|
|
|
|
|
if (item.updateTime) item.updateTime = item.updateTime.split(' ')[0]
|
|
|
|
|
})
|
|
|
|
|
list.value = data
|
|
|
|
|
// 设置原始数据,取消使用
|
|
|
|
@ -618,16 +663,29 @@
|
|
|
|
|
cells: function(row, col) {
|
|
|
|
|
// 设置费用状态不是录入状态的行为只读
|
|
|
|
|
const props = { readOnly: true }
|
|
|
|
|
// 审核通过(STATUS=0)
|
|
|
|
|
// 录入状态(STATUS=1)
|
|
|
|
|
// 提交审核(STATUS=2)
|
|
|
|
|
// 申请修改 (STATUS=3)
|
|
|
|
|
// 申请删除 (STATUS=4)
|
|
|
|
|
// 撤销申请 (STATUS=5)
|
|
|
|
|
// 驳回提交(STATUS=6)
|
|
|
|
|
// 驳回申请(STATUS=7)
|
|
|
|
|
// 部分结算(STATUS=8)
|
|
|
|
|
// 结算完毕(STATUS=9)
|
|
|
|
|
if (data[row]?.feeStatus != 1 && col != 0) {
|
|
|
|
|
// 配置不同状态的行颜色
|
|
|
|
|
if (data[row]?.feeStatus == 0) {
|
|
|
|
|
props['className'] = 'hot-green'
|
|
|
|
|
}
|
|
|
|
|
if (data[row]?.feeStatus == 2) {
|
|
|
|
|
props['className'] = 'hot-yellow'
|
|
|
|
|
}
|
|
|
|
|
return props
|
|
|
|
|
} else {
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
hotTb.value.hotInstance.loadData(data)
|
|
|
|
@ -642,7 +700,7 @@
|
|
|
|
|
hot.addHook('beforeKeyDown', function (event) {
|
|
|
|
|
// 检查按下的是否是特定的键(例如 'Enter')
|
|
|
|
|
if (event.key === 'ArrowDown') {
|
|
|
|
|
if (hot.getSelected()[0][0] == list.value.length - 1) {
|
|
|
|
|
if (hot.getSelected()[0][0] == list.value.length - 1 && !hot.getActiveEditor()?._opened) {
|
|
|
|
|
list.value.push(JSON.parse(JSON.stringify(row)))
|
|
|
|
|
nextTick(() => {
|
|
|
|
|
hot.selectCell(list.value.length - 1, 3)
|
|
|
|
@ -715,4 +773,15 @@
|
|
|
|
|
.handsontableInput {
|
|
|
|
|
line-height: 30px;
|
|
|
|
|
}
|
|
|
|
|
.hot-yellow {
|
|
|
|
|
background: #FFE37E;
|
|
|
|
|
}
|
|
|
|
|
.hot-green, .hot-yellow {
|
|
|
|
|
.htAutocompleteArrow {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.handsontableInput {
|
|
|
|
|
line-height: 30px;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|