合同要素

src/components/Form/src/components/UploadList.vue

@@ -9,8 +9,8 @@
         <template v-if="column.dataIndex === 'fileOrg'">
           <a @click="handleDownload(record)">{{record.fileOrg}}</a>
         </template>
-        <template v-if="column.dataIndex === 'docDesc' && !disabled">
-          <a-input :placeholder="t('请输入附件说明')" :disabled="disabled" v-model:value="record.docDesc" />
+        <template v-if="column.dataIndex === 'remark' && !disabled">
+          <a-input :placeholder="t('请输入附件说明')" :disabled="disabled" v-model:value="record.remark" />
         </template>
           <template v-if="column.dataIndex === 'operation'">
             <a style="margin-right: 10px" @click="btnCheck('delete', record, index)">删除</a>
@@ -34,7 +34,7 @@
   const columns = ref([
     { title: t('序号'), dataIndex: 'index', sorter: true, customRender: (column) => `${column.index + 1}`},
     { title: t('附件名称'), dataIndex: 'fileOrg', sorter: true},
-    { title: t('附件说明'), dataIndex: 'docDesc', sorter: true},
+    { title: t('附件说明'), dataIndex: 'remark', sorter: true},
     { title: t('操作'), dataIndex: 'operation', sorter: true},
   ]);
   const tableId = ref<string>();

src/components/common/approListModal.vue

@@ -0,0 +1,111 @@
+<template>
+  <div>
+    <BasicModal v-bind="$attrs" @register="registerModal" width="60%" :title="getTitle" @ok="handleSubmit"
+      @visible-change="handleVisibleChange" >
+        <BasicTable @register="registerTable" class="approListModal"></BasicTable>
+    </BasicModal>
+  </div>
+</template>
+<script lang="ts" setup>
+    import { ref, computed, unref, nextTick  } from 'vue';
+    import { BasicModal, useModalInner, useModal } from '/@/components/Modal';
+    import { BasicForm, useForm } from '/@/components/Form/index';
+    import { BasicTable, useTable, FormSchema, BasicColumn, TableAction } from '/@/components/Table';
+    import { useMessage } from '/@/hooks/web/useMessage';
+    import { useI18n } from '/@/hooks/web/useI18n';
+    import { getLngApproPage} from '/@/api/approve/appro';
+
+    const { t } = useI18n();
+    const codeFormSchema: FormSchema[] = [
+      { field: 'title', label: '标题/编号', component: 'Input'},
+    ];
+
+    const columns: BasicColumn[] = [
+      { dataIndex: 'title', title: '标题', align: 'left', sorter: true},
+      { dataIndex: 'code', title: '编号', align: 'left', sorter: true},
+      { dataIndex: 'typeName', title: '签报类型', align: 'left', sorter: true},
+      { dataIndex: 'empName', title: '拟稿人', align: 'left', sorter: true},
+      { dataIndex: 'bDeptName', title: '拟稿人所属部门', align: 'left', sorter: true},
+      { dataIndex: 'dateAppro', title: '拟稿日期', align: 'left', sorter: true},
+      { dataIndex: 'file', title: '附件', align: 'left', sorter: true},
+      
+    ];
+
+    const emit = defineEmits(['success', 'register']);
+
+    const { notification } = useMessage();
+    const isUpdate = ref(true);
+    const rowId = ref('');
+    const selectedKeys = ref<string[]>([]);
+    const selectedValues = ref([]);
+    const props = defineProps({
+      selectType: { type: String, default: 'checkbox' },
+    
+    });
+    const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+
+        setModalProps({ confirmLoading: false });
+
+        isUpdate.value = !!data?.isUpdate;
+    });
+
+    const [registerTable, { getDataSource, setTableData, updateTableDataRecord, reload  }] = useTable({
+        title: t('签报列表'),
+        api: getLngApproPage,
+        columns,
+  
+        bordered: true,
+        pagination: true,
+        canResize: false,
+        formConfig: {
+          labelCol:{span: 9, offSet:10},
+          schemas: codeFormSchema,
+          showResetButton: true,
+        },
+        immediate: false, // 设置为不立即调用
+        beforeFetch: (params) => {
+          return { ...params, valid: 'Y',approCode: 'YSP'};
+        },
+        rowSelection: {
+          type: props.selectType,
+          onChange: onSelectChange
+        },
+    });
+    const handleVisibleChange = (visible: boolean) => {
+      if (visible) {
+        nextTick(() => {
+          reload();
+        });
+      }
+    };
+    function onSelectChange(rowKeys: string[], e) {
+      selectedKeys.value = rowKeys;
+      selectedValues.value = e
+    }
+    const getTitle = computed(() => (!unref(isUpdate) ? t('签报列表') : t('')));
+
+    async function handleSubmit() {
+      if (!selectedValues.value.length) {
+        notification.warning({
+          message: t('提示'),
+          description: t('请选择签报')
+        });
+        return
+      }
+      closeModal();
+      emit('success', selectedValues.value);
+    }
+
+
+
+  
+
+
+
+</script>
+<style >
+ .approListModal .basicCol{
+    position: inherit !important;
+    top: 0;
+  }
+</style>

src/components/common/bankListModal.vue

@@ -18,65 +18,16 @@
 
     const { t } = useI18n();
     const codeFormSchema: FormSchema[] = [
-      {
-        field: 'shortName',
-        label: '银行名称/简称',
-        component: 'Input',
-      },
+      { field: 'shortName', label: '银行名称/简称', component: 'Input'},
     ];
 
     const columns: BasicColumn[] = [
-     {
-        dataIndex: 'code',
-        title: '编码',
-        componentType: 'input',
-        align: 'left',
-
-        sorter: true,
-      },
-
-      {
-        dataIndex: 'fullName',
-        title: '名称',
-        componentType: 'input',
-        align: 'left',
-
-        sorter: true,
-      },
-      {
-        dataIndex: 'shortName',
-        title: '简称',
-        componentType: 'input',
-        align: 'left',
-
-        sorter: true,
-      },
-      {
-        dataIndex: 'bankCode',
-        title: '联行号',
-        componentType: 'input',
-        align: 'left',
-
-        sorter: true,
-      },
-      {
-        dataIndex: 'regionName',
-        title: '所属国家和地区',
-        componentType: 'input',
-        align: 'left',
-
-        sorter: true,
-      },
-
-      {
-        dataIndex: 'swift',
-        title: 'SWIFT',
-        componentType: 'input',
-        align: 'left',
-
-        sorter: true,
-      },
-
+      { dataIndex: 'code', title: '编码', componentType: 'input', align: 'left', sorter: true},
+      { dataIndex: 'fullName', title: '名称', componentType: 'input', align: 'left', sorter: true},
+      { dataIndex: 'shortName', title: '简称', componentType: 'input', align: 'left', sorter: true},
+      { dataIndex: 'bankCode', title: '联行号', componentType: 'input', align: 'left', sorter: true },
+      { dataIndex: 'regionName', title: '所属国家和地区', componentType: 'input', align: 'left', sorter: true},
+      { dataIndex: 'swift', title: 'SWIFT', componentType: 'input', align: 'left', sorter: true},
     ];
 
     const emit = defineEmits(['success', 'register']);

src/components/common/contractFactUserModal.vue

@@ -0,0 +1,157 @@
+<template>
+  <BasicModal v-bind="$attrs" destroyOnClose @register="registerModal" showFooter :title="getTitle" width="40%" @ok="handleSubmit" @cancel="handleCancel" :showOkBtn="!isDisable">
+    <a-form ref="formRef" class="formViewStyle" :model="formState" :rules="rules" v-bind="{labelCol: { span: 8 },wrapperCol: { span: 16 },}">
+      <a-row>
+        <a-col :span="12">
+          <a-form-item label="相对方名称" name="cpName" :label-col="{ span: 8 }" :wrapper-col="{ span: 24 }">
+            <a-input-search v-model:value="formState.cpName" :disabled="isDisable" placeholder="请选择名称"  readonly @search="onSearchUser"/>
+          </a-form-item>
+        </a-col>
+         <a-col :span="12">
+          <a-form-item label="相对方序号" name="sort">
+            <a-input-number v-model:value="formState.sort" style="width: 100%" :precision="0" :min="0" :step="1"/>
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item label="对方银行名称" name="cpBankName" :label-col="{ span: 8 }" :wrapper-col="{ span: 24 }">
+            <a-select v-model:value="formState.cpBankName" placeholder="请选择银行名称" :disabled="isDisable" style="width: 100%" allow-clear>
+              <a-select-option v-for="item in optionList" :key="item.code" :value="item.code">
+                  {{ item.fullName }}
+              </a-select-option>
+            </a-select>
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item label="对方银行开户名" name="cpBankAccountName" :label-col="{ span: 8 }" :wrapper-col="{ span: 24 }">
+            <a-input  v-model:value="formState.cpBankAccountName" disabled />
+          </a-form-item>
+        </a-col>
+          <a-col :span="12">
+          <a-form-item label="对方银行账号" name="cpBankAccount" :label-col="{ span: 8 }" :wrapper-col="{ span: 24 }">
+            <a-input  v-model:value="formState.cpBankAccount" disabled />
+          </a-form-item>
+        </a-col>
+          <a-col :span="12">
+          <a-form-item label="对方联系人姓名" name="contactName" :label-col="{ span: 8 }" :wrapper-col="{ span: 24 }">
+            <a-input  v-model:value="formState.contactName" placeholder="请输入资质证书编号" />
+          </a-form-item>
+        </a-col>
+          <a-col :span="12">
+          <a-form-item label="对方联系人电话" name="contactTel" :label-col="{ span: 8 }" :wrapper-col="{ span: 24 }">
+            <a-input  v-model:value="formState.contactTel" placeholder="请输入资质证书编号" />
+          </a-form-item>
+        </a-col>
+          <a-col :span="12">
+          <a-form-item label="对方联系人邮箱" name="contactEmail" :label-col="{ span: 8 }" :wrapper-col="{ span: 24 }">
+            <a-input  v-model:value="formState.contactEmail" placeholder="请输入资质证书编号" />
+          </a-form-item>
+        </a-col>
+          <a-col :span="24">
+          <a-form-item label="对方通讯地址" name="contactAddress" :label-col="{ span: 4 }" :wrapper-col="{ span: 24 }">
+            <a-input  v-model:value="formState.contactAddress" placeholder="请输入资质证书编号" />
+          </a-form-item>
+        </a-col>
+        <a-col :span="24">
+          <a-form-item label="备注" name="note" :label-col="{ span: 4 }" :wrapper-col="{ span: 24 }">
+            <a-textarea  v-model:value="formState.note"  placeholder="请输入备注，最多50字" :disabled="isDisable" :maxlength="50"  :auto-size="{ minRows: 2, maxRows: 5 }"/>
+          </a-form-item>
+        </a-col>
+      </a-row>
+    </a-form>
+    <customerSupplierListModal @register="register" @success="handleSuccess"/>
+  </BasicModal>
+</template>
+
+<script setup lang="ts">
+import {  ref, onMounted, computed, unref,reactive } from 'vue';
+import { BasicModal, useModalInner } from '/@/components/Modal';
+import { Form, message } from 'ant-design-vue';
+import { useI18n } from '/@/hooks/web/useI18n';
+import type { Rule } from 'ant-design-vue/es/form';
+import { useMessage } from '/@/hooks/web/useMessage';
+import { getDocCpList } from '/@/api/sales/Customer';
+import type { FormInstance } from 'ant-design-vue';
+import customerSupplierListModal from '/@/components/common/customerSupplierListModal.vue';
+
+
+
+const { t } = useI18n(); 
+const isUpdate = ref(true);
+const isDisable = ref(false);
+let optionList = reactive([])
+const formRef = ref()
+const { notification } = useMessage();
+const emit = defineEmits(['success','register']);
+const getTitle = computed(() => (!unref(isUpdate) ? t('新增证书') : t('编辑证书')));
+let formState = reactive({
+  docTypeCode: '',
+  fileList: [],
+  filePath: ''
+});
+const list = ref()
+const rules = {
+  docTypeCode: [{ required: true, message: "该项为必填项", trigger: 'change' }],
+};
+
+const props = defineProps({
+  type: String
+})
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+  curData.value = ''
+  formState.filePath = ''
+  getOption()
+  setModalProps({ confirmLoading: false });
+  isUpdate.value = !!data?.isUpdate;
+  isDisable.value = data?.btnType == 'view' ? true : false 
+  list.value = data.list
+  if (unref(isUpdate)) {
+    Object.assign(formState, {...data.record})
+
+    }
+  });
+
+  onMounted(() => {
+    getOption()
+  });
+
+
+  async function getOption() {
+    let obj = {}
+    if (props.type == 'cuSign') {
+      obj = {'cuSign': 'Y'}
+    } else {
+      obj = {'suSign': 'Y'}
+      tableName = 'supplier'
+    }
+    optionList = await getDocCpList({'valid': 'Y',...obj })
+  }
+  const handleCancel = () => {
+    formRef.value.resetFields();
+  }
+  const handleSubmit = async () => {
+    try {
+      await formRef.value.validate();
+      // 验证通过，提交表单
+      let obj = {
+        ...formState,
+   
+      }
+      let idx =list.value.findIndex(v => v.docTypeCode == obj.docTypeCode)
+      if (idx > -1 && formState.docTypeCode !=curData.value) {
+        message.warn('证书已存在')
+        formRef.value.resetFields();
+        closeModal();
+        return
+      }
+      emit('success', obj);
+      notification.success({
+        message: t('操作'),
+        description:!unref(isUpdate)? t('新增成功') : t('编辑成功')
+      }); //提示消息
+      formRef.value.resetFields();
+      closeModal();
+    } catch (error) {
+      console.log('验证失败:', error);
+    }
+  };
+  </script>

src/components/common/customerListModal.vue

@@ -17,47 +17,15 @@
 
     const { t } = useI18n();
     const codeFormSchema: FormSchema[] = [
-      {
-        field: 'cuName',
-        label: '客户名称',
-        component: 'Input',
-      },
+      { field: 'cuName', label: '客户名称', component: 'Input'},
     ];
 
     const columns: BasicColumn[] = [
-     {
-        dataIndex: 'cuCode',
-        title: '客户编码',
-        align: 'left',
-        sorter: true,
-      },
-
-      {
-        dataIndex: 'cuName',
-        title: '客户名称',
-        align: 'left',
-        sorter: true,
-      },
-      {
-        dataIndex: 'cuSname',
-        title: '客户简称',
-        align: 'left',
-        sorter: true,
-      },
-      {
-        dataIndex: 'dI',
-        title: '国内/国际',
-        align: 'left',
-        sorter: true,
-      },
-      {
-        dataIndex: 'classCode',
-        title: '客户分类',
-        align: 'left',
-        sorter: true,
-      },
-
-
+      { dataIndex: 'cuCode', title: '客户编码', align: 'left', sorter: true },
+      { dataIndex: 'cuName', title: '客户名称', align: 'left', sorter: true },
+      { dataIndex: 'cuSname', title: '客户简称', align: 'left', sorter: true },
+      { dataIndex: 'dI', title: '国内/国际', align: 'left', sorter: true },
+      { dataIndex: 'classCode', title: '客户分类', align: 'left', sorter: true },
     ];
 
     const emit = defineEmits(['success', 'register']);

src/components/common/customerSupplierListModal.vue

@@ -0,0 +1,160 @@
+<template>
+  <div class="customerSupplierList">
+    <BasicModal v-bind="$attrs" :zIndex="1001 @register="registerModal" width="60%" :title="getTitle" @ok="handleSubmit"
+      @visible-change="handleVisibleChange" >
+        <a-tabs v-model:activeKey="activeKey" @change="handleTabChange" :class="{ 'h-full': ['1', '2'].includes(activeKey) }">
+          <a-tab-pane key="1" tab="客户">
+              <BasicTable @register="registerTable" class="customerSupplierListModal"></BasicTable>
+          </a-tab-pane>
+          <a-tab-pane key="2" tab="供应商" force-render>
+              <BasicTable @register="registerTableSupplier" class="customerSupplierListModal"></BasicTable>
+          </a-tab-pane>
+      </a-tabs>
+    </BasicModal>
+  </div>
+</template>
+<script lang="ts" setup>
+    import { ref, computed, unref, nextTick  } from 'vue';
+    import { BasicModal, useModalInner, useModal } from '/@/components/Modal';
+    import { BasicForm, useForm } from '/@/components/Form/index';
+    import { BasicTable, useTable, FormSchema, BasicColumn, TableAction } from '/@/components/Table';
+    import { useMessage } from '/@/hooks/web/useMessage';
+    import { useI18n } from '/@/hooks/web/useI18n';
+    import { getLngCustomerPage} from '/@/api/sales/Customer';
+    import { getLngSupplierPage } from '/@/api/supplier/Supplier';
+    
+    const activeKey = ref('1');
+    const { t } = useI18n();
+    const codeFormSchema: FormSchema[] = [
+      { field: 'cuName', label: '客户名称', component: 'Input'},
+    ];
+
+    const columns: BasicColumn[] = [
+      { dataIndex: 'cuCode', title: '客户编码', align: 'left', sorter: true },
+      { dataIndex: 'cuName', title: '客户名称', align: 'left', sorter: true },
+      { dataIndex: 'cuSname', title: '客户简称', align: 'left', sorter: true },
+      { dataIndex: 'dI', title: '国内/国际', align: 'left', sorter: true },
+      { dataIndex: 'classCode', title: '客户分类', align: 'left', sorter: true },
+    ];
+
+    const codeFormSchemaSupplier: FormSchema[] = [
+      { field: 'suName', label: '供应商名称', component: 'Input' },
+    ];
+
+    const columnsSupplier: BasicColumn[] = [
+      { dataIndex: 'suCode', title: '供应商编码', align: 'left', sorter: true },
+      { dataIndex: 'suName', title: '供应商名称', align: 'left', sorter: true },
+      { dataIndex: 'suSname', title: '供应商简称', align: 'left', sorter: true },
+      { dataIndex: 'dI', title: '国内/国际', align: 'left', sorter: true },
+      { dataIndex: 'classCode', title: '供应商分类', align: 'left', sorter: true },
+    ];
+    const emit = defineEmits(['success', 'register']);
+
+    const { notification } = useMessage();
+    const isUpdate = ref(true);
+    const rowId = ref('');
+    const selectedKeys = ref<string[]>([]);
+    const selectedValues = ref([]);
+    const props = defineProps({
+      selectType: { type: String, default: 'checkbox' },
+    
+    });
+    const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+
+        setModalProps({ confirmLoading: false });
+
+        isUpdate.value = !!data?.isUpdate;
+    });
+
+    const [registerTable, { getDataSource, setTableData, updateTableDataRecord, reload  }] = useTable({
+        title: t('客户列表'),
+        api: getLngCustomerPage,
+        columns,
+  
+        bordered: true,
+        pagination: true,
+        canResize: false,
+        formConfig: {
+          labelCol:{span: 9, offSet:10},
+          schemas: codeFormSchema,
+          showResetButton: true,
+        },
+        immediate: false, // 设置为不立即调用
+        beforeFetch: (params) => {
+          return { ...params, valid: 'Y',approCode: 'YSP'};
+        },
+        rowSelection: {
+          type: props.selectType,
+          onChange: onSelectChange
+        },
+    });
+    const [registerTableSupplier, { getDataSource, setTableData, updateTableDataRecord, reload:reloadSupplier  }] = useTable({
+        title: t('供应商列表'),
+        api: getLngSupplierPage,
+        columns:columnsSupplier,
+  
+        bordered: true,
+        pagination: true,
+        canResize: false,
+        formConfig: {
+          labelCol:{span: 9, offSet:10},
+          schemas: codeFormSchemaSupplier,
+          showResetButton: true,
+        },
+        immediate: false, // 设置为不立即调用
+        beforeFetch: (params) => {
+          return { ...params, valid: 'Y',approCode: 'YSP'};
+        },
+        rowSelection: {
+          type: props.selectType,
+          onChange: onSelectChange
+        },
+    });
+    const handleVisibleChange = (visible: boolean) => {
+      if (visible) {
+        nextTick(() => {
+          reload();
+          reloadSupplier()
+        });
+      }
+    };
+    const handleTabChange = (key) => {
+    };
+    function onSelectChange(rowKeys: string[], e) {
+      selectedKeys.value = rowKeys;
+      selectedValues.value = e
+    }
+    const getTitle = computed(() => (!unref(isUpdate) ? t('客户列表') : t('')));
+
+    async function handleSubmit() {
+      if (!selectedValues.value.length) {
+        notification.warning({
+          message: t('提示'),
+          description: t('请选择数据')
+        });
+        return
+      }
+      closeModal();
+      emit('success', selectedValues.value);
+    }
+
+
+
+  
+
+
+
+</script>
+<style >
+ .customerSupplierListModal .basicCol{
+    position: inherit !important;
+    top: 0;
+  }
+  .customerSupplierList .ant-modal-wrap{
+    z-index: 1001 !important;
+
+  }
+  .customerSupplierList .ant-modal-mask {
+    z-index: 1001 !important;
+  }
+</style>

src/components/common/deptListModal.vue

@@ -25,33 +25,13 @@
     const { t } = useI18n();
     const treeData = ref<TreeItem[]>([]);
     const codeFormSchema: FormSchema[] = [
-      {
-        field: 'name',
-        label: '组织名称',
-        component: 'Input',
-      },
-      {
-        field: 'code',
-        label: '组织编码',
-        component: 'Input',
-      },
+      { field: 'name', label: '组织名称', component: 'Input'},
+      { field: 'code', label: '组织编码', component: 'Input'},
     ];
 
     const columns: BasicColumn[] = [
-     {
-        dataIndex: 'name',
-        title: '组织名称',
-        align: 'left',
-        sorter: true,
-      },
-
-      {
-        dataIndex: 'code',
-        title: '组织编码',
-        align: 'left',
-        sorter: true,
-      },
-
+      { dataIndex: 'name', title: '组织名称', align: 'left', sorter: true },
+      { dataIndex: 'code', title: '组织编码', align: 'left', sorter: true },
     ];
 
     const emit = defineEmits(['success', 'register']);

src/components/common/deptUserModal.vue

@@ -26,39 +26,14 @@
 
     const { t } = useI18n();
     const codeFormSchema: FormSchema[] = [
-      {
-        field: 'userName',
-        label: '用户名',
-        component: 'Input',
-      },
+      { field: 'userName', label: '用户名', component: 'Input' },
     ];
     const treeData = ref<TreeItem[]>([]);
     const columns: BasicColumn[] = [
-      {
-        dataIndex: 'name',
-        title: '姓名',
-        align: 'left',
-        sorter: true,
-      },
-     {
-        dataIndex: 'genderDesc',
-        title: '性别',
-        align: 'left',
-        sorter: true,
-      },
-
-      {
-        dataIndex: 'mobile',
-        title: '手机号',
-        align: 'left',
-        sorter: true,
-      },
-      {
-        dataIndex: 'email',
-        title: '邮箱',
-        align: 'left',
-        sorter: true,
-      },
+      { dataIndex: 'name', title: '姓名', align: 'left', sorter: true },
+      { dataIndex: 'genderDesc', title: '性别', align: 'left', sorter: true },
+      { dataIndex: 'mobile', title: '手机号', align: 'left', sorter: true },
+      { dataIndex: 'email', title: '邮箱', align: 'left', sorter: true },
     ];
 
     const emit = defineEmits(['success', 'register']);

src/components/common/supplierListModal.vue

@@ -17,47 +17,15 @@
 
     const { t } = useI18n();
     const codeFormSchema: FormSchema[] = [
-      {
-        field: 'suName',
-        label: '供应商名称',
-        component: 'Input',
-      },
+      { field: 'suName', label: '供应商名称', component: 'Input' },
     ];
 
     const columns: BasicColumn[] = [
-     {
-        dataIndex: 'suCode',
-        title: '供应商编码',
-        align: 'left',
-        sorter: true,
-      },
-
-      {
-        dataIndex: 'suName',
-        title: '供应商名称',
-        align: 'left',
-        sorter: true,
-      },
-      {
-        dataIndex: 'suSname',
-        title: '供应商简称',
-        align: 'left',
-        sorter: true,
-      },
-      {
-        dataIndex: 'dI',
-        title: '国内/国际',
-        align: 'left',
-        sorter: true,
-      },
-      {
-        dataIndex: 'classCode',
-        title: '供应商分类',
-        align: 'left',
-        sorter: true,
-      },
-
-
+      { dataIndex: 'suCode', title: '供应商编码', align: 'left', sorter: true },
+      { dataIndex: 'suName', title: '供应商名称', align: 'left', sorter: true },
+      { dataIndex: 'suSname', title: '供应商简称', align: 'left', sorter: true },
+      { dataIndex: 'dI', title: '国内/国际', align: 'left', sorter: true },
+      { dataIndex: 'classCode', title: '供应商分类', align: 'left', sorter: true },
     ];
 
     const emit = defineEmits(['success', 'register']);