|
@@ -19,7 +19,7 @@
|
|
|
</template>
|
|
</template>
|
|
|
<script>
|
|
<script>
|
|
|
import { reviewStatus } from '@/enum/dict';
|
|
import { reviewStatus } from '@/enum/dict';
|
|
|
- import { getTableList } from '@/api/contractManage/contractChange.js';
|
|
|
|
|
|
|
+ import { changeHistory } from '@/api/contractManage/contractChange.js';
|
|
|
import detailDialog from './detailDialog1.vue';
|
|
import detailDialog from './detailDialog1.vue';
|
|
|
|
|
|
|
|
export default {
|
|
export default {
|
|
@@ -28,69 +28,191 @@
|
|
|
return {
|
|
return {
|
|
|
datasource: [],
|
|
datasource: [],
|
|
|
columns: [
|
|
columns: [
|
|
|
- {
|
|
|
|
|
- width: 60,
|
|
|
|
|
|
|
+ {
|
|
|
|
|
+ columnKey: 'index',
|
|
|
label: '序号',
|
|
label: '序号',
|
|
|
type: 'index',
|
|
type: 'index',
|
|
|
- columnKey: 'index',
|
|
|
|
|
- align: 'center'
|
|
|
|
|
|
|
+ width: 55,
|
|
|
|
|
+ align: 'center',
|
|
|
|
|
+ showOverflowTooltip: true,
|
|
|
|
|
+ fixed: 'left'
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ prop: 'contractName',
|
|
|
|
|
+ label: '合同名称',
|
|
|
|
|
+ align: 'center',
|
|
|
|
|
+ slot: 'contractName',
|
|
|
|
|
+ showOverflowTooltip: true,
|
|
|
|
|
+ minWidth: 200
|
|
|
|
|
+ },
|
|
|
|
|
+
|
|
|
|
|
+ {
|
|
|
|
|
+ prop: 'categoryName',
|
|
|
|
|
+ label: '合同分类',
|
|
|
|
|
+ align: 'center',
|
|
|
|
|
+ showOverflowTooltip: true,
|
|
|
|
|
+ minWidth: 140
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
minWidth: 200,
|
|
minWidth: 200,
|
|
|
- prop: 'changeCode',
|
|
|
|
|
- label: '编码',
|
|
|
|
|
|
|
+ prop: 'changeReason',
|
|
|
|
|
+ label: '变更原因',
|
|
|
align: 'center',
|
|
align: 'center',
|
|
|
- slot: 'changeCode',
|
|
|
|
|
showOverflowTooltip: true
|
|
showOverflowTooltip: true
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
minWidth: 200,
|
|
minWidth: 200,
|
|
|
- prop: 'contractName',
|
|
|
|
|
- label: '变更合同',
|
|
|
|
|
- slot: 'contractName',
|
|
|
|
|
|
|
+ prop: 'changeRemark',
|
|
|
|
|
+ label: '变更描述',
|
|
|
align: 'center',
|
|
align: 'center',
|
|
|
showOverflowTooltip: true
|
|
showOverflowTooltip: true
|
|
|
},
|
|
},
|
|
|
-
|
|
|
|
|
{
|
|
{
|
|
|
- minWidth: 200,
|
|
|
|
|
- prop: 'reason',
|
|
|
|
|
- label: '变更原因',
|
|
|
|
|
|
|
+ minWidth: 140,
|
|
|
|
|
+ prop: 'changeTime',
|
|
|
|
|
+ label: '变更时间',
|
|
|
align: 'center',
|
|
align: 'center',
|
|
|
showOverflowTooltip: true
|
|
showOverflowTooltip: true
|
|
|
},
|
|
},
|
|
|
|
|
+ {
|
|
|
|
|
+ prop: 'dversion',
|
|
|
|
|
+ label: '版本号',
|
|
|
|
|
+ align: 'center',
|
|
|
|
|
+ showOverflowTooltip: true,
|
|
|
|
|
+ minWidth: 80
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ prop: 'productNames',
|
|
|
|
|
+ label: '产品名称',
|
|
|
|
|
+ align: 'center',
|
|
|
|
|
+ showOverflowTooltip: true,
|
|
|
|
|
+ minWidth: 140
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ prop: 'partaName',
|
|
|
|
|
+ label: '甲方名称',
|
|
|
|
|
+ align: 'center',
|
|
|
|
|
+ showOverflowTooltip: true,
|
|
|
|
|
+ minWidth: 150
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ prop: 'partaLinkName',
|
|
|
|
|
+ label: '甲方联系人',
|
|
|
|
|
+ align: 'center',
|
|
|
|
|
+ showOverflowTooltip: true,
|
|
|
|
|
+ minWidth: 130
|
|
|
|
|
+ },
|
|
|
|
|
|
|
|
{
|
|
{
|
|
|
- minWidth: 80,
|
|
|
|
|
- prop: 'remark',
|
|
|
|
|
- label: '变更描述',
|
|
|
|
|
|
|
+ prop: 'partaTel',
|
|
|
|
|
+ label: '甲方联系电话',
|
|
|
align: 'center',
|
|
align: 'center',
|
|
|
- showOverflowTooltip: true
|
|
|
|
|
|
|
+ showOverflowTooltip: true,
|
|
|
|
|
+ minWidth: 130
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ prop: 'partbName',
|
|
|
|
|
+ label: '乙方名称',
|
|
|
|
|
+ align: 'center',
|
|
|
|
|
+ showOverflowTooltip: true,
|
|
|
|
|
+ minWidth: 130
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ prop: 'partbLinkName',
|
|
|
|
|
+ label: '乙方联系人',
|
|
|
|
|
+ align: 'center',
|
|
|
|
|
+ showOverflowTooltip: true,
|
|
|
|
|
+ minWidth: 130
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
- prop: 'approvalStatus',
|
|
|
|
|
|
|
+ prop: 'partbTel',
|
|
|
|
|
+ label: '乙方联系电话',
|
|
|
|
|
+ align: 'center',
|
|
|
|
|
+ showOverflowTooltip: true,
|
|
|
|
|
+ minWidth: 130
|
|
|
|
|
+ },
|
|
|
|
|
+
|
|
|
|
|
+ {
|
|
|
|
|
+ prop: 'contractNo',
|
|
|
|
|
+ label: '编码',
|
|
|
|
|
+ align: 'center',
|
|
|
|
|
+ showOverflowTooltip: true,
|
|
|
|
|
+ minWidth: 170
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ prop: 'contractNumber',
|
|
|
|
|
+ label: '合同编号',
|
|
|
|
|
+ align: 'center',
|
|
|
|
|
+ showOverflowTooltip: true,
|
|
|
|
|
+ minWidth: 200
|
|
|
|
|
+ },
|
|
|
|
|
+
|
|
|
|
|
+ {
|
|
|
|
|
+ prop: 'enabled',
|
|
|
|
|
+ label: '是否可用',
|
|
|
|
|
+ align: 'center',
|
|
|
|
|
+ showOverflowTooltip: true,
|
|
|
|
|
+ minWidth: 140,
|
|
|
|
|
+ formatter: (_row, _column, cellValue) => {
|
|
|
|
|
+ return _row.enabled ? '是' : '否';
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ prop: 'contractStartDate',
|
|
|
|
|
+ label: '签订日期',
|
|
|
|
|
+ align: 'center',
|
|
|
|
|
+ showOverflowTooltip: true,
|
|
|
|
|
+ minWidth: 140
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ prop: 'contractEndDate',
|
|
|
|
|
+ label: '结束日期',
|
|
|
|
|
+ align: 'center',
|
|
|
|
|
+ showOverflowTooltip: true,
|
|
|
|
|
+ minWidth: 140
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ prop: 'receiptPaymentType',
|
|
|
|
|
+ label: '收付款类型',
|
|
|
|
|
+ align: 'center',
|
|
|
|
|
+ showOverflowTooltip: true,
|
|
|
|
|
+ minWidth: 130,
|
|
|
|
|
+ formatter: (_row, _column, cellValue) => {
|
|
|
|
|
+ return _row.receiptPaymentType == 1 ? '固定' : '分期';
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ prop: 'totalPrice',
|
|
|
|
|
+ label: '合同总金额',
|
|
|
|
|
+ align: 'center',
|
|
|
|
|
+ showOverflowTooltip: true,
|
|
|
|
|
+ minWidth: 130
|
|
|
|
|
+ },
|
|
|
|
|
+
|
|
|
|
|
+ {
|
|
|
|
|
+ prop: 'status',
|
|
|
label: '审核状态',
|
|
label: '审核状态',
|
|
|
align: 'center',
|
|
align: 'center',
|
|
|
showOverflowTooltip: true,
|
|
showOverflowTooltip: true,
|
|
|
minWidth: 100,
|
|
minWidth: 100,
|
|
|
formatter: (_row, _column, cellValue) => {
|
|
formatter: (_row, _column, cellValue) => {
|
|
|
- return reviewStatus[_row.approvalStatus];
|
|
|
|
|
|
|
+ return reviewStatus[_row.status];
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
- minWidth: 100,
|
|
|
|
|
- prop: 'createUserName',
|
|
|
|
|
|
|
+ prop: 'createUsername',
|
|
|
label: '创建人',
|
|
label: '创建人',
|
|
|
align: 'center',
|
|
align: 'center',
|
|
|
- showOverflowTooltip: true
|
|
|
|
|
|
|
+ showOverflowTooltip: true,
|
|
|
|
|
+ minWidth: 120
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
- minWidth: 100,
|
|
|
|
|
prop: 'createTime',
|
|
prop: 'createTime',
|
|
|
label: '创建时间',
|
|
label: '创建时间',
|
|
|
align: 'center',
|
|
align: 'center',
|
|
|
- showOverflowTooltip: true
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ showOverflowTooltip: true,
|
|
|
|
|
+ minWidth: 150
|
|
|
|
|
+ },
|
|
|
]
|
|
]
|
|
|
};
|
|
};
|
|
|
},
|
|
},
|
|
@@ -98,15 +220,11 @@
|
|
|
methods: {
|
|
methods: {
|
|
|
//查看详情
|
|
//查看详情
|
|
|
openDetail(row) {
|
|
openDetail(row) {
|
|
|
- this.$refs.contactDetailDialogRef.open({id:row.contractId});
|
|
|
|
|
|
|
+ this.$refs.contactDetailDialogRef.open({id:row.id});
|
|
|
},
|
|
},
|
|
|
init(id) {
|
|
init(id) {
|
|
|
- getTableList({
|
|
|
|
|
- pageNum: 1,
|
|
|
|
|
- size: 100,
|
|
|
|
|
- contractId: id
|
|
|
|
|
- }).then((res) => {
|
|
|
|
|
- this.datasource=res.list
|
|
|
|
|
|
|
+ changeHistory(id).then((res) => {
|
|
|
|
|
+ this.datasource=res
|
|
|
});
|
|
});
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|