From c8d9523673017d94879ad20e1b146d2a03426f4b Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期三, 08 四月 2026 13:49:59 +0800
Subject: [PATCH] 1.供应商和客户管理字段修改

---
 src/views/basicData/customerFile/index.vue                     | 1522 ++++-------------------------
 src/views/basicData/supplierManage/components/BlacklistTab.vue |  731 ++++---------
 src/views/basicData/supplierManage/components/HomeTab.vue      |  736 ++++----------
 3 files changed, 696 insertions(+), 2,293 deletions(-)

diff --git a/src/views/basicData/customerFile/index.vue b/src/views/basicData/customerFile/index.vue
index 79b1616..33f8d9d 100644
--- a/src/views/basicData/customerFile/index.vue
+++ b/src/views/basicData/customerFile/index.vue
@@ -2,606 +2,179 @@
   <div class="app-container">
     <div class="search_form">
       <div>
-        <span class="search_title">瀹㈡埛鍚嶇О锛�</span>
-        <el-input v-model="searchForm.customerName"
-                  style="width: 240px;margin-right: 10px"
-                  placeholder="璇疯緭鍏�"
-                  @change="handleQuery"
-                  clearable
-                  :prefix-icon="Search" />
-        <span class="search_title">瀹㈡埛鍒嗙被锛�</span>
-        <el-select v-model="searchForm.customerType"
-                   placeholder="璇烽�夋嫨"
-                   style="width: 240px"
-                   clearable
-                   @change="handleQuery">
-          <el-option label="闆跺敭瀹㈡埛"
-                     value="闆跺敭瀹㈡埛" />
-          <el-option label="杩涢攢鍟嗗鎴�"
-                     value="杩涢攢鍟嗗鎴�" />
-        </el-select>
-        <el-button type="primary"
-                   @click="handleQuery"
-                   style="margin-left: 10px">鎼滅储</el-button>
+        <span class="search_title">鍚嶇О锛�</span>
+        <el-input
+          v-model="searchForm.customerName"
+          style="width: 240px; margin-right: 10px"
+          placeholder="璇疯緭鍏�"
+          @change="handleQuery"
+          clearable
+          :prefix-icon="Search"
+        />
+        <el-button type="primary" @click="handleQuery" style="margin-left: 10px">
+          鎼滅储
+        </el-button>
       </div>
       <div>
-        <el-button type="primary"
-                   @click="openForm('add')">鏂板瀹㈡埛</el-button>
+        <el-button type="primary" @click="openForm('add')">鏂板瀹㈡埛</el-button>
         <el-button @click="handleOut">瀵煎嚭</el-button>
-        <el-button type="info"
-                   plain
-                   icon="Upload"
-                   @click="handleImport">瀵煎叆</el-button>
-        <el-button type="danger"
-                   plain
-                   @click="handleDelete">鍒犻櫎</el-button>
+        <el-button type="info" plain icon="Upload" @click="handleImport">
+          瀵煎叆
+        </el-button>
+        <el-button type="danger" plain @click="handleDelete">鍒犻櫎</el-button>
       </div>
     </div>
+
     <div class="table_list">
-      <PIMTable rowKey="id"
-                :column="tableColumn"
-                :tableData="tableData"
-                :page="page"
-                :isSelection="true"
-                @selection-change="handleSelectionChange"
-                :tableLoading="tableLoading"
-                @pagination="pagination"></PIMTable>
+      <PIMTable
+        rowKey="id"
+        :column="tableColumn"
+        :tableData="tableData"
+        :page="page"
+        :isSelection="true"
+        @selection-change="handleSelectionChange"
+        :tableLoading="tableLoading"
+        @pagination="pagination"
+      />
     </div>
-    <el-dialog v-model="dialogFormVisible"
-               :title="operationType === 'add' ? '鏂板瀹㈡埛淇℃伅' : '缂栬緫瀹㈡埛淇℃伅'"
-               width="70%"
-               @close="closeDia">
-      <el-form :model="form"
-               label-width="140px"
-               label-position="top"
-               :rules="rules"
-               ref="formRef">
+
+    <el-dialog
+      v-model="dialogFormVisible"
+      :title="operationType === 'add' ? '鏂板瀹㈡埛淇℃伅' : '缂栬緫瀹㈡埛淇℃伅'"
+      width="600px"
+      @close="closeDia"
+    >
+      <el-form
+        :model="form"
+        label-width="120px"
+        label-position="top"
+        :rules="rules"
+        ref="formRef"
+      >
         <el-row :gutter="30">
           <el-col :span="12">
-            <el-form-item label="瀹㈡埛鍚嶇О锛�"
-                          prop="customerName">
-              <el-input v-model="form.customerName"
-                        placeholder="璇疯緭鍏�"
-                        clearable />
+            <el-form-item label="鍚嶇О锛�" prop="customerName">
+              <el-input v-model="form.customerName" placeholder="璇疯緭鍏�" clearable />
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="绾崇◣浜鸿瘑鍒彿锛�"
-                          prop="taxpayerIdentificationNumber">
-              <el-input v-model="form.taxpayerIdentificationNumber"
-                        placeholder="璇疯緭鍏�"
-                        clearable />
+            <el-form-item label="绾崇◣浜鸿瘑鍒彿锛�" prop="taxpayerIdentificationNumber">
+              <el-input
+                v-model="form.taxpayerIdentificationNumber"
+                placeholder="璇疯緭鍏�"
+                clearable
+              />
             </el-form-item>
           </el-col>
         </el-row>
         <el-row :gutter="30">
           <el-col :span="12">
-            <el-form-item label="鍏徃鍦板潃锛�"
-                          prop="companyAddress">
-              <el-input v-model="form.companyAddress"
-                        placeholder="璇疯緭鍏�"
-                        clearable />
+            <el-form-item label="缁存姢浜猴細" prop="maintainer">
+              <el-input v-model="form.maintainer" disabled />
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="鍏徃鐢佃瘽锛�"
-                          prop="companyPhone">
-              <el-input v-model="form.companyPhone"
-                        placeholder="璇疯緭鍏�"
-                        clearable />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="30">
-          <el-col :span="12">
-            <el-form-item label="閾惰鍩烘湰鎴凤細"
-                          prop="basicBankAccount">
-              <el-input v-model="form.basicBankAccount"
-                        placeholder="璇疯緭鍏�"
-                        clearable />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="閾惰璐﹀彿锛�"
-                          prop="bankAccount">
-              <el-input v-model="form.bankAccount"
-                        placeholder="璇疯緭鍏�"
-                        clearable />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="30">
-          <el-col :span="12">
-            <el-form-item label="寮�鎴疯鍙凤細"
-                          prop="bankCode">
-              <el-input v-model="form.bankCode"
-                        placeholder="璇疯緭鍏�"
-                        clearable />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="瀹㈡埛鍒嗙被锛�"
-                          prop="customerType">
-              <el-select v-model="form.customerType"
-                         placeholder="璇烽�夋嫨"
-                         clearable>
-                <el-option label="闆跺敭瀹㈡埛"
-                           value="闆跺敭瀹㈡埛" />
-                <el-option label="杩涢攢鍟嗗鎴�"
-                           value="杩涢攢鍟嗗鎴�" />
-              </el-select>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="30"
-                v-for="(contact, index) in formYYs.contactList"
-                :key="index">
-          <el-col :span="12">
-            <el-form-item label="鑱旂郴浜猴細"
-                          prop="contactPerson">
-              <el-input v-model="contact.contactPerson"
-                        placeholder="璇疯緭鍏�"
-                        clearable />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="鑱旂郴鐢佃瘽锛�"
-                          prop="contactPhone">
-              <div style="display: flex; align-items: center;width: 100%;">
-                <el-input v-model="contact.contactPhone"
-                          placeholder="璇疯緭鍏�"
-                          clearable />
-                <el-button @click="removeContact(index)"
-                           type="danger"
-                           circle
-                           style="margin-left: 5px;">
-                  <el-icon>
-                    <Close />
-                  </el-icon>
-                </el-button>
-              </div>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-button @click="addNewContact"
-                   style="margin-bottom: 10px;">+ 鏂板鑱旂郴浜�</el-button>
-        <el-row :gutter="30">
-          <el-col :span="12">
-            <el-form-item label="缁存姢浜猴細"
-                          prop="maintainer">
-              <el-select v-model="form.maintainer"
-                         placeholder="璇烽�夋嫨"
-                         clearable
-                         disabled>
-                <el-option v-for="item in userList"
-                           :key="item.nickName"
-                           :label="item.nickName"
-                           :value="item.nickName" />
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="缁存姢鏃堕棿锛�"
-                          prop="maintenanceTime">
-              <el-date-picker style="width: 100%"
-                              v-model="form.maintenanceTime"
-                              value-format="YYYY-MM-DD"
-                              format="YYYY-MM-DD"
-                              type="date"
-                              placeholder="璇烽�夋嫨"
-                              clearable />
+            <el-form-item label="缁存姢鏃堕棿锛�" prop="maintenanceTime">
+              <el-date-picker
+                style="width: 100%"
+                v-model="form.maintenanceTime"
+                value-format="YYYY-MM-DD"
+                format="YYYY-MM-DD"
+                type="date"
+                placeholder="璇烽�夋嫨"
+                clearable
+              />
             </el-form-item>
           </el-col>
         </el-row>
       </el-form>
       <template #footer>
         <div class="dialog-footer">
-          <el-button type="primary"
-                     @click="submitForm">纭</el-button>
+          <el-button type="primary" @click="submitForm">纭</el-button>
           <el-button @click="closeDia">鍙栨秷</el-button>
         </div>
       </template>
     </el-dialog>
-    <!-- 鐢ㄦ埛瀵煎叆瀵硅瘽妗� -->
-    <el-dialog :title="upload.title"
-               v-model="upload.open"
-               width="400px"
-               append-to-body>
-      <el-upload ref="uploadRef"
-                 :limit="1"
-                 accept=".xlsx, .xls"
-                 :headers="upload.headers"
-                 :action="upload.url + '?updateSupport=' + upload.updateSupport"
-                 :disabled="upload.isUploading"
-                 :before-upload="upload.beforeUpload"
-                 :on-progress="upload.onProgress"
-                 :on-success="upload.onSuccess"
-                 :on-error="upload.onError"
-                 :on-change="upload.onChange"
-                 :auto-upload="false"
-                 drag>
-        <el-icon class="el-icon--upload"><upload-filled /></el-icon>
+
+    <el-dialog
+      :title="upload.title"
+      v-model="upload.open"
+      width="400px"
+      append-to-body
+    >
+      <el-upload
+        ref="uploadRef"
+        :limit="1"
+        accept=".xlsx, .xls"
+        :headers="upload.headers"
+        :action="upload.url + '?updateSupport=' + upload.updateSupport"
+        :disabled="upload.isUploading"
+        :before-upload="upload.beforeUpload"
+        :on-progress="upload.onProgress"
+        :on-success="upload.onSuccess"
+        :on-error="upload.onError"
+        :on-change="upload.onChange"
+        :auto-upload="false"
+        drag
+      >
+        <el-icon class="el-icon--upload"><UploadFilled /></el-icon>
         <div class="el-upload__text">灏嗘枃浠舵嫋鍒版澶勶紝鎴�<em>鐐瑰嚮涓婁紶</em></div>
         <template #tip>
           <div class="el-upload__tip text-center">
             <span>浠呭厑璁稿鍏ls銆亁lsx鏍煎紡鏂囦欢銆�</span>
-            <el-link type="primary"
-                     :underline="false"
-                     style="font-size: 12px; vertical-align: baseline"
-                     @click="importTemplate">涓嬭浇妯℃澘</el-link>
+            <el-link
+              type="primary"
+              :underline="false"
+              style="font-size: 12px; vertical-align: baseline"
+              @click="importTemplate"
+            >
+              涓嬭浇妯℃澘
+            </el-link>
           </div>
         </template>
       </el-upload>
       <template #footer>
         <div class="dialog-footer">
-          <el-button type="primary"
-                     @click="submitFileForm">纭� 瀹�</el-button>
+          <el-button type="primary" @click="submitFileForm">纭� 瀹�</el-button>
           <el-button @click="upload.open = false">鍙� 娑�</el-button>
         </div>
       </template>
     </el-dialog>
-    <!-- 鍥炶鎻愰啋瀵硅瘽妗� -->
-    <el-dialog title="鍥炶鎻愰啋"
-               v-model="reminderDialogVisible"
-               width="500px"
-               @close="closeReminderDialog">
-      <el-form :model="reminderForm"
-               label-width="100px"
-               :rules="reminderRules"
-               ref="reminderFormRef">
-        <el-form-item label="瀹㈡埛鍚嶇О锛�">
-          <el-input v-model="reminderForm.customerName"
-                    disabled />
-        </el-form-item>
-        <el-form-item label="鎻愰啋寮�鍏筹細">
-          <el-switch v-model="reminderForm.reminderSwitch" />
-        </el-form-item>
-        <el-form-item label="鎻愰啋鍐呭锛�"
-                      prop="reminderContent">
-          <el-input v-model="reminderForm.reminderContent"
-                    type="textarea"
-                    :maxlength="100"
-                    show-word-limit
-                    placeholder="璇疯緭鍏ユ彁閱掑唴瀹�" />
-        </el-form-item>
-        <el-form-item label="鎻愰啋鏃堕棿锛�"
-                      prop="reminderTime">
-          <el-date-picker v-model="reminderForm.reminderTime"
-                          type="datetime"
-                          value-format="YYYY-MM-DD HH:mm:ss"
-                          format="YYYY-MM-DD HH:mm:ss"
-                          placeholder="璇烽�夋嫨鎻愰啋鏃堕棿"
-                          style="width: 100%" />
-        </el-form-item>
-      </el-form>
-      <template #footer>
-        <div class="dialog-footer">
-          <el-button type="primary" @click="submitReminderForm">纭</el-button>
-          <el-button @click="closeReminderDialog">鍙栨秷</el-button>
-        </div>
-      </template>
-    </el-dialog>
-    <!-- 娣诲姞/淇敼娲借皥杩涘害瀵硅瘽妗� -->
-    <el-dialog :title="negotiationForm.editIndex !== undefined ? '淇敼杩涘害' : '娣诲姞杩涘害'"
-               v-model="negotiationDialogVisible"
-               width="600px"
-               @close="closeNegotiationDialog">
-      <el-form :model="negotiationForm"
-               label-width="100px"
-               :rules="negotiationRules"
-               ref="negotiationFormRef">
+
+    <el-dialog title="瀹㈡埛璇︽儏" v-model="detailDialogVisible" width="600px" @close="closeDetailDialog">
+      <div class="detail-section">
         <el-row :gutter="20">
           <el-col :span="12">
-            <el-form-item label="璺熻繘鏂瑰紡锛�"
-                          prop="followUpMethod">
-              <el-select v-model="negotiationForm.followUpMethod"
-                         placeholder="璇烽�夋嫨"
-                         style="width: 100%">
-                <el-option label="鐢佃瘽"
-                           value="鐢佃瘽" />
-                <el-option label="閭欢"
-                           value="閭欢" />
-                <el-option label="涓婇棬"
-                           value="涓婇棬" />
-                <el-option label="寰俊"
-                           value="寰俊" />
-                <el-option label="鍏朵粬"
-                           value="鍏朵粬" />
-              </el-select>
-            </el-form-item>
+            <div class="info-item">
+              <span class="info-label">鍚嶇О锛�</span>
+              <span class="info-value">{{ detailForm.customerName }}</span>
+            </div>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="璺熻繘绋嬪害锛�"
-                          prop="followUpLevel">
-              <el-select v-model="negotiationForm.followUpLevel"
-                         placeholder="璇烽�夋嫨"
-                         style="width: 100%">
-                <el-option label="娼滃湪瀹㈡埛"
-                           value="娼滃湪瀹㈡埛" />
-                <el-option label="鍒濇鎷滆"
-                           value="鍒濇鎷滆" />
-                <el-option label="澶氭鎷滆"
-                           value="澶氭鎷滆" />
-                <el-option label="鎰忓悜瀹㈡埛"
-                           value="鎰忓悜瀹㈡埛" />
-                <el-option label="宸茬绾﹀鎴�"
-                           value="宸茬绾﹀鎴�" />
-              </el-select>
-            </el-form-item>
+            <div class="info-item">
+              <span class="info-label">绾崇◣浜鸿瘑鍒彿锛�</span>
+              <span class="info-value">{{ detailForm.taxpayerIdentificationNumber }}</span>
+            </div>
           </el-col>
         </el-row>
         <el-row :gutter="20">
           <el-col :span="12">
-            <el-form-item label="璺熻繘鏃堕棿锛�"
-                          prop="followUpTime">
-              <el-date-picker v-model="negotiationForm.followUpTime"
-                              type="datetime"
-                              value-format="YYYY-MM-DD HH:mm:ss"
-                              format="YYYY-MM-DD HH:mm:ss"
-                              placeholder="璇烽�夋嫨"
-                              style="width: 100%" />
-            </el-form-item>
+            <div class="info-item">
+              <span class="info-label">缁存姢浜猴細</span>
+              <span class="info-value">{{ detailForm.maintainer }}</span>
+            </div>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="璺熻繘浜猴細">
-              <el-input v-model="negotiationForm.followerUserName"
-                        disabled />
-            </el-form-item>
+            <div class="info-item">
+              <span class="info-label">缁存姢鏃堕棿锛�</span>
+              <span class="info-value">{{ detailForm.maintenanceTime }}</span>
+            </div>
           </el-col>
         </el-row>
-        <el-form-item label="鍐呭锛�"
-                      prop="content">
-          <el-input v-model="negotiationForm.content"
-                    type="textarea"
-                    :rows="4"
-                    placeholder="璇疯緭鍏�" />
-        </el-form-item>
-      </el-form>
-      <template #footer>
-        <div class="dialog-footer">
-          <el-button type="primary" @click="submitNegotiationForm">纭</el-button>
-          <el-button @click="closeNegotiationDialog">鍙栨秷</el-button>
-        </div>
-      </template>
-    </el-dialog>
-    <!-- 瀹㈡埛璇︽儏瀵硅瘽妗� -->
-    <el-dialog title="瀹㈡埛璇︽儏"
-               v-model="detailDialogVisible"
-               width="1000px"
-               @close="closeDetailDialog">
-      <!-- 瀹㈡埛鍩烘湰淇℃伅 -->
-      <div class="detail-section">
-        <h3 class="section-title">瀹㈡埛鍩烘湰淇℃伅</h3>
-        <div class="info-display">
-          <el-row :gutter="20">
-            <el-col :span="12">
-              <div class="info-item">
-                <span class="info-label">瀹㈡埛鍚嶇О锛�</span>
-                <span class="info-value">{{ detailForm.customerName }}</span>
-              </div>
-            </el-col>
-            <el-col :span="12">
-              <div class="info-item">
-                <span class="info-label">瀹㈡埛鍒嗙被锛�</span>
-                <span class="info-value">{{ detailForm.customerType }}</span>
-              </div>
-            </el-col>
-          </el-row>
-          <el-row :gutter="20">
-            <el-col :span="12">
-              <div class="info-item">
-                <span class="info-label">绾崇◣浜鸿瘑鍒彿锛�</span>
-                <span class="info-value">{{ detailForm.taxpayerIdentificationNumber }}</span>
-              </div>
-            </el-col>
-            <el-col :span="12">
-              <div class="info-item">
-                <span class="info-label">鍏徃鐢佃瘽锛�</span>
-                <span class="info-value">{{ detailForm.companyPhone }}</span>
-              </div>
-            </el-col>
-          </el-row>
-          <el-row :gutter="20">
-            <el-col :span="12">
-              <div class="info-item">
-                <span class="info-label">鍏徃鍦板潃锛�</span>
-                <span class="info-value">{{ detailForm.companyAddress }}</span>
-              </div>
-            </el-col>
-            <el-col :span="12">
-              <div class="info-item">
-                <span class="info-label">閾惰鍩烘湰鎴凤細</span>
-                <span class="info-value">{{ detailForm.basicBankAccount }}</span>
-              </div>
-            </el-col>
-          </el-row>
-          <el-row :gutter="20">
-            <el-col :span="12">
-              <div class="info-item">
-                <span class="info-label">閾惰璐﹀彿锛�</span>
-                <span class="info-value">{{ detailForm.bankAccount }}</span>
-              </div>
-            </el-col>
-            <el-col :span="12">
-              <div class="info-item">
-                <span class="info-label">寮�鎴疯鍙凤細</span>
-                <span class="info-value">{{ detailForm.bankCode }}</span>
-              </div>
-            </el-col>
-          </el-row>
-          <el-row :gutter="20">
-            <el-col :span="12">
-              <div class="info-item">
-                <span class="info-label">鑱旂郴浜猴細</span>
-                <span class="info-value">{{ detailForm.contactPerson }}</span>
-              </div>
-            </el-col>
-            <el-col :span="12">
-              <div class="info-item">
-                <span class="info-label">鑱旂郴鐢佃瘽锛�</span>
-                <span class="info-value">{{ detailForm.contactPhone }}</span>
-              </div>
-            </el-col>
-          </el-row>
-          <el-row :gutter="20">
-            <el-col :span="12">
-              <div class="info-item">
-                <span class="info-label">缁存姢浜猴細</span>
-                <span class="info-value">{{ detailForm.maintainer }}</span>
-              </div>
-            </el-col>
-            <el-col :span="12">
-              <div class="info-item">
-                <span class="info-label">缁存姢鏃堕棿锛�</span>
-                <span class="info-value">{{ detailForm.maintenanceTime }}</span>
-              </div>
-            </el-col>
-          </el-row>
-        </div>
-      </div>
-      <!-- 娲借皥杩涘害璁板綍 -->
-      <div class="detail-section">
-        <div class="section-header">
-          <h3 class="section-title">娲借皥杩涘害璁板綍</h3>
-          <el-button type="primary"
-                     size="small"
-                     @click="openNegotiationDialog(detailForm)">
-            娣诲姞杩涘害
-          </el-button>
-        </div>
-        <el-table :data="negotiationRecords"
-                  border
-                  style="width: 100%">
-          <el-table-column prop="followUpTime"
-                           label="璺熻繘鏃堕棿"
-                           width="160" />
-          <el-table-column prop="followUpMethod"
-                           label="璺熻繘鏂瑰紡"
-                           width="100" />
-          <el-table-column prop="followUpLevel"
-                           label="璺熻繘绋嬪害" />
-          <el-table-column prop="followerUserName"
-                           label="璺熻繘浜�"
-                           width="100" />
-          <el-table-column prop="content"
-                           label="鍐呭"
-                           show-overflow-tooltip />
-          <el-table-column label="闄勪欢"
-                           width="100"
-                           align="center">
-            <template #default="{ row }">
-              <el-button type="info"
-                         link
-                         @click="openAttachmentDialog(row)">
-                <el-icon>
-                  <Paperclip />
-                </el-icon>
-                闄勪欢
-                <!-- {{ row.fileList && row.fileList.length > 0 ? row.fileList.length : '涓婁紶' }} -->
-              </el-button>
-            </template>
-          </el-table-column>
-          <el-table-column label="鎿嶄綔"
-                           width="150"
-                           align="center">
-            <template #default="{ row, $index }">
-              <el-button type="primary"
-                         link
-                         @click="editNegotiationRecord(row, $index)">
-                淇敼
-              </el-button>
-              <el-button type="danger"
-                         link
-                         @click="deleteNegotiationRecord(row, $index)">
-                鍒犻櫎
-              </el-button>
-            </template>
-          </el-table-column>
-        </el-table>
-        <div v-if="negotiationRecords.length === 0"
-             class="no-records">
-          鏆傛棤娲借皥杩涘害璁板綍
-        </div>
       </div>
       <template #footer>
         <div class="dialog-footer">
           <el-button @click="closeDetailDialog">鍏抽棴</el-button>
-        </div>
-      </template>
-    </el-dialog>
-    <!-- 闄勪欢涓婁紶寮圭獥 -->
-    <el-dialog title="闄勪欢绠＄悊"
-               v-model="attachmentDialogVisible"
-               width="600px"
-               @close="closeAttachmentDialog">
-      <div class="attachment-section">
-        <div class="upload-area">
-          <el-upload ref="attachmentUploadRef"
-                     :action="getAttachmentUploadUrl()"
-                     :headers="attachmentUploadHeaders"
-                     :file-list="currentAttachmentList"
-                     :on-success="handleAttachmentSuccess"
-                     :on-error="handleAttachmentError"
-                     :on-remove="handleAttachmentRemove"
-                     :before-upload="beforeAttachmentUpload"
-                     multiple
-                     :limit="10"
-                     name="files">
-            <el-button type="primary">
-              <el-icon>
-                <Upload />
-              </el-icon>
-              涓婁紶闄勪欢
-            </el-button>
-            <template #tip>
-              <div class="el-upload__tip">
-                鏀寔涓婁紶鍥剧墖銆佹枃妗ｇ瓑鏂囦欢锛屽崟涓枃浠朵笉瓒呰繃50MB
-              </div>
-            </template>
-          </el-upload>
-        </div>
-        <div v-if="currentAttachmentList.length > 0"
-             class="attachment-list">
-          <h4>宸蹭笂浼犻檮浠讹細</h4>
-          <el-table :data="currentAttachmentList"
-                    border
-                    size="small">
-            <el-table-column prop="name"
-                             label="鏂囦欢鍚�"
-                             show-overflow-tooltip />
-            <el-table-column prop="size"
-                             label="澶у皬"
-                             width="100">
-              <template #default="{ row }">
-                {{ formatFileSize(row.size) }}
-              </template>
-            </el-table-column>
-            <el-table-column label="鎿嶄綔"
-                             width="120"
-                             align="center">
-              <template #default="{ row, $index }">
-                <el-button type="primary"
-                           link
-                           @click="downloadAttachment(row)">
-                  涓嬭浇
-                </el-button>
-                <el-button type="danger"
-                           link
-                           @click="deleteAttachment(row, $index)">
-                  鍒犻櫎
-                </el-button>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-        <div v-else
-             class="no-attachment">
-          鏆傛棤闄勪欢
-        </div>
-      </div>
-      <template #footer>
-        <div class="dialog-footer">
-          <el-button @click="closeAttachmentDialog">鍏抽棴</el-button>
         </div>
       </template>
     </el-dialog>
@@ -610,158 +183,23 @@
 
 <script setup>
   import { onMounted, ref, reactive, getCurrentInstance, toRefs } from "vue";
-  import { Search, Paperclip, Upload } from "@element-plus/icons-vue";
-  import {
-    addCustomer,
-    delCustomer,
-    getCustomer,
-    listCustomer,
-    updateCustomer,
-    addCustomerFollow,
-    updateCustomerFollow,
-    delCustomerFollow,
-    addReturnVisit,
-    getReturnVisit,
-  } from "@/api/basicData/customerFile.js";
+  import { Search, UploadFilled } from "@element-plus/icons-vue";
+  import { addCustomer, delCustomer, getCustomer, listCustomer, updateCustomer } from "@/api/basicData/customerFile.js";
   import { ElMessageBox } from "element-plus";
-  import { userListNoPage } from "@/api/system/user.js";
   import useUserStore from "@/store/modules/user";
   import { getToken } from "@/utils/auth.js";
+
   const { proxy } = getCurrentInstance();
   const userStore = useUserStore();
 
-  // 鍥炶鎻愰啋鐩稿叧
-  const reminderDialogVisible = ref(false);
-  const reminderFormRef = ref();
-  const currentCustomerId = ref();
-  const reminderForm = reactive({
-    customerName: "",
-    reminderSwitch: false,
-    reminderContent: "",
-    reminderTime: "",
-  });
-  const reminderRules = {
-    reminderContent: [
-      { required: true, message: "璇疯緭鍏ユ彁閱掑唴瀹�", trigger: "blur" },
-    ],
-    reminderTime: [
-      { required: true, message: "璇烽�夋嫨鎻愰啋鏃堕棿", trigger: "change" },
-    ],
-  };
-
-  // 娲借皥杩涘害鐩稿叧
-  const negotiationDialogVisible = ref(false);
-  const negotiationFormRef = ref();
-  const negotiationForm = reactive({
-    customerName: "",
-    customerId: "",
-    followUpMethod: "",
-    followUpLevel: "",
-    followUpTime: "",
-    followerUserName: "",
-    content: "",
-  });
-  const negotiationRules = {
-    followUpMethod: [
-      { required: true, message: "璇烽�夋嫨璺熻繘鏂瑰紡", trigger: "change" },
-    ],
-    followUpLevel: [
-      { required: true, message: "璇烽�夋嫨璺熻繘绋嬪害", trigger: "change" },
-    ],
-    followUpTime: [
-      { required: true, message: "璇烽�夋嫨璺熻繘鏃堕棿", trigger: "change" },
-    ],
-    content: [{ required: true, message: "璇疯緭鍏ュ唴瀹�", trigger: "blur" }],
-  };
-
-  // 璇︽儏鐩稿叧
-  const detailDialogVisible = ref(false);
-  const detailForm = reactive({
-    customerName: "",
-    customerType: "",
-    taxpayerIdentificationNumber: "",
-    companyPhone: "",
-    companyAddress: "",
-    basicBankAccount: "",
-    bankAccount: "",
-    bankCode: "",
-    contactPerson: "",
-    contactPhone: "",
-    maintainer: "",
-    maintenanceTime: "",
-  });
-  const negotiationRecords = ref([]);
-
-  // 闄勪欢鐩稿叧
-  const attachmentDialogVisible = ref(false);
-  const attachmentUploadRef = ref();
-  const currentAttachmentList = ref([]);
-  const currentFollowRecord = ref({});
-  const attachmentUploadHeaders = { Authorization: "Bearer " + getToken() };
-
-  // 鍔ㄦ�佹瀯寤轰笂浼燯RL
-  const getAttachmentUploadUrl = () => {
-    const baseUrl =
-      import.meta.env.VITE_APP_BASE_API + "/basic/customer-follow/upload";
-    return currentFollowRecord.value.id
-      ? `${baseUrl}/${currentFollowRecord.value.id}`
-      : baseUrl;
-  };
-
   const tableColumn = ref([
     {
-      label: "瀹㈡埛鍒嗙被",
-      prop: "customerType",
-      width: 120,
-    },
-    {
-      label: "瀹㈡埛鍚嶇О",
+      label: "鍚嶇О",
       prop: "customerName",
-      width: 220,
     },
     {
-      label: "绾崇◣浜鸿瘑鍒爜",
+      label: "绾崇◣浜鸿瘑鍒彿",
       prop: "taxpayerIdentificationNumber",
-      width: 220,
-    },
-    {
-      label: "鍦板潃鍙婅仈绯绘柟寮�",
-      prop: "addressPhone",
-      width: 250,
-    },
-    {
-      label: "鑱旂郴浜�",
-      prop: "contactPerson",
-    },
-    {
-      label: "鑱旂郴鐢佃瘽",
-      prop: "contactPhone",
-      width: 150,
-    },
-    {
-      label: "璺熻繘杩涘害",
-      prop: "followUpLevel",
-      width: 120,
-    },
-    {
-      label: "璺熻繘鏃堕棿",
-      prop: "followUpTime",
-      width: 120,
-    },
-    {
-      label: "閾惰鍩烘湰鎴�",
-      prop: "basicBankAccount",
-      width: 220,
-    },
-    {
-      label: "閾惰璐﹀彿",
-      prop: "bankAccount",
-      width: 220,
-    },
-    {
-      label: "寮�鎴疯鍙�",
-      prop: "bankCode",
-      width: 220,
     },
     {
       label: "缁存姢浜�",
@@ -770,14 +208,13 @@
     {
       label: "缁存姢鏃堕棿",
       prop: "maintenanceTime",
-      width: 100,
     },
     {
       dataType: "action",
       label: "鎿嶄綔",
       align: "center",
       fixed: "right",
-      width: 290,
+      width: 220,
       operation: [
         {
           name: "缂栬緫",
@@ -786,106 +223,69 @@
             openForm("edit", row);
           },
         },
-				{
-					name: "娣诲姞娲借皥杩涘害",
-					type: "text",
-					clickFun: row => {
-						openNegotiationDialog(row);
-					},
-				},
         {
-          name: "鍥炶鎻愰啋",
+          name: "璇︽儏",
           type: "text",
           clickFun: row => {
-            openReminderDialog(row);
+            openDetailDialog(row);
           },
         },
-				{
-					name: "璇︽儏",
-					type: "text",
-					clickFun: row => {
-						openDetailDialog(row);
-					},
-				},
       ],
     },
   ]);
+
   const tableData = ref([]);
   const selectedRows = ref([]);
-  const userList = ref([]);
   const tableLoading = ref(false);
+  const detailDialogVisible = ref(false);
+  const dialogFormVisible = ref(false);
+  const operationType = ref("");
+  const formRef = ref();
+  const uploadRef = ref();
+
+  const defaultForm = () => ({
+    customerName: "",
+    taxpayerIdentificationNumber: "",
+    maintainer: userStore.nickName,
+    maintenanceTime: getCurrentDate(),
+  });
+
+  const detailForm = reactive({
+    customerName: "",
+    taxpayerIdentificationNumber: "",
+    maintainer: "",
+    maintenanceTime: "",
+  });
+
+  const data = reactive({
+    searchForm: {
+      customerName: "",
+    },
+    form: defaultForm(),
+    rules: {
+      customerName: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }],
+      taxpayerIdentificationNumber: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }],
+      maintainer: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }],
+      maintenanceTime: [{ required: true, message: "璇烽�夋嫨", trigger: "change" }],
+    },
+  });
+
+  const { searchForm, form, rules } = toRefs(data);
+
   const page = reactive({
     current: 1,
     size: 100,
     total: 0,
   });
-  const total = ref(0);
 
-  // 鐢ㄦ埛淇℃伅琛ㄥ崟寮规鏁版嵁
-  const operationType = ref("");
-  const dialogFormVisible = ref(false);
-  const formYYs = ref({
-    // 鍏朵粬瀛楁...
-    contactList: [
-      {
-        contactPerson: "",
-        contactPhone: "",
-      },
-    ],
-  });
-  const data = reactive({
-    searchForm: {
-      customerName: "",
-      customerType: "",
-    },
-    form: {
-      customerName: "",
-      taxpayerIdentificationNumber: "",
-      companyAddress: "",
-      companyPhone: "",
-      contactPerson: "",
-      contactPhone: "",
-      maintainer: "",
-      maintenanceTime: "",
-      basicBankAccount: "",
-      bankAccount: "",
-      bankCode: "",
-      customerType: "",
-    },
-    rules: {
-      customerName: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }],
-      taxpayerIdentificationNumber: [
-        { required: true, message: "璇疯緭鍏�", trigger: "blur" },
-      ],
-      companyAddress: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }],
-      companyPhone: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }],
-      // contactPerson: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }],
-      // contactPhone: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }],
-      maintainer: [{ required: false, message: "璇烽�夋嫨", trigger: "change" }],
-      maintenanceTime: [
-        { required: false, message: "璇烽�夋嫨", trigger: "change" },
-      ],
-      basicBankAccount: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }],
-      bankAccount: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }],
-      bankCode: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }],
-      customerType: [{ required: true, message: "璇烽�夋嫨", trigger: "change" }],
-    },
-  });
   const upload = reactive({
-    // 鏄惁鏄剧ず寮瑰嚭灞傦紙瀹㈡埛瀵煎叆锛�
     open: false,
-    // 寮瑰嚭灞傛爣棰橈紙瀹㈡埛瀵煎叆锛�
     title: "",
-    // 鏄惁绂佺敤涓婁紶
     isUploading: false,
-    // 璁剧疆涓婁紶鐨勮姹傚ご閮�
     headers: { Authorization: "Bearer " + getToken() },
-    // 涓婁紶鐨勫湴鍧�
     url: import.meta.env.VITE_APP_BASE_API + "/basic/customer/importData",
-    // 鏂囦欢涓婁紶鍓嶇殑鍥炶皟
+    updateSupport: 0,
     beforeUpload: file => {
-      console.log("鏂囦欢鍗冲皢涓婁紶", file);
-      // 鍙互鍦ㄦ澶勫仛鏂囦欢绫诲瀷鎴栧ぇ灏忔牎楠�
       const isValid =
         file.type ===
           "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" ||
@@ -896,13 +296,8 @@
       }
       return isValid;
     },
-    // 鏂囦欢鐘舵�佹敼鍙樻椂鐨勫洖璋�
-    onChange: (file, fileList) => {
-      console.log("鏂囦欢鐘舵�佹敼鍙�", file, fileList);
-    },
-    // 鏂囦欢涓婁紶鎴愬姛鏃剁殑鍥炶皟
-    onSuccess: (response, file, fileList) => {
-      console.log("涓婁紶鎴愬姛", response, file, fileList);
+    onChange: () => {},
+    onSuccess: response => {
       upload.isUploading = false;
       if (response.code === 200) {
         proxy.$modal.msgSuccess("鏂囦欢涓婁紶鎴愬姛");
@@ -915,41 +310,24 @@
         proxy.$modal.msgWarning(response.msg);
       }
     },
-    // 鏂囦欢涓婁紶澶辫触鏃剁殑鍥炶皟
-    onError: (error, file, fileList) => {
-      console.error("涓婁紶澶辫触", error, file, fileList);
+    onError: () => {
       upload.isUploading = false;
       proxy.$modal.msgError("鏂囦欢涓婁紶澶辫触");
     },
-    // 鏂囦欢涓婁紶杩涘害鍥炶皟
-    onProgress: (event, file, fileList) => {
-      console.log("涓婁紶涓�...", event.percent);
-    },
+    onProgress: () => {},
   });
-  const { searchForm, form, rules } = toRefs(data);
-  const addNewContact = () => {
-    formYYs.value.contactList.push({
-      contactPerson: "",
-      contactPhone: "",
-    });
-  };
 
-  const removeContact = index => {
-    if (formYYs.value.contactList.length > 1) {
-      formYYs.value.contactList.splice(index, 1);
-    }
-  };
-  // 鏌ヨ鍒楄〃
-  /** 鎼滅储鎸夐挳鎿嶄綔 */
   const handleQuery = () => {
     page.current = 1;
     getList();
   };
+
   const pagination = obj => {
     page.current = obj.page;
     page.size = obj.limit;
     getList();
   };
+
   const getList = () => {
     tableLoading.value = true;
     listCustomer({ ...searchForm.value, ...page }).then(res => {
@@ -958,103 +336,66 @@
       page.total = res.total;
     });
   };
-  // 琛ㄦ牸閫夋嫨鏁版嵁
+
   const handleSelectionChange = selection => {
     selectedRows.value = selection;
   };
-  /** 鎻愪氦涓婁紶鏂囦欢 */
-  function submitFileForm() {
+
+  const submitFileForm = () => {
     upload.isUploading = true;
     proxy.$refs["uploadRef"].submit();
-  }
-  /** 瀵煎叆鎸夐挳鎿嶄綔 */
-  function handleImport() {
+  };
+
+  const handleImport = () => {
     upload.title = "瀹㈡埛瀵煎叆";
     upload.open = true;
-  }
-  /** 涓嬭浇妯℃澘 */
-  function importTemplate() {
+  };
+
+  const importTemplate = () => {
     proxy.download("/basic/customer/downloadTemplate", {}, "瀹㈡埛瀵煎叆妯℃澘.xlsx");
-  }
-  // 鎵撳紑寮规
+  };
+
   const openForm = (type, row) => {
     operationType.value = type;
-    form.value = {};
-    form.value.maintainer = userStore.nickName;
-    formYYs.value.contactList = [
-      {
-        contactPerson: "",
-        contactPhone: "",
-      },
-    ];
-    form.value.maintenanceTime = getCurrentDate();
-    userListNoPage().then(res => {
-      userList.value = res.data;
-    });
+    form.value = defaultForm();
     if (type === "edit") {
       getCustomer(row.id).then(res => {
-        form.value = { ...res.data };
-        formYYs.value.contactList = res.data.contactPerson
-          .split(",")
-          .map((item, index) => {
-            return {
-              contactPerson: item,
-              contactPhone: res.data.contactPhone.split(",")[index],
-            };
-          });
+        form.value.customerName = res.data.customerName || "";
+        form.value.taxpayerIdentificationNumber = res.data.taxpayerIdentificationNumber || "";
+        form.value.maintainer = res.data.maintainer || userStore.nickName;
+        form.value.maintenanceTime = res.data.maintenanceTime || getCurrentDate();
       });
     }
     dialogFormVisible.value = true;
   };
-  // 鎻愪氦琛ㄥ崟
+
   const submitForm = () => {
     proxy.$refs["formRef"].validate(valid => {
-      if (valid) {
-        if (operationType.value === "edit") {
-          submitEdit();
-        } else {
-          submitAdd();
-        }
+      if (!valid) {
+        return;
+      }
+      if (operationType.value === "edit") {
+        updateCustomer(form.value).then(() => {
+          proxy.$modal.msgSuccess("鎻愪氦鎴愬姛");
+          closeDia();
+          getList();
+        });
+      } else {
+        addCustomer(form.value).then(() => {
+          proxy.$modal.msgSuccess("鎻愪氦鎴愬姛");
+          closeDia();
+          getList();
+        });
       }
     });
   };
-  // 鎻愪氦鏂板
-  const submitAdd = () => {
-    if (formYYs.value.contactList.length < 1) {
-      return proxy.$modal.msgWarning("璇疯嚦灏戞坊鍔犱竴涓仈绯讳汉");
-    }
-    form.value.contactPerson = formYYs.value.contactList
-      .map(item => item.contactPerson)
-      .join(",");
-    form.value.contactPhone = formYYs.value.contactList
-      .map(item => item.contactPhone)
-      .join(",");
-    addCustomer(form.value).then(res => {
-      proxy.$modal.msgSuccess("鎻愪氦鎴愬姛");
-      closeDia();
-      getList();
-    });
-  };
-  // 鎻愪氦淇敼
-  const submitEdit = () => {
-    form.value.contactPerson = formYYs.value.contactList
-      .map(item => item.contactPerson)
-      .join(",");
-    form.value.contactPhone = formYYs.value.contactList
-      .map(item => item.contactPhone)
-      .join(",");
-    updateCustomer(form.value).then(res => {
-      proxy.$modal.msgSuccess("鎻愪氦鎴愬姛");
-      closeDia();
-      getList();
-    });
-  };
-  // 鍏抽棴寮规
+
   const closeDia = () => {
     proxy.resetForm("formRef");
+    form.value = defaultForm();
     dialogFormVisible.value = false;
   };
-  // 瀵煎嚭
+
   const handleOut = () => {
     ElMessageBox.confirm("閫変腑鐨勫唴瀹瑰皢琚鍑猴紝鏄惁纭瀵煎嚭锛�", "瀵煎嚭", {
       confirmButtonText: "纭",
@@ -1068,23 +409,20 @@
         proxy.$modal.msg("宸插彇娑�");
       });
   };
-  // 鍒犻櫎
+
   const handleDelete = () => {
-    let ids = [];
-    if (selectedRows.value.length > 0) {
-      // 妫�鏌ユ槸鍚︽湁浠栦汉缁存姢鐨勬暟鎹�
-      const unauthorizedData = selectedRows.value.filter(
-        item => item.maintainer !== userStore.nickName
-      );
-      if (unauthorizedData.length > 0) {
-        proxy.$modal.msgWarning("涓嶅彲鍒犻櫎浠栦汉缁存姢鐨勬暟鎹�");
-        return;
-      }
-      ids = selectedRows.value.map(item => item.id);
-    } else {
+    if (selectedRows.value.length === 0) {
       proxy.$modal.msgWarning("璇烽�夋嫨鏁版嵁");
       return;
     }
+    const unauthorizedData = selectedRows.value.filter(
+      item => item.maintainer !== userStore.nickName,
+    );
+    if (unauthorizedData.length > 0) {
+      proxy.$modal.msgWarning("涓嶅彲鍒犻櫎浠栦汉缁存姢鐨勬暟鎹�");
+      return;
+    }
+    const ids = selectedRows.value.map(item => item.id);
     ElMessageBox.confirm("閫変腑鐨勫唴瀹瑰皢琚垹闄わ紝鏄惁纭鍒犻櫎锛�", "鍒犻櫎鎻愮ず", {
       confirmButtonText: "纭",
       cancelButtonText: "鍙栨秷",
@@ -1093,7 +431,7 @@
       .then(() => {
         tableLoading.value = true;
         delCustomer(ids)
-          .then(res => {
+          .then(() => {
             proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛");
             getList();
           })
@@ -1106,378 +444,26 @@
       });
   };
 
-  // 鎵撳紑鍥炶鎻愰啋寮圭獥
-  const openReminderDialog = row => {
-    currentCustomerId.value = row.id;
-    reminderForm.customerName = row.customerName;
-    reminderForm.reminderSwitch = false;
-    reminderForm.reminderContent = "";
-    reminderForm.reminderTime = "";
-
-    // 灏濊瘯鑾峰彇宸叉湁鐨勫洖璁挎彁閱�
-    getReturnVisit(row.id)
-      .then(res => {
-        if (res.code === 200 && res.data) {
-          reminderForm.reminderSwitch = res.data.isEnabled === 1;
-          reminderForm.reminderContent = res.data.content;
-          reminderForm.reminderTime = res.data.reminderTime;
-          reminderForm.id = res.data.id;
-        }
-      })
-      .catch(error => {
-        console.error("鑾峰彇鍥炶鎻愰啋澶辫触:", error);
-      });
-
-    reminderDialogVisible.value = true;
-  };
-
-  // 鍏抽棴鍥炶鎻愰啋寮圭獥
-  const closeReminderDialog = () => {
-    proxy.resetForm("reminderFormRef");
-    reminderDialogVisible.value = false;
-  };
-  const submitvalue = ref({});
-
-  // 鎻愪氦鍥炶鎻愰啋
-  const submitReminderForm = () => {
-    console.log("鎻愪氦鍥炶鎻愰啋鏁版嵁:", userStore.id, userStore);
-    proxy.$refs.reminderFormRef.validate(valid => {
-      if (valid) {
-        if (reminderForm.id) {
-          submitvalue.value = {
-            id: reminderForm.id,
-            customerId: currentCustomerId.value,
-            isEnabled: reminderForm.reminderSwitch ? 1 : 0,
-            content: reminderForm.reminderContent,
-            reminderTime: reminderForm.reminderTime,
-            remindUserId: userStore.id,
-          };
-        } else {
-          submitvalue.value = {
-            customerId: currentCustomerId.value,
-            isEnabled: reminderForm.reminderSwitch ? 1 : 0,
-            content: reminderForm.reminderContent,
-            reminderTime: reminderForm.reminderTime,
-            remindUserId: userStore.id,
-          };
-        }
-
-        console.log("鎻愪氦鍥炶鎻愰啋鏁版嵁:", submitvalue.value);
-
-        // 璋冪敤鎺ュ彛
-        addReturnVisit(submitvalue.value)
-          .then(res => {
-            if (res.code === 200) {
-              proxy.$modal.msgSuccess("鍥炶鎻愰啋璁剧疆鎴愬姛");
-              closeReminderDialog();
-            } else {
-              proxy.$modal.msgError(res.msg || "璁剧疆澶辫触");
-            }
-          })
-          .catch(error => {
-            console.error("璁剧疆鍥炶鎻愰啋澶辫触:", error);
-            proxy.$modal.msgError("璁剧疆澶辫触");
-          });
-      }
-    });
-  };
-
-  // 鎵撳紑娲借皥杩涘害寮圭獥
-  const openNegotiationDialog = row => {
-    negotiationForm.customerName = row.customerName;
-    negotiationForm.customerId = row.id;
-    negotiationForm.followUpMethod = "";
-    negotiationForm.followUpLevel = "";
-    negotiationForm.followUpTime = "";
-    negotiationForm.followerUserName = userStore.nickName; // 榛樿褰撳墠鐧诲綍浜�
-    negotiationForm.content = "";
-    // {
-    // 	"customerId": 152,
-    // 	"followUpMethod": "鐢佃瘽娌熼��",
-    // 	"followUpLevel": "娌℃湁鎰忓悜",
-    // 	"followUpTime": "2026-03-04T15:30:00",
-    // 	"followerUserName": "绠＄悊鍛樿处鍙�",
-    // 	"content": "111"
-    // }
-    negotiationDialogVisible.value = true;
-  };
-
-  // 鍏抽棴娲借皥杩涘害寮圭獥
-  const closeNegotiationDialog = () => {
-    proxy.resetForm("negotiationFormRef");
-    // 娓呴櫎缂栬緫鐘舵��
-    delete negotiationForm.editIndex;
-    delete negotiationForm.id;
-    negotiationDialogVisible.value = false;
-  };
-
-  // 鎻愪氦娲借皥杩涘害
-  const submitNegotiationForm = () => {
-    proxy.$refs.negotiationFormRef.validate(valid => {
-      if (valid) {
-        // 鍒ゆ柇鏄柊澧炶繕鏄慨鏀�
-        const isEdit = negotiationForm.editIndex !== undefined;
-
-        if (isEdit) {
-          // 淇敼鎿嶄綔
-          console.log("淇敼娲借皥杩涘害鏁版嵁:", negotiationForm);
-          // 杩欓噷鍙互璋冪敤鏇存柊鎺ュ彛
-          // 瀹為檯椤圭洰涓渶瑕佹牴鎹悗绔帴鍙ｈ繘琛岃皟鏁�
-          // 绀轰緥锛歶pdateCustomerFollow(negotiationForm).then(res => {
-          //   // 鏇存柊鏈湴鏁版嵁
-          //   const index = negotiationForm.editIndex;
-          //   negotiationRecords.value[index] = {
-          //     followUpTime: negotiationForm.followUpTime,
-          //     followUpMethod: negotiationForm.followUpMethod,
-          //     followUpLevel: negotiationForm.followUpLevel,
-          //     followerUserName: negotiationForm.followerUserName,
-          //     content: negotiationForm.content,
-          //     id: negotiationForm.id,
-          //   };
-          //   proxy.$modal.msgSuccess("淇敼鎴愬姛");
-          //   closeNegotiationDialog();
-          // });
-          updateCustomerFollow(negotiationForm).then(res => {
-            // 鏇存柊鏈湴鏁版嵁
-            getCustomer(negotiationForm.customerId).then(res => {
-              // 鏇存柊鏈湴鏁版嵁
-              negotiationRecords.value = res.data.followUpList || [];
-            });
-          });
-          proxy.$modal.msgSuccess("淇敼鎴愬姛");
-          closeNegotiationDialog();
-        } else {
-          // 鏂板鎿嶄綔
-          console.log("鎻愪氦娲借皥杩涘害鏁版嵁:", negotiationForm);
-          addCustomerFollow(negotiationForm).then(res => {
-            // 娣诲姞鎴愬姛鍚庢洿鏂拌鎯呴〉闈㈢殑杩涘害璁板綍
-            const newRecord = {
-              followUpTime: negotiationForm.followUpTime,
-              followUpMethod: negotiationForm.followUpMethod,
-              followUpLevel: negotiationForm.followUpLevel,
-              followerUserName: negotiationForm.followerUserName,
-              content: negotiationForm.content,
-            };
-            negotiationRecords.value.unshift(newRecord);
-
-            proxy.$modal.msgSuccess("鎻愪氦鎴愬姛");
-            closeNegotiationDialog();
-            getList();
-          });
-        }
-      }
-    });
-  };
-
-  // 鎵撳紑璇︽儏寮圭獥
   const openDetailDialog = row => {
-    // 璋冪敤getCustomer鎺ュ彛鑾峰彇瀹㈡埛璇︽儏
     getCustomer(row.id).then(res => {
-      // 濉厖瀹㈡埛鍩烘湰淇℃伅
-      Object.assign(detailForm, res.data);
-
-      // 鑾峰彇娲借皥杩涘害璁板綍
-      negotiationRecords.value = res.data.followUpList || [];
-
+      Object.assign(detailForm, {
+        customerName: res.data.customerName || "",
+        taxpayerIdentificationNumber: res.data.taxpayerIdentificationNumber || "",
+        maintainer: res.data.maintainer || "",
+        maintenanceTime: res.data.maintenanceTime || "",
+      });
       detailDialogVisible.value = true;
     });
   };
 
-  // 鍏抽棴璇︽儏寮圭獥
   const closeDetailDialog = () => {
     detailDialogVisible.value = false;
   };
 
-  // 淇敼娲借皥璁板綍
-  const editNegotiationRecord = (row, index) => {
-    // 灏嗗綋鍓嶈褰曟暟鎹～鍏呭埌琛ㄥ崟
-    Object.assign(negotiationForm, {
-      customerName: row.customerName,
-      customerId: row.customerId,
-      followUpMethod: row.followUpMethod,
-      followUpLevel: row.followUpLevel,
-      followUpTime: row.followUpTime,
-      followerUserName: row.followerUserName,
-      content: row.content,
-      id: row.id, // 璁板綍ID鐢ㄤ簬鏇存柊
-      editIndex: index, // 璁板綍绱㈠紩鐢ㄤ簬鏈湴鏇存柊
-    });
-    negotiationDialogVisible.value = true;
-  };
-
-  // 鍒犻櫎娲借皥璁板綍
-  const deleteNegotiationRecord = (row, index) => {
-    ElMessageBox.confirm("纭畾瑕佸垹闄よ繖鏉℃唇璋堣褰曞悧锛�", "鍒犻櫎鎻愮ず", {
-      confirmButtonText: "纭畾",
-      cancelButtonText: "鍙栨秷",
-      type: "warning",
-    })
-      .then(() => {
-        // 杩欓噷鍙互璋冪敤鍒犻櫎鎺ュ彛
-        // 瀹為檯椤圭洰涓渶瑕佹牴鎹悗绔帴鍙ｈ繘琛岃皟鏁�
-        // 绀轰緥锛歞eleteCustomerFollow(row.id).then(() => {
-        //   negotiationRecords.value.splice(index, 1);
-        //   proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛");
-        // });
-        delCustomerFollow(row.id).then(() => {
-          // 鍒犻櫎鎴愬姛鍚庢洿鏂版湰鍦版暟鎹�
-          getCustomer(row.customerId).then(res => {
-            // 鏇存柊鏈湴鏁版嵁
-            negotiationRecords.value = res.data.followUpList || [];
-          });
-          proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛");
-        });
-        // 鏈湴鍒犻櫎锛堟ā鎷燂級
-        negotiationRecords.value.splice(index, 1);
-        proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛");
-      })
-      .catch(() => {
-        proxy.$modal.msg("宸插彇娑堝垹闄�");
-      });
-  };
-
-  // 鎵撳紑闄勪欢寮圭獥
-  const openAttachmentDialog = row => {
-    currentFollowRecord.value = row;
-    // 杞崲涓虹鍚圗lement Plus fileList鏍煎紡鐨勬暟缁�
-    currentAttachmentList.value = (row.fileList || []).map((file, index) => ({
-      name: file.fileName,
-      url: file.fileUrl,
-      size: file.fileSize,
-      id: file.id,
-      uid: file.id || index,
-      status: "success",
-    }));
-
-    attachmentDialogVisible.value = true;
-  };
-
-  // 鍏抽棴闄勪欢寮圭獥
-  const closeAttachmentDialog = () => {
-    attachmentDialogVisible.value = false;
-    currentFollowRecord.value = {};
-    currentAttachmentList.value = [];
-  };
-
-  // 闄勪欢涓婁紶鎴愬姛
-  const handleAttachmentSuccess = (response, file, fileList) => {
-    if (response.code === 200) {
-      proxy.$modal.msgSuccess("涓婁紶鎴愬姛");
-      // 鏇存柊褰撳墠璁板綍鐨勯檮浠跺垪琛�
-      currentAttachmentList.value = fileList.map(item => ({
-        name: item.name,
-        size: item.size,
-        url: item.response?.data?.url || item.url,
-        id: item.response?.data?.id,
-        uid: item.uid,
-        status: "success",
-      }));
-      // 鏇存柊鍘熻褰曚腑鐨刦iles瀛楁
-      if (currentFollowRecord.value) {
-        currentFollowRecord.value.files = [...currentAttachmentList.value];
-      }
-    } else {
-      proxy.$modal.msgError(response.msg || "涓婁紶澶辫触");
-    }
-  };
-
-  // 闄勪欢涓婁紶澶辫触
-  const handleAttachmentError = (error, file, fileList) => {
-    console.error("涓婁紶澶辫触:", error);
-    proxy.$modal.msgError("涓婁紶澶辫触");
-  };
-
-  // 闄勪欢绉婚櫎
-  const handleAttachmentRemove = (file, fileList) => {
-    currentAttachmentList.value = fileList;
-    // 鏇存柊鍘熻褰曚腑鐨刦iles瀛楁
-    if (currentFollowRecord.value) {
-      currentFollowRecord.value.files = [...fileList];
-    }
-  };
-
-  // 闄勪欢涓婁紶鍓嶆牎楠�
-  const beforeAttachmentUpload = file => {
-    const maxSize = 50 * 1024 * 1024; // 50MB
-    if (file.size > maxSize) {
-      proxy.$modal.msgError("鏂囦欢澶у皬涓嶈兘瓒呰繃50MB");
-      return false;
-    }
-    return true;
-  };
-
-  // 鏍煎紡鍖栨枃浠跺ぇ灏�
-  const formatFileSize = size => {
-    if (size < 1024) {
-      return size + " B";
-    } else if (size < 1024 * 1024) {
-      return (size / 1024).toFixed(2) + " KB";
-    } else {
-      return (size / (1024 * 1024)).toFixed(2) + " MB";
-    }
-  };
-
-  // 涓嬭浇闄勪欢
-  const downloadAttachment = row => {
-    if (row.url) {
-      // proxy.download(row.url, {}, row.name);
-      proxy.$download.name(row.url);
-    } else {
-      proxy.$modal.msgError("涓嬭浇閾炬帴涓嶅瓨鍦�");
-    }
-  };
-
-  // 鍒犻櫎闄勪欢
-  const deleteAttachment = (row, index) => {
-    ElMessageBox.confirm("纭畾瑕佸垹闄よ繖涓檮浠跺悧锛�", "鍒犻櫎鎻愮ず", {
-      confirmButtonText: "纭畾",
-      cancelButtonText: "鍙栨秷",
-      type: "warning",
-    })
-      .then(() => {
-        // 璋冪敤鍚庣鎺ュ彛鍒犻櫎闄勪欢
-        const deleteUrl =
-          import.meta.env.VITE_APP_BASE_API +
-          "/basic/customer-follow/file/" +
-          row.id;
-        fetch(deleteUrl, {
-          method: "DELETE",
-          headers: {
-            Authorization: "Bearer " + getToken(),
-            "Content-Type": "application/json",
-          },
-        })
-          .then(response => response.json())
-          .then(res => {
-            if (res.code === 200) {
-              // 鍒犻櫎鎴愬姛鍚庢洿鏂版湰鍦版枃浠跺垪琛�
-              currentAttachmentList.value.splice(index, 1);
-              // 鏇存柊鍘熻褰曚腑鐨刦iles瀛楁
-              if (currentFollowRecord.value) {
-                currentFollowRecord.value.files = [
-                  ...currentAttachmentList.value,
-                ];
-              }
-              proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛");
-            } else {
-              proxy.$modal.msgError(res.msg || "鍒犻櫎澶辫触");
-            }
-          })
-          .catch(error => {
-            console.error("鍒犻櫎闄勪欢澶辫触:", error);
-            proxy.$modal.msgError("鍒犻櫎澶辫触");
-          });
-      })
-      .catch(() => {
-        proxy.$modal.msg("宸插彇娑堝垹闄�");
-      });
-  };
-
-  // 鑾峰彇褰撳墠鏃ユ湡骞舵牸寮忓寲涓� YYYY-MM-DD
   function getCurrentDate() {
     const today = new Date();
     const year = today.getFullYear();
-    const month = String(today.getMonth() + 1).padStart(2, "0"); // 鏈堜唤浠�0寮�濮�
+    const month = String(today.getMonth() + 1).padStart(2, "0");
     const day = String(today.getDate()).padStart(2, "0");
     return `${year}-${month}-${day}`;
   }
@@ -1489,85 +475,25 @@
 
 <style scoped lang="scss">
   .detail-section {
-    margin-bottom: 20px;
-    padding: 15px;
-    background-color: #f9f9f9;
-    border-radius: 4px;
-  }
-
-  .section-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-bottom: 15px;
-  }
-
-  .section-title {
-    font-size: 16px;
-    font-weight: bold;
-    margin: 0 0 15px 0;
-    color: #333;
-  }
-
-  .info-display {
-    background-color: #fff;
-    padding: 15px;
-    border-radius: 4px;
+    padding: 10px 0;
   }
 
   .info-item {
-    margin-bottom: 12px;
     display: flex;
     align-items: flex-start;
+    margin-bottom: 16px;
+    line-height: 1.6;
   }
 
   .info-label {
-    width: 120px;
-    font-weight: 500;
+    flex: 0 0 120px;
     color: #606266;
-    margin-right: 10px;
+    font-weight: 600;
   }
 
   .info-value {
     flex: 1;
     color: #303133;
-    word-break: break-word;
-  }
-
-  .no-records {
-    text-align: center;
-    padding: 30px;
-    color: #999;
-    font-size: 14px;
-  }
-
-  .attachment-section {
-    .upload-area {
-      margin-bottom: 20px;
-      padding: 20px;
-      background-color: #f9f9f9;
-      border-radius: 4px;
-      border: 1px dashed #d9d9d9;
-
-      .el-upload__tip {
-        margin-top: 10px;
-        color: #909399;
-      }
-    }
-
-    .attachment-list {
-      h4 {
-        margin: 0 0 10px 0;
-        font-size: 14px;
-        color: #606266;
-      }
-    }
-
-    .no-attachment {
-      text-align: center;
-      padding: 40px;
-      color: #909399;
-      font-size: 14px;
-    }
+    word-break: break-all;
   }
 </style>
diff --git a/src/views/basicData/supplierManage/components/BlacklistTab.vue b/src/views/basicData/supplierManage/components/BlacklistTab.vue
index 8f6204b..023e2fb 100644
--- a/src/views/basicData/supplierManage/components/BlacklistTab.vue
+++ b/src/views/basicData/supplierManage/components/BlacklistTab.vue
@@ -4,126 +4,59 @@
       <div>
         <span class="search_title">渚涘簲鍟嗘。妗堬細</span>
         <el-input
-            v-model="searchForm.supplierName"
-            style="width: 240px"
-            placeholder="杈撳叆渚涘簲鍟嗗悕绉版悳绱�"
-            @change="handleQuery"
-            clearable
-            :prefix-icon="Search"
+          v-model="searchForm.supplierName"
+          style="width: 240px"
+          placeholder="杈撳叆鍚嶇О鎼滅储"
+          @change="handleQuery"
+          clearable
+          :prefix-icon="Search"
         />
-        <el-button type="primary" @click="handleQuery" style="margin-left: 10px"
-        >鎼滅储</el-button
-        >
+        <el-button type="primary" @click="handleQuery" style="margin-left: 10px">鎼滅储</el-button>
       </div>
       <div>
         <el-button @click="handleOut">瀵煎嚭</el-button>
         <el-button type="danger" plain @click="handleDelete">鍒犻櫎</el-button>
       </div>
     </div>
+
     <div class="table_list">
       <PIMTable
-          rowKey="id"
-          :column="tableColumn"
-          :tableData="tableData"
-          :page="page"
-          :isSelection="true"
-          @selection-change="handleSelectionChange"
-          :tableLoading="tableLoading"
-          @pagination="pagination"
-      ></PIMTable>
+        rowKey="id"
+        :column="tableColumn"
+        :tableData="tableData"
+        :page="page"
+        :isSelection="true"
+        @selection-change="handleSelectionChange"
+        :tableLoading="tableLoading"
+        @pagination="pagination"
+      />
     </div>
+
     <el-dialog
-        v-model="dialogFormVisible"
-        :title="operationType === 'add' ? '鏂板渚涘簲鍟嗕俊鎭�' : '缂栬緫渚涘簲鍟嗕俊鎭�'"
-        width="70%"
-        @close="closeDia"
+      v-model="dialogFormVisible"
+      :title="operationType === 'add' ? '鏂板渚涘簲鍟嗕俊鎭�' : '缂栬緫渚涘簲鍟嗕俊鎭�'"
+      width="600px"
+      @close="closeDia"
     >
       <el-form
-          :model="form"
-          label-width="140px"
-          label-position="top"
-          :rules="rules"
-          ref="formRef"
+        :model="form"
+        label-width="120px"
+        label-position="top"
+        :rules="rules"
+        ref="formRef"
       >
         <el-row :gutter="30">
           <el-col :span="12">
-            <el-form-item label="渚涘簲鍟嗗悕绉帮細" prop="supplierName">
-              <el-input
-                  v-model="form.supplierName"
-                  placeholder="璇疯緭鍏�"
-                  clearable
-              />
+            <el-form-item label="鍚嶇О锛�" prop="supplierName">
+              <el-input v-model="form.supplierName" placeholder="璇疯緭鍏�" clearable />
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item
-                label="绾崇◣浜鸿瘑鍒彿锛�"
-                prop="taxpayerIdentificationNum"
-            >
+            <el-form-item label="绾崇◣浜鸿瘑鍒彿锛�" prop="taxpayerIdentificationNum">
               <el-input
-                  v-model="form.taxpayerIdentificationNum"
-                  placeholder="璇疯緭鍏�"
-                  clearable
-              />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="30">
-          <el-col :span="12">
-            <el-form-item label="鍏徃鍦板潃锛�" prop="companyAddress">
-              <el-input
-                  v-model="form.companyAddress"
-                  placeholder="璇疯緭鍏�"
-                  clearable
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="鍏徃鐢佃瘽锛�" prop="companyPhone">
-              <el-input
-                  v-model="form.companyPhone"
-                  placeholder="璇疯緭鍏�"
-                  clearable
-              />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="30">
-          <el-col :span="12">
-            <el-form-item label="寮�鎴疯锛�" prop="bankAccountName">
-              <el-input
-                  v-model="form.bankAccountName"
-                  placeholder="璇疯緭鍏�"
-                  clearable
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="璐﹀彿锛�" prop="bankAccountNum">
-              <el-input
-                  v-model="form.bankAccountNum"
-                  placeholder="璇疯緭鍏�"
-                  clearable
-              />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="30">
-          <el-col :span="12">
-            <el-form-item label="鑱旂郴浜猴細" prop="contactUserName">
-              <el-input
-                  v-model="form.contactUserName"
-                  placeholder="璇疯緭鍏�"
-                  clearable
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="鑱旂郴鐢佃瘽锛�" prop="contactUserPhone">
-              <el-input
-                  v-model="form.contactUserPhone"
-                  placeholder="璇疯緭鍏�"
-                  clearable
+                v-model="form.taxpayerIdentificationNum"
+                placeholder="璇疯緭鍏�"
+                clearable
               />
             </el-form-item>
           </el-col>
@@ -131,17 +64,12 @@
         <el-row :gutter="30">
           <el-col :span="12">
             <el-form-item label="缁存姢浜猴細" prop="maintainUserId">
-              <el-select
-                  v-model="form.maintainUserId"
-                  placeholder="璇烽�夋嫨"
-                  clearable
-                  disabled
-              >
+              <el-select v-model="form.maintainUserId" placeholder="璇烽�夋嫨" clearable disabled>
                 <el-option
-                    v-for="item in userList"
-                    :key="item.nickName"
-                    :label="item.nickName"
-                    :value="item.userId"
+                  v-for="item in userList"
+                  :key="item.userId"
+                  :label="item.nickName"
+                  :value="item.userId"
                 />
               </el-select>
             </el-form-item>
@@ -149,34 +77,14 @@
           <el-col :span="12">
             <el-form-item label="缁存姢鏃堕棿锛�" prop="maintainTime">
               <el-date-picker
-                  style="width: 100%"
-                  v-model="form.maintainTime"
-                  value-format="YYYY-MM-DD"
-                  format="YYYY-MM-DD"
-                  type="date"
-                  placeholder="璇烽�夋嫨"
-                  clearable
+                style="width: 100%"
+                v-model="form.maintainTime"
+                value-format="YYYY-MM-DD"
+                format="YYYY-MM-DD"
+                type="date"
+                placeholder="璇烽�夋嫨"
+                clearable
               />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="30">
-          <el-col :span="12">
-            <el-form-item label="渚涘簲鍟嗙被鍨嬶細" prop="supplierType">
-              <el-select v-model="form.supplierType" placeholder="璇烽�夋嫨" clearable>
-                <el-option label="鐢�" value="鐢�" />
-                <el-option label="涔�" value="涔�" />
-                <el-option label="涓�" value="涓�" />
-                <el-option label="涓�" value="涓�" />
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="鏄惁鐧藉悕鍗曪細" prop="isWhite">
-              <el-select v-model="form.isWhite" placeholder="璇烽�夋嫨" clearable>
-                <el-option label="鏄�" :value="0" />
-                <el-option label="鍚�" :value="1" />
-              </el-select>
             </el-form-item>
           </el-col>
         </el-row>
@@ -188,398 +96,231 @@
         </div>
       </template>
     </el-dialog>
-
-    <!-- 渚涘簲鍟嗗鍏ュ璇濇 -->
-    <el-dialog
-        :title="upload.title"
-        v-model="upload.open"
-        width="400px"
-        append-to-body
-    >
-      <el-upload
-          ref="uploadRef"
-          :limit="1"
-          accept=".xlsx, .xls"
-          :headers="upload.headers"
-          :action="upload.url + '?updateSupport=' + upload.updateSupport"
-          :disabled="upload.isUploading"
-          :on-progress="handleFileUploadProgress"
-          :on-success="handleFileSuccess"
-          :on-error="handleFileError"
-          :auto-upload="false"
-          drag
-      >
-        <el-icon class="el-icon--upload"><upload-filled /></el-icon>
-        <div class="el-upload__text">灏嗘枃浠舵嫋鍒版澶勶紝鎴�<em>鐐瑰嚮涓婁紶</em></div>
-        <template #tip>
-          <div class="el-upload__tip text-center">
-            <span>浠呭厑璁稿鍏ls銆亁lsx鏍煎紡鏂囦欢銆�</span>
-            <el-link
-                type="primary"
-                :underline="false"
-                style="font-size: 12px; vertical-align: baseline"
-                @click="importTemplate"
-            >涓嬭浇妯℃澘</el-link
-            >
-          </div>
-        </template>
-      </el-upload>
-      <template #footer>
-        <div class="dialog-footer">
-          <el-button type="primary" @click="submitFileForm">纭� 瀹�</el-button>
-          <el-button @click="upload.open = false">鍙� 娑�</el-button>
-        </div>
-      </template>
-    </el-dialog>
-    <files-dia ref="filesDia"></files-dia>
   </div>
 </template>
 
 <script setup>
-import { onMounted, ref } from "vue";
-import { Search } from "@element-plus/icons-vue";
-import { delSupplier } from "@/api/basicData/supplierManageFile.js";
-import { ElMessageBox } from "element-plus";
-import { userListNoPage } from "@/api/system/user.js";
-import {
-  addSupplier,
-  getSupplier,
-  listSupplier,
-  updateSupplier,
-} from "@/api/basicData/supplierManageFile.js";
-import useUserStore from "@/store/modules/user";
-import { getToken } from "@/utils/auth.js";
-import FilesDia from "../filesDia.vue";
-const { proxy } = getCurrentInstance();
-const userStore = useUserStore();
+  import { getCurrentInstance, onMounted, reactive, ref, toRefs } from "vue";
+  import { Search } from "@element-plus/icons-vue";
+  import { ElMessageBox } from "element-plus";
+  import { addSupplier, delSupplier, getSupplier, listSupplier, updateSupplier } from "@/api/basicData/supplierManageFile.js";
+  import useUserStore from "@/store/modules/user";
+  import { userListNoPage } from "@/api/system/user.js";
+  import { getToken } from "@/utils/auth.js";
 
-const tableColumn = ref([
-  {
-    label: "渚涘簲鍟嗗悕绉�",
-    prop: "supplierName",
-    width: 250,
-  },
-  {
-    label: "渚涘簲鍟嗙被鍨�",
-    prop: "supplierType",
-    width: 120,
-  },
-  {
-    label: "绾崇◣浜鸿瘑鍒彿",
-    prop: "taxpayerIdentificationNum",
-    width: 230,
-  },
-  {
-    label: "鍏徃鍦板潃",
-    prop: "companyAddress",
-    width: 220,
-  },
-  {
-    label: "鑱旂郴鏂瑰紡",
-    prop: "companyPhone",
-    width:150
-  },
-  {
-    label: "寮�鎴疯",
-    prop: "bankAccountName",
-    width: 220,
-  },
-  {
-    label: "璐﹀彿",
-    prop: "bankAccountNum",
-    width: 220,
-  },
-  {
-    label: "鑱旂郴浜�",
-    prop: "contactUserName",
-  },
-  {
-    label: "鑱旂郴鐢佃瘽",
-    prop: "contactUserPhone",
-    width: 150,
-  },
-  {
-    label: "缁存姢浜�",
-    prop: "maintainUserName",
-  },
+  const { proxy } = getCurrentInstance();
+  const userStore = useUserStore();
 
-  {
-    label: "缁存姢鏃堕棿",
-    prop: "maintainTime",
-    width:100
-  },
-  {
-    dataType: "action",
-    label: "鎿嶄綔",
-    align: "center",
-    fixed: 'right',
-    width: 150,
-    operation: [
-      {
-        name: "缂栬緫",
-        type: "text",
-        clickFun: (row) => {
-          openForm("edit", row);
+  const tableColumn = ref([
+    {
+      label: "鍚嶇О",
+      prop: "supplierName",
+    },
+    {
+      label: "绾崇◣浜鸿瘑鍒彿",
+      prop: "taxpayerIdentificationNum",
+    },
+    {
+      label: "缁存姢浜�",
+      prop: "maintainUserName",
+    },
+    {
+      label: "缁存姢鏃堕棿",
+      prop: "maintainTime",
+      width: 140,
+    },
+    {
+      dataType: "action",
+      label: "鎿嶄綔",
+      align: "center",
+      fixed: "right",
+      width: 150,
+      operation: [
+        {
+          name: "缂栬緫",
+          type: "text",
+          clickFun: row => {
+            openForm("edit", row);
+          },
         },
-      },
-      {
-        //璧勮川闄勪欢
-        name: "璧勮川鏂囦欢",
-        type: "text",
-        clickFun: (row) => {
-          openFilesFormDia(row)
-        }
-      }
-    ],
-  },
-]);
-const tableData = ref([]);
-const selectedRows = ref([]);
-const userList = ref([]);
-const tableLoading = ref(false);
-const page = reactive({
-  current: 1,
-  size: 100,
-  total: 0,
-});
-const filesDia = ref()
-// 鐢ㄦ埛淇℃伅琛ㄥ崟寮规鏁版嵁
-const operationType = ref("");
-const dialogFormVisible = ref(false);
-const data = reactive({
-  searchForm: {
-    supplierName: "",
-  },
-  form: {
-    supplierName: "",
-    taxpayerIdentificationNum: "",
-    companyAddress: "",
-    companyPhone: "",
-    bankAccountName: "",
-    bankAccountNum: "",
-    contactUserName: "",
-    contactUserPhone: "",
-    maintainUserId: "",
-    maintainTime: "",
-    supplierType: "",
-    isWhite: "",
-  },
-  rules: {
-    supplierName: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }],
-    taxpayerIdentificationNum: [
-      { required: true, message: "璇疯緭鍏�", trigger: "blur" },
-    ],
-    companyAddress: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }],
-    companyPhone: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }],
-    bankAccountName: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }],
-    bankAccountNum: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }],
-    contactUserName: [{ required: false, message: "璇疯緭鍏�", trigger: "blur" }],
-    contactUserPhone: [{ required: false, message: "璇疯緭鍏�", trigger: "blur" }],
-    maintainUserId: [{ required: false, message: "璇烽�夋嫨", trigger: "change" }],
-    maintainTime: [{ required: false, message: "璇烽�夋嫨", trigger: "change" }],
-    supplierType: [{ required: true, message: "璇烽�夋嫨渚涘簲鍟嗙被鍨�", trigger: "change" }],
-  },
-});
-const { searchForm, form, rules } = toRefs(data);
+      ],
+    },
+  ]);
 
-// 鏌ヨ鍒楄〃
-/** 鎼滅储鎸夐挳鎿嶄綔 */
-const handleQuery = () => {
-  page.current = 1;
-  getList();
-};
-const pagination = (obj) => {
-  page.current = obj.page;
-  page.size = obj.limit;
-  getList();
-};
-/** 鎻愪氦涓婁紶鏂囦欢 */
-function submitFileForm() {
-  upload.isUploading = true;
-  proxy.$refs["uploadRef"].submit();
-}
-const getList = () => {
-  tableLoading.value = true;
-  listSupplier({ ...searchForm.value, ...page, isWhite: 1 }).then((res) => {
-    tableLoading.value = false;
-    tableData.value = res.data.records;
-    page.total = res.data.total;
+  const tableData = ref([]);
+  const selectedRows = ref([]);
+  const userList = ref([]);
+  const tableLoading = ref(false);
+  const page = reactive({
+    current: 1,
+    size: 100,
+    total: 0,
   });
-};
-const upload = reactive({
-  // 鏄惁鏄剧ず寮瑰嚭灞傦紙渚涘簲鍟嗗鍏ワ級
-  open: false,
-  // 寮瑰嚭灞傛爣棰橈紙渚涘簲鍟嗗鍏ワ級
-  title: "",
-  // 鏄惁绂佺敤涓婁紶
-  isUploading: false,
-  // 鏄惁鏇存柊宸茬粡瀛樺湪鐨勭敤鎴锋暟鎹�
-  updateSupport: 1,
-  // 璁剧疆涓婁紶鐨勮姹傚ご閮�
-  headers: { Authorization: "Bearer " + getToken() },
-  // 涓婁紶鐨勫湴鍧�
-  url: import.meta.env.VITE_APP_BASE_API + "/system/supplier/import",
-});
-/** 瀵煎叆鎸夐挳鎿嶄綔 */
-function handleImport() {
-  upload.title = "渚涘簲鍟嗗鍏�";
-  upload.open = true;
-}
-/** 涓嬭浇妯℃澘 */
-function importTemplate() {
-  proxy.download("/system/supplier/downloadTemplate", {}, "渚涘簲鍟嗗鍏ユā鏉�.xlsx");
-}
+  const operationType = ref("");
+  const dialogFormVisible = ref(false);
+  const formRef = ref();
 
-/**鏂囦欢涓婁紶涓鐞� */
-const handleFileUploadProgress = (event, file, fileList) => {
-  upload.isUploading = true;
-};
+  const data = reactive({
+    searchForm: {
+      supplierName: "",
+    },
+    form: {
+      supplierName: "",
+      taxpayerIdentificationNum: "",
+      maintainUserId: "",
+      maintainTime: "",
+    },
+    rules: {
+      supplierName: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }],
+      taxpayerIdentificationNum: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }],
+      maintainUserId: [{ required: true, message: "璇烽�夋嫨", trigger: "change" }],
+      maintainTime: [{ required: true, message: "璇烽�夋嫨", trigger: "change" }],
+    },
+  });
+  const { searchForm, form, rules } = toRefs(data);
 
-/** 鏂囦欢涓婁紶鎴愬姛澶勭悊 */
-const handleFileSuccess = (response, file, fileList) => {
-  upload.isUploading = false;
-  if(response.code === 200){
-    proxy.$modal.msgSuccess("鏂囦欢涓婁紶鎴愬姛");
-    upload.open = false;
-    proxy.$refs["uploadRef"].clearFiles();
+  const upload = reactive({
+    open: false,
+    title: "",
+    isUploading: false,
+    updateSupport: 1,
+    headers: { Authorization: "Bearer " + getToken() },
+    url: import.meta.env.VITE_APP_BASE_API + "/system/supplier/import",
+  });
+
+  const handleQuery = () => {
+    page.current = 1;
     getList();
-  }else if(response.code === 500){
-    proxy.$modal.msgError(response.msg);
-  }else{
-    proxy.$modal.msgWarning(response.msg);
-  }
-};
+  };
 
-/** 鏂囦欢涓婁紶澶辫触澶勭悊 */
-const handleFileError = (error, file, fileList) => {
-  upload.isUploading = false;
-  proxy.$modal.msgError("鏂囦欢涓婁紶澶辫触");
-};
-// 琛ㄦ牸閫夋嫨鏁版嵁
-const handleSelectionChange = (selection) => {
-  selectedRows.value = selection;
-};
-// 鎵撳紑寮规
-const openForm = (type, row) => {
-  operationType.value = type;
-  form.value = {};
-  form.value.maintainUserId = userStore.id;
-  form.value.maintainTime = getCurrentDate();
-  userListNoPage().then((res) => {
-    userList.value = res.data;
-  });
-  if (type === "edit") {
-    getSupplier(row.id).then((res) => {
-      form.value = { ...res.data };
+  const pagination = obj => {
+    page.current = obj.page;
+    page.size = obj.limit;
+    getList();
+  };
+
+  const getList = () => {
+    tableLoading.value = true;
+    listSupplier({ ...searchForm.value, ...page, isWhite: 1 }).then(res => {
+      tableLoading.value = false;
+      tableData.value = res.data.records;
+      page.total = res.data.total;
     });
-  }
-  dialogFormVisible.value = true;
-};
-// 鎻愪氦琛ㄥ崟
-const submitForm = () => {
-  proxy.$refs["formRef"].validate((valid) => {
-    if (valid) {
-      if (operationType.value === "edit") {
-        submitEdit();
-      } else {
-        submitAdd();
-      }
+  };
+
+  const handleSelectionChange = selection => {
+    selectedRows.value = selection;
+  };
+
+  const openForm = (type, row) => {
+    operationType.value = type;
+    form.value = {
+      supplierName: "",
+      taxpayerIdentificationNum: "",
+      maintainUserId: userStore.id,
+      maintainTime: getCurrentDate(),
+    };
+    userListNoPage().then(res => {
+      userList.value = res.data;
+    });
+    if (type === "edit") {
+      getSupplier(row.id).then(res => {
+        form.value = {
+          supplierName: res.data.supplierName || "",
+          taxpayerIdentificationNum: res.data.taxpayerIdentificationNum || "",
+          maintainUserId: res.data.maintainUserId || userStore.id,
+          maintainTime: res.data.maintainTime || getCurrentDate(),
+        };
+      });
     }
-  });
-};
-// 鎻愪氦鏂板
-const submitAdd = () => {
-  addSupplier(form.value).then((res) => {
-    proxy.$modal.msgSuccess("鎻愪氦鎴愬姛");
-    closeDia();
-    getList();
-  });
-};
-// 鎻愪氦淇敼
-const submitEdit = () => {
-  updateSupplier(form.value).then((res) => {
-    proxy.$modal.msgSuccess("鎻愪氦鎴愬姛");
-    closeDia();
-    getList();
-  });
-};
-// 鍏抽棴寮规
-const closeDia = () => {
-  proxy.resetForm("formRef");
-  dialogFormVisible.value = false;
-};
-// 瀵煎嚭
-const handleOut = () => {
-  ElMessageBox.confirm("閫変腑鐨勫唴瀹瑰皢琚鍑猴紝鏄惁纭瀵煎嚭锛�", "瀵煎嚭", {
-    confirmButtonText: "纭",
-    cancelButtonText: "鍙栨秷",
-    type: "warning",
-  })
+    dialogFormVisible.value = true;
+  };
+
+  const submitForm = () => {
+    proxy.$refs["formRef"].validate(valid => {
+      if (!valid) {
+        return;
+      }
+      if (operationType.value === "edit") {
+        updateSupplier(form.value).then(() => {
+          proxy.$modal.msgSuccess("鎻愪氦鎴愬姛");
+          closeDia();
+          getList();
+        });
+      } else {
+        addSupplier(form.value).then(() => {
+          proxy.$modal.msgSuccess("鎻愪氦鎴愬姛");
+          closeDia();
+          getList();
+        });
+      }
+    });
+  };
+
+  const closeDia = () => {
+    proxy.resetForm("formRef");
+    dialogFormVisible.value = false;
+  };
+
+  const handleOut = () => {
+    ElMessageBox.confirm("閫変腑鐨勫唴瀹瑰皢琚鍑猴紝鏄惁纭瀵煎嚭锛�", "瀵煎嚭", {
+      confirmButtonText: "纭",
+      cancelButtonText: "鍙栨秷",
+      type: "warning",
+    })
       .then(() => {
         proxy.download("/system/supplier/export", { isWhite: 1 }, "渚涘簲鍟嗘。妗�.xlsx");
       })
       .catch(() => {
         proxy.$modal.msg("宸插彇娑�");
       });
-};
-// 鍒犻櫎
-const handleDelete = () => {
-  let ids = [];
-  if (selectedRows.value.length > 0) {
-    // 妫�鏌ユ槸鍚︽湁浠栦汉缁存姢鐨勬暟鎹�
+  };
+
+  const handleDelete = () => {
+    if (selectedRows.value.length === 0) {
+      proxy.$modal.msgWarning("璇烽�夋嫨鏁版嵁");
+      return;
+    }
     const unauthorizedData = selectedRows.value.filter(item => item.maintainUserName !== userStore.nickName);
     if (unauthorizedData.length > 0) {
       proxy.$modal.msgWarning("涓嶅彲鍒犻櫎浠栦汉缁存姢鐨勬暟鎹�");
       return;
     }
-    ids = selectedRows.value.map((item) => item.id);
-  } else {
-    proxy.$modal.msgWarning("璇烽�夋嫨鏁版嵁");
-    return;
-  }
-  ElMessageBox.confirm("閫変腑鐨勫唴瀹瑰皢琚垹闄わ紝鏄惁纭鍒犻櫎锛�", "鍒犻櫎鎻愮ず", {
-    confirmButtonText: "纭",
-    cancelButtonText: "鍙栨秷",
-    type: "warning",
-  })
+    const ids = selectedRows.value.map(item => item.id);
+    ElMessageBox.confirm("閫変腑鐨勫唴瀹瑰皢琚垹闄わ紝鏄惁纭鍒犻櫎锛�", "鍒犻櫎鎻愮ず", {
+      confirmButtonText: "纭",
+      cancelButtonText: "鍙栨秷",
+      type: "warning",
+    })
       .then(() => {
         tableLoading.value = true;
         delSupplier(ids)
-            .then((res) => {
-              proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛");
-              getList();
-            })
-            .finally(() => {
-              tableLoading.value = false;
-            });
+          .then(() => {
+            proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛");
+            getList();
+          })
+          .finally(() => {
+            tableLoading.value = false;
+          });
       })
       .catch(() => {
         proxy.$modal.msg("宸插彇娑�");
       });
-};
+  };
 
-// 鑾峰彇褰撳墠鏃ユ湡骞舵牸寮忓寲涓� YYYY-MM-DD
-function getCurrentDate() {
-  const today = new Date();
-  const year = today.getFullYear();
-  const month = String(today.getMonth() + 1).padStart(2, "0"); // 鏈堜唤浠�0寮�濮�
-  const day = String(today.getDate()).padStart(2, "0");
-  return `${year}-${month}-${day}`;
-}
-// 鎵撳紑闄勪欢寮规
-const openFilesFormDia = (row) => {
-  nextTick(() => {
-    filesDia.value?.openDialog(row)
-  })
-};
+  const getCurrentDate = () => {
+    const today = new Date();
+    const year = today.getFullYear();
+    const month = String(today.getMonth() + 1).padStart(2, "0");
+    const day = String(today.getDate()).padStart(2, "0");
+    return `${year}-${month}-${day}`;
+  };
 
-onMounted(() => {
-  getList();
-});
+  onMounted(() => {
+    getList();
+  });
 
-defineExpose({
-  getList,
-});
+  defineExpose({
+    getList,
+  });
 </script>
-
-
diff --git a/src/views/basicData/supplierManage/components/HomeTab.vue b/src/views/basicData/supplierManage/components/HomeTab.vue
index 85c3265..a030977 100644
--- a/src/views/basicData/supplierManage/components/HomeTab.vue
+++ b/src/views/basicData/supplierManage/components/HomeTab.vue
@@ -4,132 +4,60 @@
       <div>
         <span class="search_title">渚涘簲鍟嗘。妗堬細</span>
         <el-input
-            v-model="searchForm.supplierName"
-            style="width: 240px"
-            placeholder="杈撳叆渚涘簲鍟嗗悕绉版悳绱�"
-            @change="handleQuery"
-            clearable
-            :prefix-icon="Search"
+          v-model="searchForm.supplierName"
+          style="width: 240px"
+          placeholder="杈撳叆鍚嶇О鎼滅储"
+          @change="handleQuery"
+          clearable
+          :prefix-icon="Search"
         />
-        <el-button type="primary" @click="handleQuery" style="margin-left: 10px"
-        >鎼滅储</el-button
-        >
+        <el-button type="primary" @click="handleQuery" style="margin-left: 10px">鎼滅储</el-button>
       </div>
       <div>
-        <el-button type="primary" @click="openForm('add')"
-        >鏂板渚涘簲鍟�</el-button
-        >
+        <el-button type="primary" @click="openForm('add')">鏂板渚涘簲鍟�</el-button>
         <el-button @click="handleOut">瀵煎嚭</el-button>
-        <el-button type="info" plain icon="Upload" @click="handleImport"
-        >瀵煎叆</el-button
-        >
         <el-button type="danger" plain @click="handleDelete">鍒犻櫎</el-button>
       </div>
     </div>
+
     <div class="table_list">
       <PIMTable
-          rowKey="id"
-          :column="tableColumn"
-          :tableData="tableData"
-          :page="page"
-          :isSelection="true"
-          @selection-change="handleSelectionChange"
-          :tableLoading="tableLoading"
-          @pagination="pagination"
-      ></PIMTable>
+        rowKey="id"
+        :column="tableColumn"
+        :tableData="tableData"
+        :page="page"
+        :isSelection="true"
+        @selection-change="handleSelectionChange"
+        :tableLoading="tableLoading"
+        @pagination="pagination"
+      />
     </div>
+
     <el-dialog
-        v-model="dialogFormVisible"
-        :title="operationType === 'add' ? '鏂板渚涘簲鍟嗕俊鎭�' : '缂栬緫渚涘簲鍟嗕俊鎭�'"
-        width="70%"
-        @close="closeDia"
+      v-model="dialogFormVisible"
+      :title="operationType === 'add' ? '鏂板渚涘簲鍟嗕俊鎭�' : '缂栬緫渚涘簲鍟嗕俊鎭�'"
+      width="600px"
+      @close="closeDia"
     >
       <el-form
-          :model="form"
-          label-width="140px"
-          label-position="top"
-          :rules="rules"
-          ref="formRef"
+        :model="form"
+        label-width="120px"
+        label-position="top"
+        :rules="rules"
+        ref="formRef"
       >
         <el-row :gutter="30">
           <el-col :span="12">
-            <el-form-item label="渚涘簲鍟嗗悕绉帮細" prop="supplierName">
-              <el-input
-                  v-model="form.supplierName"
-                  placeholder="璇疯緭鍏�"
-                  clearable
-              />
+            <el-form-item label="鍚嶇О锛�" prop="supplierName">
+              <el-input v-model="form.supplierName" placeholder="璇疯緭鍏�" clearable />
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item
-                label="绾崇◣浜鸿瘑鍒彿锛�"
-                prop="taxpayerIdentificationNum"
-            >
+            <el-form-item label="绾崇◣浜鸿瘑鍒彿锛�" prop="taxpayerIdentificationNum">
               <el-input
-                  v-model="form.taxpayerIdentificationNum"
-                  placeholder="璇疯緭鍏�"
-                  clearable
-              />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="30">
-          <el-col :span="12">
-            <el-form-item label="鍏徃鍦板潃锛�" prop="companyAddress">
-              <el-input
-                  v-model="form.companyAddress"
-                  placeholder="璇疯緭鍏�"
-                  clearable
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="鍏徃鐢佃瘽锛�" prop="companyPhone">
-              <el-input
-                  v-model="form.companyPhone"
-                  placeholder="璇疯緭鍏�"
-                  clearable
-              />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="30">
-          <el-col :span="12">
-            <el-form-item label="寮�鎴疯锛�" prop="bankAccountName">
-              <el-input
-                  v-model="form.bankAccountName"
-                  placeholder="璇疯緭鍏�"
-                  clearable
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="璐﹀彿锛�" prop="bankAccountNum">
-              <el-input
-                  v-model="form.bankAccountNum"
-                  placeholder="璇疯緭鍏�"
-                  clearable
-              />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="30">
-          <el-col :span="12">
-            <el-form-item label="鑱旂郴浜猴細" prop="contactUserName">
-              <el-input
-                  v-model="form.contactUserName"
-                  placeholder="璇疯緭鍏�"
-                  clearable
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="鑱旂郴鐢佃瘽锛�" prop="contactUserPhone">
-              <el-input
-                  v-model="form.contactUserPhone"
-                  placeholder="璇疯緭鍏�"
-                  clearable
+                v-model="form.taxpayerIdentificationNum"
+                placeholder="璇疯緭鍏�"
+                clearable
               />
             </el-form-item>
           </el-col>
@@ -137,17 +65,12 @@
         <el-row :gutter="30">
           <el-col :span="12">
             <el-form-item label="缁存姢浜猴細" prop="maintainUserId">
-              <el-select
-                  v-model="form.maintainUserId"
-                  placeholder="璇烽�夋嫨"
-                  clearable
-                  disabled
-              >
+              <el-select v-model="form.maintainUserId" placeholder="璇烽�夋嫨" clearable disabled>
                 <el-option
-                    v-for="item in userList"
-                    :key="item.nickName"
-                    :label="item.nickName"
-                    :value="item.userId"
+                  v-for="item in userList"
+                  :key="item.userId"
+                  :label="item.nickName"
+                  :value="item.userId"
                 />
               </el-select>
             </el-form-item>
@@ -155,34 +78,14 @@
           <el-col :span="12">
             <el-form-item label="缁存姢鏃堕棿锛�" prop="maintainTime">
               <el-date-picker
-                  style="width: 100%"
-                  v-model="form.maintainTime"
-                  value-format="YYYY-MM-DD"
-                  format="YYYY-MM-DD"
-                  type="date"
-                  placeholder="璇烽�夋嫨"
-                  clearable
+                style="width: 100%"
+                v-model="form.maintainTime"
+                value-format="YYYY-MM-DD"
+                format="YYYY-MM-DD"
+                type="date"
+                placeholder="璇烽�夋嫨"
+                clearable
               />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="30">
-          <el-col :span="12">
-            <el-form-item label="渚涘簲鍟嗙被鍨嬶細" prop="supplierType">
-              <el-select v-model="form.supplierType" placeholder="璇烽�夋嫨" clearable>
-                <el-option label="鐢�" value="鐢�" />
-                <el-option label="涔�" value="涔�" />
-                <el-option label="涓�" value="涓�" />
-                <el-option label="涓�" value="涓�" />
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="鏄惁鐧藉悕鍗曪細" prop="isWhite">
-              <el-select v-model="form.isWhite" placeholder="璇烽�夋嫨" clearable>
-                <el-option label="鏄�" :value="0" />
-                <el-option label="鍚�" :value="1" />
-              </el-select>
             </el-form-item>
           </el-col>
         </el-row>
@@ -194,397 +97,230 @@
         </div>
       </template>
     </el-dialog>
-
-    <!-- 渚涘簲鍟嗗鍏ュ璇濇 -->
-    <el-dialog
-        :title="upload.title"
-        v-model="upload.open"
-        width="400px"
-        append-to-body
-    >
-      <el-upload
-          ref="uploadRef"
-          :limit="1"
-          accept=".xlsx, .xls"
-          :headers="upload.headers"
-          :action="upload.url + '?updateSupport=' + upload.updateSupport"
-          :disabled="upload.isUploading"
-          :on-progress="handleFileUploadProgress"
-          :on-success="handleFileSuccess"
-          :on-error="handleFileError"
-          :auto-upload="false"
-          drag
-      >
-        <el-icon class="el-icon--upload"><upload-filled /></el-icon>
-        <div class="el-upload__text">灏嗘枃浠舵嫋鍒版澶勶紝鎴�<em>鐐瑰嚮涓婁紶</em></div>
-        <template #tip>
-          <div class="el-upload__tip text-center">
-            <span>浠呭厑璁稿鍏ls銆亁lsx鏍煎紡鏂囦欢銆�</span>
-            <el-link
-                type="primary"
-                :underline="false"
-                style="font-size: 12px; vertical-align: baseline"
-                @click="importTemplate"
-            >涓嬭浇妯℃澘</el-link
-            >
-          </div>
-        </template>
-      </el-upload>
-      <template #footer>
-        <div class="dialog-footer">
-          <el-button type="primary" @click="submitFileForm">纭� 瀹�</el-button>
-          <el-button @click="upload.open = false">鍙� 娑�</el-button>
-        </div>
-      </template>
-    </el-dialog>
-    <files-dia ref="filesDia"></files-dia>
   </div>
 </template>
 
 <script setup>
-import { onMounted, ref } from "vue";
-import { Search } from "@element-plus/icons-vue";
-import { delSupplier } from "@/api/basicData/supplierManageFile.js";
-import { ElMessageBox } from "element-plus";
-import { userListNoPage } from "@/api/system/user.js";
-import {
-  addSupplier,
-  getSupplier,
-  listSupplier,
-  updateSupplier,
-} from "@/api/basicData/supplierManageFile.js";
-import useUserStore from "@/store/modules/user";
-import { getToken } from "@/utils/auth.js";
-import FilesDia from "../filesDia.vue";
-const { proxy } = getCurrentInstance();
-const userStore = useUserStore();
+  import { getCurrentInstance, onMounted, reactive, ref, toRefs } from "vue";
+  import { Search } from "@element-plus/icons-vue";
+  import { ElMessageBox } from "element-plus";
+  import { addSupplier, delSupplier, getSupplier, listSupplier, updateSupplier } from "@/api/basicData/supplierManageFile.js";
+  import useUserStore from "@/store/modules/user";
+  import { userListNoPage } from "@/api/system/user.js";
+  import { getToken } from "@/utils/auth.js";
 
-const tableColumn = ref([
-  {
-    label: "渚涘簲鍟嗗悕绉�",
-    prop: "supplierName",
-    width: 250,
-  },
-  {
-    label: "渚涘簲鍟嗙被鍨�",
-    prop: "supplierType",
-    width: 120,
-  },
-  {
-    label: "绾崇◣浜鸿瘑鍒彿",
-    prop: "taxpayerIdentificationNum",
-    width: 230,
-  },
-  {
-    label: "鍏徃鍦板潃",
-    prop: "companyAddress",
-    width: 220,
-  },
-  {
-    label: "鑱旂郴鏂瑰紡",
-    prop: "companyPhone",
-    width:150
-  },
-  {
-    label: "寮�鎴疯",
-    prop: "bankAccountName",
-    width: 220,
-  },
-  {
-    label: "璐﹀彿",
-    prop: "bankAccountNum",
-    width: 220,
-  },
-  {
-    label: "鑱旂郴浜�",
-    prop: "contactUserName",
-  },
-  {
-    label: "鑱旂郴鐢佃瘽",
-    prop: "contactUserPhone",
-    width: 150,
-  },
-  {
-    label: "缁存姢浜�",
-    prop: "maintainUserName",
-  },
+  const { proxy } = getCurrentInstance();
+  const userStore = useUserStore();
 
-  {
-    label: "缁存姢鏃堕棿",
-    prop: "maintainTime",
-    width:100
-  },
-  {
-    dataType: "action",
-    label: "鎿嶄綔",
-    align: "center",
-    fixed: 'right',
-    width: 150,
-    operation: [
-      {
-        name: "缂栬緫",
-        type: "text",
-        clickFun: (row) => {
-          openForm("edit", row);
+  const tableColumn = ref([
+    {
+      label: "鍚嶇О",
+      prop: "supplierName",
+    },
+    {
+      label: "绾崇◣浜鸿瘑鍒彿",
+      prop: "taxpayerIdentificationNum",
+    },
+    {
+      label: "缁存姢浜�",
+      prop: "maintainUserName",
+    },
+    {
+      label: "缁存姢鏃堕棿",
+      prop: "maintainTime",
+    },
+    {
+      dataType: "action",
+      label: "鎿嶄綔",
+      align: "center",
+      fixed: "right",
+      width: 150,
+      operation: [
+        {
+          name: "缂栬緫",
+          type: "text",
+          clickFun: row => {
+            openForm("edit", row);
+          },
         },
-      },
-      {
-        //璧勮川闄勪欢
-        name: "璧勮川鏂囦欢",
-        type: "text",
-        clickFun: (row) => {
-          openFilesFormDia(row)
-        }
-      }
-    ],
-  },
-]);
-const tableData = ref([]);
-const selectedRows = ref([]);
-const userList = ref([]);
-const tableLoading = ref(false);
-const page = reactive({
-  current: 1,
-  size: 100,
-  total: 0,
-});
-const filesDia = ref()
-// 鐢ㄦ埛淇℃伅琛ㄥ崟寮规鏁版嵁
-const operationType = ref("");
-const dialogFormVisible = ref(false);
-const data = reactive({
-  searchForm: {
-    supplierName: "",
-  },
-  form: {
-    supplierName: "",
-    taxpayerIdentificationNum: "",
-    companyAddress: "",
-    companyPhone: "",
-    bankAccountName: "",
-    bankAccountNum: "",
-    contactUserName: "",
-    contactUserPhone: "",
-    maintainUserId: "",
-    maintainTime: "",
-    supplierType: "",
-    isWhite: "",
-  },
-  rules: {
-    supplierName: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }],
-    taxpayerIdentificationNum: [
-      { required: true, message: "璇疯緭鍏�", trigger: "blur" },
-    ],
-    companyAddress: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }],
-    companyPhone: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }],
-    bankAccountName: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }],
-    bankAccountNum: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }],
-    contactUserName: [{ required: false, message: "璇疯緭鍏�", trigger: "blur" }],
-    contactUserPhone: [{ required: false, message: "璇疯緭鍏�", trigger: "blur" }],
-    maintainUserId: [{ required: false, message: "璇烽�夋嫨", trigger: "change" }],
-    maintainTime: [{ required: false, message: "璇烽�夋嫨", trigger: "change" }],
-    supplierType: [{ required: true, message: "璇烽�夋嫨渚涘簲鍟嗙被鍨�", trigger: "change" }],
-  },
-});
-const { searchForm, form, rules } = toRefs(data);
+      ],
+    },
+  ]);
 
-// 鏌ヨ鍒楄〃
-/** 鎼滅储鎸夐挳鎿嶄綔 */
-const handleQuery = () => {
-  page.current = 1;
-  getList();
-};
-const pagination = (obj) => {
-  page.current = obj.page;
-  page.size = obj.limit;
-  getList();
-};
-/** 鎻愪氦涓婁紶鏂囦欢 */
-function submitFileForm() {
-  upload.isUploading = true;
-  proxy.$refs["uploadRef"].submit();
-}
-const getList = () => {
-  tableLoading.value = true;
-  listSupplier({ ...searchForm.value, ...page, isWhite: 0 }).then((res) => {
-    tableLoading.value = false;
-    tableData.value = res.data.records;
-    page.total = res.data.total;
+  const tableData = ref([]);
+  const selectedRows = ref([]);
+  const userList = ref([]);
+  const tableLoading = ref(false);
+  const page = reactive({
+    current: 1,
+    size: 100,
+    total: 0,
   });
-};
-const upload = reactive({
-  // 鏄惁鏄剧ず寮瑰嚭灞傦紙渚涘簲鍟嗗鍏ワ級
-  open: false,
-  // 寮瑰嚭灞傛爣棰橈紙渚涘簲鍟嗗鍏ワ級
-  title: "",
-  // 鏄惁绂佺敤涓婁紶
-  isUploading: false,
-  // 鏄惁鏇存柊宸茬粡瀛樺湪鐨勭敤鎴锋暟鎹�
-  updateSupport: 1,
-  // 璁剧疆涓婁紶鐨勮姹傚ご閮�
-  headers: { Authorization: "Bearer " + getToken() },
-  // 涓婁紶鐨勫湴鍧�
-  url: import.meta.env.VITE_APP_BASE_API + "/system/supplier/import",
-});
-/** 瀵煎叆鎸夐挳鎿嶄綔 */
-function handleImport() {
-  upload.title = "渚涘簲鍟嗗鍏�";
-  upload.open = true;
-}
-/** 涓嬭浇妯℃澘 */
-function importTemplate() {
-  proxy.download("/system/supplier/downloadTemplate", {}, "渚涘簲鍟嗗鍏ユā鏉�.xlsx");
-}
+  const operationType = ref("");
+  const dialogFormVisible = ref(false);
+  const formRef = ref();
 
-/**鏂囦欢涓婁紶涓鐞� */
-const handleFileUploadProgress = (event, file, fileList) => {
-  upload.isUploading = true;
-};
+  const data = reactive({
+    searchForm: {
+      supplierName: "",
+    },
+    form: {
+      supplierName: "",
+      taxpayerIdentificationNum: "",
+      maintainUserId: "",
+      maintainTime: "",
+    },
+    rules: {
+      supplierName: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }],
+      taxpayerIdentificationNum: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }],
+      maintainUserId: [{ required: true, message: "璇烽�夋嫨", trigger: "change" }],
+      maintainTime: [{ required: true, message: "璇烽�夋嫨", trigger: "change" }],
+    },
+  });
+  const { searchForm, form, rules } = toRefs(data);
 
-/** 鏂囦欢涓婁紶鎴愬姛澶勭悊 */
-const handleFileSuccess = (response, file, fileList) => {
-  upload.isUploading = false;
-  if(response.code === 200){
-    proxy.$modal.msgSuccess("鏂囦欢涓婁紶鎴愬姛");
-    upload.open = false;
-    proxy.$refs["uploadRef"].clearFiles();
+  const upload = reactive({
+    open: false,
+    title: "",
+    isUploading: false,
+    updateSupport: 1,
+    headers: { Authorization: "Bearer " + getToken() },
+    url: import.meta.env.VITE_APP_BASE_API + "/system/supplier/import",
+  });
+
+  const handleQuery = () => {
+    page.current = 1;
     getList();
-  }else if(response.code === 500){
-    proxy.$modal.msgError(response.msg);
-  }else{
-    proxy.$modal.msgWarning(response.msg);
-  }
-};
+  };
 
-/** 鏂囦欢涓婁紶澶辫触澶勭悊 */
-const handleFileError = (error, file, fileList) => {
-  upload.isUploading = false;
-  proxy.$modal.msgError("鏂囦欢涓婁紶澶辫触");
-};
-// 琛ㄦ牸閫夋嫨鏁版嵁
-const handleSelectionChange = (selection) => {
-  selectedRows.value = selection;
-};
-// 鎵撳紑寮规
-const openForm = (type, row) => {
-  operationType.value = type;
-  form.value = {};
-  form.value.maintainUserId = userStore.id;
-  form.value.maintainTime = getCurrentDate();
-  userListNoPage().then((res) => {
-    userList.value = res.data;
-  });
-  if (type === "edit") {
-    getSupplier(row.id).then((res) => {
-      form.value = { ...res.data };
+  const pagination = obj => {
+    page.current = obj.page;
+    page.size = obj.limit;
+    getList();
+  };
+
+  const getList = () => {
+    tableLoading.value = true;
+    listSupplier({ ...searchForm.value, ...page, isWhite: 0 }).then(res => {
+      tableLoading.value = false;
+      tableData.value = res.data.records;
+      page.total = res.data.total;
     });
-  }
-  dialogFormVisible.value = true;
-};
-// 鎻愪氦琛ㄥ崟
-const submitForm = () => {
-  proxy.$refs["formRef"].validate((valid) => {
-    if (valid) {
-      if (operationType.value === "edit") {
-        submitEdit();
-      } else {
-        submitAdd();
-      }
+  };
+
+  const handleSelectionChange = selection => {
+    selectedRows.value = selection;
+  };
+
+  const openForm = (type, row) => {
+    operationType.value = type;
+    form.value = {
+      supplierName: "",
+      taxpayerIdentificationNum: "",
+      maintainUserId: userStore.id,
+      maintainTime: getCurrentDate(),
+    };
+    userListNoPage().then(res => {
+      userList.value = res.data;
+    });
+    if (type === "edit") {
+      getSupplier(row.id).then(res => {
+        form.value = {
+          supplierName: res.data.supplierName || "",
+          taxpayerIdentificationNum: res.data.taxpayerIdentificationNum || "",
+          maintainUserId: res.data.maintainUserId || userStore.id,
+          maintainTime: res.data.maintainTime || getCurrentDate(),
+        };
+      });
     }
-  });
-};
-// 鎻愪氦鏂板
-const submitAdd = () => {
-  addSupplier(form.value).then((res) => {
-    proxy.$modal.msgSuccess("鎻愪氦鎴愬姛");
-    closeDia();
-    getList();
-  });
-};
-// 鎻愪氦淇敼
-const submitEdit = () => {
-  updateSupplier(form.value).then((res) => {
-    proxy.$modal.msgSuccess("鎻愪氦鎴愬姛");
-    closeDia();
-    getList();
-  });
-};
-// 鍏抽棴寮规
-const closeDia = () => {
-  proxy.resetForm("formRef");
-  dialogFormVisible.value = false;
-};
-// 瀵煎嚭
-const handleOut = () => {
-  ElMessageBox.confirm("閫変腑鐨勫唴瀹瑰皢琚鍑猴紝鏄惁纭瀵煎嚭锛�", "瀵煎嚭", {
-    confirmButtonText: "纭",
-    cancelButtonText: "鍙栨秷",
-    type: "warning",
-  })
+    dialogFormVisible.value = true;
+  };
+
+  const submitForm = () => {
+    proxy.$refs["formRef"].validate(valid => {
+      if (!valid) {
+        return;
+      }
+      if (operationType.value === "edit") {
+        updateSupplier(form.value).then(() => {
+          proxy.$modal.msgSuccess("鎻愪氦鎴愬姛");
+          closeDia();
+          getList();
+        });
+      } else {
+        addSupplier(form.value).then(() => {
+          proxy.$modal.msgSuccess("鎻愪氦鎴愬姛");
+          closeDia();
+          getList();
+        });
+      }
+    });
+  };
+
+  const closeDia = () => {
+    proxy.resetForm("formRef");
+    dialogFormVisible.value = false;
+  };
+
+  const handleOut = () => {
+    ElMessageBox.confirm("閫変腑鐨勫唴瀹瑰皢琚鍑猴紝鏄惁纭瀵煎嚭锛�", "瀵煎嚭", {
+      confirmButtonText: "纭",
+      cancelButtonText: "鍙栨秷",
+      type: "warning",
+    })
       .then(() => {
         proxy.download("/system/supplier/export", { isWhite: 0 }, "渚涘簲鍟嗘。妗�.xlsx");
       })
       .catch(() => {
         proxy.$modal.msg("宸插彇娑�");
       });
-};
-// 鍒犻櫎
-const handleDelete = () => {
-  let ids = [];
-  if (selectedRows.value.length > 0) {
-    // 妫�鏌ユ槸鍚︽湁浠栦汉缁存姢鐨勬暟鎹�
+  };
+
+  const handleDelete = () => {
+    if (selectedRows.value.length === 0) {
+      proxy.$modal.msgWarning("璇烽�夋嫨鏁版嵁");
+      return;
+    }
     const unauthorizedData = selectedRows.value.filter(item => item.maintainUserName !== userStore.nickName);
     if (unauthorizedData.length > 0) {
       proxy.$modal.msgWarning("涓嶅彲鍒犻櫎浠栦汉缁存姢鐨勬暟鎹�");
       return;
     }
-    ids = selectedRows.value.map((item) => item.id);
-  } else {
-    proxy.$modal.msgWarning("璇烽�夋嫨鏁版嵁");
-    return;
-  }
-  ElMessageBox.confirm("閫変腑鐨勫唴瀹瑰皢琚垹闄わ紝鏄惁纭鍒犻櫎锛�", "鍒犻櫎鎻愮ず", {
-    confirmButtonText: "纭",
-    cancelButtonText: "鍙栨秷",
-    type: "warning",
-  })
+    const ids = selectedRows.value.map(item => item.id);
+    ElMessageBox.confirm("閫変腑鐨勫唴瀹瑰皢琚垹闄わ紝鏄惁纭鍒犻櫎锛�", "鍒犻櫎鎻愮ず", {
+      confirmButtonText: "纭",
+      cancelButtonText: "鍙栨秷",
+      type: "warning",
+    })
       .then(() => {
         tableLoading.value = true;
         delSupplier(ids)
-            .then((res) => {
-              proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛");
-              getList();
-            })
-            .finally(() => {
-              tableLoading.value = false;
-            });
+          .then(() => {
+            proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛");
+            getList();
+          })
+          .finally(() => {
+            tableLoading.value = false;
+          });
       })
       .catch(() => {
         proxy.$modal.msg("宸插彇娑�");
       });
-};
+  };
 
-// 鑾峰彇褰撳墠鏃ユ湡骞舵牸寮忓寲涓� YYYY-MM-DD
-function getCurrentDate() {
-  const today = new Date();
-  const year = today.getFullYear();
-  const month = String(today.getMonth() + 1).padStart(2, "0"); // 鏈堜唤浠�0寮�濮�
-  const day = String(today.getDate()).padStart(2, "0");
-  return `${year}-${month}-${day}`;
-}
-// 鎵撳紑闄勪欢寮规
-const openFilesFormDia = (row) => {
-  nextTick(() => {
-    filesDia.value?.openDialog(row)
-  })
-};
+  const getCurrentDate = () => {
+    const today = new Date();
+    const year = today.getFullYear();
+    const month = String(today.getMonth() + 1).padStart(2, "0");
+    const day = String(today.getDate()).padStart(2, "0");
+    return `${year}-${month}-${day}`;
+  };
 
-onMounted(() => {
-  getList();
-});
+  onMounted(() => {
+    getList();
+  });
 
-defineExpose({
-  getList,
-});
+  defineExpose({
+    getList,
+  });
 </script>
-

--
Gitblit v1.9.3