|
@@ -111,7 +111,16 @@
|
|
<!--<el-form-item v-if="showHideItem" label="报告号" prop="reportNumber">
|
|
<!--<el-form-item v-if="showHideItem" label="报告号" prop="reportNumber">
|
|
<el-input size="small" v-model="searchForm.reportNumber" placeholder="请输入报告号" clearable></el-input>
|
|
<el-input size="small" v-model="searchForm.reportNumber" placeholder="请输入报告号" clearable></el-input>
|
|
</el-form-item>-->
|
|
</el-form-item>-->
|
|
-
|
|
|
|
|
|
+ <el-form-item v-if="showHideItem" label="付款状态" prop="paymentStatus">
|
|
|
|
+ <el-select v-model="searchForm.paymentStatus" placeholder="请选择付款状态" clearable>
|
|
|
|
+ <el-option
|
|
|
|
+ v-for="item in $dictUtils.getDictList('payment_status')"
|
|
|
|
+ :key="item.value"
|
|
|
|
+ :label="item.label"
|
|
|
|
+ :value="item.value">
|
|
|
|
+ </el-option>
|
|
|
|
+ </el-select>
|
|
|
|
+ </el-form-item>
|
|
<el-form-item>
|
|
<el-form-item>
|
|
<el-button @click="showHide" :icon="showHideIcon">{{showHideName}}</el-button>
|
|
<el-button @click="showHide" :icon="showHideIcon">{{showHideName}}</el-button>
|
|
<el-button type="primary" @click="refreshList()" icon="el-icon-search">查询</el-button>
|
|
<el-button type="primary" @click="refreshList()" icon="el-icon-search">查询</el-button>
|
|
@@ -140,6 +149,7 @@
|
|
show-header-overflow
|
|
show-header-overflow
|
|
show-overflow
|
|
show-overflow
|
|
highlight-hover-row
|
|
highlight-hover-row
|
|
|
|
+ :tooltip-config="tooltipConfig"
|
|
:menu-config="{}"
|
|
:menu-config="{}"
|
|
:sort-config="{remote:true}"
|
|
:sort-config="{remote:true}"
|
|
:export-config="{
|
|
:export-config="{
|
|
@@ -196,7 +206,11 @@
|
|
<el-button @click="detail(scope.row)" :type="$dictUtils.getDictLabel('status_info', scope.row.type, '')" effect="dark" >{{$dictUtils.getDictLabel("status", scope.row.type, '未开始')}} </el-button>
|
|
<el-button @click="detail(scope.row)" :type="$dictUtils.getDictLabel('status_info', scope.row.type, '')" effect="dark" >{{$dictUtils.getDictLabel("status", scope.row.type, '未开始')}} </el-button>
|
|
</template>
|
|
</template>
|
|
</vxe-column>
|
|
</vxe-column>
|
|
-
|
|
|
|
|
|
+ <vxe-column min-width="100" title="付款状态" fixed="right" align="center" field="paymentStatus">
|
|
|
|
+ <template #default="scope">
|
|
|
|
+ <el-button :type="$dictUtils.getDictLabel('payment_status_info', scope.row.paymentStatus, '')" effect="dark" >{{$dictUtils.getDictLabel("payment_status", scope.row.paymentStatus, '未付款')}} </el-button>
|
|
|
|
+ </template>
|
|
|
|
+ </vxe-column>
|
|
<vxe-column title="操作" width="130px" fixed="right" align="center">
|
|
<vxe-column title="操作" width="130px" fixed="right" align="center">
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
<!-- 管理员修改-->
|
|
<!-- 管理员修改-->
|
|
@@ -207,8 +221,11 @@
|
|
<el-button v-if="hasPermission('ccpm:info:edit') && scope.row.createId === $store.state.user.id && (scope.row.type === '2')" text type="primary" @click="reback(scope.row)">撤回</el-button>
|
|
<el-button v-if="hasPermission('ccpm:info:edit') && scope.row.createId === $store.state.user.id && (scope.row.type === '2')" text type="primary" @click="reback(scope.row)">撤回</el-button>
|
|
<el-button v-if="hasPermission('ccpm:info:del') && scope.row.createId === $store.state.user.id && (scope.row.type === '1')" text type="primary" @click="del(scope.row.id)">删除</el-button>
|
|
<el-button v-if="hasPermission('ccpm:info:del') && scope.row.createId === $store.state.user.id && (scope.row.type === '1')" text type="primary" @click="del(scope.row.id)">删除</el-button>
|
|
<el-button v-if="checkIsAudit(scope.row)" text type="primary" @click="todo(scope.row)">审核</el-button>
|
|
<el-button v-if="checkIsAudit(scope.row)" text type="primary" @click="todo(scope.row)">审核</el-button>
|
|
|
|
+ <!-- 付款-->
|
|
|
|
+ <el-button v-if="hasPermission('ccpm:user:payment') && scope.row.paymentStatus !== '1'" text type="primary" @click="payment(scope.row)">付款</el-button>
|
|
|
|
+ <el-button v-if="hasPermission('ccpm:user:payment') && scope.row.paymentStatus === '1'" text type="primary" @click="rePayment(scope.row)">撤回付款</el-button>
|
|
|
|
|
|
- </template>
|
|
|
|
|
|
+ </template>
|
|
</vxe-column>
|
|
</vxe-column>
|
|
</vxe-table>
|
|
</vxe-table>
|
|
<vxe-pager
|
|
<vxe-pager
|
|
@@ -271,7 +288,8 @@
|
|
amounts: [],
|
|
amounts: [],
|
|
reportNumber: '',
|
|
reportNumber: '',
|
|
sourceType: '',
|
|
sourceType: '',
|
|
- no:''
|
|
|
|
|
|
+ no:'',
|
|
|
|
+ paymentStatus:''
|
|
},
|
|
},
|
|
dataList: [],
|
|
dataList: [],
|
|
tablePage: {
|
|
tablePage: {
|
|
@@ -287,7 +305,22 @@
|
|
isAdmin:false,
|
|
isAdmin:false,
|
|
isDgsbxBmzr:false,
|
|
isDgsbxBmzr:false,
|
|
isKjsz:false,
|
|
isKjsz:false,
|
|
- isXdj:false
|
|
|
|
|
|
+ isXdj:false,
|
|
|
|
+ tooltipConfig: {
|
|
|
|
+ showAll: false,
|
|
|
|
+ enterable: true,
|
|
|
|
+ contentMethod: ({ type, column, row, items, _columnIndex }) => {
|
|
|
|
+ const { field } = column
|
|
|
|
+ // 重写默认的提示内容
|
|
|
|
+ if (field === 'paymentStatus') {
|
|
|
|
+ if (row.paymentStatus === '1') {
|
|
|
|
+ return '付款时间:' + row.paymentTime;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ // 其余的单元格使用默认行为
|
|
|
|
+ return null
|
|
|
|
+ }
|
|
|
|
+ }
|
|
}
|
|
}
|
|
},
|
|
},
|
|
// reimbursementService: null,
|
|
// reimbursementService: null,
|
|
@@ -970,6 +1003,34 @@
|
|
console.log(user[0].name)
|
|
console.log(user[0].name)
|
|
this.searchForm.reimBy=user[0].name
|
|
this.searchForm.reimBy=user[0].name
|
|
},
|
|
},
|
|
|
|
+ //付款
|
|
|
|
+ payment(row){
|
|
|
|
+ this.$confirm(`确定付款吗?`, '提示', {
|
|
|
|
+ confirmButtonText: '确定',
|
|
|
|
+ cancelButtonText: '取消',
|
|
|
|
+ type: 'warning'
|
|
|
|
+ }).then(() => {
|
|
|
|
+ let param = {paymentStatus: '1', id: row.id}
|
|
|
|
+ this.reimbursementService.updatePaymentStatus(param).then((data)=>{
|
|
|
|
+ this.$message.success(data)
|
|
|
|
+ this.refreshList()
|
|
|
|
+ })
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ //撤回付款
|
|
|
|
+ rePayment(row){
|
|
|
|
+ this.$confirm(`确定撤回付款吗?`, '提示', {
|
|
|
|
+ confirmButtonText: '确定',
|
|
|
|
+ cancelButtonText: '取消',
|
|
|
|
+ type: 'warning'
|
|
|
|
+ }).then(() => {
|
|
|
|
+ let param = {paymentStatus: '0', id: row.id}
|
|
|
|
+ this.reimbursementService.updatePaymentStatus(param).then((data)=>{
|
|
|
|
+ this.$message.success(data)
|
|
|
|
+ this.refreshList()
|
|
|
|
+ })
|
|
|
|
+ })
|
|
|
|
+ },
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
</script>
|