新增字段

wujianwei

2026-01-14 4feb321e6fa88e86991da3610b2bdfcf5a2d87a7

 ui/admin-ui3/src/views/tms/tmsProject/index.vue

@@ -1,5 +1,5 @@
<template>
  <basicContainer >
  <basicContainer>
    <avue-crud
        :option="option"
        :table-loading="pageF.loading"
@@ -50,159 +50,356 @@
</template>

<script setup name="tmsProject" lang="ts">
  import {TmsProjectI,addTmsProject, delTmsProject, exportTmsProject, getTmsProject, listTmsProject, updateTmsProject} from "@/api/tms/tmsProject";
  import useCurrentInstance from "@/utils/useCurrentInstance";
  import {computed,reactive, ref, toRefs} from "vue";
  import {PagesInterface, PageQueryInterface} from "@/utils/globalInterface";
  import {usePagePlus} from "@/hooks/usePagePlus";
  import {hasPermission} from "@/utils/permissionUtils";
import {
  TmsProjectI,
  addTmsProject,
  delTmsProject,
  exportTmsProject,
  getTmsProject,
  listTmsProject,
  updateTmsProject
} from "@/api/tms/tmsProject";
import useCurrentInstance from "@/utils/useCurrentInstance";
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 {proxy} = useCurrentInstance();
const crudRef = ref();

  const permissionList = computed(()=>{
    return {
      addBtn: hasPermission(["tms:tmsProject:add"]),
      delBtn: hasPermission(["tms:tmsProject:remove"]),
      editBtn: hasPermission(["tms:tmsProject:edit"]),
      viewBtn: hasPermission(["tms:tmsProject:query"]),
    }
  })
const permissionList = computed(() => {
  return {
    addBtn: hasPermission(["tms:tmsProject:add"]),
    delBtn: hasPermission(["tms:tmsProject:remove"]),
    editBtn: hasPermission(["tms:tmsProject:edit"]),
    viewBtn: hasPermission(["tms:tmsProject:query"]),
  }
})

  const data = reactive({
    form:<TmsProjectI>{},
    queryParams:<TmsProjectI&PageQueryInterface>{},
    page: <PagesInterface>{
      pageSize: 10,
      total: 0,
      currentPage: 1,
    },
    selectionList:[],
  })
  const {queryParams,form,page,selectionList} = toRefs(data);
  const option = ref({
    pageKey: 'TmsProject',
    rowKey: 'id',
    column: {
                                id: {
          label: '主键ID',
                  addDisplay :true,
        editDisplay : false,
        viewDisplay : false,
        hide : true,
        search : false,
                  },
                                projectName: {
const data = reactive({
  form: <TmsProjectI>{},
  queryParams: <TmsProjectI & PageQueryInterface>{},
  page: <PagesInterface>{
    pageSize: 10,
    total: 0,
    currentPage: 1,
  },
  selectionList: [],
})
const {queryParams, form, page, selectionList} = toRefs(data);
const option = ref({
  pageKey: 'TmsProject',
  rowKey: 'id',
  group:[
    {
      label: '基础信息',
      prop: 'jcxx',
      column:{
        projectName: {
          label: '项目名称',
                  addDisplay :true,
        editDisplay :true,
        viewDisplay :true,
        hide :false,
        search :true,
                      rules: [
              {
                required: true,
                message: "项目名称不能为空", trigger: "blur" }
            ],                  },
                                projectCode: {
          display: true,
          rules: [
            {
              required: true,
              message: "项目名称不能为空", trigger: "blur"
            }
          ],
        },
        projectCode: {
          label: '项目编号',
                  addDisplay :true,
        editDisplay :true,
        viewDisplay :true,
        hide :false,
        search :true,
                      rules: [
              {
                required: true,
                message: "项目编号不能为空", trigger: "blur" }
            ],                  },
                                relatedContract: {
          label: '关联合同',
                  addDisplay :true,
        editDisplay :true,
        viewDisplay :true,
        hide :false,
        search :true,
                  },
                                relatedCustomer: {
          display: true,

        },
        relatedCustomerId: {
          label: '关联客户',
                  addDisplay :true,
        editDisplay :true,
        viewDisplay :true,
        hide :false,
        search :true,
                  },
                                status: {
          label: '状态',
                      type: 'radio', dicUrl: '/system/dict/data/type/data_status',
                  addDisplay :true,
        editDisplay :true,
        viewDisplay :true,
        hide :false,
        search :true,
                      rules: [
              {
                required: true,
                message: "状态不能为空", trigger: "blur" }
            ],                  },
                                createTime: {
          label: '创建时间',
                      type: 'date', valueFormat: 'YYYY-MM-DD',
                  addDisplay : false,
        editDisplay : false,
        viewDisplay : false,
        hide : true,
        search : false,
                  },
                                updateBy: {
          label: '更新人',
                  addDisplay : false,
        editDisplay : false,
        viewDisplay : false,
        hide :false,
        search : false,
                  },
                                updateTime: {
          label: '更新时间',
                      type: 'date', valueFormat: 'YYYY-MM-DD',
                  addDisplay : false,
        editDisplay : false,
        viewDisplay : false,
        hide :false,
        search : false,
                  },
                                remark: {
          label: '备注',
                      type: 'textarea', minRows: 3, maxRows: 5,
                  addDisplay :true,
        editDisplay :true,
        viewDisplay : false,
        hide : true,
        search : false,
                  },
          }
  })
          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,
              },
            },

  const { tableData,pageF,rowSave,rowUpdate,rowDel,beforeOpen,searchChange,
    searchReset,selectionChange,onLoad,currentChange,sizeChange,handleDelete,handleExport,handleUpdate,refreshChange} = usePagePlus({
    form:form,
    option:option,
    queryParams:queryParams,
    idKey:'id',
    page:page.value,
    getListApi:listTmsProject,
    getDetailApi:getTmsProject,
    exportApi:exportTmsProject,
    deleteApi:delTmsProject,
    addApi:addTmsProject,
    updateApi:updateTmsProject,
    handleUpdateFunc:()=>{
      crudRef.value.rowEdit(selectionList.value[0]);
          },
          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,
              });
            }
          },
        },


      }
    },
    handleSelectionChangeFunc:(selection:any)=>{
      selectionList.value = selection;
    {
      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: {
    projectName: {
      label: '项目名称',
      display: false,minWidth: 150,
      search: true,
    },
    projectCode: {
      label: '项目编号',
      display: false,minWidth: 150,
      search: true,
    },
    relatedContractName: {
      label: '关联合同',
      display: false,minWidth: 150,
      search: true,
    },

    relatedCustomerName: {
      label: '关联客户',
      display: false,minWidth: 150,
      search: true,
    },
    status: {
      label: '状态',dataType: 'string',
      type: 'radio', dicUrl: '/system/dict/data/type/project_status',
      display: false,minWidth: 150,
      search: true,
    },
    updateBy: {
      label: '更新人',
      display: false,minWidth: 150,
      search: false,
    },
    updateTime: {
      label: '更新时间',
      display: false,minWidth: 180,
      search: false,
    },
  }
})

const {
  tableData,
  pageF,
  rowSave,
  rowUpdate,
  rowDel,
  beforeOpen,
  searchChange,
  searchReset,
  selectionChange,
  onLoad,
  currentChange,
  sizeChange,
  handleDelete,
  handleExport,
  handleUpdate,
  refreshChange
} = usePagePlus({
  form: form,
  option: option,
  queryParams: queryParams,
  idKey: 'id',
  page: page.value,
  getListApi: listTmsProject,
  getDetailApi: getTmsProject,
  exportApi: exportTmsProject,
  deleteApi: delTmsProject,
  addApi: addTmsProject,
  updateApi: updateTmsProject,
  handleUpdateFunc: () => {
    crudRef.value.rowEdit(selectionList.value[0]);
  },
  handleSelectionChangeFunc: (selection: any) => {
    selectionList.value = selection;
  }
})

</script>