暂存

src/components/globalComponents/digital-input/main.vue

@@ -2,17 +2,21 @@
   <div class="digitalInput">
     <el-input-number
       v-model="num"
+      class="fl"
+      :class="{ appendInput: append }"
       @change="handleChange"
-      precision
-      :step="2"
-      :min="1"
-      :max="10"
-      step-strictly
-      label="描述文字"
+      @blur="handleChange"
+      :precision="precision"
+      :step="step"
+      :min="min"
+      :max="max"
+      
+      :size="size || 'large'"
       :placeholder="placeholder"
-      controls-position="position"
+      :controls-position="position"
     />
-    <div>{{ append }}</div>
+    <!-- step-strictly -->
+    <div class="my-append fl" v-if="append">{{ append }}</div>
   </div>
 </template>
 
@@ -32,6 +36,10 @@ export default {
     "placeholder",
     "position",
   ],
+ watch: {
+    value: function (val) {
+      this.num = val;
+    },},
   // {
   //   //@reject 默认值
   //   accept: String, //上传文件类型
@@ -47,24 +55,54 @@ export default {
   // },
   data() {
     return {
+      num:0,
       loading: false,
-      imgAPI: urlConfig.baseURL,
+      // imgAPI: urlConfig.baseURL,
     };
   },
-  methods: {},
+  methods: {
+    handleChange(value) {
+      // console.log(value);
+    },
+  },
 };
 </script>
 <style lang="scss" scoped>
-.fileUp {
-  opacity: 0;
+.digitalInput {
   width: 100%;
-  height: 100%;
-  outline: none;
-  position: absolute;
-  top: 0;
-  left: 0;
-  &:hover {
-    cursor: pointer;
+  /deep/ .el-input-number.is-controls-right .el-input__inner {
+    padding-right: 15px !important;
+    text-align: left !important;
+  }
+  /deep/.el-input-number.is-controls-right .el-input-number__decrease {
+    display: none !important;
+  }
+  /deep/.el-input-number.is-controls-right .el-input-number__increase {
+    display: none !important;
+  }
+  /deep/.el-input-number {
+    width: 100% !important;
+    &.appendInput {
+      width: calc(100% - 40px) !important;
+      .el-input__inner {
+        border-top-right-radius: 0px !important;
+        border-bottom-right-radius: 0px !important;
+      }
+    }
+  }
+  .my-append {
+    width: 40px;
+    height: 40px;
+    line-height: 40px;
+    box-sizing: border-box;
+    text-align: center;
+    background-color: #f5f7fa;
+    color: #909399;
+    position: relative;
+    border: 1px solid #dcdfe6;
+    border-left: 0;
+    border-top-right-radius: 4px;
+    border-bottom-right-radius: 4px;
   }
 }
 </style>

src/components/globalComponents/file-upload/main.vue

@@ -6,6 +6,7 @@
       :multiple="multiple"
       class="fileUp"
       type="file"
+      :disabled="disabled"
       name="file"
       @change="handleChange($event)"
     />
@@ -29,6 +30,11 @@ export default {
       type: Boolean,
       default: false,
     },
+    disabled: {
+      //是否可以上传多张图片
+      type: Boolean,
+      default: false,
+    },
     uploadcondition: {
       type: Function,
       default: null,

src/views/goodStore/brand/addEdit.vue

@@ -132,27 +132,6 @@ export default {
       await this.resetForm();
       this.loading = false;
     },
-    async initData() {
-      const res = await asyncRequest.detail({ id: this.id });
-      if (res && res.code === 0) {
-        const { action_collect, share_user, to_user, to_group, action } =
-          res.data;
-        this.ruleForm.collect = action_collect.split(",");
-        this.ruleForm.userid = share_user.split(",");
-        this.ruleForm.touserid = to_user === "" ? [] : to_user.split(",");
-        this.ruleForm.togroupid = to_group === "" ? [] : to_group.split(",");
-        this.ruleForm.action = action;
-        if (this.ruleForm.touserid.length !== 0) {
-          this.select = "1";
-        } else if (res && res.code >= 100 && res.code <= 104) {
-          await this.logout();
-        } else {
-          this.select = "2";
-          this.$message.warning(res.message);
-        }
-      }
-    },
-
     async resetForm() {
       // 重置
       await this.$nextTick(() => {
@@ -229,13 +208,13 @@ export default {
     UploadErrorEvent() {
       this.$message.error("图片上传失败!");
       this.ruleForm.logo_url = "";
-      this.logo_url = "";
       this.$refs.ruleForm.validateField("logo_url");
     },
     //图片上传成功
     UploadSuccessEvent(data) {
-      this.logo_url = data.url;
-      this.ruleForm.logo_url = data.url;
+      let res = data.url;
+      const { url } = res;
+      this.ruleForm.logo_url = url;
       this.$message.success("图片上传成功!");
       this.$refs.ruleForm.validateField("logo_url");
     },

src/views/goodStore/goldPrice/addEdit.vue

@@ -42,12 +42,20 @@
               </el-select>
             </el-form-item>
             <el-form-item label="最新价格" prop="price" :disabled="id == '007'">
-              <el-input
-                v-model="ruleForm.price"
+              <digital-input
+                v-if="!loading"
+                :value="ruleForm.price"
+                :placeholder="'最新价格'"
+                :min="0"
+                :max="10000000000"
+               
+                :position="'right'"
+                :precision="2"
+                :controls="false"
                 :disabled="id == '007'"
-                placeholder="最新价格"
-                minlength="20"
+                :append="'元'"
               />
+               <!-- :step="0.01" -->
             </el-form-item>
           </el-form>
         </el-col>
@@ -83,7 +91,7 @@ export default {
       actionList: [],
       ruleForm: {
         id: "",
-        price: "",
+        price: 0,
         type: "",
       },
       rulesThis: this.rules,
@@ -136,9 +144,10 @@ export default {
           const { id, price, type } = this.sitem;
           this.ruleForm = {
             id: id || "",
-            price: price || "",
+            price: parseFloat(price) || 0,
             type: type || "",
           };
+          console.log(this.ruleForm);
         }
       });
     },

src/views/goodStore/unit/index copy 2.vue

@@ -1,395 +0,0 @@
-<template>
-  <div class="page specs pagePadding">
-    <ex-table
-      v-if="rules.some(item => item == '001')"
-      :table="table"
-      :data="tableData"
-      :columns="columns"
-      :page="pageInfo"
-      @page-curr-change="pageInfo.curr = $event; searchList();"
-      @page-size-change="pageInfo.curr = 1;pageInfo.size = $event; searchList();"
-      @screen-reset="pageInfo.curr = 1;searchList()"
-      @screen-submit="pageInfo.curr = 1; searchList()"
-    >
-      <template #status="{scope}">
-        <el-tag
-          :type="scope.row.status == 1 ? 'success' : scope.row.status == 0 ? 'warning' : ''"
-          v-text="(statusOptions.find(item => item.id == scope.row.status) || {}).label || '--'"
-        ></el-tag>
-      </template>
-      <template #operation="{scope}">
-        <el-tooltip
-          v-if="rules.some(item => item == '004')"
-          class="item"
-          effect="dark"
-          :content="scope.row.status == 0 ? '启用' : scope.row.status == 1 ? '禁用' : '--'"
-          placement="top"
-        >
-          <i
-            class="tb-icon"
-            :class="scope.row.status == 0 ? 'el-icon-circle-check' : scope.row.status == 1 ? 'el-icon-circle-close' : ''"
-            @click="enableOrDisableAuth( scope.row.status == 0 ? 1 : scope.row.status == 1 ? 0 : '', [scope.row])"
-          ></i>
-        </el-tooltip>
-        <el-tooltip
-          v-if="rules.some(item => item == '007')"
-          class="item"
-          effect="dark"
-          content="编辑"
-          placement="top"
-        >
-          <i class="tb-icon el-icon-edit" @click="addOrUpdateHandle(scope.row.id, 'edit')"></i>
-        </el-tooltip>
-      </template>
-    </ex-table>
-    <no-auth v-else></no-auth>
-    <!-- 弹窗 新增/修改 -->
-    <!-- <add-or-update
-      v-if="isAddOrUpdate"
-      ref="addOrUpdate"
-      :authOptions="authOptions"
-      @refreshDataList="pageInfo.curr = 1;searchList()"
-    /> -->
-  </div>
-</template>
-<script>
-// import ExTable from "@/components/ExTable.vue";
-import asyncRequest from "@/apis/service/goodStore/specs";
-// import AddOrUpdate from "./addOrEditAuth";
-
-export default {
-  name: "dataAuth",
-  // components: { ExTable,
-  // //  AddOrUpdate 
-  //  },
-  computed: {
-       rules() {
-      let tran =
-        this.$store.getters.btnList.find(
-          (item) => item.menu_route == "specs"
-        ) || {};
-      if (tran && tran.action && tran.action.length > 0) {
-        return tran.action;
-      } else {
-        return [];
-      }
-    },
-    // rules() {
-    //   let tran =
-    //     this.$store.state.common.ruleslist.find(
-    //       item => item.name == "data_power"
-    //     ) || {};
-    //   return this.$store.state.common.ruleslist.filter(
-    //     item => item.pid === tran.id
-    //   );
-    // }
-  },
-  data() {
-    return {
-      isAddOrUpdate: false,
-      // 状态
-      statusOptions: [
-        { id: 0, label: "禁用" },
-        { id: 1, label: "启用" }
-      ],
-      // 共享数据权限
-      authOptions: [
-        { id: 1, label: "只读" },
-        { id: 2, label: "读写" }
-      ],
-      // 表格 - 数据
-      tableData: [],
-      // 表格 - 参数
-      table: {
-        stripe: true,
-        border: true,
-        _defaultHeader_: ["setcol"]
-      },
-      // 表格 - 分页
-      pageInfo: {
-        size: 10,
-        curr: 1,
-        total: 0
-      },
-      // 表格 - 列参数
-      columns: [
-        { type: "selection", fixed: "left", _noset_: true },
-        {
-          type: "index",
-          label: "序号",
-          fixed: "left",
-          width: "50",
-          _noset_: true
-        },
-        {
-          prop: "id",
-          label: "ID",
-          "min-width": "70",
-          sortable: true
-        },
-        {
-          prop: "shar_rulenames",
-          label: "菜单数据",
-          "min-width": "120"
-        },
-        {
-          prop: "usernames",
-          label: "数据源用户",
-          "min-width": "120"
-        },
-        {
-          prop: "groupnames",
-          label: "数据源用户组",
-          "min-width": "120"
-        },
-        {
-          prop: "shar_usernames",
-          label: "数据共享用户",
-          "min-width": "120"
-        },
-        {
-          prop: "shar_groupnames",
-          label: "数据共享用户组",
-          "min-width": "120"
-        },
-        {
-          prop: "data_shar_auth",
-          label: "共享数据权限",
-          "min-width": "140",
-          sortable: true,
-          _format_: d => {
-            return (
-              this.authOptions.find(item => {
-                return item.id == d.data_shar_auth;
-              }) || {}
-            ).label;
-          }
-        },
-        {
-          prop: "created_at",
-          label: "添加时间",
-          "min-width": "160",
-          sortable: true
-        },
-        {
-          prop: "status",
-          label: "状态",
-          fixed: "right",
-          "min-width": "100",
-          sortable: true,
-          _slot_: "status"
-        },
-        {
-          prop: "",
-          label: "操作",
-          fixed: "right",
-          "min-width": "120",
-          _noset_: true,
-          _slot_: "operation"
-        }
-      ]
-    };
-  },
-  mounted() {
-    this.searchList();
-  },
-  methods: {
-    // 新建/编辑用户组
-    addOrUpdateHandle(id, type) {
-      let _this = this;
-      _this.isAddOrUpdate = true;
-      // 弹窗初始化
-      _this.$nextTick(() => {
-        _this.$refs.addOrUpdate.init(id, type);
-      });
-    },
-    /**
-     * 启用/禁用
-     * @param {String} status 0-禁用 1-启用
-     * @param {Array} selection 当前选择项
-     */
-    enableOrDisableAuth(status, selection) {
-      if (selection.length == 0)
-        return this.$message.warning("请至少选择一条数据！");
-      this.$confirm(
-        `此操作将${
-          status == 0 ? "禁用" : status == 1 ? "启用" : "--"
-        }选择的共享规则, 是否继续?`,
-        "提示",
-        {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning"
-        }
-      ).then(() => {
-        this.enableOrDisableAuthService(
-          status,
-          selection.map(item => item.id)
-        );
-      });
-    },
-    /**
-     * 启用/禁用服务
-     */
-    enableOrDisableAuthService(status, ids) {
-      let loadding = this.$loading();
-      this.axios
-        .post(`/recruit/v1/shar_start_stop`, {
-          status: status,
-          id_list: ids
-        })
-        .then(res => {
-          loadding.close();
-          if (res && res.data && res.data.status == 0) {
-            this.$message.success("操作成功");
-            this.searchList();
-          } else {
-            this.$message.error(res.data.message);
-          }
-        })
-        .catch(error => {
-          loadding.close();
-          this.$message.error(error);
-        });
-    },
-    // // 刷新表格
-    // searchList() {
-    //  this.loading = true;
-    //   let res = await asyncRequest.list(this.parmValue);
-    //   if (res.code === 0 && res.data) {
-    //     this.tableData = res.data.list;
-    //     this.tableData.map((v1) => {
-    //       v1.addtime = v1.addtime.replaceAll(".000", "");
-    //       return v1;
-    //     });
-    //     this.count = Number(res.data.count);
-    //   } else {
-    //     this.tableData = [];
-    //     this.count = 0;
-    //   }
-    //   this.loading = false;
-    // },
-        restSearch() {
-      this.parmValue = {
-        status: "",
-        name: "", // 名称
-        page: 1, // 页码
-        size: 10, // 每页显示条数
-      };
-      this.searchList();
-    },
-    //新建/编辑/详情/审核
-    openModal(id, isDetail, approval, type) {
-      if (!type) {
-        return;
-      }
-      this.showModel = true;
-      this.modelId = id;
-      this.isDetail = isDetail;
-      this.approval = approval;
-    },
-    //删除
-    async deleteById(id) {
-      await this.$confirm("确定要删除？", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-      })
-        .then(async () => {
-          let res = await asyncRequest.delete({ id });
-          if (res.code === 0) {
-            this.$notify.success({
-              title: "删除成功",
-              message: "",
-            });
-            this.searchList();
-          }
-        })
-        .catch(() => {
-          console.log("取消");
-        });
-    },
-//提交审核申请
-    async again(id, type) {
-      if (!type) {
-        return;
-      }
-      await this.$confirm("确定要提交审核？", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-      })
-        .then(async () => {
-          let res = await asyncRequest.again({ id: id });
-          if (res.code === 0) {
-            this.$notify.success({
-              title: "提交成功",
-              message: "",
-            });
-            this.searchList();
-          }
-        })
-        .catch(() => {
-          console.log("取消");
-        });
-    },
-    //刷新表格
-    async searchList() {
-      this.loading = true;
-      let res = await asyncRequest.list(this.parmValue);
-      if (res.code === 0 && res.data) {
-        this.tableData = res.data.list;
-        this.tableData.map((v1) => {
-          v1.addtime = v1.addtime.replaceAll(".000", "");
-          return v1;
-        });
-        this.count = Number(res.data.count);
-      } else {
-        this.tableData = [];
-        this.count = 0;
-      }
-      this.loading = false;
-    },
-    async statusConfirm(id, status, ex_status, type) {
-      if (!type) {
-        return;
-      }
-      if (ex_status === "1") {
-        await this.$confirm(`确定要改为${status === "1" ? "禁用" : "启用"}？`, {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning",
-        })
-          .then(async () => {
-            this.loading = true;
-            const model = {
-              id: id,
-              status: status === "1" ? "0" : "1",
-            };
-            const res = await asyncRequest.status(model);
-            if (res.code === 0) {
-              this.loading = false;
-              this.$notify.success({
-                title: "状态修改成功！",
-                message: "",
-              });
-              await this.searchList();
-            } else {
-              this.loading = false;
-            }
-          })
-          .catch(() => {
-            console.log("取消");
-          });
-      } else {
-        if (status === "0") {
-          this.$message.warning("只有审核通过的规格，才能启用！");
-        }
-      }
-    },
-  }
-};
-</script>
-
-<style lang="scss" scoped>
-</style>

src/views/serviceParam/customer/addEdit.vue

@@ -1,122 +0,0 @@
-<template>
-  <el-dialog
-    :title="'公司详情'"
-    :center="true"
-    align="left"
-    top="20vh"
-    width="600px"
-    @close="showModelThis = false"
-    :close-on-click-modal="false"
-    :visible.sync="showModelThis"
-    v-loading="loading"
-    element-loading-text="拼命加载中"
-    element-loading-spinner="el-icon-loading"
-    element-loading-background="rgba(0, 0, 0, 0.8)"
-  >
-    <el-card style="margin-top:-20px">
-      <el-row :gutter="10">
-        <el-col :span="24">
-          <el-form
-           label-position="right" :size="'mini'"   label-width="110px"
-            :model="ruleForm"
-            ref="ruleForm"
-          >
-            <el-row>
-              <el-col :span="24">
-                <el-form-item label="公司名称：" style="margin:0 0 10px 0">
-                  <div>{{ ruleForm.companyName }}</div>
-                </el-form-item>
-              </el-col>
-              <el-col :span="24">
-                <el-form-item label="纳税人识别号：" style="margin:0 0 10px 0">
-                  <div>{{ ruleForm.invoice_code }}</div>
-                </el-form-item>
-              </el-col>
-
-              <el-col :span="24">
-                <el-form-item label="银行名称：" style="margin:0 0 10px 0">
-                  <div>{{ ruleForm.invoice_bank }}</div>
-                </el-form-item>
-              </el-col>
-              <el-col :span="24">
-                <el-form-item label="银行卡号：" style="margin:0 0 10px 0">
-                  <div>{{ ruleForm.invoice_bankNo }}</div>
-                </el-form-item>
-              </el-col>
-              <el-col :span="24">
-                <el-form-item label="发票纳税人：" style="margin:0 0 10px 0">
-                  <div>{{ ruleForm.invoice_people }}</div>
-                </el-form-item>
-              </el-col>
-              <el-col :span="24">
-                <el-form-item label="联系电话：" style="margin:0 0 10px 0">
-                  <div>{{ ruleForm.invoice_mobile }}</div>
-                </el-form-item>
-              </el-col>
-              <el-col :span="24">
-                <el-form-item label="联系地址：" style="margin: 0">
-                  <div >{{ ruleForm.invoice_addr }}</div>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </el-col>
-      </el-row>
-    </el-card>
-  </el-dialog>
-</template>
-   <script>
-import resToken from "@/mixins/resToken";
-export default {
-  name: "goodsBack",
-  props: ["showModel", "sitem"],
-  mixins: [resToken],
-  data() {
-    return {
-      loading: false,
-      showModelThis: this.showModel,
-      ruleForm: {},
-    };
-  },
-  watch: {
-    showModel: function (val) {
-      this.showModelThis = val;
-      if (val) {
-        this.initForm();
-      }
-    },
-    showModelThis(val) {
-      if (!val) {
-        this.$emit("cancel");
-      }
-    },
-  },
-  methods: {
-    
-    async initForm() {
-      this.loading = true;
-      await this.resetForm();
-      this.loading = false;
-    },
-   
-    async resetForm() {
-      await this.$nextTick(() => {
-        if (this.$refs.ruleForm) {
-          this.$refs.ruleForm.resetFields();
-          this.$refs.ruleForm.clearValidate();
-          this.ruleForm = this.sitem;
-        }
-      });
-    },
-
-  
-  },
-};
-</script>
-
-   <style lang="scss" scoped>
-.storeAnomaly {
-  // width: calc( 100% - 110px);
-}
-</style>
-   

src/views/serviceParam/customer/index.vue

@@ -1,206 +0,0 @@
-<template>
-  <div class="customer pagePadding">
-    <div
-      v-if="powers && powers.length > 0 && powers.some((item) => item == '001')"
-    >
-      <el-row style="padding: 10px 0 10px 0" v-if="titleList.length > 0">
-        <div v-for="(item, index) in titleList" :key="item.name + item.id">
-          <span>{{ item.name }}</span>
-          <span v-if="index + 1 !== titleList.length">/</span>
-        </div>
-      </el-row>
-      <el-row style="padding: 10px 0 10px 0">
-        <!-- <el-col :span="3" style="width: 95px" v-if="parmValue.itemid !== ''">
-          <el-button icon="el-icon-arrow-left" :size="searchSize"
-            >上一级</el-button
-          >
-        </el-col> -->
-        <el-col :span="3" style="width: 366px">
-          <el-input
-            v-model="parmValue.name"
-            :size="searchSize"
-            @blur="
-              pageInfo.curr = 1;
-              parmValue.page = 1;
-              searchList();
-            "
-            placeholder="组织/公司名称"
-            maxlength="250"
-          >
-            <el-button
-              slot="append"
-              icon="el-icon-search"
-              @click="
-                pageInfo.curr = 1;
-                parmValue.page = 1;
-                searchList();
-              "
-            ></el-button
-          ></el-input>
-        </el-col>
-
-        <el-col :span="3" style="width: 66px; float: right">
-          <el-button
-            :size="searchSize"
-            type="primary"
-            style="float: right; margin-left: 5px"
-            @click="searchList"
-          >
-            刷新
-          </el-button>
-        </el-col>
-        <el-col :span="4" style="width: 66px; float: right">
-          <el-button
-            type="warning"
-            class="fr"
-            :size="searchSize"
-            @click="restSearch"
-          >
-            重置
-          </el-button>
-        </el-col>
-      </el-row>
-      <el-table
-        v-loading="false"
-        :data="tableData"
-        :size="size"
-        border
-        style="width: 100%"
-      >
-        <el-table-column prop="id" label="ID" width="100"> </el-table-column>
-        <el-table-column label="类型" width="100">
-          <template slot-scope="scope">
-            <el-tag
-              :size="tablebtnSize"
-              :type="scope.row.kh == 0 ? 'success' : ''"
-              v-text="
-                (statusOptions.find((item) => item.id == scope.row.kh) || {})
-                  .label || '--'
-              "
-            ></el-tag>
-          </template>
-        </el-table-column>
-        <el-table-column prop="name" label="名称"> </el-table-column>
-        <el-table-column prop="code" label="编码"> </el-table-column>
-
-        <el-table-column fixed="right" label="操作" width="50">
-          <template slot-scope="scope">
-            <el-tooltip
-              effect="dark"
-              v-if="scope.row.kh === 0"
-              content="查询下一级"
-              placement="top"
-            >
-              <i
-                class="el-icon-caret-right tb-icon"
-                @click="getNext(scope.$index)"
-              ></i>
-            </el-tooltip>
-            <el-tooltip
-              effect="dark"
-              v-if="scope.row.kh === 1"
-              content="查看公司信息"
-              placement="top"
-            >
-              <i class="el-icon-view tb-icon" @click="openModal(scope.row)"></i>
-            </el-tooltip>
-          </template>
-        </el-table-column>
-      </el-table>
-
-      <add-edit
-        :sitem="sitem"
-        :show-model="showModel"
-        @cancel="showModel = false"
-      />
-    </div>
-    <div v-else>
-      <no-auth></no-auth>
-    </div>
-  </div>
-</template>
-   <script>
-import resToken from "@/mixins/resToken";
-import asyncRequest from "@/apis/service/serviceParam/customer";
-import addEdit from "./addEdit";
-import { mapGetters } from "vuex";
-
-export default {
-  name: "customer",
-  mixins: [resToken],
-  components: {
-    addEdit,
-  },
-  computed: {
-    ...mapGetters(["tablebtnSize", "searchSize", "size"]),
-    powers() {
-      let tran =
-        this.$store.getters.btnList.find(
-          (item) => item.menu_route == "customer"
-        ) || {};
-      if (tran && tran.action && tran.action.length > 0) {
-        return tran.action;
-      } else {
-        return [];
-      }
-    },
-  },
-  data() {
-    return {
-      // 状态
-      statusOptions: [
-        { id: 0, label: "组织" },
-        { id: 1, label: "公司" },
-      ],
-      titleList: [],
-      loading: true,
-      sitem: null,
-      showModel: false,
-      parmValue: {
-        name: "",
-        pid: "",
-      },
-      // 表格 - 数据
-      tableData: [],
-    };
-  },
-  mounted() {
-    this.searchList();
-  },
-  methods: {
-    openModal(sitem) {
-      this.sitem = sitem;
-      this.showModel = true;
-    },
-    restSearch() {
-      this.titleList = [];
-      this.parmValue = {
-        name: "",
-        pid: "",
-      };
-      this.searchList();
-    },
-    getNext(index) {
-      this.titleList.push(this.tableData[index]);
-      this.parmValue.pid = this.tableData[index].id;
-      this.parmValue.name = "";
-      this.searchList();
-    },
-    async searchList() {
-      this.loading = true;
-      const res = await asyncRequest.list(this.parmValue);
-      if (res && res.code === 0 && res.data) {
-        this.tableData = res.data;
-      } else if (res && res.code >= 100 && res.code <= 104) {
-        await this.logout();
-      } else {
-        this.tableData = [];
-      }
-      this.loading = false;
-    },
-  },
-};
-</script>
-  <style lang="scss" scoped>
-</style>
-   

src/views/serviceParam/workCompany/addEdit.vue

@@ -0,0 +1,557 @@
+<template>
+  <el-dialog
+    :title="title"
+    :center="true"
+    align="left"
+    top="8vh"
+    width="1040px"
+    @close="showModelThis = false"
+    :close-on-click-modal="false"
+    :visible.sync="showModelThis"
+    v-loading="loading"
+    element-loading-text="拼命加载中"
+    element-loading-spinner="el-icon-loading"
+    element-loading-background="rgba(0, 0, 0, 0.8)"
+  >
+    <el-card style="margin-top: -20px">
+      <el-row :gutter="10">
+        <el-col :span="24">
+          <el-form
+            ref="ruleForm"
+            :model="ruleForm"
+            status-icon
+            :rules="rulesThis"
+            label-width="100px"
+            class="demo-ruleForm"
+          >
+            <div style="padding: 0 0 12px 0">
+              <el-divider content-position="center">仓库信息</el-divider>
+            </div>
+
+            <el-row>
+              <el-col :span="12"
+                ><el-form-item
+                  label="所属公司"
+                  prop="supplierNo"
+                  style="width: 100%"
+                >
+                  <search-supplier
+                    :value="ruleForm.supplierNo"
+                    :names="supplier_name"
+                    :is-detail="id !== 'add'"
+                    :disabled="isDetail"
+                    :placeholder="'请输入公司名称'"
+                    @searchChange="supplierChange"
+                  />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="仓库名称" prop="name">
+                  <el-input
+                    placeholder="请输入仓库名称"
+                    filterable
+                    :disabled="isDetail"
+                    maxlength="20"
+                    clearable
+                    v-model="ruleForm.name"
+                  >
+                  </el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+
+            <el-row>
+              <el-col :span="12">
+                <el-form-item
+                  label="负责人"
+                  prop="contactor"
+                  style="width: 100%"
+                >
+                  <search-account
+                    :size="searchSize"
+                    :value="ruleForm.contactor"
+                    :placeholder="'请输入负责人'"
+                    :is-detail="id !== 'add'"
+                    :disabled="isDetail"
+                    :names="accountNames"
+                    @searchChange="accountChange"
+                  /> </el-form-item
+              ></el-col>
+              <el-col :span="12">
+                <el-form-item label="负责人电话" prop="mobile">
+                  <el-input
+                    placeholder="请输入联系人电话"
+                    v-model="ruleForm.mobile"
+                    maxlength="11"
+                    clearable
+                    :disabled="isDetail"
+                  >
+                  </el-input> </el-form-item
+              ></el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item label="省/市/区" prop="addr_code">
+                  <select-area
+                    :placeholder="'请选择省/市/区'"
+                    :value="ruleForm.addr_code"
+                    :is-detail="id !== 'add'"
+                    :disabled="isDetail"
+                    @selectChange="selectAreaAddr_code"
+                  />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="详细地址" prop="addr">
+                  <el-input
+                    placeholder="请输入详细地址"
+                    v-model="ruleForm.addr"
+                    maxlength="100"
+                    clearable
+                    :disabled="isDetail"
+                  >
+                  </el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <div style="padding: 0 0 12px 0">
+              <el-divider content-position="center">收发货信息</el-divider>
+            </div>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item label="联系人" prop="wsm_name">
+                  <el-input
+                    placeholder="请填写联系人"
+                    maxlength="20"
+                    :disabled="isDetail"
+                    v-model="ruleForm.wsm_name"
+                    clearable
+                  >
+                  </el-input> </el-form-item
+              ></el-col>
+              <el-col :span="12">
+                <el-form-item label="电话" prop="wsm_mobile">
+                  <el-input
+                    placeholder="请输入联系人电话"
+                    v-model="ruleForm.wsm_mobile"
+                    maxlength="11"
+                    :disabled="isDetail"
+                    clearable
+                  >
+                  </el-input> </el-form-item
+              ></el-col>
+            </el-row>
+
+            <el-row>
+              <el-col :span="12">
+                <el-form-item label="省/市/区" prop="addrs_code">
+                  <select-area
+                    :is-detail="id !== 'add'"
+                    :disabled="isDetail"
+                    :value="ruleForm.addrs_code"
+                    :placeholder="'请选择省/市/区'"
+                    @selectChange="selectAreaAddrs_code"
+                  /> </el-form-item
+              ></el-col>
+              <el-col :span="12">
+                <el-form-item label="详细地址" prop="wsm_addr">
+                  <el-input
+                    placeholder="请输入详细地址"
+                    maxlength="100"
+                    :disabled="isDetail"
+                    v-model="ruleForm.wsm_addr"
+                    clearable
+                  >
+                  </el-input> </el-form-item
+              ></el-col>
+            </el-row>
+          </el-form>
+        </el-col>
+        <el-col :span="24" style="text-align: right">
+          <el-button type="primary" @click="submitForm" v-if="!isDetail"
+            >保 存
+          </el-button>
+          <el-button @click="showModelThis = false">{{
+            isDetail ? "关 闭" : "取 消"
+          }}</el-button>
+        </el-col>
+      </el-row>
+    </el-card>
+  </el-dialog>
+</template>
+   <script>
+import asyncRequest from "@/apis/service/serviceParam/workCompany";
+import resToken from "@/mixins/resToken";
+import {
+  isnumber,
+  isMobile,
+  validEmail,
+  isAlphanumeric,
+  isChinese,
+  isEmoticon,
+  validAlphabets,
+} from "@/utils/validate";
+export default {
+  name: "workCompany",
+  props: ["showModel", "id", "isDetail"],
+  mixins: [resToken],
+  data() {
+    const validatemobile = (rule, value, callback) => {
+      if (value === "") {
+        callback(new Error("联系方式不能为空！"));
+      } else {
+        if (!isMobile(value)) {
+          callback(new Error("联系方式格式不正确！"));
+        } else {
+          callback();
+        }
+      }
+    };
+    const validatewsmmobile = (rule, value, callback) => {
+      if (value === "") {
+        callback(new Error("联系方式不能为空！"));
+      } else {
+        if (!isMobile(value)) {
+          callback(new Error("联系方式格式不正确！"));
+        } else {
+          callback();
+        }
+      }
+    };
+
+    return {
+      supplier_name: "",
+      accountNames: "",
+      loading: false,
+      title: "添加仓库",
+      showModelThis: this.showModel,
+      ruleForm: {
+        name: "", // 仓库名称
+        supplierNo: [], //供应商编码
+        // wsmtype: "", //仓库类型 目前随便填
+        addr_code: [], //仓库省市区
+        addr: "", //仓库详细地址
+        contactor: [], //仓库联系人
+        mobile: "", //仓库联系方式
+        // position: "", //联系人职位  目前随便填
+        // wsm_type: "", //目前随便填
+
+        wsm_name: "", //收发货联系人
+        wsm_mobile: "", //收发货联系方式
+        wsm_addr: "", //收发货地址详细
+        addrs_code: [], //收发货省市区
+      },
+      rulesThis: this.rules,
+      rules: {
+        name: [
+          { required: true, message: "请输入仓库名称", trigger: "blur" },
+          {
+            min: 1,
+            max: 20,
+            message: "长度在 1 到 20 个字符",
+            trigger: "blur",
+          },
+        ],
+        supplierNo: [
+          {
+            type: "array",
+            required: true,
+            message: "请选择供应商公司",
+            trigger: "change",
+          },
+        ],
+        addr_code: [
+          {
+            type: "array",
+            required: true,
+            message: "请选择仓库所在省/市/区",
+            trigger: "change",
+          },
+        ],
+        addr: [
+          { required: true, message: "请输入仓库详细地址", trigger: "blur" },
+          {
+            min: 1,
+            max: 100,
+            message: "长度在 1 到 100 个字符",
+            trigger: "blur",
+          },
+        ],
+
+        contactor: [
+          {
+            required: true,
+            type: "array",
+            message: "请选择仓库负责人",
+            trigger: "change",
+          },
+        ],
+
+        mobile: [
+          {
+            required: true,
+            validator: validatemobile,
+            trigger: "blur",
+          },
+        ],
+        wsm_name: [
+          { required: true, message: "请输入收发货联系人", trigger: "blur" },
+          {
+            min: 1,
+            max: 20,
+            message: "长度在 1 到 20 个字符",
+            trigger: "blur",
+          },
+        ],
+        wsm_mobile: [
+          {
+            required: true,
+            validator: validatewsmmobile,
+            trigger: "blur",
+          },
+        ],
+        addrs_code: [
+          {
+            type: "array",
+            required: true,
+            message: "请选择收发货所在省/市/区",
+            trigger: "change",
+          },
+        ],
+        wsm_addr: [
+          { required: true, message: "请输入收发货详细地址", trigger: "blur" },
+          {
+            min: 1,
+            max: 100,
+            message: "长度在 1 到 100 个字符",
+            trigger: "blur",
+          },
+        ],
+      },
+    };
+  },
+  watch: {
+    showModel: function (val) {
+      this.showModelThis = val;
+      if (val) {
+        this.initForm();
+      }
+    },
+    showModelThis(val) {
+      if (!val) {
+        this.$emit("cancel");
+      }
+    },
+  },
+  methods: {
+    
+    //供应商公司选择
+    supplierChange(e) {
+      if (e && e.id) {
+        this.ruleForm.supplierNo = [e.code]; //供应商编码
+      } else {
+        this.ruleForm.supplierNo = [];
+      }
+      this.$refs.ruleForm.validateField("supplierNo");
+    },
+    //仓库省市区
+    selectAreaAddr_code(e) {
+      this.ruleForm.addr_code = e;
+      this.$refs.ruleForm.validateField("addr_code");
+    },
+    //收发货省市区
+    selectAreaAddrs_code(e) {
+      this.ruleForm.addrs_code = e;
+      this.$refs.ruleForm.validateField("addrs_code");
+    },
+    //负责人选择
+    accountChange(e) {
+      if (e && e.id) {
+        this.ruleForm.contactor = [e.id];
+      } else {
+        this.ruleForm.contactor = [];
+      }
+      this.$refs.ruleForm.validateField("contactor");
+    },
+    async initForm() {
+      this.supplier_name = "";
+      this.loading = true;
+      if (this.id === "add") {
+        this.title = "新建仓库";
+        this.rulesThis = this.rules;
+        await this.resetForm();
+      } else {
+        if (this.isDetail) {
+          this.title = "仓库详情";
+          this.rulesThis = {};
+        } else {
+          this.title = "修改仓库";
+          this.rulesThis = this.rules;
+        }
+        await this.resetForm();
+        await this.initData();
+      }
+      this.loading = false;
+    },
+    async initData() {
+      const res = await asyncRequest.detail({ id: this.id });
+      if (res && res.code === 0 && res.data) {
+        const {
+          addr,
+          addr_code,
+          addrs_code,
+          contactor,
+          contactor_name,
+          mobile,
+          name,
+          supplierNo,
+          supplier_name,
+          wsm_addr,
+          wsm_code,
+          wsm_mobile,
+          wsm_name,
+        } = res.data;
+
+        this.supplier_name = supplier_name;
+        this.accountNames = contactor_name;
+        this.ruleForm = {
+          name: name, // 仓库名称
+          supplierNo: [supplierNo], //供应商编码
+          // wsmtype: "", //仓库类型 目前随便填
+          addr_code: this.getCode(addr_code), //仓库省市区
+          addr: addr, //仓库详细地址
+          contactor: contactor ? [contactor] : [], //仓库联系人
+          mobile: mobile, //仓库联系方式
+          // position: "", //联系人职位  目前随便填
+          // wsm_type: "", //目前随便填
+
+          wsm_name: wsm_name, //收发货联系人
+          wsm_mobile: wsm_mobile, //收发货联系方式
+          wsm_addr: wsm_addr, //收发货地址详细
+          addrs_code: this.getCode(addrs_code), //收发货省市区
+        };
+        console.log(this.ruleForm);
+
+        // this.ruleForm = res.data;
+        // this.ruleForm.role_id = this.ruleForm.role;
+      } else if (res && res.code >= 100 && res.code <= 104) {
+        await this.logout();
+      } else {
+        this.$message.warning(res.message);
+      }
+    },
+    async resetForm() {
+      // 重置
+      await this.$nextTick(() => {
+        if (this.$refs.ruleForm) {
+          this.$refs.ruleForm.resetFields();
+          this.$refs.ruleForm.clearValidate();
+          this.supplier_name = "";
+          this.accountNames = "";
+          this.ruleForm = {
+            name: "", // 仓库名称
+            supplierNo: [], //供应商编码
+            // wsmtype: "", //仓库类型 目前随便填
+            addr_code: [], //仓库省市区
+            addr: "", //仓库详细地址
+            contactor: [], //仓库联系人
+            mobile: "", //仓库联系方式
+            // position: "", //联系人职位  目前随便填
+            // wsm_type: "", //目前随便填
+
+            wsm_name: "", //收发货联系人
+            wsm_mobile: "", //收发货联系方式
+            wsm_addr: "", //收发货地址详细
+            addrs_code: [], //收发货省市区
+          };
+        }
+      });
+    },
+    setCode(list) {
+      let model = {
+        provice_code: list[0],
+        city_code: list[1],
+        area_code: list[2],
+      };
+      return model;
+    },
+    getCode(obj) {
+      let arr = [];
+      arr.push(obj.provice_code);
+      arr.push(obj.city_code);
+      arr.push(obj.area_code);
+      return arr;
+    },
+    getId(list) {
+      let arr = JSON.parse(JSON.stringify(list));
+      return arr.join(",");
+    },
+    async submitForm() {
+      await this.$refs.ruleForm.validate(async (valid) => {
+        if (valid) {
+          this.loading = true;
+          const {
+            name,
+            supplierNo,
+            addr_code,
+            addr,
+            contactor,
+            mobile,
+            wsm_name,
+            wsm_mobile,
+            wsm_addr,
+            addrs_code,
+          } = JSON.parse(JSON.stringify(this.ruleForm));
+          const model = {
+            id: this.id,
+            name,
+            supplierNo: this.getId(supplierNo),
+            addr_code: this.setCode(addr_code),
+            addr,
+            contactor: this.getId(contactor),
+            mobile,
+            wsm_name,
+            wsm_mobile,
+            wsm_addr,
+            addrs_code: this.setCode(addrs_code),
+            position: "1", //暂时随便填
+            wsm_type: "1", //后台暂时不用
+            wsmtype: "1", //后台暂时不用
+          };
+          let res = {};
+          if (this.id === "add") {
+            delete model["id"];
+            res = await asyncRequest.add(model);
+          } else {
+            res = await asyncRequest.update(model);
+          }
+          this.loading = false;
+          if (res && res.code === 0) {
+            const title = this.id === "add" ? "添加成功" : "修改成功";
+            this.$notify.success({
+              title,
+              message: "",
+            });
+            this.showModelThis = false;
+            // 刷新
+            this.$emit("refresh");
+          } else if (res && res.code >= 100 && res.code <= 104) {
+            await this.logout();
+          } else {
+            this.$message.warning(res.message);
+          }
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    },
+  },
+};
+</script>
+
+   <style lang="scss" scoped>
+.workCompany {
+}
+</style>
+   

src/views/serviceParam/workCompany/index.vue

@@ -0,0 +1,474 @@
+<template>
+  <div class="workCompany pagePadding">
+    <div
+      v-if="powers && powers.length > 0 && powers.some((item) => item == '001')"
+    >
+      <ex-table
+        v-loading="false"
+        :table="table"
+        :data="tableData"
+        :columns="columns"
+        :page="pageInfo"
+        :size="size"
+        @page-curr-change="handlePageChange"
+        @page-size-change="handleSizeChange"
+        @screen-reset="
+          pageInfo.curr = 1;
+          parmValue.page = 1;
+          searchList();
+        "
+        @screen-submit="
+          pageInfo.curr = 1;
+          parmValue.page = 1;
+          searchList();
+        "
+      >
+        <template #table-header="{}">
+          <div style="width: 100%">
+            <el-row style="padding: 0 0 10px 80px">
+              <!-- 创建时间 -->
+              <el-col :span="18" style="width: 303px; padding: 0">
+                <period-date-picker
+                  :start="parmValue.start"
+                  :end="parmValue.end"
+                  :type="1"
+                  :width="'135px'"
+                  :title="'创建'"
+                  :size="searchSize"
+                  @numReturned="numReturned($event, 0)"
+                />
+              </el-col>
+
+              <el-col :span="18" style="width: 420px; padding: 0">
+                <el-input
+                  placeholder="关键字"
+                  v-model="input"
+                  :size="searchSize"
+                  class="input-with-select"
+                >
+                  <el-select
+                    v-model="select"
+                    slot="prepend"
+                    style="width: 125px"
+                    placeholder="请选择类型"
+                  >
+                    <el-option label="仓库编码" value="1"></el-option>
+                    <el-option label="负责人姓名" value="2"></el-option>
+                    <el-option label="负责人手机号" value="3"></el-option>
+                  </el-select>
+                  <el-button
+                    slot="append"
+                    icon="el-icon-search"
+                    @click="searchList"
+                  ></el-button>
+                </el-input>
+              </el-col>
+              <el-col :span="4" style="width: 66px; padding-left: 10px">
+                <el-button
+                  type="warning"
+                  class="fl"
+                  :size="searchSize"
+                  @click="restSearch"
+                >
+                  重置
+                </el-button>
+              </el-col>
+              <el-col
+                :span="3"
+                style="width: 56px; margin-left: 10px"
+                class="fr"
+              >
+                <el-button
+                  :size="searchSize"
+                  type="primary"
+                  @click="searchList"
+                >
+                  刷新
+                </el-button>
+              </el-col>
+            </el-row>
+            <el-row style="padding: 0">
+              <el-col :span="18" style="width: 340px; padding: 0">
+                <search-customer
+                  :size="searchSize"
+                  :code="supplierNo"
+                  :placeholder="'供应商公司名称'"
+                  :is-detail="false"
+                  :disabled="false"
+                  :names="''"
+                  @searchChange="supplierChange"
+                />
+              </el-col>
+
+              <el-col
+                :span="3"
+                style="width: 56px"
+                class="mr10 fr"
+                v-if="powers.some((item) => item == '003')"
+              >
+                <el-button
+                  class="fl"
+                  :size="searchSize"
+                  type="success"
+                  @click="openModal('add', false)"
+                >
+                  新建
+                </el-button>
+              </el-col>
+            </el-row>
+          </div>
+        </template>
+        <template #status="{ scope }">
+          <el-tag
+            :size="tablebtnSize"
+            :type="scope.row.status == '0' ? 'warning' : ''"
+            v-text="
+              (statusOptions.find((item) => item.id == scope.row.status) || {})
+                .label || '--'
+            "
+          ></el-tag>
+        </template>
+        <template #operation="{ scope }">
+          <el-tooltip
+            v-if="powers.some((item) => item == '007')"
+            effect="dark"
+            content="详情"
+            placement="top"
+          >
+            <i
+              class="el-icon-view tb-icon"
+              @click="openModal(scope.row.id, true)"
+            ></i>
+          </el-tooltip>
+          <el-tooltip
+            v-if="powers.some((item) => item == '005')"
+            effect="dark"
+            content="修改"
+            placement="top"
+          >
+            <i
+              class="el-icon-edit tb-icon"
+              @click="openModal(scope.row.id, false)"
+            ></i>
+          </el-tooltip>
+          <el-tooltip
+            v-if="
+              powers.some((item) => item == '004') && scope.row.status === '1'
+            "
+            effect="dark"
+            content="禁用"
+            placement="top"
+          >
+            <i
+              class="el-icon-video-pause tb-icon"
+              @click="statusConfirm(scope.row.id, scope.row.status)"
+            ></i>
+          </el-tooltip>
+          <el-tooltip
+            v-if="
+              powers.some((item) => item == '004') && scope.row.status === '0'
+            "
+            effect="dark"
+            content="启用"
+            placement="top"
+          >
+            <i
+              class="el-icon-video-play tb-icon"
+              @click="statusConfirm(scope.row.id, scope.row.status)"
+            ></i>
+          </el-tooltip>
+          <el-tooltip
+            v-if="powers.some((item) => item == '006')"
+            effect="dark"
+            content="删除"
+            placement="top"
+          >
+            <i
+              class="el-icon-delete tb-icon"
+              @click="deleteById(scope.row.id, scope.row.status)"
+            ></i>
+          </el-tooltip>
+        </template>
+      </ex-table>
+      <add-edit
+        :id="modelId"
+        :show-model="showModel"
+        :is-detail="isDetail"
+        @refresh="searchList"
+        @cancel="showModel = false"
+      />
+    </div>
+    <div v-else>
+      <no-auth></no-auth>
+    </div>
+  </div>
+</template>
+   <script>
+import mixinPage from "@/mixins/elPaginationHandle";
+import resToken from "@/mixins/resToken";
+import asyncRequest from "@/apis/service/serviceParam/workCompany";
+import addEdit from "./addEdit";
+import { mapGetters } from "vuex";
+export default {
+  name: "workCompany",
+  mixins: [mixinPage, resToken],
+  components: {
+    addEdit,
+  },
+  computed: {
+    ...mapGetters(["tablebtnSize", "searchSize", "size"]),
+    powers() {
+      let tran =
+        this.$store.getters.btnList.find(
+          (item) => item.menu_route == "workCompany"
+        ) || {};
+      if (tran && tran.action && tran.action.length > 0) {
+        return tran.action;
+      } else {
+        return [];
+      }
+    },
+  },
+  data() {
+    return {
+      select: "1", //选择
+      input: "",
+      supplierNo: [], //供应商
+      stock_sn: "", //企业/仓库编码
+      stock_name: "", //企业/仓库名称
+      link: "", //联系电话/联系人
+      loading: true,
+      showModel: false,
+      isDetail: false,
+      modelId: 0,
+      parmValue: {
+        supplierNo: "", //供应商编码
+        wsm_code: "", //仓库编码
+        start: "", //新建起始时间
+        end: "", //新建结束时间
+        mobile: "", //手机号
+        contactor: "", //联系人
+      },
+      tableData: [],
+      passwordModel: false,
+      passwordModelId: 0,
+      isPasswordDetail: false,
+      // 表格 - 数据
+      tableData: [],
+      // 表格 - 参数
+      table: {
+        stripe: true,
+        border: true,
+        _defaultHeader_: ["setcol"],
+      },
+      // 表格 - 分页
+      pageInfo: {
+        size: 15,
+        curr: 1,
+        total: 0,
+      },
+      // 表格 - 列参数
+      columns: [
+        {
+          prop: "wsm_code",
+          label: "编号",
+          width: "170px",
+        },
+        {
+          prop: "name",
+          label: "仓库名称",
+        },
+        {
+          prop: "supplierNo",
+          label: "供应商编号",
+          width: "140px",
+        },
+        {
+          prop: "supplier_name",
+          label: "供应商公司",
+          "min-width": "140px",
+        },
+        {
+          prop: "status",
+          label: "状态",
+          width: "60px",
+          // sortable: true,
+          _slot_: "status",
+        },
+        {
+          prop: "contactor_name",
+          label: "负责人",
+          width: "70px",
+        },
+        {
+          prop: "mobile",
+          label: "负责人电话",
+          width: "100px",
+        },
+        {
+          prop: "addtime",
+          label: "创建时间",
+          width: "140px",
+        },
+        {
+          prop: "",
+          label: "操作",
+          width: "140px",
+          fixed: "right",
+          _noset_: true,
+          _slot_: "operation",
+        },
+      ],
+      // 状态
+      statusOptions: [
+        { id: "0", label: "禁用" },
+        { id: "1", label: "启用" },
+      ],
+    };
+  },
+  mounted() {
+    this.searchList();
+  },
+
+  methods: {
+    supplierChange(e) {
+      if (e && e.id) {
+        this.parmValue.supplierNo = e.code; //供应商编码
+      } else {
+        this.parmValue.supplierNo = "";
+      }
+      this.parmValue.page = 1;
+      this.searchList();
+    },
+    stockChange(e) {
+      if (e && e.id) {
+        this.parmValue.wsm_code = e.code; //供应商编码
+      } else {
+        this.parmValue.wsm_code = "";
+      }
+      this.parmValue.page = 1;
+      this.searchList();
+    },
+    addList(id) {
+      window.vm.$router.push({
+        path: "addStore",
+        query: {
+          id: id,
+        },
+      });
+    },
+    restSearch() {
+      // 表格 - 分页
+      this.pageInfo = {
+        size: 15,
+        curr: 1,
+        total: 0,
+      };
+      this.supplierNo = [];
+      this.input = "";
+      this.select = "1";
+      this.parmValue = {
+        supplierNo: "", //供应商编码
+        wsm_code: "", //仓库编码
+        start: "", //新建起始时间
+        end: "", //新建结束时间
+        mobile: "", //手机号
+        contactor: "", //联系人
+        page: 1, // 页码
+        size: 15, // 每页显示条数
+      };
+      this.searchList();
+    },
+
+    openModal(id, isDetail) {
+      this.showModel = true;
+      this.modelId = id;
+      this.isDetail = isDetail;
+    },
+    async searchList() {
+      this.loading = true;
+      this.parmValue.wsm_code = this.select === "1" ? this.input : "";
+      this.parmValue.contactor = this.select === "2" ? this.input : "";
+      this.parmValue.mobile = this.select === "3" ? this.input : "";
+      const res = await asyncRequest.list(this.parmValue);
+      if (res && res.code === 0 && res.data) {
+        this.tableData = res.data.list;
+        this.pageInfo.total = Number(res.data.count);
+      } else if (res && res.code >= 100 && res.code <= 104) {
+        await this.logout();
+      } else {
+        this.tableData = [];
+        this.pageInfo.total = 0;
+      }
+      this.loading = false;
+    },
+
+    async statusConfirm(id, status) {
+      let str = status === "1" ? "禁用" : "启用";
+      await this.$confirm("确定要改为" + str + "?", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(async () => {
+          this.loading = true;
+          const model = {
+            id: id,
+            status: status === "1" ? "0" : "1",
+          };
+          const res = await asyncRequest.status(model);
+          if (res && res.code === 0) {
+            this.loading = false;
+            this.$notify.success({
+              title: "状态修改成功！",
+              message: "",
+            });
+            await this.searchList();
+          } else if (res && res.code >= 100 && res.code <= 104) {
+            await this.logout();
+          } else {
+            this.$message.warning(res.message);
+          }
+        })
+        .catch(() => {
+          console.log("取消");
+        });
+    },
+    async deleteById(id, status) {
+      if (status === "1") {
+        this.$message.warning("正在启用的仓库不能删除！");
+        return;
+      }
+      await this.$confirm("确定要删除？", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(async () => {
+          const model = {
+            id: id,
+            // status: status === "1" ? "0" : "1",
+          };
+          const res = await asyncRequest.delete(model);
+          if (res && res.code === 0) {
+            this.$notify.success({
+              title: "删除成功",
+              message: "",
+            });
+            this.searchList();
+          } else if (res && res.code >= 100 && res.code <= 104) {
+            await this.logout();
+          } else {
+            this.$message.warning(res.message);
+          }
+        })
+        .catch(() => {
+          console.log("取消");
+        });
+    },
+  },
+};
+</script>
+   <style lang="scss" scoped>
+</style>
+