From 515d2bb2ef4d047e1a8a8c3306f2f526433b87b1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B8=B8=E7=86=9F=E5=90=B4=E5=BD=A6=E7=A5=96?=
 <qi.ruan@xujiesoft.com>
Date: Tue, 30 Dec 2025 13:41:08 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BE=9B=E5=BA=94=E5=95=86=E8=B5=84=E6=96=99?=
 =?UTF-8?q?=E7=95=8C=E9=9D=A2=E7=9A=84=E4=BF=AE=E6=94=B9=20=E5=9B=BE?=
 =?UTF-8?q?=E6=A0=87=E7=9A=84=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 config/index.js                               |    2 +-
 index.html                                    |    4 +-
 package-lock.json                             |  207 +--
 src/api/srm/srmSupplier.js                    |    5 +
 src/views/main-navbar.vue                     |   13 +-
 .../modules/srmSupplier/supplierList.vue      | 1243 +++++++++++++----
 6 files changed, 1082 insertions(+), 392 deletions(-)

diff --git a/config/index.js b/config/index.js
index ab49c97..f91132e 100644
--- a/config/index.js
+++ b/config/index.js
@@ -24,7 +24,7 @@ module.exports = {
 
     // Various Dev Server settings
     host: 'localhost', // can be overwritten by process.env.HOST
-    port: 8090, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
+    port: 8091, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
     autoOpenBrowser: true,
     errorOverlay: true,
     notifyOnErrors: true,
diff --git a/index.html b/index.html
index 87ebb16..ceaaf2b 100644
--- a/index.html
+++ b/index.html
@@ -4,13 +4,13 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
-  <title>Checkpoint SRM</title>
+  <title>KRD SRM</title>
   <% if (process.env.NODE_ENV === 'production') { %>
   <!-- 生产环境 -->
   <script>document.write('<script src="./config/index.js?t=' + new Date().getTime() + '"><\/script>');</script>
   <% }else { %>
   <!-- 开发环境 -->
-  <link rel="shortcut icon" type="image/x-icon" href="./static/img/favicon.ico">
+  <link rel="shortcut icon" type="image/x-icon" href="./static/img/avatar.png">
   <script src="./static/config/index.js"></script>
   <script src="./static/plugins/mock-1.0.0-beta3/mock-min.js"></script>
   <script src="./static/plugins/echarts-3.8.5/echarts.common.min.js"></script>
diff --git a/package-lock.json b/package-lock.json
index fa0c5d0..2c83d66 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -194,6 +194,12 @@
           "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
           "dev": true
         },
+        "is-fullwidth-code-point": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmmirror.com/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+          "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+          "dev": true
+        },
         "string-width": {
           "version": "5.1.2",
           "resolved": "https://registry.npmmirror.com/string-width/-/string-width-5.1.2.tgz",
@@ -205,6 +211,40 @@
             "strip-ansi": "^7.0.1"
           }
         },
+        "string-width-cjs": {
+          "version": "npm:string-width@4.2.3",
+          "resolved": "https://registry.npmmirror.com/string-width/-/string-width-4.2.3.tgz",
+          "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+          "dev": true,
+          "requires": {
+            "emoji-regex": "^8.0.0",
+            "is-fullwidth-code-point": "^3.0.0",
+            "strip-ansi": "^6.0.1"
+          },
+          "dependencies": {
+            "ansi-regex": {
+              "version": "5.0.1",
+              "resolved": "https://registry.npmmirror.com/ansi-regex/-/ansi-regex-5.0.1.tgz",
+              "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+              "dev": true
+            },
+            "emoji-regex": {
+              "version": "8.0.0",
+              "resolved": "https://registry.npmmirror.com/emoji-regex/-/emoji-regex-8.0.0.tgz",
+              "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+              "dev": true
+            },
+            "strip-ansi": {
+              "version": "6.0.1",
+              "resolved": "https://registry.npmmirror.com/strip-ansi/-/strip-ansi-6.0.1.tgz",
+              "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+              "dev": true,
+              "requires": {
+                "ansi-regex": "^5.0.1"
+              }
+            }
+          }
+        },
         "strip-ansi": {
           "version": "7.1.2",
           "resolved": "https://registry.npmmirror.com/strip-ansi/-/strip-ansi-7.1.2.tgz",
@@ -214,6 +254,23 @@
             "ansi-regex": "^6.0.1"
           }
         },
+        "strip-ansi-cjs": {
+          "version": "npm:strip-ansi@6.0.1",
+          "resolved": "https://registry.npmmirror.com/strip-ansi/-/strip-ansi-6.0.1.tgz",
+          "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+          "dev": true,
+          "requires": {
+            "ansi-regex": "^5.0.1"
+          },
+          "dependencies": {
+            "ansi-regex": {
+              "version": "5.0.1",
+              "resolved": "https://registry.npmmirror.com/ansi-regex/-/ansi-regex-5.0.1.tgz",
+              "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+              "dev": true
+            }
+          }
+        },
         "wrap-ansi": {
           "version": "8.1.0",
           "resolved": "https://registry.npmmirror.com/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
@@ -224,6 +281,60 @@
             "string-width": "^5.0.1",
             "strip-ansi": "^7.0.1"
           }
+        },
+        "wrap-ansi-cjs": {
+          "version": "npm:wrap-ansi@7.0.0",
+          "resolved": "https://registry.npmmirror.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+          "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^4.0.0",
+            "string-width": "^4.1.0",
+            "strip-ansi": "^6.0.0"
+          },
+          "dependencies": {
+            "ansi-regex": {
+              "version": "5.0.1",
+              "resolved": "https://registry.npmmirror.com/ansi-regex/-/ansi-regex-5.0.1.tgz",
+              "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+              "dev": true
+            },
+            "ansi-styles": {
+              "version": "4.3.0",
+              "resolved": "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-4.3.0.tgz",
+              "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+              "dev": true,
+              "requires": {
+                "color-convert": "^2.0.1"
+              }
+            },
+            "emoji-regex": {
+              "version": "8.0.0",
+              "resolved": "https://registry.npmmirror.com/emoji-regex/-/emoji-regex-8.0.0.tgz",
+              "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+              "dev": true
+            },
+            "string-width": {
+              "version": "4.2.3",
+              "resolved": "https://registry.npmmirror.com/string-width/-/string-width-4.2.3.tgz",
+              "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+              "dev": true,
+              "requires": {
+                "emoji-regex": "^8.0.0",
+                "is-fullwidth-code-point": "^3.0.0",
+                "strip-ansi": "^6.0.1"
+              }
+            },
+            "strip-ansi": {
+              "version": "6.0.1",
+              "resolved": "https://registry.npmmirror.com/strip-ansi/-/strip-ansi-6.0.1.tgz",
+              "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+              "dev": true,
+              "requires": {
+                "ansi-regex": "^5.0.1"
+              }
+            }
+          }
         }
       }
     },
@@ -18789,40 +18900,6 @@
         "strip-ansi": "^3.0.0"
       }
     },
-    "string-width-cjs": {
-      "version": "npm:string-width@4.2.3",
-      "resolved": "https://registry.npmmirror.com/string-width/-/string-width-4.2.3.tgz",
-      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "dev": true,
-      "requires": {
-        "emoji-regex": "^8.0.0",
-        "is-fullwidth-code-point": "^3.0.0",
-        "strip-ansi": "^6.0.1"
-      },
-      "dependencies": {
-        "ansi-regex": {
-          "version": "5.0.1",
-          "resolved": "https://registry.npmmirror.com/ansi-regex/-/ansi-regex-5.0.1.tgz",
-          "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-          "dev": true
-        },
-        "is-fullwidth-code-point": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmmirror.com/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-          "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-          "dev": true
-        },
-        "strip-ansi": {
-          "version": "6.0.1",
-          "resolved": "https://registry.npmmirror.com/strip-ansi/-/strip-ansi-6.0.1.tgz",
-          "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-          "dev": true,
-          "requires": {
-            "ansi-regex": "^5.0.1"
-          }
-        }
-      }
-    },
     "string.prototype.trim": {
       "version": "1.2.10",
       "resolved": "https://registry.npmmirror.com/string.prototype.trim/-/string.prototype.trim-1.2.10.tgz",
@@ -18874,23 +18951,6 @@
         "ansi-regex": "^2.0.0"
       }
     },
-    "strip-ansi-cjs": {
-      "version": "npm:strip-ansi@6.0.1",
-      "resolved": "https://registry.npmmirror.com/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
-      "requires": {
-        "ansi-regex": "^5.0.1"
-      },
-      "dependencies": {
-        "ansi-regex": {
-          "version": "5.0.1",
-          "resolved": "https://registry.npmmirror.com/ansi-regex/-/ansi-regex-5.0.1.tgz",
-          "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-          "dev": true
-        }
-      }
-    },
     "strip-bom": {
       "version": "2.0.0",
       "resolved": "https://registry.npmmirror.com/strip-bom/-/strip-bom-2.0.0.tgz",
@@ -22410,51 +22470,6 @@
         "strip-ansi": "^3.0.1"
       }
     },
-    "wrap-ansi-cjs": {
-      "version": "npm:wrap-ansi@7.0.0",
-      "resolved": "https://registry.npmmirror.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
-      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
-      "dev": true,
-      "requires": {
-        "ansi-styles": "^4.0.0",
-        "string-width": "^4.1.0",
-        "strip-ansi": "^6.0.0"
-      },
-      "dependencies": {
-        "ansi-regex": {
-          "version": "5.0.1",
-          "resolved": "https://registry.npmmirror.com/ansi-regex/-/ansi-regex-5.0.1.tgz",
-          "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-          "dev": true
-        },
-        "is-fullwidth-code-point": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmmirror.com/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-          "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-          "dev": true
-        },
-        "string-width": {
-          "version": "4.2.3",
-          "resolved": "https://registry.npmmirror.com/string-width/-/string-width-4.2.3.tgz",
-          "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-          "dev": true,
-          "requires": {
-            "emoji-regex": "^8.0.0",
-            "is-fullwidth-code-point": "^3.0.0",
-            "strip-ansi": "^6.0.1"
-          }
-        },
-        "strip-ansi": {
-          "version": "6.0.1",
-          "resolved": "https://registry.npmmirror.com/strip-ansi/-/strip-ansi-6.0.1.tgz",
-          "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-          "dev": true,
-          "requires": {
-            "ansi-regex": "^5.0.1"
-          }
-        }
-      }
-    },
     "wrappy": {
       "version": "1.0.2",
       "resolved": "https://registry.npmmirror.com/wrappy/-/wrappy-1.0.2.tgz",
diff --git a/src/api/srm/srmSupplier.js b/src/api/srm/srmSupplier.js
index 58bd465..953aaa0 100644
--- a/src/api/srm/srmSupplier.js
+++ b/src/api/srm/srmSupplier.js
@@ -44,3 +44,8 @@ export const updatePaymentProposal = (data) => createAPI(`/srmPaymentProposal/sa
 export const getProposalOssList = (data) => createAPI(`/srmPaymentProposal/getProposalOssList`, 'post', data)
 export const removeOssFile = (data) => createAPI(`/oss/remove`, 'post', data)
 export const submitForApprovalPaymentProposal = (data) => createAPI(`/srmPaymentProposal/submitForApprovalPaymentProposal`, 'post', data)
+
+//------supplier management--------------
+export const createSrmSupplier = (data) => createAPI(`/srmSupplier/createSrmSupplier`, 'post', data)
+export const updateSrmSupplier = (data) => createAPI(`/srmSupplier/updateSrmSupplier`, 'post', data)
+export const deleteSrmSupplier = (id) => createAPI(`/srmSupplier/deleteSrmSupplier`, 'post', { id: id })
\ No newline at end of file
diff --git a/src/views/main-navbar.vue b/src/views/main-navbar.vue
index e9ee17d..18c094f 100644
--- a/src/views/main-navbar.vue
+++ b/src/views/main-navbar.vue
@@ -52,7 +52,7 @@
         <el-menu-item class="site-navbar__avatar" index="4">
           <el-dropdown :show-timeout="0" placement="bottom">
                       <span class="el-dropdown-link custom-avatar">
-                        <img src="~@/assets/img/ckp.png" :alt="userName">{{ userName }}
+                        <img src="~@/assets/img/xujie.png" :alt="userName">{{ userName }}
                         <!--                        <img src="~@/assets/img/avatar.png" :alt="userName">{{ userName }}-->
                       </span>
             <el-dropdown-menu slot="dropdown">
@@ -71,7 +71,7 @@
 
     <el-dialog append-to-body top="26vh" :show-close="false" :close-on-click-modal="true" v-drag :visible.sync="revisionModalFlag" width="335px">
       <div slot="title" style="text-align: center">
-        <img src="~@/assets/img/ckp.png" style="width: 115px;height: 45px;vertical-align: middle;object-fit: contain;">
+        <img src="~@/assets/img/xujie.png" style="width: 115px;height: 45px;vertical-align: middle;object-fit: contain;">
         <!--        <img src="~@/assets/img/avatar.png" style="width: 115px;height: 45px;vertical-align: middle;object-fit: contain;">-->
       </div>
       <div style="display: flex;justify-content: space-between;">
@@ -139,8 +139,8 @@ export default {
       message: this.$t('language.name'),
       languageList: [],
       pageLanguage: {
-        XjSysManage: 'Checkpoint',
-        abbreviation: 'Checkpoint',
+        XjSysManage: 'Xujie',
+        abbreviation: 'Xujie',
         setting: '设置',
         languageSetting: '语言设置',
         userSetting: '用户设置',
@@ -458,8 +458,9 @@ export default {
     },
   },
   created() {
-    this.getLanguageList()
-    this.getFunctionButtonList()
+    //取消多语言
+    // this.getLanguageList()
+    // this.getFunctionButtonList()
     this.favoriteIsOk()
   }
 }
diff --git a/src/views/modules/srmSupplier/supplierList.vue b/src/views/modules/srmSupplier/supplierList.vue
index 7581e69..2670cb5 100644
--- a/src/views/modules/srmSupplier/supplierList.vue
+++ b/src/views/modules/srmSupplier/supplierList.vue
@@ -20,9 +20,9 @@
             </el-select>
           </el-form-item>
           <el-form-item :label="' '" >
-            <el-button class="customer-bun-min" type="primary" @click="getMainData" style="">Query</el-button>
-            <el-button @click="exportExcel()" type="primary" style="margin-left: 2px">{{'Export'}}</el-button>
-
+            <el-button class="customer-bun-min" type="primary" @click="getMainData" style="">查询</el-button>
+            <el-button @click="exportExcel()" type="primary" style="margin-left: 2px">{{'导出'}}</el-button>
+            <el-button @click="addSupplier()" type="primary" style="margin-left: 2px">新增</el-button>
           </el-form-item>
         </el-col>
       </el-row>
@@ -37,32 +37,35 @@
         @row-click="changeData"
         v-loading="dataListLoading"
         style="margin-top: 0px; width: 100%;">
-<!--        <el-table-column-->
-<!--          fixed="left"-->
-<!--          header-align="center"-->
-<!--          align="center"-->
-<!--          width="220"-->
-<!--          :label="'操作'">-->
-<!--          <template slot-scope="scope">-->
-<!--          </template>-->
-<!--        </el-table-column>-->
-        <el-table-column
-          v-for="(item,index) in columnArray1" :key="index"
-          :sortable="item.columnSortable"
-          :prop="item.columnProp"
-          :header-align="item.headerAlign"
-          :show-overflow-tooltip="item.showOverflowTooltip"
-          :align="item.align"
-          :fixed="item.fixed==''?false:item.fixed"
-          :min-width="item.columnWidth"
-          :label="item.columnLabel">
-          <template slot-scope="scope">
-            <span v-if="!item.columnHidden"> {{scope.row[item.columnProp]}}</span>
-            <span v-if="item.columnImage"><img :src="scope.row[item.columnProp]"
-                                               style="width: 100px; height: 80px"/></span>
-          </template>
-        </el-table-column>
-      </el-table>
+      <el-table-column
+        v-for="(item,index) in columnArray1" :key="index"
+        :sortable="item.columnSortable"
+        :prop="item.columnProp"
+        :header-align="item.headerAlign"
+        :show-overflow-tooltip="item.showOverflowTooltip"
+        :align="item.align"
+        :fixed="item.fixed==''?false:item.fixed"
+        :min-width="item.columnWidth"
+        :label="item.columnLabel">
+        <template slot-scope="scope">
+          <span v-if="!item.columnHidden"> {{scope.row[item.columnProp]}}</span>
+          <span v-if="item.columnImage"><img :src="scope.row[item.columnProp]"
+                                             style="width: 100px; height: 100px"/></span>
+        </template>
+      </el-table-column>
+      <!-- 操作列 -->
+      <el-table-column
+        fixed="right"
+        header-align="center"
+        align="center"
+        width="160"
+        label="Action">
+        <template slot-scope="scope">
+          <el-link style="cursor: pointer" @click="editSupplier(scope.row)">编辑 |</el-link>
+          <el-link style="cursor: pointer" @click="deleteSupplier(scope.row)">删除</el-link>
+        </template>
+      </el-table-column>
+    </el-table>
       <!-- 分页插件 -->
       <el-pagination style="margin-top: 0px"
                      @size-change="sizeChangeHandle"
@@ -124,41 +127,308 @@
 
     <Chooselist ref="baseList" @getBaseData="getBaseData"></Chooselist>
 
+    <!-- 供应商编辑对话框 -->
+    <el-dialog :title="isAdd ? '新增供应商' : '编辑供应商'" :visible.sync="supplierDialogVisible" width="1000px" top="5vh" :close-on-click-modal="false" class="supplier-dialog">
+      <div class="dialog-content">
+        <el-form :model="currentSupplier" :rules="supplierRules" ref="supplierForm" label-width="140px" class="supplier-form">
+          <div class="form-section">
+            <el-row :gutter="24">
+              <el-col :span="12">
+                <el-form-item label="工厂Site" prop="site">
+                  <el-input v-model="currentSupplier.site" :disabled="!isAdd"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="供应商编码" prop="supplierNo">
+                  <el-input v-model="currentSupplier.supplierNo" :disabled="!isAdd"></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+
+          <div class="form-section">
+            <el-row :gutter="24">
+              <el-col :span="12">
+                <el-form-item label="供应商名称" prop="supplierName">
+                  <el-input v-model="currentSupplier.supplierName"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="供应商分组" prop="supplierGroup">
+                  <el-select v-model="currentSupplier.supplierGroup" placeholder="选择供应商分组" style="width: 100%">
+                    <el-option label="战略" value="战略"></el-option>
+                    <el-option label="重要" value="重要"></el-option>
+                    <el-option label="普通" value="普通"></el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+
+          <div class="form-section">
+            <el-row :gutter="24">
+              <el-col :span="12">
+                <el-form-item label="供应商分类">
+                  <el-input v-model="currentSupplier.supplierDocType"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="税号">
+                  <el-input v-model="currentSupplier.taxCode"></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+
+          <div class="form-section">
+            <el-row :gutter="24">
+              <el-col :span="12">
+                <el-form-item label="税率">
+                  <el-input v-model="currentSupplier.tax"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="税务编号">
+                  <el-input v-model="currentSupplier.taxNo"></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+
+          <div class="form-section">
+            <el-row :gutter="24">
+              <el-col :span="12">
+                <el-form-item label="货币">
+                  <el-input v-model="currentSupplier.currency"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="ABC分类">
+                  <el-input v-model="currentSupplier.abc"></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+
+          <div class="form-section">
+            <el-row :gutter="24">
+              <el-col :span="12">
+                <el-form-item label="采购员">
+                  <el-input v-model="currentSupplier.buyer"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="采购专员">
+                  <el-input v-model="currentSupplier.sourcingstaff"></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+
+          <div class="form-section">
+            <el-row :gutter="24">
+              <el-col :span="12">
+                <el-form-item label="付款条款">
+                  <el-input v-model="currentSupplier.paymentTerm"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="交货条款">
+                  <el-input v-model="currentSupplier.deliveryTerm"></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+
+          <div class="form-section">
+            <el-row :gutter="24">
+              <el-col :span="12">
+                <el-form-item label="手机号">
+                  <el-input v-model="currentSupplier.phoneNo"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="手机号2">
+                  <el-input v-model="currentSupplier.phoneNo2"></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+
+          <div class="form-section">
+            <el-row :gutter="24">
+              <el-col :span="12">
+                <el-form-item label="手机号3">
+                  <el-input v-model="currentSupplier.phoneNo3"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="传真号">
+                  <el-input v-model="currentSupplier.faxNo"></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+
+          <div class="form-section">
+            <el-row :gutter="24">
+              <el-col :span="12">
+                <el-form-item label="邮箱">
+                  <el-input v-model="currentSupplier.email"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="邮箱2">
+                  <el-input v-model="currentSupplier.email2"></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+
+          <div class="form-section">
+            <el-row :gutter="24">
+              <el-col :span="12">
+                <el-form-item label="联系人">
+                  <el-input v-model="currentSupplier.contact"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="其他联系方式1">
+                  <el-input v-model="currentSupplier.otherContact1"></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+
+          <div class="form-section">
+            <el-row :gutter="24">
+              <el-col :span="12">
+                <el-form-item label="其他联系方式2">
+                  <el-input v-model="currentSupplier.otherContact2"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="其他联系方式3">
+                  <el-input v-model="currentSupplier.otherContact3"></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+
+          <div class="form-section" style="margin-bottom: 30px">
+            <el-row :gutter="20">
+              <el-col :span="24">
+                <el-form-item label="地址">
+                  <el-input v-model="currentSupplier.address"></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+
+          <div class="form-section">
+            <el-row :gutter="24">
+              <el-col :span="12">
+                <el-form-item label="银行名称">
+                  <el-input v-model="currentSupplier.bankName"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="银行账号">
+                  <el-input v-model="currentSupplier.bankAccount"></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+
+          <div class="form-section">
+            <el-row :gutter="24">
+              <el-col :span="12">
+                <el-form-item label="在用">
+                  <el-select v-model="currentSupplier.active" placeholder="是否在用" style="width: 100%">
+                    <el-option label="Yes" value="Y"></el-option>
+                    <el-option label="No" value="N"></el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="创建日期">
+                  <el-input v-model="currentSupplier.createDate" :disabled="true"></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+
+          <div class="form-section">
+            <el-row :gutter="24">
+              <el-col :span="12">
+                <el-form-item label="创建者">
+                  <el-input v-model="currentSupplier.createBy" :disabled="true"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="更新日期">
+                  <el-input v-model="currentSupplier.updateDate" :disabled="true"></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+
+          <div class="form-section">
+            <el-row :gutter="24">
+              <el-col :span="12">
+                <el-form-item label="更新者">
+                  <el-input v-model="currentSupplier.updateBy" :disabled="true"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="24">
+                <el-form-item label="备注">
+                  <el-input v-model="currentSupplier.memo" type="textarea" :rows="2" resize="none"></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+        </el-form>
+      </div>
+      <div slot="footer" class="dialog-footer-center">
+        <el-button type="primary" @click="saveSupplier()">保存</el-button>
+        <el-button @click="supplierDialogVisible = false">取消</el-button>
+      </div>
+    </el-dialog>
 
   </div>
 </template>
 
 <script>
-/*组件*/
+/* 组件 */
 
 import {
-  searchSupplierGroupRequestList,searchSrmSupplierList,
+  searchSupplierGroupRequestList, searchSrmSupplierList, createSrmSupplier, updateSrmSupplier, deleteSrmSupplier
 } from '@/api/srm/srmSupplier.js'
-import excel from "@/utils/excel-util.js";
+import excel from '@/utils/excel-util.js'
 import Chooselist from '@/views/modules/common/Chooselist_eam'
 import contract from './com_srmSupplier_Contract'
 import share from './com_srmSupplier_share'
 import documents from './com_srmSupplier_DocumentDefinition'
 export default {
-  data() {
+  data () {
     return {
       functionId: this.$route.meta.menuId,
       height: 200,
       currentRow: {},
-      searchData:{
-        supplierNo:'',
-        supplierName:'',
-        supplierGroup:'',
-        site:this.$store.state.user.site,
+      searchData: {
+        supplierNo: '',
+        supplierName: '',
+        supplierGroup: '',
+        site: this.$store.state.user.site,
         page: 1,
-        limit: 10,
+        limit: 10
       },
       pageIndex: 1,
       pageSize: 50,
       totalPage: 0,
-      tagNo:'',
-      mainDataList:[],
-      supplierGroupRequestList:[],
+      tagNo: '',
+      mainDataList: [],
+      supplierGroupRequestList: [],
       dataListLoading: false,
       activeName: 'share',
       columnArray1: [
@@ -166,12 +436,12 @@ export default {
           userId: this.$store.state.user.name,
           functionId: this.functionId,
           serialNumber: '811001Table1SupplierNo',
-          tableId: "811001Table1",
-          tableName: "供应商信息",
-          columnProp: "supplierNo",
-          headerAlign: "center",
-          align: "left",
-          columnLabel: "Supplier No",
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'supplierNo',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '供应商编码',
           columnWidth: '100',
           columnHidden: false,
           columnImage: false,
@@ -184,12 +454,12 @@ export default {
           userId: this.$store.state.user.name,
           functionId: this.functionId,
           serialNumber: '811001Table1SupplierName',
-          tableId: "811001Table1",
-          tableName: "供应商信息",
-          columnProp: "supplierName",
-          headerAlign: "center",
-          align: "left",
-          columnLabel: "Supplier Name",
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'supplierName',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '供应商名称',
           columnWidth: '300',
           columnHidden: false,
           columnImage: false,
@@ -202,12 +472,12 @@ export default {
           userId: this.$store.state.user.name,
           functionId: this.functionId,
           serialNumber: '811001Table1SupplierGroup',
-          tableId: "811001Table1",
-          tableName: "供应商信息",
-          columnProp: "supplierGroup",
-          headerAlign: "center",
-          align: "left",
-          columnLabel: "Supplier Group",
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'groupDisplay',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '供应商分组',
           columnWidth: '100',
           columnHidden: false,
           columnImage: false,
@@ -220,13 +490,13 @@ export default {
           userId: this.$store.state.user.name,
           functionId: this.functionId,
           serialNumber: '811001Table1SupplierDocType',
-          tableId: "811001Table1",
-          tableName: "供应商信息",
-          columnProp: "supplierDocType",
-          headerAlign: "center",
-          align: "left",
-          columnLabel: "Supplier Category",
-          columnWidth: "150",
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'supplierDocType',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '供应商分类',
+          columnWidth: '150',
           columnHidden: false,
           columnImage: false,
           columnSortable: false,
@@ -238,13 +508,13 @@ export default {
           userId: this.$store.state.user.name,
           functionId: this.functionId,
           serialNumber: '811001Table1TaxCode',
-          tableId: "811001Table1",
-          tableName: "供应商信息",
-          columnProp: "taxCode",
-          headerAlign: "center",
-          align: "left",
-          columnLabel: "Tax Code",
-          columnWidth: "200",
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'taxCode',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '税号',
+          columnWidth: '200',
           columnHidden: false,
           columnImage: false,
           columnSortable: false,
@@ -255,14 +525,14 @@ export default {
         {
           userId: this.$store.state.user.name,
           functionId: this.functionId,
-          serialNumber: '811001Table1FaxNo',
-          tableId: "811001Table1",
-          tableName: "供应商信息",
-          columnProp: "faxNo",
-          headerAlign: "center",
-          align: "left",
-          columnLabel: "Fax No",
-          columnWidth: "150",
+          serialNumber: '811001Table1Tax',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'tax',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '税率',
+          columnWidth: '100',
           columnHidden: false,
           columnImage: false,
           columnSortable: false,
@@ -273,14 +543,14 @@ export default {
         {
           userId: this.$store.state.user.name,
           functionId: this.functionId,
-          serialNumber: '811001Table1PhoneNo',
-          tableId: "811001Table1",
-          tableName: "供应商信息",
-          columnProp: "phoneNo",
-          headerAlign: "center",
-          align: "left",
-          columnLabel: "Phone No",
-          columnWidth: "150",
+          serialNumber: '811001Table1TaxNo',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'taxNo',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '税务编号',
+          columnWidth: '100',
           columnHidden: false,
           columnImage: false,
           columnSortable: false,
@@ -291,14 +561,14 @@ export default {
         {
           userId: this.$store.state.user.name,
           functionId: this.functionId,
-          serialNumber: '811001Table1Contact',
-          tableId: "811001Table1",
-          tableName: "供应商信息",
-          columnProp: "contact",
-          headerAlign: "center",
-          align: "left",
-          columnLabel: "Contact",
-          columnWidth: "150",
+          serialNumber: '811001Table1Currency',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'currencyDesc',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '货币',
+          columnWidth: '80',
           columnHidden: false,
           columnImage: false,
           columnSortable: false,
@@ -309,14 +579,68 @@ export default {
         {
           userId: this.$store.state.user.name,
           functionId: this.functionId,
-          serialNumber: '811001Table1Address',
-          tableId: "811001Table1",
-          tableName: "供应商信息",
-          columnProp: "address",
-          headerAlign: "center",
-          align: "left",
-          columnLabel: "Address",
-          columnWidth: "250",
+          serialNumber: '811001Table1ABC',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'abc',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: 'ABC等级',
+          columnWidth: '100',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: this.functionId,
+          serialNumber: '811001Table1Active',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'active',
+          headerAlign: 'center',
+          align: 'center',
+          columnLabel: '在用',
+          columnWidth: '100',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: this.functionId,
+          serialNumber: '811001Table1Buyer',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'buyer',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '采购员',
+          columnWidth: '100',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: this.functionId,
+          serialNumber: '811001Table1SourcingStaff',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'Sourcing Staff',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: 'Sourcing 专员',
+          columnWidth: '120',
           columnHidden: false,
           columnImage: false,
           columnSortable: false,
@@ -328,13 +652,13 @@ export default {
           userId: this.$store.state.user.name,
           functionId: this.functionId,
           serialNumber: '811001Table1PaymentTerm',
-          tableId: "811001Table1",
-          tableName: "供应商信息",
-          columnProp: "paymentTerm",
-          headerAlign: "center",
-          align: "left",
-          columnLabel: "Payment Term",
-          columnWidth: "120",
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'paymentTerm',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '付款条款',
+          columnWidth: '120',
           columnHidden: false,
           columnImage: false,
           columnSortable: false,
@@ -346,13 +670,13 @@ export default {
           userId: this.$store.state.user.name,
           functionId: this.functionId,
           serialNumber: '811001Table1DeliveryTerm',
-          tableId: "811001Table1",
-          tableName: "供应商信息",
-          columnProp: "deliveryTerm",
-          headerAlign: "center",
-          align: "left",
-          columnLabel: "Delivery Term",
-          columnWidth: "120",
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'deliveryTerm',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '交货条款',
+          columnWidth: '120',
           columnHidden: false,
           columnImage: false,
           columnSortable: false,
@@ -363,14 +687,14 @@ export default {
         {
           userId: this.$store.state.user.name,
           functionId: this.functionId,
-          serialNumber: '811001Table1Buyer',
-          tableId: "811001Table1",
-          tableName: "供应商信息",
-          columnProp: "buyer",
-          headerAlign: "center",
-          align: "left",
-          columnLabel: "Buyer",
-          columnWidth: "100",
+          serialNumber: '811001Table1Contact',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'contact',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '联系人',
+          columnWidth: '150',
           columnHidden: false,
           columnImage: false,
           columnSortable: false,
@@ -381,14 +705,14 @@ export default {
         {
           userId: this.$store.state.user.name,
           functionId: this.functionId,
-          serialNumber: '811001Table1Currency',
-          tableId: "811001Table1",
-          tableName: "供应商信息",
-          columnProp: "currency",
-          headerAlign: "center",
-          align: "left",
-          columnLabel: "Currency",
-          columnWidth: "80",
+          serialNumber: '811001Table1PhoneNo',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'phoneNo',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '手机号',
+          columnWidth: '150',
           columnHidden: false,
           columnImage: false,
           columnSortable: false,
@@ -399,14 +723,14 @@ export default {
         {
           userId: this.$store.state.user.name,
           functionId: this.functionId,
-          serialNumber: '811001Table1ABC',
-          tableId: "811001Table1",
-          tableName: "供应商信息",
-          columnProp: "abc",
-          headerAlign: "center",
-          align: "left",
-          columnLabel: "ABC Classification",
-          columnWidth: "100",
+          serialNumber: '811001Table1PhoneNo2',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'Phone No2',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '手机号2',
+          columnWidth: '150',
           columnHidden: false,
           columnImage: false,
           columnSortable: false,
@@ -417,14 +741,14 @@ export default {
         {
           userId: this.$store.state.user.name,
           functionId: this.functionId,
-          serialNumber: '811001Table1Active',
-          tableId: "811001Table1",
-          tableName: "供应商信息",
-          columnProp: "active",
-          headerAlign: "center",
-          align: "center",
-          columnLabel: "Active",
-          columnWidth: "100",
+          serialNumber: '811001Table1PhoneNo3',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'Phone No3',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '手机号3',
+          columnWidth: '150',
           columnHidden: false,
           columnImage: false,
           columnSortable: false,
@@ -435,14 +759,14 @@ export default {
         {
           userId: this.$store.state.user.name,
           functionId: this.functionId,
-          serialNumber: '811001Table1BankName',
-          tableId: "811001Table1",
-          tableName: "供应商信息",
-          columnProp: "bankName",
-          headerAlign: "center",
-          align: "left",
-          columnLabel: "Bank Name",
-          columnWidth: "150",
+          serialNumber: '811001Table1FaxNo',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'faxNo',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '传真号',
+          columnWidth: '150',
           columnHidden: false,
           columnImage: false,
           columnSortable: false,
@@ -453,14 +777,14 @@ export default {
         {
           userId: this.$store.state.user.name,
           functionId: this.functionId,
-          serialNumber: '811001Table1BankAccount',
-          tableId: "811001Table1",
-          tableName: "供应商信息",
-          columnProp: "bankAccount",
-          headerAlign: "center",
-          align: "left",
-          columnLabel: "Bank Account",
-          columnWidth: "100",
+          serialNumber: '811001Table1OtherContact1',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'otherContact1',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '其他联系方式1',
+          columnWidth: '150',
           columnHidden: false,
           columnImage: false,
           columnSortable: false,
@@ -471,14 +795,32 @@ export default {
         {
           userId: this.$store.state.user.name,
           functionId: this.functionId,
-          serialNumber: '811001Table1TaxNo',
-          tableId: "811001Table1",
-          tableName: "供应商信息",
-          columnProp: "taxNo",
-          headerAlign: "center",
-          align: "left",
-          columnLabel: "Tax No",
-          columnWidth: "100",
+          serialNumber: '811001Table1OtherContact2',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'otherContact2',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '其他联系方式2',
+          columnWidth: '150',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: this.functionId,
+          serialNumber: '811001Table1OtherContact3',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'otherContact3',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '其他联系方式3',
+          columnWidth: '150',
           columnHidden: false,
           columnImage: false,
           columnSortable: false,
@@ -490,13 +832,85 @@ export default {
           userId: this.$store.state.user.name,
           functionId: this.functionId,
           serialNumber: '811001Table1Email',
-          tableId: "811001Table1",
-          tableName: "供应商信息",
-          columnProp: "email",
-          headerAlign: "center",
-          align: "left",
-          columnLabel: "Email",
-          columnWidth: "150",
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'email',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '邮箱',
+          columnWidth: '150',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: this.functionId,
+          serialNumber: '811001Table1Email2',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'email2',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '邮箱2',
+          columnWidth: '150',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: this.functionId,
+          serialNumber: '811001Table1Address',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'address',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '地址',
+          columnWidth: '250',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: this.functionId,
+          serialNumber: '811001Table1BankName',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'bankName',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '银行名称',
+          columnWidth: '150',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: this.functionId,
+          serialNumber: '811001Table1BankAccount',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'bankAccount',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '银行账号',
+          columnWidth: '100',
           columnHidden: false,
           columnImage: false,
           columnSortable: false,
@@ -508,13 +922,85 @@ export default {
           userId: this.$store.state.user.name,
           functionId: this.functionId,
           serialNumber: '811001Table1Memo',
-          tableId: "811001Table1",
-          tableName: "供应商信息",
-          columnProp: "memo",
-          headerAlign: "center",
-          align: "left",
-          columnLabel: "Memo",
-          columnWidth: "100",
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'memo',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '备注',
+          columnWidth: '100',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: this.functionId,
+          serialNumber: '811001Table1CreateDate',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'createDate',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '创建日期',
+          columnWidth: '120',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: this.functionId,
+          serialNumber: '811001Table1UpdateDate',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'updateDate',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '更新日期',
+          columnWidth: '120',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: this.functionId,
+          serialNumber: '811001Table1CreateBy',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'createBy',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '创建者',
+          columnWidth: '100',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: this.functionId,
+          serialNumber: '811001Table1UpdateBy',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'updateBy',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '更新者',
+          columnWidth: '100',
           columnHidden: false,
           columnImage: false,
           columnSortable: false,
@@ -528,12 +1014,12 @@ export default {
           userId: this.$store.state.user.name,
           functionId: this.functionId,
           serialNumber: '811001Table3RequestNo',
-          tableId: "811001Table3",
-          tableName: "供应商等级变更记录",
-          columnProp: "requestNo",
-          headerAlign: "center",
-          align: "left",
-          columnLabel: "Request No",
+          tableId: '811001Table3',
+          tableName: '供应商等级变更记录',
+          columnProp: 'requestNo',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '请求编号',
           columnWidth: '100',
           columnHidden: false,
           columnImage: false,
@@ -546,12 +1032,12 @@ export default {
           userId: this.$store.state.user.name,
           functionId: this.functionId,
           serialNumber: '811001Table3RequestDate',
-          tableId: "811001Table3",
-          tableName: "供应商等级变更记录",
-          columnProp: "requestDate",
-          headerAlign: "center",
-          align: "left",
-          columnLabel: "Request Date",
+          tableId: '811001Table3',
+          tableName: '供应商等级变更记录',
+          columnProp: 'requestDate',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '请求日期',
           columnWidth: '100',
           columnHidden: false,
           columnImage: false,
@@ -564,12 +1050,12 @@ export default {
           userId: this.$store.state.user.name,
           functionId: this.functionId,
           serialNumber: '811001Table3OldSupplierGroup',
-          tableId: "811001Table3",
-          tableName: "供应商等级变更记录",
-          columnProp: "oldSupplierGroup",
-          headerAlign: "center",
-          align: "left",
-          columnLabel: "Old Supplier Group",
+          tableId: '811001Table3',
+          tableName: '供应商等级变更记录',
+          columnProp: 'oldSupplierGroup',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '旧供应商分组',
           columnWidth: '100',
           columnHidden: false,
           columnImage: false,
@@ -582,12 +1068,12 @@ export default {
           userId: this.$store.state.user.name,
           functionId: this.functionId,
           serialNumber: '811001Table3NewSupplierGroup',
-          tableId: "811001Table3",
-          tableName: "供应商等级变更记录",
-          columnProp: "newSupplierGroup",
-          headerAlign: "center",
-          align: "left",
-          columnLabel: "New Supplier Group",
+          tableId: '811001Table3',
+          tableName: '供应商等级变更记录',
+          columnProp: '新供应商分组',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: 'New Supplier Group',
           columnWidth: '100',
           columnHidden: false,
           columnImage: false,
@@ -600,12 +1086,12 @@ export default {
           userId: this.$store.state.user.name,
           functionId: this.functionId,
           serialNumber: '811001Table3Reason',
-          tableId: "811001Table3",
-          tableName: "供应商等级变更记录",
-          columnProp: "reason",
-          headerAlign: "center",
-          align: "left",
-          columnLabel: "Reason",
+          tableId: '811001Table3',
+          tableName: '供应商等级变更记录',
+          columnProp: 'reason',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '原因',
           columnWidth: '200',
           columnHidden: false,
           columnImage: false,
@@ -618,12 +1104,12 @@ export default {
           userId: this.$store.state.user.name,
           functionId: this.functionId,
           serialNumber: '811001Table3Status',
-          tableId: "811001Table3",
-          tableName: "供应商等级变更记录",
-          columnProp: "status",
-          headerAlign: "center",
-          align: "left",
-          columnLabel: "Status",
+          tableId: '811001Table3',
+          tableName: '供应商等级变更记录',
+          columnProp: 'status',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '状态',
           columnWidth: '100',
           columnHidden: false,
           columnImage: false,
@@ -636,12 +1122,12 @@ export default {
           userId: this.$store.state.user.name,
           functionId: this.functionId,
           serialNumber: '811001Table3RequestBy',
-          tableId: "811001Table3",
-          tableName: "供应商等级变更记录",
-          columnProp: "requestBy",
-          headerAlign: "center",
-          align: "left",
-          columnLabel: "Request By",
+          tableId: '811001Table3',
+          tableName: '供应商等级变更记录',
+          columnProp: 'requestBy',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '请求者',
           columnWidth: '100',
           columnHidden: false,
           columnImage: false,
@@ -649,26 +1135,41 @@ export default {
           sortLv: 0,
           status: true,
           fixed: false
-        },
+        }
       ],
-      exportName: '供应商信息'+this.dayjs().format('YYYYMMDDHHmmss'),
+      exportName: '供应商信息' + this.dayjs().format('YYYYMMDDHHmmss'),
+      // 供应商对话框相关
+      supplierDialogVisible: false,
+      isAdd: true,
+      currentSupplier: {},
+      supplierRules: {
+        site: [
+          { required: true, message: 'Site is required', trigger: 'blur' }
+        ],
+        supplierNo: [
+          { required: true, message: 'Supplier No is required', trigger: 'blur' }
+        ],
+        supplierName: [
+          { required: true, message: 'Supplier Name is required', trigger: 'blur' }
+        ]
+      }
     }
   },
-  /*组件*/
+  /* 组件 */
   components: {
     Chooselist,
     contract,
     documents,
-    share,
+    share
   },
 
-  mounted() {
+  mounted () {
     this.$nextTick(() => {
-      this.height = ( window.innerHeight - 220)/2;
+      this.height = (window.innerHeight - 220) / 2
     })
   },
   methods: {
-    getBaseList(val, type) {
+    getBaseList (val, type) {
       this.tagNo = val
       this.$nextTick(() => {
         let strVal = ''
@@ -680,12 +1181,12 @@ export default {
     },
 
     /* 列表方法的回调 */
-    getBaseData(val) {
+    getBaseData (val) {
       if (this.tagNo === 1100) {
         this.searchData.supplierNo = val.supplier_no
       }
     },
-    getMainData(){
+    getMainData () {
       this.searchData.limit = this.pageSize
       this.searchData.page = this.pageIndex
       searchSrmSupplierList(this.searchData).then(({data}) => {
@@ -694,20 +1195,19 @@ export default {
           this.pageIndex = data.page.currPage
           this.pageSize = data.page.pageSize
           this.totalPage = data.page.totalCount
-          //判断是否全部存在数据
+          // 判断是否全部存在数据
           if (this.mainDataList.length > 0) {
-            //设置选中行
+            // 设置选中行
             this.$refs.mainTable.setCurrentRow(this.mainDataList[0])
             this.changeData(this.mainDataList[0])
-
-          }else {
+          } else {
             this.changeData(null)
           }
         }
         this.dataListLoading = false
       })
     },
-    tabClick(tab, event){
+    tabClick (tab, event) {
       this.refreshCurrentTabTable()
     },
     // 每页数
@@ -722,89 +1222,148 @@ export default {
       this.pageIndex = val
       this.getMainData()
     },
-    changeData(row){
-      this.currentRow=JSON.parse(JSON.stringify(row))
-      this.refreshCurrentTabTable ();
+    changeData (row) {
+      this.currentRow = JSON.parse(JSON.stringify(row))
+      this.refreshCurrentTabTable()
     },
-    refreshCurrentTabTable(){
-      if(this.currentRow===''||this.currentRow===null){
-        this.currentRow={site:'',supplierNo:''}
+    refreshCurrentTabTable () {
+      if (this.currentRow === '' || this.currentRow === null) {
+        this.currentRow = {site: '', supplierNo: ''}
       }
-      if(this.activeName==='share'){
-        this.refreshShareTable();
+      if (this.activeName === 'share') {
+        this.refreshShareTable()
       }
-      if(this.activeName==='groupChangeList') {
-        let inData={
-          site:this.currentRow.site,
-          supplierNo:this.currentRow.supplierNo,
+      if (this.activeName === 'groupChangeList') {
+        let inData = {
+          site: this.currentRow.site,
+          supplierNo: this.currentRow.supplierNo
         }
         searchSupplierGroupRequestList(inData).then(({data}) => {
-          //区分请求成功和失败的状况
+          // 区分请求成功和失败的状况
           if (data && data.code == 0) {
             this.supplierGroupRequestList = data.rows
-
           } else {
-            this.supplierGroupRequestList = [];
+            this.supplierGroupRequestList = []
           }
-        });
+        })
       }
-      if(this.activeName==='contract'){
-        this.refreshContractTable();
+      if (this.activeName === 'contract') {
+        this.refreshContractTable()
       }
-      if(this.activeName==='documents'){
-        this.refreshDocumentsTable();
+      if (this.activeName === 'documents') {
+        this.refreshDocumentsTable()
       }
     },
-    async exportExcel() {
+    async exportExcel () {
       this.searchData.limit = -1
       this.searchData.page = 1
       excel.exportTable({
-        url: "/srmSupplier/searchSrmSupplierList",
-        columnMapping:  this.columnArray1,//可以直接用table，不需要的列就剔除
-        mergeSetting: [],//需要合并的列
+        url: '/srmSupplier/searchSrmSupplierList',
+        columnMapping: this.columnArray1, // 可以直接用table，不需要的列就剔除
+        mergeSetting: [], // 需要合并的列
         params: this.searchData,
-        fileName: this.exportName+".xlsx",
+        fileName: this.exportName + '.xlsx',
         rowFetcher: res => res.data,
         columnFormatter: [],
-        dropColumns: [],//需要剔除的列，例如dropColumns: ["netWeight"]，即剔除净重列
-      });
+        dropColumns: []// 需要剔除的列，例如dropColumns: ["netWeight"]，即剔除净重列
+      })
     },
-    refreshContractTable(){
-      let inData={
+    refreshContractTable () {
+      let inData = {
         site: this.currentRow.site,
         supplierNo: this.currentRow.supplierNo,
         supplierName: this.currentRow.supplierName,
-        height:Number(this.height)-20
+        height: Number(this.height) - 20
       }
       this.$refs.contract.init(inData)
     },
-    refreshDocumentsTable(){
-      let inData={
+    refreshDocumentsTable () {
+      let inData = {
         site: this.currentRow.site,
         objectNo: this.currentRow.supplierNo,
         supplierNo: this.currentRow.supplierNo,
         supplierName: this.currentRow.supplierName,
         supplierDocType: this.currentRow.supplierDocType,
         objectType: 'supplier',
-        height:Number(this.height)-20
+        height: Number(this.height) - 20
       }
       this.$refs.documents.init(inData)
     },
-    refreshShareTable(){
-      let inData={
+    refreshShareTable () {
+      let inData = {
         site: this.currentRow.site,
         supplierNo: this.currentRow.supplierNo,
         supplierName: this.currentRow.supplierName,
-        height:Number(this.height)-20
+        height: Number(this.height) - 20
       }
       this.$refs.share.init(inData)
     },
-  },
-  created() {
-    //查询报表的类型
-    this.getMainData();
-  },
+    // 新增供应商
+    addSupplier () {
+      this.isAdd = true
+      this.currentSupplier = {
+        site: this.$store.state.user.site,
+        active: 'Y' // 默认激活
+      }
+      this.supplierDialogVisible = true
+    },
+    // 编辑供应商
+    editSupplier () {
+      if (!this.currentRow) {
+        this.$message.warning('Please select a supplier to edit')
+        return
+      }
+      this.isAdd = false
+      this.currentSupplier = { ...this.currentRow }
+      this.supplierDialogVisible = true
+    },
+    // 保存供应商
+    saveSupplier () {
+      this.$refs.supplierForm.validate((valid) => {
+        if (valid) {
+          const apiCall = this.isAdd ? createSrmSupplier(this.currentSupplier) : updateSrmSupplier(this.currentSupplier)
 
+          apiCall.then(({data}) => {
+            if (data && data.code === 0) {
+              this.$message.success(this.isAdd ? 'Supplier added successfully' : 'Supplier updated successfully')
+              this.supplierDialogVisible = false
+              this.getMainData() // 重新加载数据
+            } else {
+              this.$message.error(data.msg || 'Operation failed')
+            }
+          }).catch(error => {
+            this.$message.error('Operation failed: ' + error.message)
+          })
+        } else {
+          this.$message.warning('Please fill in the required fields')
+        }
+      })
+    },
+
+    // 删除供应商
+    deleteSupplier (row) {
+      this.$confirm('Are you sure you want to delete this supplier?', 'Confirm Delete', {
+        confirmButtonText: 'Confirm',
+        cancelButtonText: 'Cancel',
+        type: 'warning'
+      }).then(() => {
+        deleteSrmSupplier(row.id).then(({data}) => {
+          if (data && data.code === 0) {
+            this.$message.success('Supplier deleted successfully')
+            this.getMainData() // 重新加载数据
+          } else {
+            this.$message.error(data.msg || 'Delete failed')
+          }
+        }).catch(error => {
+          this.$message.error('Delete failed: ' + error.message)
+        })
+      })
+    }
+  },
+  created () {
+    // 查询报表的类型
+    this.getMainData()
+  }
 
 }
 </script>
@@ -816,5 +1375,115 @@ export default {
   padding: 5px !important;
 }
 
+/* 供应商对话框整体样式 */
+.supplier-dialog {
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+}
+
+.supplier-dialog .el-dialog {
+  margin-top: 5vh !important;
+  margin-bottom: 5vh !important;
+}
+
+.supplier-dialog .el-dialog__header {
+  padding: 20px 25px 15px 25px;
+  border-bottom: 1px solid #E4E7ED;
+}
 
+.supplier-dialog .el-dialog__body {
+  padding: 25px 25px 20px 25px;
+  max-height: 75vh;
+  overflow-y: auto;
+  min-height: 500px;
+}
+
+.dialog-content {
+  width: 100%;
+}
+
+/* 供应商表单样式 */
+.supplier-form {
+  width: 100%;
+}
+
+.supplier-form .el-form-item {
+  margin-bottom: 18px;
+}
+
+.supplier-form .el-form-item__label {
+  font-weight: 500;
+  color: #303133;
+  line-height: 32px;
+  padding-right: 12px;
+}
+
+.supplier-form .el-form-item__content {
+  line-height: normal;
+}
+
+/* 表单分组样式 */
+.form-section {
+  margin-bottom: 20px;
+}
+
+.form-section:last-child {
+  margin-bottom: 15px;
+}
+
+/* 输入框样式 */
+.supplier-form .el-input,
+.supplier-form .el-textarea,
+.supplier-form .el-date-editor {
+  width: 100%;
+}
+
+/* 文本域样式优化 */
+.supplier-form .el-textarea__inner {
+  resize: none;
+  font-family: inherit;
+  line-height: 1.5;
+}
+
+/* 对话框底部按钮居中 */
+.dialog-footer-center {
+  text-align: center;
+  padding: 20px 0 10px 0;
+  border-top: 1px solid #E4E7ED;
+  margin-top: 25px;
+}
+
+.dialog-footer-center .el-button {
+  margin: 0 10px;
+  min-width: 90px;
+  height: 36px;
+  padding: 0 20px;
+  font-size: 14px;
+}
+
+
+/* 响应式调整 */
+@media (max-width: 1200px) {
+  .supplier-dialog {
+    width: 95% !important;
+  }
+
+  .supplier-dialog .el-dialog__body {
+    padding: 20px 20px 15px 20px;
+  }
+}
+
+@media (max-width: 768px) {
+  .supplier-form .el-col {
+    margin-bottom: 20px;
+  }
+
+  .form-section {
+    margin-bottom: 35px;
+  }
+
+  .supplier-form .el-form-item__label {
+    line-height: 28px;
+    height: 28px;
+  }
+}
 </style>