From c8c20d5b52b7fd8bff5495af043002daf135d4e0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=98huanghaiixia=E2=80=99?= <980486410@.com>
Date: Tue, 25 Nov 2025 12:12:15 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=A2=E6=88=B7=E6=96=B0=E5=A2=9E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Customer/components/bankListModal.vue     | 206 +++++++++++++
 .../sales/Customer/components/bankModal.vue   | 117 ++++++++
 .../Customer/components/certificateModal.vue  |  13 +-
 .../Customer/components/contactModal.vue      |   7 +-
 src/views/sales/Customer/formCreatePage.vue   | 282 ++++++++++++++----
 src/views/sales/Customer/index.vue            |   9 +-
 6 files changed, 556 insertions(+), 78 deletions(-)
 create mode 100644 src/views/sales/Customer/components/bankListModal.vue
 create mode 100644 src/views/sales/Customer/components/bankModal.vue

diff --git a/src/views/sales/Customer/components/bankListModal.vue b/src/views/sales/Customer/components/bankListModal.vue
new file mode 100644
index 0000000..7234cd4
--- /dev/null
+++ b/src/views/sales/Customer/components/bankListModal.vue
@@ -0,0 +1,206 @@
+<template>
+  <div class="bankListTb">
+    <BasicModal v-bind="$attrs" @register="registerModal" width="60%" :title="getTitle" @ok="handleSubmit" >
+        <BasicTable @register="registerTable" class="bankListModal">
+  
+        </BasicTable>
+      
+    </BasicModal>
+  </div>
+</template>
+<script lang="ts" setup>
+    import { ref, computed, unref } 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 { addCodeRule, getCodeRuleInfo, editCodeRule } from '/@/api/system/code';
+    import { useMessage } from '/@/hooks/web/useMessage';
+    import { useI18n } from '/@/hooks/web/useI18n';
+    import { getLngBBankPage } from '/@/api/mdm/Bank';
+
+    const { t } = useI18n();
+    const codeFormSchema: FormSchema[] = [
+      {
+        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,
+      },
+
+    ];
+
+    const emit = defineEmits(['success', 'register']);
+
+    const { notification } = useMessage();
+    const isUpdate = ref(true);
+    const rowId = ref('');
+    const selectedKeys = ref<string[]>([]);
+    const selectedValues = ref([]);
+
+    const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+
+        setModalProps({ confirmLoading: false });
+
+        isUpdate.value = !!data?.isUpdate;
+
+        if (unref(isUpdate)) {
+            rowId.value = data.record.id;
+            const record = await getCodeRuleInfo(data.record.id);
+      
+            let datas = JSON.parse({ ...record }.formatJson);
+            datas.forEach((data) => {
+                if (!data.sortNum) {
+                    data.sortNum = 0;
+                }
+            });
+            setTableData(datas);
+        } else {
+            setTableData([]);
+        }
+    });
+
+    const [registerTable, { getDataSource, setTableData, updateTableDataRecord }] = useTable({
+        title: t('银行列表'),
+        api: getLngBBankPage,
+        columns,
+  
+        bordered: true,
+        pagination: true,
+        canResize: false,
+        formConfig: {
+          labelCol:{span: 9, offSet:10},
+          schemas: codeFormSchema,
+          showResetButton: true,
+        },
+        beforeFetch: (params) => {
+          return { ...params, valid: 'Y'};
+        },
+        rowSelection: {
+          type: 'radio',
+          onChange: onSelectChange
+        },
+    });
+    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);
+        // try {
+        //     const values = await validate();
+        //     let data = getDataSource();
+        //     data.sort((a, b) => {
+        //         return a.sortNum - b.sortNum;
+        //     });
+        //     values.formatJson = JSON.stringify(data);
+        //     setModalProps({ confirmLoading: true });
+        //     if (values.formatJson === '[]') {
+        //         notification.warning({
+        //             message: t('提示'),
+        //             description: t('编码规则不能为空')
+        //         });
+        //         return;
+        //     }
+        //     // TODO custom api
+        //     if (!unref(isUpdate)) {
+        //         //false 新增
+        //         await addCodeRule(values);
+        //         notification.success({
+        //             message: t('提示'),
+        //             description: t('新增成功')
+        //         }); //提示消息
+        //     } else {
+        //         values.id = rowId.value;
+        //         await editCodeRule(values);
+        //         notification.success({
+        //             message: t('提示'),
+        //             description: t('修改成功！')
+        //         }); //提示消息
+        //     }
+
+        //     closeModal();
+        //     emit('success');
+        // } finally {
+        //     setModalProps({ confirmLoading: false });
+        // }
+    }
+
+
+
+  
+
+
+
+</script>
+<style >
+ .bankListModal .basicCol{
+    position: inherit !important;
+    top: 0;
+  }
+  .bankListTb .ant-modal-wrap{
+    z-index: 1001 !important;
+
+  }
+</style>
diff --git a/src/views/sales/Customer/components/bankModal.vue b/src/views/sales/Customer/components/bankModal.vue
new file mode 100644
index 0000000..e8d7354
--- /dev/null
+++ b/src/views/sales/Customer/components/bankModal.vue
@@ -0,0 +1,117 @@
+<template>
+  <BasicModal v-bind="$attrs" destroyOnClose @register="registerModal"  showFooter :title="getTitle" @ok="handleSubmit" @cancel="handleCancel">
+    <a-form ref="formRef" :model="formState" :rules="rules" v-bind="{labelCol: { span: 8 },wrapperCol: { span: 16 },}">
+      <a-row>
+        <a-col :span="12">
+          <a-form-item label="银行名称" name="bankName" :label-col="{ span: 8 }" :wrapper-col="{ span: 24 }">
+            <a-input-search v-model:value="formState.bankName" placeholder="请选择银行名称"  readonly @search="onSearch"/>
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item label="联行号" name="aaaa" :label-col="{ span: 8 }" :wrapper-col="{ span: 24 }">
+            <a-input v-model:value="formState.aaaa" placeholder="请输入联行号" disabled />
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item label="账户名称" name="accountName" :label-col="{ span: 8 }" :wrapper-col="{ span: 24 }">
+           <a-input v-model:value="formState.accountName" placeholder="请输入账户名称"  />
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item label="银行账号" name="account" :label-col="{ span: 8 }" :wrapper-col="{ span: 24 }">
+           <a-input v-model:value="formState.account" placeholder="请输入银行账号"  />
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item label="默认银行" name="defaultSign" :label-col="{ span: 8 }" :wrapper-col="{ span: 24 }">
+            <a-radio-group v-model:value="formState.defaultSign" style="display: flex;">
+              <a-radio v-for="item in optionList" :value="item.code">{{ item.name }}</a-radio>
+            </a-radio-group>
+          </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字" :maxlength="50"  :auto-size="{ minRows: 2, maxRows: 5 }"/>
+          </a-form-item>
+        </a-col>
+      </a-row>
+    </a-form>
+  </BasicModal>
+    <bankListModal @register="registerModalBankList" @success="handleSuccessBankList" />
+</template>
+
+<script setup lang="ts">
+import {  ref, onMounted, computed, unref,reactive } from 'vue';
+import { BasicModal, useModalInner } from '/@/components/Modal';
+import { Form } 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 { getDictionary } from '/@/api/sales/Customer';
+import bankListModal  from './bankListModal.vue'
+import { useModal } from '/@/components/Modal';
+
+const { t } = useI18n(); 
+const isUpdate = ref(true);
+const disable = 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({
+});
+const rules = {
+  bankName: [{ required: true, message: "该项为必填项", trigger: 'change' }],
+  accountName: [{ required: true, message: "该项为必填项", trigger: 'change' }],
+  account: [{ required: true, message: "该项为必填项", trigger: 'change' }],
+  defaultSign: [{ required: true, message: "该项为必填项", trigger: 'change' }],
+};
+  const [registerModalBankList, { openModal:openModalBankList }] = useModal();
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+  getOption()
+  setModalProps({ confirmLoading: false });
+  isUpdate.value = !!data?.isUpdate;
+  console.log(isUpdate, 8,!unref(isUpdate),data?.isUpdate )
+  disable.value = data?.btnType == 'view' ? true : false 
+  if (unref(isUpdate)) {
+      formState=data.record || {}
+    }
+  });
+
+  onMounted(() => {
+    getOption()
+  });
+
+  async function getOption() {
+    optionList = await getDictionary('LNG_YN')
+  }
+  const onSearch = () => {
+    openModalBankList(true,{isUpdate: false})
+  }
+  const handleSuccessBankList = (val) => {
+    console.log(val, 414)
+    formState.bankCode = val[0].code
+    formState.bankName = val[0].fullName
+    formState.aaaa = val[0].bankCode
+  }
+  const handleCancel = () => {
+    formRef.value.resetFields();
+  }
+  const handleSubmit = async () => {
+    try {
+      await formRef.value.validate();
+      // 验证通过，提交表单
+      console.log('表单数据:', formState);
+      emit('success', {...formState});
+      notification.success({
+        message: t('操作'),
+        description:!unref(isUpdate)? t('新增成功') : t('编辑成功')
+      }); //提示消息
+      formRef.value.resetFields();
+      closeModal();
+    } catch (error) {
+      console.log('验证失败:', error);
+    }
+  };
+  </script>
\ No newline at end of file
diff --git a/src/views/sales/Customer/components/certificateModal.vue b/src/views/sales/Customer/components/certificateModal.vue
index 81227f1..62fbe38 100644
--- a/src/views/sales/Customer/components/certificateModal.vue
+++ b/src/views/sales/Customer/components/certificateModal.vue
@@ -1,5 +1,5 @@
 <template>
-  <BasicModal v-bind="$attrs" destroyOnClose @register="registerModal" showFooter :title="getTitle" width="40%" @ok="handleSubmit">
+  <BasicModal v-bind="$attrs" destroyOnClose @register="registerModal" showFooter :title="getTitle" width="40%" @ok="handleSubmit" @cancel="handleCancel">
     <a-form ref="formRef" :model="formState" :rules="rules" v-bind="{labelCol: { span: 8 },wrapperCol: { span: 16 },}">
       <a-row>
         <a-col :span="24">
@@ -52,6 +52,7 @@ import dayjs from 'dayjs';
 
 const { t } = useI18n(); 
 const isUpdate = ref(true);
+const disable = ref(false);
 let optionList = reactive([])
 const fileTip = '支持格式.rar .zip .doc .docx .pdf ，单个文件不能超过20MB';
 const accept ='.rar,.zip, .doc, .docx, .pdf, .RAR, .ZIP, .DOC, .DOCX, .PDF'
@@ -64,17 +65,13 @@ let formState = reactive({
 });
 const rules = {
   docTypeCode: [{ required: true, message: "该项为必填项", trigger: 'change' }],
-  // email: [
-  //   { required: true, message: '请输入邮箱', trigger: 'blur' },
-  //   { type: 'email', message: '请输入正确的邮箱格式', trigger: 'blur' },
-  // ],
 };
    
 const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
-  
   getOption()
   setModalProps({ confirmLoading: false });
   isUpdate.value = !!data?.isUpdate;
+  disable.value = data?.btnType == 'view' ? true : false 
   if (unref(isUpdate)) {
       formState=data.record || {}
     }
@@ -104,11 +101,13 @@ const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data
   async function getOption() {
     optionList = await getDocCpList({'valid': 'Y'})
   }
+  const handleCancel = () => {
+    formRef.value.resetFields();
+  }
   const handleSubmit = async () => {
     try {
       await formRef.value.validate();
       // 验证通过，提交表单
-      console.log('表单数据:', formState);
       let docNo = (optionList.find(v=>v.code === formState.docTypeCode) || {}).fullName
       let obj = {
         ...formState,
diff --git a/src/views/sales/Customer/components/contactModal.vue b/src/views/sales/Customer/components/contactModal.vue
index bc31232..8740e0f 100644
--- a/src/views/sales/Customer/components/contactModal.vue
+++ b/src/views/sales/Customer/components/contactModal.vue
@@ -26,6 +26,7 @@
           field: 'tel',
           label: t('联系人电话'),
           component: 'Input',
+          required: true,     
           colProps: { lg: 12, md: 12 }
         },
         {
@@ -33,9 +34,9 @@
           label: t('电子邮箱'),
           component: 'Input',
           colProps: { lg: 12, md: 12 },
-          componentProps: {
-            rules:  [{ pattern: '/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/', message: '邮箱格式错误\n' }],
-          },
+          
+            rules:  [{ type: 'email', message: '邮箱格式错误\n' }],
+          
         },
         {
           field: 'position',
diff --git a/src/views/sales/Customer/formCreatePage.vue b/src/views/sales/Customer/formCreatePage.vue
index 1992793..87bcdc6 100644
--- a/src/views/sales/Customer/formCreatePage.vue
+++ b/src/views/sales/Customer/formCreatePage.vue
@@ -6,10 +6,10 @@
           <a-button style="margin-right: 10px" @click="close">
             <slot name="icon"><close-outlined /></slot>取消
           </a-button>
-          <a-button v-if="mode != 'view'" style="margin-right: 10px"  type="primary" @click="handleSubmit">
+          <a-button v-if="mode != 'view'" style="margin-right: 10px"  type="primary" @click="handleSubmit('save')">
             <slot name="icon"><save-outlined /></slot>保存
           </a-button>
-          <a-button v-if="mode != 'view'" style="margin-right: 10px"  type="primary" @click="handleSubmit">
+          <a-button v-if="mode != 'view'" style="margin-right: 10px"  type="primary" @click="handleSubmit('submit')">
             <slot name="icon"><check-circle-outlined /></slot>保存并提交
           </a-button>
           <a-button v-if="mode != 'view'" style="margin-right: 10px"  type="primary" @click="handleSubmit">
@@ -45,13 +45,13 @@
                 </a-form-item>
               </a-col>
               <a-col :span="24">
-                <a-form-item label="客户名称" name="cuName" :label-col="{ span: 3 }" :wrapper-col="{ span: 24 }">
-                  <a-textarea  v-model:value="formState.cuName"  placeholder="请输入客户名称"  :auto-size="{ minRows: 1, maxRows: 5 }"/>
+                <a-form-item label="客户名称" name="cuSname" :label-col="{ span: 3 }" :wrapper-col="{ span: 24 }">
+                  <a-textarea  v-model:value="formState.cuSname"  placeholder="请输入客户名称"  :auto-size="{ minRows: 1, maxRows: 5 }"/>
                 </a-form-item>
               </a-col>
               <a-col :span="8">
-                <a-form-item label="客户简称" name="cuSname">
-                  <a-input v-model:value="formState.cuSname" placeholder="请输入客户简称"  />
+                <a-form-item label="客户简称" name="di">
+                  <a-input v-model:value="formState.di" placeholder="请输入客户简称"  />
                 </a-form-item>
               </a-col>
               <a-col :span="8">
@@ -235,15 +235,15 @@
               <span style="font-size: 12px;font-weight: normal;">（需上传证书营业执照，危险化学品许可证/燃气经营许可证/危险化学品道路运输许可证等证书。）</span>
             </div>
           </template>
-          <a-button v-if="mode != 'view'" type="primary" @click="handleAdd('certificate')">新增证书</a-button>
+          <a-button v-if="mode != 'view'" type="primary" style="margin-bottom: 10px;" @click="handleAdd('certificate')">新增证书</a-button>
           <a-table :columns="columnsCertificate" :data-source="dataCertificate" >
-            <template #bodyCell="{ column, record }">
+            <template #bodyCell="{ column, record, index }">
               <template v-if="column.dataIndex === 'operation'">
                 <a style="margin-right: 10px" @click="btnCheck('certificate', 'edit', record)">编辑</a>
-                <a style="margin-right: 10px" @click="btnCheck('certificate', 'delete', record)">删除</a>
+                <a style="margin-right: 10px" @click="btnCheck('certificate', 'delete', record, index)">删除</a>
                 <a style="margin-right: 10px" @click="btnCheck('certificate', 'view', record)">查看</a>
-                <ArrowUpOutlined  style="margin-right: 10px;" class="btn" @click="btnCheck('certificate', 'up', record, column.index)" />
-                <ArrowDownOutlined class="btn" @click="btnCheck('certificate', 'down', record, column.index)" />
+                <ArrowUpOutlined  style="margin-right: 10px;" class="btn" @click="btnCheck('certificate', 'up', record, index)" />
+                <ArrowDownOutlined class="btn" @click="btnCheck('certificate', 'down', record, index)" />
               </template>
             </template>
           </a-table>
@@ -256,8 +256,14 @@
               <span style="font-size: 12px;font-weight: normal;">（至少填写一条银行信息）</span>
             </div>
           </template>
-          <a-button v-if="mode != 'view'" type="primary" @click="handleAdd('bank')">新增银行账户</a-button>
+          <a-button v-if="mode != 'view'" type="primary" style="margin-bottom: 10px;" @click="handleAdd('bank')">新增银行账户</a-button>
           <a-table :columns="columnsBank" :data-source="dataBank" >
+            <template #bodyCell="{ column, record, index }">
+              <template v-if="column.dataIndex === 'operation'">
+                <a style="margin-right: 10px" @click="btnCheck('bank', 'edit', record)">编辑</a>
+                <a style="margin-right: 10px" @click="btnCheck('bank', 'delete', record, index)">删除</a>
+              </template>
+            </template>
           </a-table>
         </a-card>
         <a-card :bordered="false" >
@@ -268,12 +274,12 @@
               <span style="font-size: 12px;font-weight: normal;">（至少填写一条联系人信息）</span>
             </div>
           </template>
-          <a-button v-if="mode != 'view'" type="primary" @click="handleAdd('contact')">新增联系人</a-button>
+          <a-button v-if="mode != 'view'" type="primary" style="margin-bottom: 10px;" @click="handleAdd('contact')">新增联系人</a-button>
           <a-table :columns="columnsContact" :data-source="dataContact" >
-            <template #bodyCell="{ column, record }">
+            <template #bodyCell="{ column, record, index }">
               <template v-if="column.dataIndex === 'operation'">
                 <a style="margin-right: 10px" @click="btnCheck('contact', 'edit', record)">编辑</a>
-                <a style="margin-right: 10px" @click="btnCheck('contact', 'delete', record)">删除</a>
+                <a style="margin-right: 10px" @click="btnCheck('contact', 'delete', record, index)">删除</a>
               </template>
             </template>
           </a-table>
@@ -286,10 +292,11 @@
             </div>
           </template>
           <a-upload
-            v-model:file-list="fileList"
             :multiple="true"
+            :showUploadList="false"
             name="file"
-            action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
+            :action="data.action"
+            :headers="data.headers"
             @change="handleChangeFile"
           >
             <a-button>
@@ -298,6 +305,19 @@
             </a-button>
           </a-upload>
           <a-table :columns="columnsFile" :data-source="dataFile" >
+            <template #bodyCell="{ column,record,index, text }">
+              <template v-if="column.dataIndex === 'fileOrg'">
+                 <a :href="record.filePath" :download="record.fileOrg" target="_blank">{{record.fileOrg}}</a>
+              </template>
+               <template v-if="column.dataIndex === 'docDesc'">
+                <a-input :placeholder="t('请输入附件说明')" v-model:value="record.docDesc" />
+              </template>
+                <template v-if="column.dataIndex === 'operation'">
+                  <a style="margin-right: 10px" @click="btnCheck('file', 'delete', record, index)">删除</a>
+                  <ArrowUpOutlined  style="margin-right: 10px;" class="btn" @click="btnCheck('file', 'up', record, index)" />
+                  <ArrowDownOutlined class="btn" @click="btnCheck('file', 'down', record, index)" />
+              </template>
+            </template>
           </a-table>
         </a-card>
       </a-form>
@@ -305,6 +325,7 @@
   </a-spin>
   <certificateModal @register="registerCertificate" @success="handleSuccessCertificate" />
   <contactModal @register="registerContact" @success="handleSuccessContact" />
+  <bankModal @register="registerBank" @success="handleSuccessBank"/>
 </template>
 
 <script lang="ts" setup>
@@ -320,9 +341,15 @@
     import { getDictionary } from '/@/api/sales/Customer';
     import certificateModal from './components/certificateModal.vue';
     import contactModal from './components/contactModal.vue';
+    import bankModal from './components/bankModal.vue';
     import { useModal } from '/@/components/Modal';
-import { validateScript } from '/@/utils/event/design';
-
+    import { addLngCustomer,updateLngCustomer,getLngCustomer } from '/@/api/sales/Customer';
+    import dayjs from 'dayjs';
+    import { getAppEnvConfig } from '/@/utils/env';
+    import { getToken } from '/@/utils/auth';
+    import { uploadSrc, uploadBlobApi } from '/@/api/sys/upload';
+    import { message } from 'ant-design-vue';
+    
     const dynamicComponent = ref(null);
     const formType = ref('2'); // 0 新建 1 修改 2 查看
     const formRef = ref();
@@ -338,24 +365,22 @@ import { validateScript } from '/@/utils/event/design';
     const tabStore = useMultipleTabStore();
     const formProps = ref(null);
     const formId = ref(currentRoute.value?.params?.id);
-
+    const pageType = ref(currentRoute.value?.params?.type);
+    const pageId = ref(currentRoute.value?.params?.id || '');
     const spinning = ref(false);
 
     const { notification } = useMessage();
     const { t } = useI18n();
-    const hash = location.hash || location.pathname;
-    const mode = ref('read');
-    if (hash.indexOf('createForm') > 0) {
-        mode.value = 'create';
-    } else if (hash.indexOf('updateForm') > 0) {
-        mode.value = 'update';
-    } else if (hash.indexOf('viewForm') > 0) {
-        mode.value = 'view';
-    }
-    
+      const data = reactive({
+        info: {},
+        action: '',
+        headers: { Authorization: '' },
+        photoUrl: '',
+    });
     const formState = reactive({
         valid: 'Y',
         approCode: 'WTJ',
+        tSign: 'N',
         lngCustomerAttrPowerList:[
           {
             "capacity": '',
@@ -366,11 +391,12 @@ import { validateScript } from '/@/utils/event/design';
 
     const [registerCertificate, { openModal:openModalCertificate }] = useModal();
     const [registerContact, { openModal:openModalContact }] = useModal();
+    const [registerBank, { openModal:openModalBank}] = useModal();
 
     const fileList = reactive([])
     const rules: Record<string, Rule[]> = {
       cuMcode: [{ required: true, message: "该项为必填项", trigger: 'change' }],
-      cuName: [{ required: true, message: "该项为必填项", trigger: 'change' }],
+      di: [{ required: true, message: "该项为必填项", trigger: 'change' }],
       cuSname: [{ required: true, message: "该项为必填项", trigger: 'change'}],
       natureCode: [{ required: true, message: "该项为必填项", trigger: 'change'}],
       classCode: [{ required: true, message: "该项为必填项", trigger: 'change'}],
@@ -378,6 +404,7 @@ import { validateScript } from '/@/utils/event/design';
       prepaySign: [{ required: true, message: "该项为必填项", trigger: 'change'}],
       onlineSign: [{ required: true, message: "该项为必填项", trigger: 'change'}],
       rateShare: [{ required: false, message: "该项为必填项", trigger: 'change'}],
+      tSign: [{ required: false, message: "该项为必填项", trigger: 'change'}],
     };
     const layout = {
       labelCol: { span: 9 },
@@ -434,8 +461,22 @@ import { validateScript } from '/@/utils/event/design';
 
     onMounted(() => {
       getOption()
+      if (pageId.value) {
+        getList(pageId.value)
+      }
+      data.action = getAppEnvConfig().VITE_GLOB_API_URL + uploadSrc;
+      data.headers.Authorization = `Bearer ${getToken()}`;
    
     });
+    async function getList(id)  {
+      let data = await getLngCustomer(id)
+      Object.assign(formState, {...data})
+      formState.lngCustomerAttrPowerList = formState.lngCustomerAttrPowerList || [{}]
+      Object.assign(dataBank, formState.lngCustomerBankList || [])
+      Object.assign(dataCertificate, formState.lngCustomerDocList || [])
+      Object.assign(dataContact, formState.lngCustomerContactList || [])
+      Object.assign(dataUpload, formState.lngFileUploadList || [])
+    }
     async function getOption() {
       optionSelect.cuMcodeList = await getDictionary('LNG_ENT_PR')
       optionSelect.natureCodeList = await getDictionary('LNG_NATURE')
@@ -461,44 +502,122 @@ import { validateScript } from '/@/utils/event/design';
     }
     const handleAdd = (val)=> {
       if (val ==='certificate') {
-        openModalCertificate(true,);
+        openModalCertificate(true,{isUpdate: false});
       }
       if (val ==='contact'){
         openModalContact(true, {});
       }
+      if (val == 'bank'){
+        openModalBank(true,{isUpdate: false})
+      }
       
     }
     const btnCheck = (type, btn, record, index) => {
+      console.log(index, 555, type, )
       // 证书
       if (type == 'certificate') {
-        if (btn == 'edit') {
-          openModalCertificate(true, {record: record,isUpdate: true});
+        if (btn == 'edit' || btn == 'view') {
+          openModalCertificate(true, {record: record,isUpdate: true, btnType: btn});
         }
-        if (type === 'delete') {
+        if (btn == 'delete') {
           dataCertificate.splice(index, 1)
         }
+        if (btn == 'up') {
+          if (index === 0) {
+            return
+          }
+          dataCertificate[index] = dataCertificate.splice(index-1, 1, dataCertificate[index])[0];
+        }
+        if (btn == 'down') {
+          if (index === dataCertificate.length - 1) {
+            return
+          }
+          dataCertificate[index] = dataCertificate.splice(index+1, 1, dataCertificate[index])[0];
+        }
       }
+
       // 联系人
       if (type == 'contact') {
         if (btn == 'edit') {
           openModalContact(true, {record: record,isUpdate: true});
         }
-        if (type === 'delete') {
+        if (btn == 'delete') {
           dataContact.splice(index, 1)
         }
       }
+
+      // 银行
+       if (type == 'bank') {
+        if (btn == 'edit') {
+          openModalBank(true, {record: record,isUpdate: true});
+        }
+        if (btn == 'delete') {
+          dataBank.splice(index, 1)
+        }
+      }
+
+      // 附件
+      if (type == 'file') {
+        if (btn == 'delete') {
+          dataFile.splice(index, 1)
+        }
+        if (btn == 'up') {
+          if (index === 0) {
+            return
+          }
+          dataFile[index] = dataFile.splice(index-1, 1, dataFile[index])[0];
+        }
+        if (btn == 'down') {
+          if (index === dataFile.length - 1) {
+            return
+          }
+          dataFile[index] = dataFile.splice(index+1, 1, dataFile[index])[0];
+        }
+      }
     }
+    const  swapItems = (arr, index1, index2,direction) =>{
+      arr[index1] = arr.splice(index2, 1, arr[index1])[0];
+      return arr;
+    };
     const handleSuccessCertificate = (val) => {
       let idx =dataCertificate.findIndex(v => v.docTypeCode == val.docTypeCode)
-      if (!idx) {
+      if (idx <0) {
         dataCertificate.push(val)
       }
     }
     const handleSuccessContact = (val)=> {
       dataContact.push(val)
     }
-    function handleChangeFile(val) {
+    const handleSuccessBank = (val) => {
+      dataBank.push(val)
+    }
+    function handleChangeFile(info) {
+      console.log(info, 'info', info.file.status)
+      if (info.file.status !== 'uploading') {
+      }
+      if (info.file.status === 'done') {
+          if (info.file && info.file.response && info.file.response.code == 0) {
+              message.success(t(`{name}上传成功！`, { name: info.file.name }));
+              console.log(info, t('上传成功'));
+              // 存储原始URL到info.fileUrl（用于提交）（改了）
+              data.info.fileUrl = info.file.response.data.fileUrl;
+              data.fileName = info.file.response.data.fileName;
 
+              // 显示使用fileUrlFixed（如果有），否则使用fileUrl （改了）
+              data.photoUrl = info.file.response.data.fileUrlFixed || info.file.response.data.fileUrl;
+
+              let obj = {
+                fileOrg: data.fileName,
+                filePath: data.photoUrl,
+              }
+              dataFile.push(obj)
+
+          } else {
+              message.error(t('上传照片失败'));
+          }
+      } else if (info.file.status === 'error') {
+          message.error(t(`{name}上传失败.`, { name: info.file.name }));
+      }
     }
 
 
@@ -525,37 +644,70 @@ import { validateScript } from '/@/utils/event/design';
     }
 
     function close() {
-        tabStore.closeTab(currentRoute.value, router);
+      tabStore.closeTab(currentRoute.value, router);
     }
 
-    async function handleSubmit() {
-       try {
-            await formRef.value.validateFields();
-            console.log(44454)
-            return true;
-        } catch (errorInfo) {
-          console.log(444)
-            return false;
+    async function handleSubmit(type) {
+      try {
+        await formRef.value.validateFields();
+        if (!dataBank.length) {
+          notification.warning({
+            message: 'Tip',
+            description: '请添加银行信息'
+          })
+          return
+        }
+        if (!dataCertificate.length) {
+          notification.warning({
+            message: 'Tip',
+            description: '请添加资质证书'
+          })
+          return
+        }
+         if (!dataContact.length) {
+          notification.warning({
+            message: 'Tip',
+            description: '请添加联系人'
+          })
+          return
+        }
+        let obj = {
+          ...formState,
+          lngCustomerBankList: dataBank,
+          lngCustomerDocList: dataCertificate,
+          lngCustomerContactList: dataContact,
+    
+          
+        }
+        spinning.value = true;
+        let request = pageType.value === 'add' ? addLngCustomer :updateLngCustomer
+
+        try {
+          obj.lngCustomerDocList.forEach(v => {
+            v.dateFrom =  dayjs(v.dateFrom ).valueOf()
+            v.dateTo = dayjs(v.dateTo ).valueOf()
+          })
+          await request(obj);
+          notification.success({
+              message: 'Tip',
+              description: pageType.value === 'add' ? t('新增成功！') : t('修改成功！')
+          }); //提示消息
+          formRef.value.resetFields();
+          setTimeout(() => {
+              bus.emit(FORM_LIST_MODIFIED, { path: formPath });
+              close();
+          }, 1000);
+          
+        } finally {
+          spinning.value = false;
         }
 
-      return
-        spinning.value = true;
-        try {
-            const saveSuccess = await saveModal();
-            if (saveSuccess) {
-                notification.success({
-                    message: 'Tip',
-                    description: formType.value === '0' ? t('新增成功！') : t('修改成功！')
-                }); //提示消息
-                formRef.value.resetFields();
-                setTimeout(() => {
-                    bus.emit(FORM_LIST_MODIFIED, { path: formPath, mode });
-                    close();
-                }, 1000);
-            }
-        } finally {
-            spinning.value = false;
-        }
+      } catch (errorInfo) {
+        notification.warning({
+          message: 'Tip',
+          description: '请完善信息'
+        });
+      }
     }
 
     async function saveModal() {
diff --git a/src/views/sales/Customer/index.vue b/src/views/sales/Customer/index.vue
index 6e7e3ce..dd1513c 100644
--- a/src/views/sales/Customer/index.vue
+++ b/src/views/sales/Customer/index.vue
@@ -204,7 +204,8 @@
         query: {
           formPath: 'sales/Customer',
           formName: formName,
-          formId:currentRoute.value.meta.formId
+          formId:currentRoute.value.meta.formId,
+          type:'add'
         }
       });
     }
@@ -213,11 +214,13 @@
   function handleEdit(record: Recordable) {
     
     router.push({
-      path: '/form/Customer/' + record.id + '/updateForm',
+      path: '/form/Customer/' + record.id + '/createFormCustomer',
       query: {
           formPath: 'sales/Customer',
           formName: formName,
-          formId:currentRoute.value.meta.formId
+          formId:currentRoute.value.meta.formId,
+          type:'edit',
+          id: record.id 
       }
     });
   }