From fade849e256547c42ddfd221f4237e07bdc6f1cd Mon Sep 17 00:00:00 2001
From: spring <2396852758@qq.com>
Date: 星期四, 15 一月 2026 13:34:06 +0800
Subject: [PATCH] Merge branch 'dev_天津军泰伟业' of http://114.132.189.42:9002/r/product-inventory-management into dev_天津军泰伟业

---
 src/views/basicData/customerFile/index.vue              | 1082 ++++++++++++-----------
 src/views/procurementManagement/paymentEntry/index.vue  | 1061 +++++++++++-----------
 src/views/procurementManagement/paymentLedger/index.vue |  518 +++++-----
 3 files changed, 1,334 insertions(+), 1,327 deletions(-)

diff --git a/src/views/basicData/customerFile/index.vue b/src/views/basicData/customerFile/index.vue
index a961d57..507add0 100644
--- a/src/views/basicData/customerFile/index.vue
+++ b/src/views/basicData/customerFile/index.vue
@@ -3,245 +3,241 @@
     <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-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
-        >
+        <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"></PIMTable>
     </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="70%"
+               @close="closeDia">
+      <el-form :model="form"
+               label-width="140px"
+               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="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 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 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 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 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-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"
+                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="璇烽�夋嫨"
-                filterable
-                default-first-option
-                :reserve-keyword="false"
-                clearable
-              >
-                <el-option
-                  v-for="item in userList"
-                  :key="item.nickName"
-                  :label="item.nickName"
-                  :value="item.nickName"
-                />
+            <el-form-item label="缁存姢浜猴細"
+                          prop="maintainer">
+              <el-select v-model="form.maintainer"
+                         placeholder="璇烽�夋嫨"
+                         filterable
+                         default-first-option
+                         :reserve-keyword="false"
+                         clearable>
+                <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-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>
         <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>
@@ -250,384 +246,400 @@
 </template>
 
 <script setup>
-import {onMounted, ref} from "vue";
-import { Search } 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();
+  import { onMounted, ref } from "vue";
+  import { Search } 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 tableColumn = ref([
-  {
-    label: "瀹㈡埛鍒嗙被",
-    prop: "customerType",
-    width: 120,
-  },
-  {
-    label: "瀹㈡埛鍚嶇О",
-    prop: "customerName",
-    width: 220,
-  },
-  {
-    label: "绾崇◣浜鸿瘑鍒爜",
-    prop: "taxpayerIdentificationNumber",
-    width: 220,
-  },
-  {
-    label: "鍦板潃鍙婅仈绯绘柟寮�",
-    prop: "addressPhone",
-    width: 250,
-  },
-  {
-    label: "鑱旂郴浜�",
-    prop: "contactPerson",
-  },
-  {
-    label: "鑱旂郴鐢佃瘽",
-    prop: "contactPhone",
-    width:150
-  },
-  {
-    label: "閾惰鍩烘湰鎴�",
-    prop: "basicBankAccount",
-    width: 220,
-  },
-  {
-    label: "閾惰璐﹀彿",
-    prop: "bankAccount",
-    width: 220,
-  },
-  {
-    label: "寮�鎴疯鍙�",
-    prop: "bankCode",
-    width:220
-  },
-  {
-    label: "缁存姢浜�",
-    prop: "maintainer",
-  },
-  {
-    label: "缁存姢鏃堕棿",
-    prop: "maintenanceTime",
-    width: 100,
-  },
-  {
-    dataType: "action",
-    label: "鎿嶄綔",
-    align: "center",
-		fixed: 'right',
-    operation: [
+  const tableColumn = ref([
+    {
+      label: "瀹㈡埛鍒嗙被",
+      prop: "customerType",
+      width: 120,
+    },
+    {
+      label: "瀹㈡埛鍚嶇О",
+      prop: "customerName",
+      width: 220,
+    },
+    {
+      label: "绾崇◣浜鸿瘑鍒爜",
+      prop: "taxpayerIdentificationNumber",
+      width: 220,
+    },
+    {
+      label: "鍦板潃鍙婅仈绯绘柟寮�",
+      prop: "addressPhone",
+      width: 250,
+    },
+    {
+      label: "鑱旂郴浜�",
+      prop: "contactPerson",
+    },
+    {
+      label: "鑱旂郴鐢佃瘽",
+      prop: "contactPhone",
+      width: 150,
+    },
+    {
+      label: "閾惰鍩烘湰鎴�",
+      prop: "basicBankAccount",
+      width: 220,
+    },
+    {
+      label: "閾惰璐﹀彿",
+      prop: "bankAccount",
+      width: 220,
+    },
+    {
+      label: "寮�鎴疯鍙�",
+      prop: "bankCode",
+      width: 220,
+    },
+    {
+      label: "缁存姢浜�",
+      prop: "maintainer",
+    },
+    {
+      label: "缁存姢鏃堕棿",
+      prop: "maintenanceTime",
+      width: 100,
+    },
+    {
+      dataType: "action",
+      label: "鎿嶄綔",
+      align: "center",
+      fixed: "right",
+      operation: [
+        {
+          name: "缂栬緫",
+          type: "text",
+          clickFun: row => {
+            openForm("edit", row);
+          },
+        },
+      ],
+    },
+  ]);
+  const tableData = ref([]);
+  const selectedRows = ref([]);
+  const userList = ref([]);
+  const tableLoading = ref(false);
+  const page = reactive({
+    current: 1,
+    size: 100,
+    total: 0,
+  });
+  const total = ref(0);
+
+  // 鐢ㄦ埛淇℃伅琛ㄥ崟寮规鏁版嵁
+  const operationType = ref("");
+  const dialogFormVisible = ref(false);
+  const formYYs = ref({
+    // 鍏朵粬瀛楁...
+    contactList: [
       {
-        name: "缂栬緫",
-        type: "text",
-        clickFun: (row) => {
-          openForm("edit", row);
-        }
+        contactPerson: "",
+        contactPhone: "",
       },
     ],
-  },
-]);
-const tableData = ref([]);
-const selectedRows = ref([]);
-const userList = ref([]);
-const tableLoading = ref(false);
-const page = reactive({
-  current: 1,
-  size: 100,
-  total: 0,
-});
-const total = ref(0);
-
-// 鐢ㄦ埛淇℃伅琛ㄥ崟寮规鏁版嵁
-const operationType = ref("");
-const dialogFormVisible = ref(false);
-const formYYs = ref({    // 鍏朵粬瀛楁...
-  contactList: [
-    {
+  });
+  const data = reactive({
+    searchForm: {
+      customerName: "",
+      customerType: "",
+    },
+    form: {
+      customerName: "",
+      taxpayerIdentificationNumber: "",
+      companyAddress: "",
+      companyPhone: "",
       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",
-  // 鏂囦欢涓婁紶鍓嶇殑鍥炶皟
-  beforeUpload: (file) => {
-    console.log('鏂囦欢鍗冲皢涓婁紶', file);
-    // 鍙互鍦ㄦ澶勫仛鏂囦欢绫诲瀷鎴栧ぇ灏忔牎楠�
-    const isValid = file.type === 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' || file.name.endsWith('.xlsx') || file.name.endsWith('.xls');
-    if (!isValid) {
-      proxy.$modal.msgError("鍙兘涓婁紶 Excel 鏂囦欢");
-    }
-    return isValid;
-  },
-  // 鏂囦欢鐘舵�佹敼鍙樻椂鐨勫洖璋�
-  onChange: (file, fileList) => {
-    console.log('鏂囦欢鐘舵�佹敼鍙�', file, fileList);
-  },
-  // 鏂囦欢涓婁紶鎴愬姛鏃剁殑鍥炶皟
-  onSuccess: (response, file, fileList) => {
-    console.log('涓婁紶鎴愬姛', response, file, fileList);
-    upload.isUploading = false;
-    if(response.code === 200){
-      proxy.$modal.msgSuccess("鏂囦欢涓婁紶鎴愬姛");
-      upload.open = false;
-      proxy.$refs["uploadRef"].clearFiles();
-      getList();
-    }else if(response.code === 500){
-      proxy.$modal.msgError(response.msg);
-    }else{
-      proxy.$modal.msgWarning(response.msg);
-    }
-  },
-  // 鏂囦欢涓婁紶澶辫触鏃剁殑鍥炶皟
-  onError: (error, file, fileList) => {
-    console.error('涓婁紶澶辫触', error, file, fileList);
-    upload.isUploading = false;
-    proxy.$modal.msgError("鏂囦欢涓婁紶澶辫触");
-  },
-  // 鏂囦欢涓婁紶杩涘害鍥炶皟
-  onProgress: (event, file, fileList) => {
-    console.log('涓婁紶涓�...', event.percent);
-  }
-});
-const { searchForm, form, rules } = toRefs(data);
-const addNewContact = () => {
-  formYYs.value.contactList.push({
-    contactPerson: "",
-    contactPhone: ""
+      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 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) => {
-    tableLoading.value = false;
-    tableData.value = res.records;
-    page.total = res.total;
-  });
-};
-// 琛ㄦ牸閫夋嫨鏁版嵁
-const handleSelectionChange = (selection) => {
-  selectedRows.value = selection;
-};
-/** 鎻愪氦涓婁紶鏂囦欢 */
-function submitFileForm() {
-  upload.isUploading = true;
-  proxy.$refs["uploadRef"].submit();
-}
-/** 瀵煎叆鎸夐挳鎿嶄綔 */
-function handleImport() {
-  upload.title = "瀹㈡埛瀵煎叆";
-  upload.open = true;
-}
-/** 涓嬭浇妯℃澘 */
-function 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;
-  });
-  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]
-        }
-      });
-
-    });
-  }
-  dialogFormVisible.value = true;
-};
-// 鎻愪氦琛ㄥ崟
-const submitForm = () => {
-  proxy.$refs["formRef"].validate((valid) => {
-    if (valid) {
-      if (operationType.value === "edit") {
-        submitEdit();
-      } else {
-        submitAdd();
+  const upload = reactive({
+    // 鏄惁鏄剧ず寮瑰嚭灞傦紙瀹㈡埛瀵煎叆锛�
+    open: false,
+    // 寮瑰嚭灞傛爣棰橈紙瀹㈡埛瀵煎叆锛�
+    title: "",
+    // 鏄惁绂佺敤涓婁紶
+    isUploading: false,
+    // 璁剧疆涓婁紶鐨勮姹傚ご閮�
+    headers: { Authorization: "Bearer " + getToken() },
+    // 涓婁紶鐨勫湴鍧�
+    url: import.meta.env.VITE_APP_BASE_API + "/basic/customer/importData",
+    // 鏂囦欢涓婁紶鍓嶇殑鍥炶皟
+    beforeUpload: file => {
+      console.log("鏂囦欢鍗冲皢涓婁紶", file);
+      // 鍙互鍦ㄦ澶勫仛鏂囦欢绫诲瀷鎴栧ぇ灏忔牎楠�
+      const isValid =
+        file.type ===
+          "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" ||
+        file.name.endsWith(".xlsx") ||
+        file.name.endsWith(".xls");
+      if (!isValid) {
+        proxy.$modal.msgError("鍙兘涓婁紶 Excel 鏂囦欢");
       }
-    }
+      return isValid;
+    },
+    // 鏂囦欢鐘舵�佹敼鍙樻椂鐨勫洖璋�
+    onChange: (file, fileList) => {
+      console.log("鏂囦欢鐘舵�佹敼鍙�", file, fileList);
+    },
+    // 鏂囦欢涓婁紶鎴愬姛鏃剁殑鍥炶皟
+    onSuccess: (response, file, fileList) => {
+      console.log("涓婁紶鎴愬姛", response, file, fileList);
+      upload.isUploading = false;
+      if (response.code === 200) {
+        proxy.$modal.msgSuccess("鏂囦欢涓婁紶鎴愬姛");
+        upload.open = false;
+        proxy.$refs["uploadRef"].clearFiles();
+        getList();
+      } else if (response.code === 500) {
+        proxy.$modal.msgError(response.msg);
+      } else {
+        proxy.$modal.msgWarning(response.msg);
+      }
+    },
+    // 鏂囦欢涓婁紶澶辫触鏃剁殑鍥炶皟
+    onError: (error, file, fileList) => {
+      console.error("涓婁紶澶辫触", error, file, fileList);
+      upload.isUploading = false;
+      proxy.$modal.msgError("鏂囦欢涓婁紶澶辫触");
+    },
+    // 鏂囦欢涓婁紶杩涘害鍥炶皟
+    onProgress: (event, file, fileList) => {
+      console.log("涓婁紶涓�...", event.percent);
+    },
   });
-};
-// 鎻愪氦鏂板
-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");
-  dialogFormVisible.value = false;
-};
-// 瀵煎嚭
-const handleOut = () => {
-  ElMessageBox.confirm("閫変腑鐨勫唴瀹瑰皢琚鍑猴紝鏄惁纭瀵煎嚭锛�", "瀵煎嚭", {
-    confirmButtonText: "纭",
-    cancelButtonText: "鍙栨秷",
-    type: "warning",
-  })
-    .then(() => {
-      proxy.download("/basic/customer/export", {}, "瀹㈡埛妗ｆ.xlsx");
-    })
-    .catch(() => {
-      proxy.$modal.msg("宸插彇娑�");
+  const { searchForm, form, rules } = toRefs(data);
+  const addNewContact = () => {
+    formYYs.value.contactList.push({
+      contactPerson: "",
+      contactPhone: "",
     });
-};
-// 鍒犻櫎
-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("涓嶅彲鍒犻櫎浠栦汉缁存姢鐨勬暟鎹�");
+  };
+
+  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 => {
+      tableLoading.value = false;
+      tableData.value = res.records;
+      page.total = res.total;
+    });
+  };
+  // 琛ㄦ牸閫夋嫨鏁版嵁
+  const handleSelectionChange = selection => {
+    selectedRows.value = selection;
+  };
+  /** 鎻愪氦涓婁紶鏂囦欢 */
+  function submitFileForm() {
+    upload.isUploading = true;
+    proxy.$refs["uploadRef"].submit();
+  }
+  /** 瀵煎叆鎸夐挳鎿嶄綔 */
+  function handleImport() {
+    upload.title = "瀹㈡埛瀵煎叆";
+    upload.open = true;
+  }
+  /** 涓嬭浇妯℃澘 */
+  function 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;
+    });
+    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],
+            };
+          });
+      });
+    }
+    dialogFormVisible.value = true;
+  };
+  // 鎻愪氦琛ㄥ崟
+  const submitForm = () => {
+    proxy.$refs["formRef"].validate(valid => {
+      if (valid) {
+        if (operationType.value === "edit") {
+          submitEdit();
+        } else {
+          submitAdd();
+        }
+      }
+    });
+  };
+  // 鎻愪氦鏂板
+  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");
+    dialogFormVisible.value = false;
+  };
+  // 瀵煎嚭
+  const handleOut = () => {
+    ElMessageBox.confirm("閫変腑鐨勫唴瀹瑰皢琚鍑猴紝鏄惁纭瀵煎嚭锛�", "瀵煎嚭", {
+      confirmButtonText: "纭",
+      cancelButtonText: "鍙栨秷",
+      type: "warning",
+    })
+      .then(() => {
+        proxy.download("/basic/customer/export", {}, "瀹㈡埛妗ｆ.xlsx");
+      })
+      .catch(() => {
+        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 {
+      proxy.$modal.msgWarning("璇烽�夋嫨鏁版嵁");
       return;
     }
-    ids = selectedRows.value.map((item) => item.id);
-  } else {
-    proxy.$modal.msgWarning("璇烽�夋嫨鏁版嵁");
-    return;
-  }
-  ElMessageBox.confirm("閫変腑鐨勫唴瀹瑰皢琚垹闄わ紝鏄惁纭鍒犻櫎锛�", "鍒犻櫎鎻愮ず", {
-    confirmButtonText: "纭",
-    cancelButtonText: "鍙栨秷",
-    type: "warning",
-  })
-    .then(() => {
-      tableLoading.value = true;
-      delCustomer(ids)
-        .then((res) => {
-          proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛");
-          getList();
-        })
-        .finally(() => {
-          tableLoading.value = false;
-        });
+    ElMessageBox.confirm("閫変腑鐨勫唴瀹瑰皢琚垹闄わ紝鏄惁纭鍒犻櫎锛�", "鍒犻櫎鎻愮ず", {
+      confirmButtonText: "纭",
+      cancelButtonText: "鍙栨秷",
+      type: "warning",
     })
-    .catch(() => {
-      proxy.$modal.msg("宸插彇娑�");
-    });
-};
+      .then(() => {
+        tableLoading.value = true;
+        delCustomer(ids)
+          .then(res => {
+            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}`;
-}
+  // 鑾峰彇褰撳墠鏃ユ湡骞舵牸寮忓寲涓� 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}`;
+  }
 
-onMounted(() => {
-	getList();
-});
+  onMounted(() => {
+    getList();
+  });
 </script>
 
 <style scoped lang="scss"></style>
diff --git a/src/views/procurementManagement/paymentEntry/index.vue b/src/views/procurementManagement/paymentEntry/index.vue
index e04da41..0cab5c2 100644
--- a/src/views/procurementManagement/paymentEntry/index.vue
+++ b/src/views/procurementManagement/paymentEntry/index.vue
@@ -1,262 +1,248 @@
 <template>
   <div class="app-container">
     <div class="search_form">
-      <el-form :inline="true" :model="searchForm" style="width: 100%">
+      <el-form :inline="true"
+               :model="searchForm"
+               style="width: 100%">
         <el-row justify="space-between">
           <el-col :span="20">
             <el-form-item label="渚涘簲鍟嗗悕绉�/鍚堝悓鍙�">
-              <el-input
-                v-model="searchForm.supplierNameOrContractNo"
-                style="width: 240px"
-                placeholder="杈撳叆渚涘簲鍟嗗悕绉�/鍚堝悓鍙锋悳绱�"
-                clearable
-                prefix-icon="Search"
-                @change="handleQuery"
-              />
+              <el-input v-model="searchForm.supplierNameOrContractNo"
+                        style="width: 240px"
+                        placeholder="杈撳叆渚涘簲鍟嗗悕绉�/鍚堝悓鍙锋悳绱�"
+                        clearable
+                        prefix-icon="Search"
+                        @change="handleQuery" />
             </el-form-item>
             <el-form-item>
-              <el-checkbox
-                v-model="searchForm.status"
-                label="涓嶆樉绀哄緟浠樻涓�0"
-                @change="handleQuery"
-              />
+              <el-checkbox v-model="searchForm.status"
+                           label="涓嶆樉绀哄緟浠樻涓�0"
+                           @change="handleQuery" />
             </el-form-item>
             <el-form-item>
-              <el-button type="primary" @click="handleQuery"> 鎼滅储 </el-button>
+              <el-button type="primary"
+                         @click="handleQuery"> 鎼滅储 </el-button>
             </el-form-item>
           </el-col>
           <el-col :span="4">
             <el-form-item style="float: right; margin-right: unset">
-              <el-button @click="handleExport" style="margin-right: 10px">瀵煎嚭</el-button>
-              <el-button type="primary" @click="openForm('add')">
+              <el-button @click="handleExport"
+                         style="margin-right: 10px">瀵煎嚭</el-button>
+              <el-button type="primary"
+                         @click="openForm('add')">
                 鏂板浠樻
               </el-button>
-<!--              <el-button type="danger" plain @click="handleDelete">-->
-<!--                鍒犻櫎-->
-<!--              </el-button>-->
+              <!--              <el-button type="danger" plain @click="handleDelete">-->
+              <!--                鍒犻櫎-->
+              <!--              </el-button>-->
             </el-form-item>
           </el-col>
         </el-row>
       </el-form>
     </div>
     <div class="table_list">
-      <PIMTable
-        rowKey="id"
-        :column="tableColumn"
-        :tableData="tableData"
-        :page="page"
-        :expandRowKeys="expandedRowKeys"
-        :isSelection="true"
-        :isShowSummary="isShowSummarySon"
-        :summaryMethod="summarizeMainTable1"
-        @selection-change="handleSelectionChange"
-        @expand-change="expandChange"
-        :tableLoading="tableLoading"
-        @pagination="pagination"
-        :total="page.total"
-      >
-				<template #expand="{ row }">
-					<el-table
-						:data="expandData"
-						border
-						show-summary
-						v-loading="childrenLoading"
-						:summary-method="summarizeMainTable2"
-					>
-						<el-table-column
-							align="center"
-							label="搴忓彿"
-							type="index"
-							width="60"
-						/>
-						<el-table-column label="浠樻鏃ユ湡" prop="paymentDate" />
-						<el-table-column label="浠樻閲戦" prop="currentPaymentAmount">
-							<template #default="scope">
-								<el-input-number :step="0.01" :min="0" style="width: 100%"
-																 v-model="scope.row.currentPaymentAmount"
-																 :disabled="!scope.row.editType"
-																 :precision="2"
-																 placeholder="璇疯緭鍏�"
-																 clearable
-								/>
-							</template>
-						</el-table-column>
-						<el-table-column label="浠樻鏂瑰紡" prop="paymentMethod">
-							<template #default="scope">
-								<el-select
-									:disabled="!scope.row.editType"
-									v-model="scope.row.paymentMethod"
-									placeholder="璇烽�夋嫨"
-									clearable
-								>
-									<el-option label="鐢垫眹" value="鐢垫眹" />
-									<el-option label="鎵垮厬" value="鎵垮厬" />
-								</el-select>
-							</template>
-						</el-table-column>
-						<el-table-column label="鐧昏浜�" prop="registrant" />
-						<el-table-column label="鐧昏鏃ユ湡" prop="registrationtDate" />
-						<el-table-column label="鎿嶄綔" width="150">
-							<template #default="scope">
-								<el-button
-									link
-									type="primary"
-									size="small"
-									@click="changeEditType(scope.row)"
-									v-if="!scope.row.editType"
-								>缂栬緫</el-button
-								>
-								<el-button
-									link
-									type="primary"
-									size="small"
-									@click="saveReceiptPayment(scope.row)"
-									v-if="scope.row.editType"
-								>淇濆瓨</el-button
-								>
-								<el-button
-									link
-									type="primary"
-									size="small"
-									@click="handleDelete(scope.row)"
-								>鍒犻櫎</el-button
-								>
-							</template>
-						</el-table-column>
-					</el-table>
-				</template>
-			</PIMTable>
+      <PIMTable rowKey="id"
+                :column="tableColumn"
+                :tableData="tableData"
+                :page="page"
+                :expandRowKeys="expandedRowKeys"
+                :isSelection="true"
+                :isShowSummary="isShowSummarySon"
+                :summaryMethod="summarizeMainTable1"
+                @selection-change="handleSelectionChange"
+                @expand-change="expandChange"
+                :tableLoading="tableLoading"
+                @pagination="pagination"
+                :total="page.total">
+        <template #expand="{ row }">
+          <el-table :data="expandData"
+                    border
+                    show-summary
+                    v-loading="childrenLoading"
+                    :summary-method="summarizeMainTable2">
+            <el-table-column align="center"
+                             label="搴忓彿"
+                             type="index"
+                             width="60" />
+            <el-table-column label="浠樻鏃ユ湡"
+                             prop="paymentDate" />
+            <el-table-column label="浠樻閲戦"
+                             prop="currentPaymentAmount">
+              <template #default="scope">
+                <el-input-number :step="0.01"
+                                 :min="0"
+                                 style="width: 100%"
+                                 v-model="scope.row.currentPaymentAmount"
+                                 :disabled="!scope.row.editType"
+                                 :precision="2"
+                                 placeholder="璇疯緭鍏�"
+                                 clearable />
+              </template>
+            </el-table-column>
+            <el-table-column label="浠樻鏂瑰紡"
+                             prop="paymentMethod">
+              <template #default="scope">
+                <el-select :disabled="!scope.row.editType"
+                           v-model="scope.row.paymentMethod"
+                           placeholder="璇烽�夋嫨"
+                           clearable>
+                  <el-option label="鐢垫眹"
+                             value="鐢垫眹" />
+                  <el-option label="鎵垮厬"
+                             value="鎵垮厬" />
+                </el-select>
+              </template>
+            </el-table-column>
+            <el-table-column label="鐧昏浜�"
+                             prop="registrant" />
+            <el-table-column label="鐧昏鏃ユ湡"
+                             prop="registrationtDate" />
+            <el-table-column label="鎿嶄綔"
+                             width="150">
+              <template #default="scope">
+                <el-button link
+                           type="primary"
+                           size="small"
+                           @click="changeEditType(scope.row)"
+                           v-if="!scope.row.editType">缂栬緫</el-button>
+                <el-button link
+                           type="primary"
+                           size="small"
+                           @click="saveReceiptPayment(scope.row)"
+                           v-if="scope.row.editType">淇濆瓨</el-button>
+                <el-button link
+                           type="primary"
+                           size="small"
+                           @click="handleDelete(scope.row)">鍒犻櫎</el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+        </template>
+      </PIMTable>
     </div>
-    <el-dialog
-      v-model="dialogFormVisible"
-      :title="operationType === 'add' ? '鏂板浠樻鐧昏' : '缂栬緫浠樻鐧昏'"
-      width="60%"
-      @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="60%"
+               @close="closeDia">
+      <el-form :model="form"
+               label-width="140px"
+               label-position="top"
+               :rules="rules"
+               ref="formRef">
         <el-row :gutter="30">
           <el-col :span="12">
-            <el-form-item label="閲囪喘鍚堝悓鍙凤細" prop="purchaseContractNumber">
-              <el-input
-                v-model="form.purchaseContractNumber"
-                placeholder="鑷姩濉厖"
-                clearable
-                disabled
-              />
+            <el-form-item label="閲囪喘鍚堝悓鍙凤細"
+                          prop="purchaseContractNumber">
+              <el-input v-model="form.purchaseContractNumber"
+                        placeholder="鑷姩濉厖"
+                        clearable
+                        disabled />
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="閿�鍞悎鍚屽彿锛�" prop="salesContractNo">
-              <el-input
-                v-model="form.salesContractNo"
-                placeholder="鑷姩濉厖"
-                clearable
-                disabled
-              />
+            <el-form-item label="閿�鍞悎鍚屽彿锛�"
+                          prop="salesContractNo">
+              <el-input v-model="form.salesContractNo"
+                        placeholder="鑷姩濉厖"
+                        clearable
+                        disabled />
             </el-form-item>
           </el-col>
         </el-row>
         <el-row :gutter="30">
           <el-col :span="12">
-            <el-form-item label="渚涘簲鍟嗗悕绉帮細" prop="supplierName">
-              <el-input
-                v-model="form.supplierName"
-                placeholder="鑷姩濉厖"
-                clearable
-                disabled
-              />
+            <el-form-item label="渚涘簲鍟嗗悕绉帮細"
+                          prop="supplierName">
+              <el-input v-model="form.supplierName"
+                        placeholder="鑷姩濉厖"
+                        clearable
+                        disabled />
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="鍙戠エ鍙凤細" prop="invoiceNumber">
-              <el-input
-                v-model="form.invoiceNumber"
-                placeholder="鑷姩濉厖"
-                clearable
-                disabled
-              />
+            <el-form-item label="鍙戠エ鍙凤細"
+                          prop="invoiceNumber">
+              <el-input v-model="form.invoiceNumber"
+                        placeholder="鑷姩濉厖"
+                        clearable
+                        disabled />
             </el-form-item>
           </el-col>
         </el-row>
         <el-row :gutter="30">
           <el-col :span="12">
-            <el-form-item label="鍙戠エ閲戦(鍏�)锛�" prop="invoiceAmount">
-              <el-input
-                v-model="form.invoiceAmount"
-                placeholder="鑷姩濉厖"
-                clearable
-                disabled
-              />
+            <el-form-item label="鍙戠エ閲戦(鍏�)锛�"
+                          prop="invoiceAmount">
+              <el-input v-model="form.invoiceAmount"
+                        placeholder="鑷姩濉厖"
+                        clearable
+                        disabled />
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="鏈浠樻閲戦锛�" prop="currentPaymentAmount">
-              <el-input-number :step="0.01" :min="0" style="width: 100%"
-															 :precision="2"
-                v-model="form.currentPaymentAmount"
-                placeholder="璇疯緭鍏�"
-                clearable
-              />
+            <el-form-item label="鏈浠樻閲戦锛�"
+                          prop="currentPaymentAmount">
+              <el-input-number :step="0.01"
+                               :min="0"
+                               style="width: 100%"
+                               :precision="2"
+                               :max="form.unPaymentAmountTotal"
+                               v-model="form.currentPaymentAmount"
+                               placeholder="璇疯緭鍏�"
+                               clearable />
             </el-form-item>
           </el-col>
         </el-row>
         <el-row :gutter="30">
           <el-col :span="12">
-            <el-form-item label="浠樻鏂瑰紡锛�" prop="paymentMethod">
-              <el-select
-                v-model="form.paymentMethod"
-                placeholder="璇烽�夋嫨"
-                clearable
-              >
-                <el-option label="鐢垫眹" value="鐢垫眹" />
-                <el-option label="鎵垮厬" value="鎵垮厬" />
+            <el-form-item label="浠樻鏂瑰紡锛�"
+                          prop="paymentMethod">
+              <el-select v-model="form.paymentMethod"
+                         placeholder="璇烽�夋嫨"
+                         clearable>
+                <el-option label="鐢垫眹"
+                           value="鐢垫眹" />
+                <el-option label="鎵垮厬"
+                           value="鎵垮厬" />
               </el-select>
             </el-form-item>
           </el-col>
-					<el-col :span="12">
-						<el-form-item label="浠樻鏃ユ湡锛�" prop="paymentDate">
-							<el-date-picker
-								style="width: 100%"
-								v-model="form.paymentDate"
-								value-format="YYYY-MM-DD"
-								format="YYYY-MM-DD"
-								type="date"
-								placeholder="璇烽�夋嫨"
-								clearable
-							/>
-						</el-form-item>
-					</el-col>
+          <el-col :span="12">
+            <el-form-item label="浠樻鏃ユ湡锛�"
+                          prop="paymentDate">
+              <el-date-picker style="width: 100%"
+                              v-model="form.paymentDate"
+                              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="registrant">
-							<el-input
-								v-model="form.registrant"
-								placeholder="璇疯緭鍏�"
-								clearable
-							/>
-						</el-form-item>
-					</el-col>
           <el-col :span="12">
-            <el-form-item label="鐧昏鏃ユ湡锛�" prop="registrationtDate">
-              <el-input
-                v-model="form.registrationtDate"
-                placeholder="璇疯緭鍏�"
-                clearable
-              />
+            <el-form-item label="鐧昏浜猴細"
+                          prop="registrant">
+              <el-input v-model="form.registrant"
+                        placeholder="璇疯緭鍏�"
+                        clearable />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="鐧昏鏃ユ湡锛�"
+                          prop="registrationtDate">
+              <el-input v-model="form.registrationtDate"
+                        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>
@@ -265,348 +251,361 @@
 </template>
 
 <script setup>
-import { ref, reactive, toRefs, getCurrentInstance, nextTick, onMounted } from "vue";
-import { Search } from "@element-plus/icons-vue";
-import { ElMessageBox } from "element-plus";
-import useUserStore from "@/store/modules/user.js";
-import {
-  byPurchaseId,
-  paymentRegistrationAdd,
-  paymentRegistrationDel,
-  paymentRegistrationEdit,
-  getTicketNo,
-} from "@/api/procurementManagement/paymentEntry.js";
-import {
-	delPaymentRegistration,
-	invoiceListPage,
-	registrationListPageGetById,
-	updatePaymentRegistration
-} from "@/api/procurementManagement/procurementInvoiceLedger.js";
-import useFormData from "@/hooks/useFormData";
+  import {
+    ref,
+    reactive,
+    toRefs,
+    getCurrentInstance,
+    nextTick,
+    onMounted,
+  } from "vue";
+  import { Search } from "@element-plus/icons-vue";
+  import { ElMessageBox } from "element-plus";
+  import useUserStore from "@/store/modules/user.js";
+  import {
+    byPurchaseId,
+    paymentRegistrationAdd,
+    paymentRegistrationDel,
+    paymentRegistrationEdit,
+    getTicketNo,
+  } from "@/api/procurementManagement/paymentEntry.js";
+  import {
+    delPaymentRegistration,
+    invoiceListPage,
+    registrationListPageGetById,
+    updatePaymentRegistration,
+  } from "@/api/procurementManagement/procurementInvoiceLedger.js";
+  import useFormData from "@/hooks/useFormData";
 
-const { proxy } = getCurrentInstance();
-const tableColumn = ref([
-	{
-		type: "expand",
-		dataType: "slot",
-		slot: "expand",
-	},
-  {
-    label: "閲囪喘鍚堝悓鍙�",
-    prop: "purchaseContractNumber",
-  },
-  {
-    label: "閿�鍞悎鍚屽彿",
-    prop: "salesContractNo",
-  },
-  {
-    label: "渚涘簲鍟嗗悕绉�",
-    prop: "supplierName",
-    width:240
-  },
-	{
-		label: "浠樻鐘舵��",
-		prop: "statusName",
-		dataType: "tag",
-		formatType: (params) => {
-			if (params == '鏈畬鎴愪粯娆�') {
-				return "danger";
-			} else if (params == '宸插畬鎴愪粯娆�') {
-				return "success";
-			} else {
-				return null;
-			}
-		},
-	},
-  {
-    label: "鍙戠エ鍙�",
-    prop: "invoiceNumber",
-    width:200
-  },
-  {
-    label: "鍙戠エ閲戦(鍏�)",
-    prop: "invoiceAmount",
-    formatData: (params) => {
-      return params ? parseFloat(params).toFixed(2) : 0;
-    },
-  },
-  {
-    label: "宸蹭粯娆鹃噾棰�(鍏�)",
-    prop: "paymentAmountTotal",
-    formatData: (params) => {
-      return params ? parseFloat(params).toFixed(2) : 0;
-    },
-  },
-  {
-    label: "寰呬粯娆鹃噾棰�(鍏�)",
-    prop: "unPaymentAmountTotal",
-    formatData: (params) => {
-      return params ? parseFloat(params).toFixed(2) : 0;
-    },
-  },
-  {
-    label: "褰曞叆浜�",
-    prop: "issUer",
-  },
-]);
-const tableData = ref([]);
-const expandData = ref([]);
-const selectedRows = ref([]);
-const tableLoading = ref(false);
-const childrenLoading = ref(false);
-const userStore = useUserStore();
-const page = reactive({
-  current: 1,
-  size: 100,
-	total: 0,
-});
-
-// 鐢ㄦ埛淇℃伅琛ㄥ崟寮规鏁版嵁
-const operationType = ref("");
-const dialogFormVisible = ref(false);
-const data = reactive({
-  searchForm: {
-    supplierNameOrContractNo: "",
-    status: false,
-  },
-  form: {
-    purchaseContractNumber: "",
-    purchaseLedgerId: "",
-    salesContractNo: "",
-    supplierName: "",
-    invoiceNumber: "",
-    invoiceAmount: "",
-    taxRate: "",
-    currentPaymentAmount: "",
-    paymentMethod: "",
-    registrant: "",
-    registrantId: "",
-    paymentDate: "",
-    registrationtDate: "",
-  },
-  rules: {
-    purchaseLedgerId: [
-      { required: true, message: "璇烽�夋嫨", trigger: "change" },
-    ],
-    currentPaymentAmount: [
-      { required: true, message: "璇疯緭鍏�", trigger: "blur" },
-    ],
-    paymentMethod: [{ required: true, message: "璇烽�夋嫨", trigger: "change" }],
-    invoiceNumber: [
-      { required: true, message: "璇烽�夋嫨閲囪喘鍚堝悓鍙�", trigger: "change" },
-    ],
-  },
-});
-const { form, rules } = toRefs(data);
-const { form: searchForm, resetForm } = useFormData(data.searchForm);
-const isShowSummarySon = ref(true);
-const expandedRowKeys = ref([]);
-
-const getStatusTagType = (statusName = '') => {
-	const normalized = statusName.trim();
-	if (!normalized) return 'info';
-	return normalized === '鏈畬鎴愪粯娆�' ? 'danger' : 'success';
-};
-// 瀛愯〃鍚堣鏂规硶
-const summarizeMainTable1 = (param) => {
-  return proxy.summarizeTable(
-    param,
-    ["invoiceAmount", "paymentAmountTotal", "unPaymentAmountTotal"],
+  const { proxy } = getCurrentInstance();
+  const tableColumn = ref([
     {
+      type: "expand",
+      dataType: "slot",
+      slot: "expand",
+    },
+    {
+      label: "閲囪喘鍚堝悓鍙�",
+      prop: "purchaseContractNumber",
+    },
+    {
+      label: "閿�鍞悎鍚屽彿",
+      prop: "salesContractNo",
+    },
+    {
+      label: "渚涘簲鍟嗗悕绉�",
+      prop: "supplierName",
+      width: 240,
+    },
+    {
+      label: "浠樻鐘舵��",
+      prop: "statusName",
+      dataType: "tag",
+      formatType: params => {
+        if (params == "鏈畬鎴愪粯娆�") {
+          return "danger";
+        } else if (params == "宸插畬鎴愪粯娆�") {
+          return "success";
+        } else {
+          return null;
+        }
+      },
+    },
+    {
+      label: "鍙戠エ鍙�",
+      prop: "invoiceNumber",
+      width: 200,
+    },
+    {
+      label: "鍙戠エ閲戦(鍏�)",
+      prop: "invoiceAmount",
+      formatData: params => {
+        return params ? parseFloat(params).toFixed(2) : 0;
+      },
+    },
+    {
+      label: "宸蹭粯娆鹃噾棰�(鍏�)",
+      prop: "paymentAmountTotal",
+      formatData: params => {
+        return params ? parseFloat(params).toFixed(2) : 0;
+      },
+    },
+    {
+      label: "寰呬粯娆鹃噾棰�(鍏�)",
+      prop: "unPaymentAmountTotal",
+      formatData: params => {
+        return params ? parseFloat(params).toFixed(2) : 0;
+      },
+    },
+    {
+      label: "褰曞叆浜�",
+      prop: "issUer",
+    },
+  ]);
+  const tableData = ref([]);
+  const expandData = ref([]);
+  const selectedRows = ref([]);
+  const tableLoading = ref(false);
+  const childrenLoading = ref(false);
+  const userStore = useUserStore();
+  const page = reactive({
+    current: 1,
+    size: 100,
+    total: 0,
+  });
+
+  // 鐢ㄦ埛淇℃伅琛ㄥ崟寮规鏁版嵁
+  const operationType = ref("");
+  const dialogFormVisible = ref(false);
+  const data = reactive({
+    searchForm: {
+      supplierNameOrContractNo: "",
+      status: false,
+    },
+    form: {
+      purchaseContractNumber: "",
+      purchaseLedgerId: "",
+      salesContractNo: "",
+      supplierName: "",
+      invoiceNumber: "",
+      invoiceAmount: "",
+      taxRate: "",
+      currentPaymentAmount: "",
+      paymentMethod: "",
+      registrant: "",
+      registrantId: "",
+      paymentDate: "",
+      registrationtDate: "",
+    },
+    rules: {
+      purchaseLedgerId: [
+        { required: true, message: "璇烽�夋嫨", trigger: "change" },
+      ],
+      currentPaymentAmount: [
+        { required: true, message: "璇疯緭鍏�", trigger: "blur" },
+      ],
+      paymentMethod: [{ required: true, message: "璇烽�夋嫨", trigger: "change" }],
+      invoiceNumber: [
+        { required: true, message: "璇烽�夋嫨閲囪喘鍚堝悓鍙�", trigger: "change" },
+      ],
+    },
+  });
+  const { form, rules } = toRefs(data);
+  const { form: searchForm, resetForm } = useFormData(data.searchForm);
+  const isShowSummarySon = ref(true);
+  const expandedRowKeys = ref([]);
+
+  const getStatusTagType = (statusName = "") => {
+    const normalized = statusName.trim();
+    if (!normalized) return "info";
+    return normalized === "鏈畬鎴愪粯娆�" ? "danger" : "success";
+  };
+  // 瀛愯〃鍚堣鏂规硶
+  const summarizeMainTable1 = param => {
+    return proxy.summarizeTable(
+      param,
+      ["invoiceAmount", "paymentAmountTotal", "unPaymentAmountTotal"],
+      {
+        ticketsNum: { noDecimal: true }, // 涓嶄繚鐣欏皬鏁�
+        futureTickets: { noDecimal: true }, // 涓嶄繚鐣欏皬鏁�
+      }
+    );
+  };
+  // 瀛愯〃鍚堣鏂规硶
+  const summarizeMainTable2 = param => {
+    return proxy.summarizeTable(param, ["currentPaymentAmount"], {
       ticketsNum: { noDecimal: true }, // 涓嶄繚鐣欏皬鏁�
       futureTickets: { noDecimal: true }, // 涓嶄繚鐣欏皬鏁�
-    }
-  );
-};
-// 瀛愯〃鍚堣鏂规硶
-const summarizeMainTable2 = (param) => {
-	return proxy.summarizeTable(param, ["currentPaymentAmount"], {
-		ticketsNum: { noDecimal: true }, // 涓嶄繚鐣欏皬鏁�
-		futureTickets: { noDecimal: true }, // 涓嶄繚鐣欏皬鏁�
-	});
-};
-// 鏌ヨ鍒楄〃
-/** 鎼滅储鎸夐挳鎿嶄綔 */
-const handleQuery = () => {
-  page.current = 1;
-  getList();
-};
-const pagination = (obj) => {
-  page.current = obj.page;
-  page.size = obj.limit;
-  getList();
-};
-const getList = () => {
-  tableLoading.value = true;
-  invoiceListPage({ ...searchForm, ...page }).then((res) => {
-    tableLoading.value = false;
-    tableData.value = res.records;
-		page.total = res.total;
-		if (expandedRowKeys.value.length > 0) {
-			const arr = []
-			const index = tableData.value.findIndex(item => item.id === expandedRowKeys.value[0]);
-			if (index > -1) {
-				arr.push(tableData.value[index]);
-				expandChange(tableData.value[index], arr)
-			}
-		}
-  });
-};
-// 灞曞紑琛�
-const expandChange = (row, expandedRows) => {
-	if (expandedRows.length > 0) {
-		nextTick(() => {
-			expandedRowKeys.value = [];
-			try {
-				childrenLoading.value = true;
-				registrationListPageGetById({ id: row.id }).then((res) => {
-					childrenLoading.value = false;
-					const index = tableData.value.findIndex((item) => item.id === row.id);
-					if (index > -1) {
-						expandData.value = res;
-					}
-					expandedRowKeys.value.push(row.id);
-				});
-			} catch (error) {
-				childrenLoading.value = false;
-				console.log(error);
-			}
-		})
-	} else {
-		expandedRowKeys.value = [];
-	}
-};
-// 缂栬緫淇敼鐘舵��
-const changeEditType = (row) => {
-	row.editType = !row.editType;
-};
-// 淇濆瓨鍥炴璁板綍
-const saveReceiptPayment = (row) => {
-	let updateData = {
-		id: row.id,
-		currentPaymentAmount: row.currentPaymentAmount,
-		paymentMethod: row.paymentMethod,
-	};
-	updatePaymentRegistration(updateData).then((res) => {
-		row.editType = !row.editType;
-		getList();
-		proxy.$modal.msgSuccess("鎻愪氦鎴愬姛");
-	});
-};
-// 琛ㄦ牸閫夋嫨鏁版嵁
-const handleSelectionChange = (selection) => {
-  selectedRows.value = selection;
-};
-// 鎵撳紑寮规
-const openForm = (type, row) => {
-  if (selectedRows.value.length !== 1) {
-    proxy.$message.error("璇烽�夋嫨涓�鏉″彂绁ㄦ暟鎹�");
-    return;
-  }
-	if (selectedRows.value[0].unPaymentAmountTotal == 0) {
-		proxy.$message.warning("鏃犻渶鍐嶄粯娆�");
-		return;
-	}
-  operationType.value = type;
-  form.value = {};
-  form.value = { ...selectedRows.value[0] };
-  form.value.ticketRegistrationId = selectedRows.value[0].id;
-  form.value.id = null;
-  // 鏌ヨ閲囪喘鍚堝悓鍙�
-  form.value.registrationtDate = getCurrentDate();
-  form.value.paymentDate = getCurrentDate();
-  form.value.registrant = userStore.name;
-  dialogFormVisible.value = true;
-};
-// 鎻愪氦琛ㄥ崟
-const submitForm = () => {
-  proxy.$refs["formRef"].validate((valid) => {
-    if (valid) {
-      if (operationType.value === "edit") {
-        submitEdit();
-      } else {
-        submitAdd();
+    });
+  };
+  // 鏌ヨ鍒楄〃
+  /** 鎼滅储鎸夐挳鎿嶄綔 */
+  const handleQuery = () => {
+    page.current = 1;
+    getList();
+  };
+  const pagination = obj => {
+    page.current = obj.page;
+    page.size = obj.limit;
+    getList();
+  };
+  const getList = () => {
+    tableLoading.value = true;
+    invoiceListPage({ ...searchForm, ...page }).then(res => {
+      tableLoading.value = false;
+      tableData.value = res.records;
+      page.total = res.total;
+      if (expandedRowKeys.value.length > 0) {
+        const arr = [];
+        const index = tableData.value.findIndex(
+          item => item.id === expandedRowKeys.value[0]
+        );
+        if (index > -1) {
+          arr.push(tableData.value[index]);
+          expandChange(tableData.value[index], arr);
+        }
       }
+    });
+  };
+  // 灞曞紑琛�
+  const expandChange = (row, expandedRows) => {
+    if (expandedRows.length > 0) {
+      nextTick(() => {
+        expandedRowKeys.value = [];
+        try {
+          childrenLoading.value = true;
+          registrationListPageGetById({ id: row.id }).then(res => {
+            childrenLoading.value = false;
+            const index = tableData.value.findIndex(item => item.id === row.id);
+            if (index > -1) {
+              expandData.value = res;
+            }
+            expandedRowKeys.value.push(row.id);
+          });
+        } catch (error) {
+          childrenLoading.value = false;
+          console.log(error);
+        }
+      });
+    } else {
+      expandedRowKeys.value = [];
     }
-  });
-};
-// 鎻愪氦鏂板
-const submitAdd = () => {
-  paymentRegistrationAdd(form.value).then((res) => {
-    proxy.$modal.msgSuccess("鎻愪氦鎴愬姛");
-    closeDia();
+  };
+  // 缂栬緫淇敼鐘舵��
+  const changeEditType = row => {
+    row.editType = !row.editType;
+  };
+  // 淇濆瓨鍥炴璁板綍
+  const saveReceiptPayment = row => {
+    let updateData = {
+      id: row.id,
+      currentPaymentAmount: row.currentPaymentAmount,
+      paymentMethod: row.paymentMethod,
+    };
+    updatePaymentRegistration(updateData).then(res => {
+      row.editType = !row.editType;
+      getList();
+      proxy.$modal.msgSuccess("鎻愪氦鎴愬姛");
+    });
+  };
+  // 琛ㄦ牸閫夋嫨鏁版嵁
+  const handleSelectionChange = selection => {
+    selectedRows.value = selection;
+  };
+  // 鎵撳紑寮规
+  const openForm = (type, row) => {
+    if (selectedRows.value.length !== 1) {
+      proxy.$message.error("璇烽�夋嫨涓�鏉″彂绁ㄦ暟鎹�");
+      return;
+    }
+    if (selectedRows.value[0].unPaymentAmountTotal == 0) {
+      proxy.$message.warning("鏃犻渶鍐嶄粯娆�");
+      return;
+    }
+    operationType.value = type;
+    form.value = {};
+    form.value = { ...selectedRows.value[0] };
+    form.value.ticketRegistrationId = selectedRows.value[0].id;
+    form.value.id = null;
+    // 鏌ヨ閲囪喘鍚堝悓鍙�
+    form.value.registrationtDate = getCurrentDate();
+    form.value.paymentDate = getCurrentDate();
+    form.value.registrant = userStore.name;
+    dialogFormVisible.value = true;
+  };
+  // 鎻愪氦琛ㄥ崟
+  const submitForm = () => {
+    proxy.$refs["formRef"].validate(valid => {
+      if (valid) {
+        if (operationType.value === "edit") {
+          submitEdit();
+        } else {
+          submitAdd();
+        }
+      }
+    });
+  };
+  // 鎻愪氦鏂板
+  const submitAdd = () => {
+    paymentRegistrationAdd(form.value).then(res => {
+      proxy.$modal.msgSuccess("鎻愪氦鎴愬姛");
+      closeDia();
+      getList();
+    });
+  };
+  // 鎻愪氦淇敼
+  const submitEdit = () => {
+    paymentRegistrationEdit(form.value).then(res => {
+      proxy.$modal.msgSuccess("鎻愪氦鎴愬姛");
+      closeDia();
+      getList();
+    });
+  };
+  // 鍏抽棴寮规
+  const closeDia = () => {
+    proxy.resetForm("formRef");
+    dialogFormVisible.value = false;
+  };
+  // 鍒犻櫎
+  const handleDelete = row => {
+    ElMessageBox.confirm("閫変腑鐨勫唴瀹瑰皢琚垹闄わ紝鏄惁纭鍒犻櫎锛�", "鍒犻櫎鎻愮ず", {
+      confirmButtonText: "纭",
+      cancelButtonText: "鍙栨秷",
+      type: "warning",
+    })
+      .then(() => {
+        tableLoading.value = true;
+        delPaymentRegistration(row.id)
+          .then(res => {
+            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 handleExport = () => {
+    ElMessageBox.confirm("閫変腑鐨勫唴瀹瑰皢琚鍑猴紝鏄惁纭瀵煎嚭锛�", "瀵煎嚭", {
+      confirmButtonText: "纭",
+      cancelButtonText: "鍙栨秷",
+      type: "warning",
+    })
+      .then(() => {
+        proxy.download(
+          "/purchase/registration/exportOne",
+          { ...searchForm, ...page },
+          "浠樻鐧昏.xlsx"
+        );
+      })
+      .catch(() => {
+        proxy.$modal.msg("宸插彇娑�");
+      });
+  };
+
+  onMounted(() => {
     getList();
   });
-};
-// 鎻愪氦淇敼
-const submitEdit = () => {
-  paymentRegistrationEdit(form.value).then((res) => {
-    proxy.$modal.msgSuccess("鎻愪氦鎴愬姛");
-    closeDia();
-    getList();
-  });
-};
-// 鍏抽棴寮规
-const closeDia = () => {
-  proxy.resetForm("formRef");
-  dialogFormVisible.value = false;
-};
-// 鍒犻櫎
-const handleDelete = (row) => {
-  ElMessageBox.confirm("閫変腑鐨勫唴瀹瑰皢琚垹闄わ紝鏄惁纭鍒犻櫎锛�", "鍒犻櫎鎻愮ず", {
-    confirmButtonText: "纭",
-    cancelButtonText: "鍙栨秷",
-    type: "warning",
-  })
-    .then(() => {
-      tableLoading.value = true;
-			delPaymentRegistration(row.id)
-        .then((res) => {
-          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 handleExport = () => {
-  ElMessageBox.confirm("閫変腑鐨勫唴瀹瑰皢琚鍑猴紝鏄惁纭瀵煎嚭锛�", "瀵煎嚭", {
-    confirmButtonText: "纭",
-    cancelButtonText: "鍙栨秷",
-    type: "warning",
-  })
-    .then(() => {
-      proxy.download("/purchase/registration/exportOne", { ...searchForm, ...page }, "浠樻鐧昏.xlsx");
-    })
-    .catch(() => {
-      proxy.$modal.msg("宸插彇娑�");
-    });
-};
-
-onMounted(() => {
-  getList();
-});
 </script>
 
 <style scoped lang="scss">
-.table_list {
-  margin-top: unset;
-}
-::v-deep(.el-checkbox__label) {
-  font-weight: bold;
-}
+  .table_list {
+    margin-top: unset;
+  }
+  ::v-deep(.el-checkbox__label) {
+    font-weight: bold;
+  }
 </style>
diff --git a/src/views/procurementManagement/paymentLedger/index.vue b/src/views/procurementManagement/paymentLedger/index.vue
index 741e6ac..ded6392 100644
--- a/src/views/procurementManagement/paymentLedger/index.vue
+++ b/src/views/procurementManagement/paymentLedger/index.vue
@@ -3,62 +3,51 @@
     <div class="search_form">
       <div>
         <span class="search_title">渚涘簲鍟嗗悕绉�:</span>
-        <el-input
-          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-input 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>
       </div>
       <div></div>
     </div>
     <el-row :gutter="20">
       <el-col :span="14">
         <div class="table_list">
-          <el-table
-            ref="multipleTable"
-            border
-            v-loading="tableLoading"
-            :data="tableData"
-            :header-cell-style="{ background: '#F0F1F5', color: '#333333' }"
-            height="calc(100vh - 18.5em)"
-            :highlight-current-row="true"
-            style="width: 100%"
-            tooltip-effect="dark"
-            @row-click="rowClick"
-            :show-summary="isShowSummary"
-            :summary-method="summarizeMainTable"
-            class="lims-table"
-          >
-            <el-table-column
-              align="center"
-              label="搴忓彿"
-              type="index"
-              width="60"
-            />
-            <el-table-column label="渚涘簲鍟嗗悕绉�" prop="supplierName" />
-            <el-table-column
-              label="鍙戠エ閲戦(鍏�)"
-              prop="invoiceAmount"
-              show-overflow-tooltip
-              :formatter="formattedNumber"
-            />
-            <el-table-column
-              label="浠樻閲戦(鍏�)"
-              prop="paymentAmount"
-              show-overflow-tooltip
-              :formatter="formattedNumber"
-            />
-            <el-table-column
-              label="搴斾粯閲戦(鍏�)"
-              prop="payableAmount"
-              show-overflow-tooltip
-            >
+          <el-table ref="multipleTable"
+                    border
+                    v-loading="tableLoading"
+                    :data="tableData"
+                    :header-cell-style="{ background: '#F0F1F5', color: '#333333' }"
+                    height="calc(100vh - 18.5em)"
+                    :highlight-current-row="true"
+                    style="width: 100%"
+                    tooltip-effect="dark"
+                    @row-click="rowClick"
+                    :show-summary="isShowSummary"
+                    :summary-method="summarizeMainTable"
+                    class="lims-table">
+            <el-table-column align="center"
+                             label="搴忓彿"
+                             type="index"
+                             width="60" />
+            <el-table-column label="渚涘簲鍟嗗悕绉�"
+                             prop="supplierName" />
+            <el-table-column label="鍙戠エ閲戦(鍏�)"
+                             prop="invoiceAmount"
+                             show-overflow-tooltip
+                             :formatter="formattedNumber" />
+            <el-table-column label="浠樻閲戦(鍏�)"
+                             prop="paymentAmount"
+                             show-overflow-tooltip
+                             :formatter="formattedNumber" />
+            <el-table-column label="搴斾粯閲戦(鍏�)"
+                             prop="payableAmount"
+                             show-overflow-tooltip>
               <template #default="{ row, column }">
                 <el-text type="danger">
                   {{ formattedNumber(row, column, row.payableAmount) }}
@@ -66,42 +55,41 @@
               </template>
             </el-table-column>
           </el-table>
-          <pagination
-            v-show="total > 0"
-            @pagination="paginationSearch"
-            :total="total"
-            :layout="page.layout"
-            :page="page.current"
-            :limit="page.size"
-          />
+          <pagination v-show="total > 0"
+                      @pagination="paginationSearch"
+                      :total="total"
+                      :layout="page.layout"
+                      :page="page.current"
+                      :limit="page.size" />
         </div>
       </el-col>
       <el-col :span="10">
         <div class="table_list">
-          <PIMTable
-            rowKey="id"
-            :column="tableColumnSon"
-            :tableData="originalTableDataSon"
-            :isSelection="false"
-            :tableLoading="tableLoadingSon"
-            :isShowSummary="isShowSummarySon"
-            :summaryMethod="summarizeMainTable1"
-						height="calc(100vh - 18.5em)"
-          >
+          <PIMTable rowKey="id"
+                    :column="tableColumnSon"
+                    :tableData="originalTableDataSon"
+                    :isSelection="false"
+                    :page="sonPage"
+                    @pagination="pagination1"
+                    @selection-change="sonPaginationSearch"
+                    :tableLoading="tableLoadingSon"
+                    :isShowSummary="isShowSummarySon"
+                    :summaryMethod="summarizeMainTable1"
+                    height="calc(100vh - 18.5em)">
             <template #payableAmountSlot="{ row }">
               <el-text type="danger">
                 {{ parseFloat(row.payableAmount).toFixed(2) }}
               </el-text>
             </template>
           </PIMTable>
-          <pagination
+          <!-- <pagination
             v-show="sonTotal > 0"
             :total="sonTotal"
             @pagination="sonPaginationSearch"
             :layout="page.layout"
             :page="sonPage.current"
             :limit="sonPage.size"
-          />
+          /> -->
         </div>
       </el-col>
     </el-row>
@@ -109,207 +97,215 @@
 </template>
 
 <script setup>
-import { ref, toRefs } from "vue";
-import { Search } from "@element-plus/icons-vue";
-import {
-  paymentLedgerList,
-  paymentRecordList,
-} from "@/api/procurementManagement/paymentLedger.js";
-import Pagination from "../../../components/PIMTable/Pagination.vue";
+  import { ref, toRefs } from "vue";
+  import { Search } from "@element-plus/icons-vue";
+  import {
+    paymentLedgerList,
+    paymentRecordList,
+  } from "@/api/procurementManagement/paymentLedger.js";
+  import Pagination from "../../../components/PIMTable/Pagination.vue";
 
-const tableColumn = ref([
-  {
-    label: "渚涘簲鍟嗗悕绉�",
-    prop: "supplierName",
-    width:240
-  },
-  {
-    label: "鍙戠エ閲戦(鍏�)",
-    prop: "invoiceAmount",
-  },
-  {
-    label: "浠樻閲戦(鍏�)",
-    prop: "paymentAmount",
-  },
-  {
-    label: "搴斾粯閲戦(鍏�)",
-    prop: "payableAmount",
-  },
-]);
-const tableData = ref([]);
-const tableLoading = ref(false);
-const data = reactive({
-  searchForm: {
-    supplierNameOrContractNo: "",
-  },
-});
-const page = reactive({
-  current: 1,
-  size: 100,
-});
-const sonPage = reactive({
-  current: 1,
-  size: 100,
-});
-const total = ref(0);
-const sonTotal = ref(0);
-const isShowSummary = ref(true);
-const { searchForm } = toRefs(data);
-const currentSupplierId = ref("");
-const rowClick = (row) => {
-  currentSupplierId.value = row.supplierId;
-  getPaymenRecordtList(row.supplierId);
-};
-// 瀛愭ā鍧�
-const tableColumnSon = ref([
-  {
-    label: "鍙戠敓鏃ユ湡",
-    prop: "happenTime",
-		width: 110,
-  },
-  {
-    label: "鍙戠エ閲戦(鍏�)",
-    prop: "invoiceAmount",
-		width: 200,
-    formatData: (params) => {
-      return params ? parseFloat(params).toFixed(2) : 0;
-    },
-  },
-  {
-    label: "浠樻閲戦(鍏�)",
-    prop: "currentPaymentAmount",
-		width: 200,
-    formatData: (params) => {
-      return params ? parseFloat(params).toFixed(2) : 0;
-    },
-  },
-  {
-    label: "搴斾粯閲戦(鍏�)",
-    dataType: "slot",
-		width: 200,
-    prop: "payableAmount",
-    slot: "payableAmountSlot",
-  },
-]);
-const tableDataSon = ref([]);
-const originalTableDataSon = ref([]);
-const tableLoadingSon = ref(false);
-const isShowSummarySon = ref(true);
-const detailPageNum = ref(1);
-const detailPageSize = ref(10);
-const { proxy } = getCurrentInstance();
-
-// 涓昏〃鍚堣鏂规硶
-const summarizeMainTable = (param) => {
-  return proxy.summarizeTable(
-    param,
-    ["invoiceAmount", "paymentAmount", "payableAmount"],
+  const tableColumn = ref([
     {
-      ticketsNum: { noDecimal: true }, // 涓嶄繚鐣欏皬鏁�
-      futureTickets: { noDecimal: true }, // 涓嶄繚鐣欏皬鏁�
-    }
-  );
-};
-// 瀛愯〃鍚堣鏂规硶
-const summarizeMainTable1 = (param) => {
-  let summarizeTable = proxy.summarizeTable(
-    param,
-    ["invoiceAmount", "currentPaymentAmount"],
+      label: "渚涘簲鍟嗗悕绉�",
+      prop: "supplierName",
+      width: 240,
+    },
     {
-      ticketsNum: { noDecimal: true }, // 涓嶄繚鐣欏皬鏁�
-      futureTickets: { noDecimal: true }, // 涓嶄繚鐣欏皬鏁�
-    }
-  );
-  if (originalTableDataSon.value.length > 0) {
-    summarizeTable[summarizeTable.length - 1] =
-      originalTableDataSon.value[
-        originalTableDataSon.value.length - 1
-      ].payableAmount.toFixed(2);
-  } else {
-    summarizeTable[summarizeTable.length - 1] = 0.0;
-  }
-  return summarizeTable;
-};
-/** 鎼滅储鎸夐挳鎿嶄綔 */
-const handleQuery = () => {
-  page.current = 1;
-  getList();
-};
-const paginationSearch = (obj) => {
-  page.current = obj.page;
-  page.size = obj.limit;
-  getList();
-};
-const getList = () => {
-  tableLoading.value = true;
-  paymentLedgerList({
-    ...searchForm.value,
-    ...page,
-    detailPageNum: detailPageNum.value, // 鏂板
-    detailPageSize: detailPageSize.value, // 鏂板
-  }).then((res) => {
-    let result = res.data;
-    tableLoading.value = false;
-    tableData.value = result.records || [];
-    total.value = result.total || 0;
-    if (tableData.value.length > 0) {
-      getPaymenRecordtList(tableData.value[0].supplierId);
-      currentSupplierId.value = tableData.value[0].supplierId;
-    }
+      label: "鍙戠エ閲戦(鍏�)",
+      prop: "invoiceAmount",
+    },
+    {
+      label: "浠樻閲戦(鍏�)",
+      prop: "paymentAmount",
+    },
+    {
+      label: "搴斾粯閲戦(鍏�)",
+      prop: "payableAmount",
+    },
+  ]);
+  const tableData = ref([]);
+  const tableLoading = ref(false);
+  const data = reactive({
+    searchForm: {
+      supplierNameOrContractNo: "",
+    },
   });
-};
+  const page = reactive({
+    current: 1,
+    size: 100,
+  });
+  const sonPage = reactive({
+    current: 1,
+    size: 100,
+    total: 0,
+  });
+  const total = ref(0);
+  const sonTotal = ref(0);
+  const isShowSummary = ref(true);
+  const { searchForm } = toRefs(data);
+  const currentSupplierId = ref("");
+  const rowClick = row => {
+    currentSupplierId.value = row.supplierId;
+    getPaymenRecordtList(row.supplierId);
+  };
+  // 瀛愭ā鍧�
+  const tableColumnSon = ref([
+    {
+      label: "鍙戠敓鏃ユ湡",
+      prop: "happenTime",
+      width: 110,
+    },
+    {
+      label: "鍙戠エ閲戦(鍏�)",
+      prop: "invoiceAmount",
+      width: 200,
+      formatData: params => {
+        return params ? parseFloat(params).toFixed(2) : 0;
+      },
+    },
+    {
+      label: "浠樻閲戦(鍏�)",
+      prop: "currentPaymentAmount",
+      width: 200,
+      formatData: params => {
+        return params ? parseFloat(params).toFixed(2) : 0;
+      },
+    },
+    {
+      label: "搴斾粯閲戦(鍏�)",
+      dataType: "slot",
+      width: 200,
+      prop: "payableAmount",
+      slot: "payableAmountSlot",
+    },
+  ]);
+  const tableDataSon = ref([]);
+  const originalTableDataSon = ref([]);
+  const tableLoadingSon = ref(false);
+  const isShowSummarySon = ref(true);
+  const detailPageNum = ref(1);
+  const detailPageSize = ref(10);
+  const { proxy } = getCurrentInstance();
+  const currentId = ref(0);
 
-const getPaymenRecordtList = (supplierId) => {
-  tableLoadingSon.value = true;
-  paymentRecordList(supplierId)
-    .then((res) => {
-      tableLoadingSon.value = false;
-      tableDataSon.value = res.data;
-      handlePagination({ page: 1, limit: sonPage.size });
-      sonTotal.value = res.data.length;
-    })
-    .catch((e) => {
-      tableLoadingSon.value = false;
+  // 涓昏〃鍚堣鏂规硶
+  const summarizeMainTable = param => {
+    return proxy.summarizeTable(
+      param,
+      ["invoiceAmount", "paymentAmount", "payableAmount"],
+      {
+        ticketsNum: { noDecimal: true }, // 涓嶄繚鐣欏皬鏁�
+        futureTickets: { noDecimal: true }, // 涓嶄繚鐣欏皬鏁�
+      }
+    );
+  };
+  // 瀛愯〃鍚堣鏂规硶
+  const summarizeMainTable1 = param => {
+    let summarizeTable = proxy.summarizeTable(
+      param,
+      ["invoiceAmount", "currentPaymentAmount"],
+      {
+        ticketsNum: { noDecimal: true }, // 涓嶄繚鐣欏皬鏁�
+        futureTickets: { noDecimal: true }, // 涓嶄繚鐣欏皬鏁�
+      }
+    );
+    if (originalTableDataSon.value.length > 0) {
+      summarizeTable[summarizeTable.length - 1] =
+        originalTableDataSon.value[
+          originalTableDataSon.value.length - 1
+        ].payableAmount.toFixed(2);
+    } else {
+      summarizeTable[summarizeTable.length - 1] = 0.0;
+    }
+    return summarizeTable;
+  };
+  /** 鎼滅储鎸夐挳鎿嶄綔 */
+  const handleQuery = () => {
+    page.current = 1;
+    getList();
+  };
+  const paginationSearch = obj => {
+    page.current = obj.page;
+    page.size = obj.limit;
+    getList();
+  };
+  const pagination1 = obj => {
+    sonPage.current = obj.page;
+    sonPage.size = obj.limit;
+    getPaymenRecordtList(currentSupplierId.value);
+    // getList();
+  };
+  const getList = () => {
+    tableLoading.value = true;
+    paymentLedgerList({
+      ...searchForm.value,
+      ...page,
+      detailPageNum: detailPageNum.value, // 鏂板
+      detailPageSize: detailPageSize.value, // 鏂板
+    }).then(res => {
+      let result = res.data;
+      tableLoading.value = false;
+      tableData.value = result.records || [];
+      total.value = result.total || 0;
+      if (tableData.value.length > 0) {
+        getPaymenRecordtList(tableData.value[0].supplierId);
+        currentSupplierId.value = tableData.value[0].supplierId;
+      }
     });
-};
-const handlePagination = ({ page, limit }) => {
-  sonPage.current = page;
-  sonPage.size = limit;
+  };
 
-  const start = (page - 1) * limit;
-  const end = start + limit;
+  const getPaymenRecordtList = supplierId => {
+    tableLoadingSon.value = true;
+    paymentRecordList(supplierId)
+      .then(res => {
+        tableLoadingSon.value = false;
+        tableDataSon.value = res.data;
+        handlePagination({ page: 1, limit: sonPage.size });
+        sonPage.total = res.data.length;
+      })
+      .catch(e => {
+        tableLoadingSon.value = false;
+      });
+  };
+  const handlePagination = ({ page, limit }) => {
+    sonPage.current = page;
+    sonPage.size = limit;
 
-  originalTableDataSon.value = tableDataSon.value.slice(start, end);
-};
+    const start = (page - 1) * limit;
+    const end = start + limit;
 
-const sonPaginationSearch = (pagination) => {
-  // 鎺ユ敹鍒嗛〉鍣ㄥ弬鏁� { page, limit }
-  handlePagination(pagination);
-};
-const formattedNumber = (row, column, cellValue) => {
-  if (column.property !== "supplierName") {
-    return parseFloat(cellValue).toFixed(2);
-  } else {
-    return cellValue;
-  }
-};
-getList();
+    originalTableDataSon.value = tableDataSon.value.slice(start, end);
+  };
+
+  const sonPaginationSearch = pagination => {
+    // 鎺ユ敹鍒嗛〉鍣ㄥ弬鏁� { page, limit }
+    handlePagination(pagination);
+  };
+  const formattedNumber = (row, column, cellValue) => {
+    if (column.property !== "supplierName") {
+      return parseFloat(cellValue).toFixed(2);
+    } else {
+      return cellValue;
+    }
+  };
+  getList();
 </script>
 
 <style scoped lang="scss">
-.el-pagination {
-  width: 100%;
-  height: 55px;
-  display: flex;
-  justify-content: flex-end;
-  float: right;
-  flex-direction: row;
-  align-items: center;
-  background: #fff;
-  margin: -20px 0 0 0;
-  padding: 0 20px;
-}
-.pagination-container {
-  margin-top: 0;
-}
+  .el-pagination {
+    width: 100%;
+    height: 55px;
+    display: flex;
+    justify-content: flex-end;
+    float: right;
+    flex-direction: row;
+    align-items: center;
+    background: #fff;
+    margin: -20px 0 0 0;
+    padding: 0 20px;
+  }
+  .pagination-container {
+    margin-top: 0;
+  }
 </style>

--
Gitblit v1.9.3