From e454a245b6fbe42c691484cd84e71f317026755e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A0=82=E7=B3=96?= <qq2178503051@163.com>
Date: Tue, 12 Aug 2025 13:37:21 +0800
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feat:=20=E5=90=88=E5=90=8C=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86=E5=92=8C=E4=BE=9B=E5=BA=94=E5=95=86=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 klp-ui/src/api/wms/contract.js                |  44 +++
 klp-ui/src/api/wms/supplier.js                |  44 +++
 .../src/views/wms/contract/contractPage.vue   | 287 ++++++++++++++++
 klp-ui/src/views/wms/contract/index.vue       |  15 +
 .../views/wms/purchasePlan/panels/detail.vue  |  33 +-
 .../src/views/wms/stockIo/panels/detail.vue   |   2 +-
 klp-ui/src/views/wms/vendor/index.vue         | 305 ++++++++++++++++++
 7 files changed, 727 insertions(+), 3 deletions(-)
 create mode 100644 klp-ui/src/api/wms/contract.js
 create mode 100644 klp-ui/src/api/wms/supplier.js
 create mode 100644 klp-ui/src/views/wms/contract/contractPage.vue
 create mode 100644 klp-ui/src/views/wms/contract/index.vue
 create mode 100644 klp-ui/src/views/wms/vendor/index.vue

diff --git a/klp-ui/src/api/wms/contract.js b/klp-ui/src/api/wms/contract.js
new file mode 100644
index 00000000..1f7ff842
--- /dev/null
+++ b/klp-ui/src/api/wms/contract.js
@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询合同信息列表
+export function listContract(query) {
+  return request({
+    url: '/wms/contract/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询合同信息详细
+export function getContract(contractId) {
+  return request({
+    url: '/wms/contract/' + contractId,
+    method: 'get'
+  })
+}
+
+// 新增合同信息
+export function addContract(data) {
+  return request({
+    url: '/wms/contract',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改合同信息
+export function updateContract(data) {
+  return request({
+    url: '/wms/contract',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除合同信息
+export function delContract(contractId) {
+  return request({
+    url: '/wms/contract/' + contractId,
+    method: 'delete'
+  })
+}
diff --git a/klp-ui/src/api/wms/supplier.js b/klp-ui/src/api/wms/supplier.js
new file mode 100644
index 00000000..aedebe85
--- /dev/null
+++ b/klp-ui/src/api/wms/supplier.js
@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询供应商信息列表
+export function listSupplier(query) {
+  return request({
+    url: '/wms/supplier/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询供应商信息详细
+export function getSupplier(supplierId) {
+  return request({
+    url: '/wms/supplier/' + supplierId,
+    method: 'get'
+  })
+}
+
+// 新增供应商信息
+export function addSupplier(data) {
+  return request({
+    url: '/wms/supplier',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改供应商信息
+export function updateSupplier(data) {
+  return request({
+    url: '/wms/supplier',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除供应商信息
+export function delSupplier(supplierId) {
+  return request({
+    url: '/wms/supplier/' + supplierId,
+    method: 'delete'
+  })
+}
diff --git a/klp-ui/src/views/wms/contract/contractPage.vue b/klp-ui/src/views/wms/contract/contractPage.vue
new file mode 100644
index 00000000..aa57a7a8
--- /dev/null
+++ b/klp-ui/src/views/wms/contract/contractPage.vue
@@ -0,0 +1,287 @@
+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
+      <el-form-item label="合同编号" prop="contractNo">
+        <el-input v-model="queryParams.contractNo" placeholder="请输入合同编号" clearable @keyup.enter.native="handleQuery" />
+      </el-form-item>
+      <el-form-item label="合同类型" prop="type" v-if="showType">
+        <el-select v-model="queryParams.type" placeholder="请选择合同类型">
+          <el-option v-for="dict in dict.type.wms_contract_type" :key="dict.value" :label="dict.label"
+            :value="dict.value"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="甲方" prop="partyA">
+        <el-input v-model="queryParams.partyA" placeholder="请输入甲方" clearable @keyup.enter.native="handleQuery" />
+      </el-form-item>
+      <el-form-item label="乙方" prop="partyB">
+        <el-input v-model="queryParams.partyB" placeholder="请输入乙方" clearable @keyup.enter.native="handleQuery" />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd">新增</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single"
+          @click="handleUpdate">修改</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple"
+          @click="handleDelete">删除</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport">导出</el-button>
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" :data="contractList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="合同ID" align="center" prop="contractId" v-if="false" />
+      <el-table-column label="合同编号" align="center" prop="contractNo" />
+      <el-table-column label="合同金额" align="center" prop="amount" />
+      <el-table-column label="合同类型" align="center" prop="type" v-if="showType">
+        <template slot-scope="scope">
+          <dict-tag :options="dict.type.wms_contract_type" :value="scope.row.type" />
+        </template>
+      </el-table-column>
+      <el-table-column label="甲方" align="center" prop="partyA" />
+      <el-table-column label="乙方" align="center" prop="partyB" />
+      <el-table-column label="签约日期" align="center" prop="signDate" width="180">
+        <template slot-scope="scope">
+          <span>{{ parseTime(scope.row.signDate, '{y}-{m}-{d}') }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+        <template slot-scope="scope">
+          <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)">修改</el-button>
+          <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
+      @pagination="getList" />
+
+    <!-- 添加或修改合同信息对话框 -->
+    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+        <el-form-item label="合同编号" prop="contractNo">
+          <el-input v-model="form.contractNo" placeholder="请输入合同编号" />
+        </el-form-item>
+        <el-form-item label="合同金额" prop="amount">
+          <el-input v-model="form.amount" placeholder="请输入合同金额" />
+        </el-form-item>
+        <el-form-item label="合同类型" prop="type" v-if="showType">
+          <el-select v-model="form.type" placeholder="请选择合同类型">
+            <el-option v-for="dict in dict.type.wms_contract_type" :key="dict.value" :label="dict.label"
+              :value="dict.value"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="附件" prop="accessory">
+          <file-upload v-model="form.accessory" :limit="1" :fileType="fileType" type="textarea" placeholder="请输入内容" />
+        </el-form-item>
+        <el-form-item label="甲方" prop="partyA">
+          <el-input v-model="form.partyA" placeholder="请输入甲方" />
+        </el-form-item>
+        <el-form-item label="乙方" prop="partyB">
+          <el-input v-model="form.partyB" placeholder="请输入乙方" />
+        </el-form-item>
+        <el-form-item label="签约日期" prop="signDate">
+          <el-date-picker clearable v-model="form.signDate" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
+            placeholder="请选择签约日期">
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item label="备注" prop="remark">
+          <el-input v-model="form.remark" placeholder="请输入备注" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { listContract, getContract, delContract, addContract, updateContract } from "@/api/wms/contract";
+
+export default {
+  name: "Contract",
+  dicts: ['wms_contract_type'],
+  data() {
+    return {
+      // 按钮loading
+      buttonLoading: false,
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 合同信息表格数据
+      contractList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        contractNo: undefined,
+        partyA: undefined,
+        partyB: undefined,
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+      },
+      showType: true,
+      fileType: ['doc', 'xls', 'ppt', 'txt', 'pdf']
+    };
+  },
+  created() {
+    if (this.type) {
+      this.queryParams.type = this.type;
+      this.showType = false;
+    }
+    this.getList();
+  },
+  props: {
+    type: {
+      default: undefined,
+      type: String
+    },
+  },
+  methods: {
+    /** 查询合同信息列表 */
+    getList() {
+      this.loading = true;
+      listContract(this.queryParams).then(response => {
+        this.contractList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        contractId: undefined,
+        contractNo: undefined,
+        amount: undefined,
+        type: this.type || undefined,
+        accessory: undefined,
+        partyA: undefined,
+        partyB: undefined,
+        signDate: undefined,
+        remark: undefined,
+        delFlag: undefined,
+        createTime: undefined,
+        createBy: undefined,
+        updateTime: undefined,
+        updateBy: undefined
+      };
+      this.resetForm("form");
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map(item => item.contractId)
+      this.single = selection.length !== 1
+      this.multiple = !selection.length
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset();
+      this.open = true;
+      this.title = "添加合同信息";
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.loading = true;
+      this.reset();
+      const contractId = row.contractId || this.ids
+      getContract(contractId).then(response => {
+        this.loading = false;
+        this.form = response.data;
+        this.open = true;
+        this.title = "修改合同信息";
+      });
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          this.buttonLoading = true;
+          if (this.form.contractId != null) {
+            updateContract(this.form).then(response => {
+              this.$modal.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            }).finally(() => {
+              this.buttonLoading = false;
+            });
+          } else {
+            addContract(this.form).then(response => {
+              this.$modal.msgSuccess("新增成功");
+              this.open = false;
+              this.getList();
+            }).finally(() => {
+              this.buttonLoading = false;
+            });
+          }
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const contractIds = row.contractId || this.ids;
+      this.$modal.confirm('是否确认删除合同信息编号为"' + contractIds + '"的数据项？').then(() => {
+        this.loading = true;
+        return delContract(contractIds);
+      }).then(() => {
+        this.loading = false;
+        this.getList();
+        this.$modal.msgSuccess("删除成功");
+      }).catch(() => {
+      }).finally(() => {
+        this.loading = false;
+      });
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      this.download('wms/contract/export', {
+        ...this.queryParams
+      }, `contract_${new Date().getTime()}.xlsx`)
+    }
+  }
+};
+</script>
diff --git a/klp-ui/src/views/wms/contract/index.vue b/klp-ui/src/views/wms/contract/index.vue
new file mode 100644
index 00000000..9f216571
--- /dev/null
+++ b/klp-ui/src/views/wms/contract/index.vue
@@ -0,0 +1,15 @@
+<template>
+  <div class="app-container">
+    <contractPage type="purchase" />
+  </div>
+</template>
+
+<script>
+  import contractPage from './contractPage.vue';
+
+  export default {
+    components: {
+      contractPage
+    }
+  }
+</script>
\ No newline at end of file
diff --git a/klp-ui/src/views/wms/purchasePlan/panels/detail.vue b/klp-ui/src/views/wms/purchasePlan/panels/detail.vue
index 0d89d7ac..938bc3d6 100644
--- a/klp-ui/src/views/wms/purchasePlan/panels/detail.vue
+++ b/klp-ui/src/views/wms/purchasePlan/panels/detail.vue
@@ -71,6 +71,8 @@
         </template>
       </el-table-column>
       <el-table-column label="负责人" align="center" prop="owner" />
+      <el-table-column label="供应商" align="center" prop="supplierName" />
+      <el-table-column label="合同编号" align="center" prop="contractNo" />
       <el-table-column label="计划采购数量" align="center" prop="quantity" />
       <el-table-column label="单位" align="center" prop="unit" />
       <el-table-column label="状态" align="center" prop="status">
@@ -138,7 +140,7 @@
     </el-table>
 
     <pagination
-      v-show="total>0"
+      v-show="total > 0"
       :total="total"
       :page.sync="queryParams.pageNum"
       :limit.sync="queryParams.pageSize"
@@ -154,6 +156,16 @@
         <el-form-item label="负责人" prop="owner">
           <el-input v-model="form.owner" placeholder="请输入负责人" />
         </el-form-item>
+        <el-form-item label="供应商" prop="supplierId">
+          <el-select filterable v-model="form.supplierId" placeholder="请选择供应商">
+            <el-option v-for="item in vendorList" :key="item.supplierId" :label="item.name" :value="item.supplierId" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="合同" prop="contractId">
+          <el-select filterable v-model="form.contractId" placeholder="请选择合同">
+            <el-option v-for="item in contractList" :key="item.contractId" :label="item.contractNo" :value="item.contractId" />
+          </el-select>
+        </el-form-item>
         <el-form-item label="采购数量" prop="quantity">
           <el-input v-model="form.quantity" placeholder="请输入计划采购数量" />
         </el-form-item>
@@ -185,6 +197,8 @@
 
 <script>
 import { listPurchasePlanDetail, getPurchasePlanDetail, delPurchasePlanDetail, addPurchasePlanDetail, updatePurchasePlanDetail } from "@/api/wms/purchasePlanDetail";
+import { listSupplier } from "@/api/wms/supplier";
+import { listContract } from "@/api/wms/contract";
 import { EPurchaseDetailStatus } from "@/utils/enums";
 import StockInDialog from "./stockin.vue";
 import RawMaterialSelect from '@/components/KLPService/RawMaterialSelect';
@@ -267,7 +281,10 @@ export default {
       stockInVisible: false,
       selectedArrivalItems: [],
       uploadQualityCertificateOpen: false,
-      uploadQualityCertificateInfo: undefined
+      uploadQualityCertificateInfo: undefined,
+
+      vendorList: [],
+      contractList: []
     };
   },
   computed: {
@@ -278,6 +295,8 @@ export default {
   },
   created() {
     this.getList();
+    this.getVendorList();
+    this.getContractList();
   },
   watch: {
     planId: {
@@ -291,6 +310,16 @@ export default {
     }
   },
   methods: {
+    getVendorList() {
+      listSupplier().then(response => {
+        this.vendorList = response.rows;
+      });
+    },
+    getContractList() {
+      listContract({ type: 'purchase' }).then(response => {
+        this.contractList = response.rows;
+      });
+    },
     /** 查询采购计划明细列表 */
     getList() {
       this.loading = true;
diff --git a/klp-ui/src/views/wms/stockIo/panels/detail.vue b/klp-ui/src/views/wms/stockIo/panels/detail.vue
index e88aa18e..d6cdad9c 100644
--- a/klp-ui/src/views/wms/stockIo/panels/detail.vue
+++ b/klp-ui/src/views/wms/stockIo/panels/detail.vue
@@ -161,7 +161,7 @@
         
         <!-- 撤回按钮 -->
         <el-button
-          v-if="stockIo.status === 2"
+          v-if="stockIo.status === 2 && stockIo.ioType !== 'withdraw'"
           type="warning"
           :loading="cancelLoading"
           @click="handleCancel"
diff --git a/klp-ui/src/views/wms/vendor/index.vue b/klp-ui/src/views/wms/vendor/index.vue
new file mode 100644
index 00000000..12402b4e
--- /dev/null
+++ b/klp-ui/src/views/wms/vendor/index.vue
@@ -0,0 +1,305 @@
+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
+      <el-form-item label="供应商名称" prop="name">
+        <el-input
+          v-model="queryParams.name"
+          placeholder="请输入供应商名称"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="联系人" prop="contactPerson">
+        <el-input
+          v-model="queryParams.contactPerson"
+          placeholder="请输入联系人"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="联系电话" prop="phone">
+        <el-input
+          v-model="queryParams.phone"
+          placeholder="请输入联系电话"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="地址" prop="address">
+        <el-input
+          v-model="queryParams.address"
+          placeholder="请输入地址"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          plain
+          icon="el-icon-plus"
+          size="mini"
+          @click="handleAdd"
+        >新增</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="success"
+          plain
+          icon="el-icon-edit"
+          size="mini"
+          :disabled="single"
+          @click="handleUpdate"
+        >修改</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="danger"
+          plain
+          icon="el-icon-delete"
+          size="mini"
+          :disabled="multiple"
+          @click="handleDelete"
+        >删除</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="warning"
+          plain
+          icon="el-icon-download"
+          size="mini"
+          @click="handleExport"
+        >导出</el-button>
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" :data="supplierList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="供应商ID" align="center" prop="supplierId" v-if="false"/>
+      <el-table-column label="供应商名称" align="center" prop="name" />
+      <el-table-column label="联系人" align="center" prop="contactPerson" />
+      <el-table-column label="联系电话" align="center" prop="phone" />
+      <el-table-column label="地址" align="center" prop="address" />
+      <el-table-column label="备注" align="center" prop="remark" />
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="handleUpdate(scope.row)"
+          >修改</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="handleDelete(scope.row)"
+          >删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+      v-show="total>0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+
+    <!-- 添加或修改供应商信息对话框 -->
+    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="100px">
+        <el-form-item label="供应商名称" prop="name">
+          <el-input v-model="form.name" placeholder="请输入供应商名称" />
+        </el-form-item>
+        <el-form-item label="联系人" prop="contactPerson">
+          <el-input v-model="form.contactPerson" placeholder="请输入联系人" />
+        </el-form-item>
+        <el-form-item label="联系电话" prop="phone">
+          <el-input v-model="form.phone" placeholder="请输入联系电话" />
+        </el-form-item>
+        <el-form-item label="地址" prop="address">
+          <el-input v-model="form.address" placeholder="请输入地址" />
+        </el-form-item>
+        <el-form-item label="备注" prop="remark">
+          <el-input v-model="form.remark" placeholder="请输入备注" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { listSupplier, getSupplier, delSupplier, addSupplier, updateSupplier } from "@/api/wms/supplier";
+
+export default {
+  name: "Supplier",
+  data() {
+    return {
+      // 按钮loading
+      buttonLoading: false,
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 供应商信息表格数据
+      supplierList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        name: undefined,
+        contactPerson: undefined,
+        phone: undefined,
+        address: undefined,
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+      }
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    /** 查询供应商信息列表 */
+    getList() {
+      this.loading = true;
+      listSupplier(this.queryParams).then(response => {
+        this.supplierList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        supplierId: undefined,
+        name: undefined,
+        contactPerson: undefined,
+        phone: undefined,
+        address: undefined,
+        remark: undefined,
+        delFlag: undefined,
+        createTime: undefined,
+        createBy: undefined,
+        updateTime: undefined,
+        updateBy: undefined
+      };
+      this.resetForm("form");
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map(item => item.supplierId)
+      this.single = selection.length!==1
+      this.multiple = !selection.length
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset();
+      this.open = true;
+      this.title = "添加供应商信息";
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.loading = true;
+      this.reset();
+      const supplierId = row.supplierId || this.ids
+      getSupplier(supplierId).then(response => {
+        this.loading = false;
+        this.form = response.data;
+        this.open = true;
+        this.title = "修改供应商信息";
+      });
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          this.buttonLoading = true;
+          if (this.form.supplierId != null) {
+            updateSupplier(this.form).then(response => {
+              this.$modal.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            }).finally(() => {
+              this.buttonLoading = false;
+            });
+          } else {
+            addSupplier(this.form).then(response => {
+              this.$modal.msgSuccess("新增成功");
+              this.open = false;
+              this.getList();
+            }).finally(() => {
+              this.buttonLoading = false;
+            });
+          }
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const supplierIds = row.supplierId || this.ids;
+      this.$modal.confirm('是否确认删除供应商信息编号为"' + supplierIds + '"的数据项？').then(() => {
+        this.loading = true;
+        return delSupplier(supplierIds);
+      }).then(() => {
+        this.loading = false;
+        this.getList();
+        this.$modal.msgSuccess("删除成功");
+      }).catch(() => {
+      }).finally(() => {
+        this.loading = false;
+      });
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      this.download('wms/supplier/export', {
+        ...this.queryParams
+      }, `supplier_${new Date().getTime()}.xlsx`)
+    }
+  }
+};
+</script>