| | |
| | | updateTmsProject |
| | | } from "@/api/tms/tmsProject"; |
| | | import useCurrentInstance from "@/utils/useCurrentInstance"; |
| | | import {computed, reactive, ref, toRefs} from "vue"; |
| | | import {computed, onMounted, reactive, ref, toRefs, watch} from "vue"; |
| | | import {PagesInterface, PageQueryInterface} from "@/utils/globalInterface"; |
| | | import {usePagePlus} from "@/hooks/usePagePlus"; |
| | | import {hasPermission} from "@/utils/permissionUtils"; |
| | | import {getTmsCustomerInfo, listTmsCustomerInfo} from "@/api/tms/tmsCustomerInfo"; |
| | | import {getTmsContract, listTmsContract} from "@/api/tms/tmsContract"; |
| | | |
| | | const {proxy} = useCurrentInstance(); |
| | | const crudRef = ref(); |
| | |
| | | const option = ref({ |
| | | pageKey: 'TmsProject', |
| | | rowKey: 'id', |
| | | group:[ |
| | | { |
| | | label: '基础信息', |
| | | prop: 'jcxx', |
| | | column:{ |
| | | projectName: { |
| | | label: '项目名称', |
| | | display: true, |
| | | rules: [ |
| | | { |
| | | required: true, |
| | | message: "项目名称不能为空", trigger: "blur" |
| | | } |
| | | ], |
| | | }, |
| | | projectCode: { |
| | | label: '项目编号', |
| | | display: true, |
| | | |
| | | }, |
| | | relatedCustomerId: { |
| | | label: '关联客户', |
| | | display: true,minWidth: 150, |
| | | type: 'table',suffixIcon:'search',dataType:'string', |
| | | rules: [ |
| | | { |
| | | required: true, |
| | | message: "关联客户不能为空", trigger: "change" |
| | | } |
| | | ], |
| | | children:{ |
| | | border: true, |
| | | searchMenuSpan: 5, |
| | | column:{ |
| | | customerType: { |
| | | label: '客户类型', minWidth: 120, |
| | | type: 'select', dataType: 'string', dicUrl: '/system/dict/data/type/customer_type', |
| | | search: true, |
| | | }, |
| | | customerShortName: { |
| | | label: '客户简称', minWidth: 130, |
| | | search: true, |
| | | }, |
| | | customerCode: { |
| | | label: '客户编号',minWidth: 120, |
| | | search: true, |
| | | }, |
| | | contactName: { |
| | | label: '联系人姓名',minWidth: 120, |
| | | }, |
| | | signCompanyName: { |
| | | label: '签约公司', minWidth: 150, |
| | | }, |
| | | }, |
| | | |
| | | }, |
| | | props:{ |
| | | label: 'customerShortName', |
| | | value: 'id' |
| | | }, |
| | | onLoad: ({ page, value, data }: { page: any, value: any, data: any }, callback:any) => { |
| | | if (value){ |
| | | let id = value; |
| | | if (Array.isArray(value)){ |
| | | id = value[0] |
| | | } |
| | | getTmsCustomerInfo(id).then(res=>{ |
| | | return callback(res.data||{}) |
| | | }) |
| | | }else{ |
| | | listTmsCustomerInfo({pageSize:page.pageSize,pageNum:page.currentPage,...data}).then(res=>{ |
| | | return callback({ |
| | | total: res.total, |
| | | data: res.rows||[], |
| | | }) |
| | | }) |
| | | } |
| | | |
| | | }, |
| | | change: (val: any) => { |
| | | const table = crudRef.value?.getPropRef?.('relatedCustomerId')?.$refs?.temp; |
| | | if (!table) return; |
| | | let active = table.active; |
| | | if (Array.isArray(active)) active = active[0]; |
| | | if (active) { |
| | | Object.assign(form.value, { |
| | | relatedCustomerId: active.id, |
| | | relatedCustomerName: active.customerShortName, |
| | | }); |
| | | form.value.relatedContractId = undefined; |
| | | form.value.relatedContractName = undefined; |
| | | } |
| | | }, |
| | | }, |
| | | relatedContractId: { |
| | | label: '关联合同', |
| | | display: true,minWidth: 150,dataType:'string', |
| | | type: 'table',suffixIcon:'search', |
| | | rules: [ |
| | | { |
| | | required: true, |
| | | message: "关联合同不能为空", trigger: "change" |
| | | } |
| | | ], |
| | | children:{ |
| | | border: true, |
| | | searchMenuSpan: 5, |
| | | column:{ |
| | | contractCode: { |
| | | label: '合同编号', minWidth: 130, |
| | | search: true, |
| | | }, |
| | | contractName: { |
| | | label: '合同名称',minWidth: 120, |
| | | search: true, |
| | | }, |
| | | contractType: { |
| | | label: '合同类型',minWidth: 120, |
| | | type: 'select', dataType: 'string', dicUrl: '/system/dict/data/type/contract_type', |
| | | search: true, |
| | | }, |
| | | signDate: { |
| | | label: '签约日期', minWidth: 150, |
| | | }, |
| | | contractDate: { |
| | | label: '合同期限', |
| | | display: false, |
| | | hide: false, |
| | | search: false,minWidth:300, |
| | | formatter: (row:any, column:any) => { |
| | | if (row.contractStartDate && row.contractEndDate) { |
| | | return row.contractStartDate + '~' + row.contractEndDate |
| | | } |
| | | return '' |
| | | }, |
| | | }, |
| | | }, |
| | | |
| | | }, |
| | | props:{ |
| | | label: 'contractName', |
| | | value: 'id' |
| | | }, |
| | | onLoad: ({ page, value, data }: { page: any, value: any, data: any }, callback:any) => { |
| | | if (value){ |
| | | let id = value; |
| | | if (Array.isArray(value)){ |
| | | id = value[0] |
| | | } |
| | | getTmsContract(id).then(res=>{ |
| | | return callback(res.data||{}) |
| | | }) |
| | | }else{ |
| | | listTmsContract({partyAId:form.value.relatedCustomerId,pageSize:page.pageSize,pageNum:page.currentPage,...data}).then(res=>{ |
| | | return callback({ |
| | | total: res.total, |
| | | data: res.rows||[], |
| | | }) |
| | | }) |
| | | } |
| | | |
| | | }, |
| | | change: (val: any) => { |
| | | const table = crudRef.value?.getPropRef?.('relatedContractId')?.$refs?.temp; |
| | | if (!table) return; |
| | | let active = table.active; |
| | | if (Array.isArray(active)) active = active[0]; |
| | | if (active) { |
| | | Object.assign(form.value, { |
| | | relatedContractId: active.id, |
| | | relatedContractName: active.contractName, |
| | | }); |
| | | } |
| | | }, |
| | | }, |
| | | |
| | | |
| | | } |
| | | }, |
| | | { |
| | | label: '其他信息', |
| | | prop: 'qtxx', |
| | | column:{ |
| | | status: { |
| | | label: '状态',dataType: 'string', |
| | | type: 'radio', dicUrl: '/system/dict/data/type/project_status', |
| | | addDisplay: false,minWidth: 150, |
| | | editDisplay: false, |
| | | viewDisplay: true, |
| | | hide: false, |
| | | search: true, |
| | | }, |
| | | createTime: { |
| | | label: '创建时间', |
| | | addDisplay: false, |
| | | editDisplay: false, |
| | | viewDisplay: true, |
| | | hide: true, |
| | | search: false, |
| | | }, |
| | | createBy: { |
| | | label: '创建人', |
| | | addDisplay: false, |
| | | editDisplay: false, |
| | | viewDisplay: true, |
| | | }, |
| | | updateBy: { |
| | | label: '更新人', |
| | | addDisplay: false, |
| | | editDisplay: false, |
| | | viewDisplay: true, |
| | | }, |
| | | updateTime: { |
| | | label: '更新时间', |
| | | addDisplay: false, |
| | | editDisplay: false, |
| | | viewDisplay: true, |
| | | }, |
| | | remark: { |
| | | label: '备注', |
| | | type: 'textarea', minRows: 3, maxRows: 5, |
| | | addDisplay: true,span: 24, |
| | | editDisplay: true, |
| | | viewDisplay: true, |
| | | hide: true, |
| | | search: false, |
| | | }, |
| | | } |
| | | } |
| | | ], |
| | | |
| | | column: { |
| | | // id: { |
| | | // label: '主键ID', |
| | | // addDisplay: true, |
| | | // editDisplay: false, |
| | | // viewDisplay: true, |
| | | // hide: true, |
| | | // search: false, |
| | | // }, |
| | | projectName: { |
| | | label: '项目名称', |
| | | addDisplay: true,minWidth: 150, |
| | | editDisplay: true, |
| | | viewDisplay: true, |
| | | hide: false, |
| | | display: false,minWidth: 150, |
| | | search: true, |
| | | rules: [ |
| | | { |
| | | required: true, |
| | | message: "项目名称不能为空", trigger: "blur" |
| | | } |
| | | ], |
| | | }, |
| | | projectCode: { |
| | | label: '项目编号', |
| | | addDisplay: true,minWidth: 150, |
| | | editDisplay: true, |
| | | viewDisplay: true, |
| | | hide: false, |
| | | display: false,minWidth: 150, |
| | | search: true, |
| | | rules: [ |
| | | { |
| | | required: true, |
| | | message: "项目编号不能为空", trigger: "blur" |
| | | } |
| | | ], |
| | | }, |
| | | relatedContractName: { |
| | | label: '关联合同', |
| | | display: false,minWidth: 150, |
| | | search: true, |
| | | }, |
| | | |
| | | relatedContract: { |
| | | label: '关联合同', |
| | | display: true,minWidth: 150, |
| | | hide: false, |
| | | search: true, |
| | | }, |
| | | relatedCustomer: { |
| | | relatedCustomerName: { |
| | | label: '关联客户', |
| | | addDisplay: true,minWidth: 150, |
| | | editDisplay: true, |
| | | viewDisplay: true, |
| | | hide: false, |
| | | display: false,minWidth: 150, |
| | | search: true, |
| | | }, |
| | | status: { |
| | | label: '状态',dataType: 'string', |
| | | type: 'radio', dicUrl: '/system/dict/data/type/data_status', |
| | | addDisplay: false,minWidth: 150, |
| | | editDisplay: false, |
| | | viewDisplay: true, |
| | | hide: false, |
| | | type: 'radio', dicUrl: '/system/dict/data/type/project_status', |
| | | display: false,minWidth: 150, |
| | | search: true, |
| | | rules: [ |
| | | { |
| | | required: true, |
| | | message: "状态不能为空", trigger: "blur" |
| | | } |
| | | ], |
| | | }, |
| | | createTime: { |
| | | label: '创建时间', |
| | | addDisplay: false, |
| | | editDisplay: false, |
| | | viewDisplay: true, |
| | | hide: true, |
| | | search: false, |
| | | }, |
| | | updateBy: { |
| | | label: '更新人', |
| | | addDisplay: false, |
| | | editDisplay: false,minWidth: 150, |
| | | viewDisplay: true, |
| | | hide: false, |
| | | display: false,minWidth: 150, |
| | | search: false, |
| | | }, |
| | | updateTime: { |
| | | label: '更新时间', |
| | | addDisplay: false, |
| | | editDisplay: false,minWidth: 180, |
| | | viewDisplay: true, |
| | | hide: false, |
| | | search: false, |
| | | }, |
| | | remark: { |
| | | label: '备注', |
| | | type: 'textarea', minRows: 3, maxRows: 5, |
| | | addDisplay: true,span: 24, |
| | | editDisplay: true, |
| | | viewDisplay: true, |
| | | hide: true, |
| | | display: false,minWidth: 180, |
| | | search: false, |
| | | }, |
| | | } |
| | |
| | | selectionList.value = selection; |
| | | } |
| | | }) |
| | | |
| | | |
| | | </script> |