feat(supplierSet): 删除404接口

src/views/system/supplierSet/index.vue

@@ -2,23 +2,22 @@
   <div class="page">
     <topBar
       v-if="topList.length > 0"
-      :topList="topList"
+      :top-list="topList"
       :moren="moren"
-    ></topBar>
+    />
     <div class="main">
       <div class="form_all">
         <el-form ref="select" :model="select" label-width="auto">
           <el-row :gutter="10">
             <el-col :span="4">
               <el-form-item label="供应商名称">
-                <el-input clearable v-model="select.custName"></el-input>
+                <el-input v-model="select.custName" clearable />
               </el-form-item>
             </el-col>
 
             <el-col :span="4">
               <el-button type="primary" @click="getDataList">
-                {{ '搜索' }}</el-button
-              >
+                {{ '搜索' }}</el-button>
               <el-button type="" @click="reset"> {{ '重置' }}</el-button>
             </el-col>
           </el-row>
@@ -27,75 +26,61 @@
       <div class="maintop">
         <div class="mainbtn">
           <el-button
-            size="small"
             v-has-buttons="['supplierSetAdd']"
-            @click="openDig"
-            class="addBtn"
-            >{{ '添加' }}</el-button
-          >
-          <el-button
             size="small"
-            @click="handleDelete"
+            class="addBtn"
+            @click="openDig"
+          >{{ '添加' }}</el-button>
+          <el-button
             v-has-buttons="['supplierSetDelete']"
+            size="small"
             style="background-color: #c9171d"
             :disabled="single"
             class="thebtn1"
+            @click="handleDelete"
           >
-            {{ '删除' }}</el-button
-          >
+            {{ '删除' }}</el-button>
         </div>
       </div>
       <div class="maintable">
         <el-table
-          :data="tableData"
           v-loading="loading"
+          :data="tableData"
           style="width: 100%"
           :header-cell-style="{ background: '#EEEEEE' }"
           :row-class-name="tableRowClassName"
           @selection-change="handleSelectionChange"
         >
-          <el-table-column type="selection" width="55"> </el-table-column>
-          <el-table-column align="center" prop="custCode" label="客商编码">
-          </el-table-column>
+          <el-table-column type="selection" width="55" />
+          <el-table-column align="center" prop="custCode" label="客商编码" />
 
-          <el-table-column align="center" prop="custName" label="客商名称">
-          </el-table-column>
-          <el-table-column align="center" prop="shortName" label="客商简称">
-          </el-table-column>
-          <el-table-column align="center" prop="legalBody" label="法人姓名">
-          </el-table-column>
-          <el-table-column align="center" prop="linkMan" :label="'联系人'">
-          </el-table-column>
+          <el-table-column align="center" prop="custName" label="客商名称" />
+          <el-table-column align="center" prop="shortName" label="客商简称" />
+          <el-table-column align="center" prop="legalBody" label="法人姓名" />
+          <el-table-column align="center" prop="linkMan" :label="'联系人'" />
           <el-table-column
             align="center"
             prop="taxpayerid"
             label="纳税人登记号"
-          >
-          </el-table-column>
+          />
           <el-table-column
             align="center"
             prop="provinceName"
             :label="'省'"
-          >
-          </el-table-column>
+          />
           <el-table-column
             align="center"
             prop="cityName"
             :label="'市'"
-          >
-          </el-table-column>
+          />
           <el-table-column
             align="center"
             prop="countyName"
             :label="'区/县'"
-          >
-          </el-table-column>
-          <el-table-column align="center" prop="address" :label="'详细地址'">
-          </el-table-column>
-          <el-table-column align="center" prop="custTypeVal" label="供应商类型">
-          </el-table-column>
-          <el-table-column align="center" prop="tradeScope" label="经营范围">
-          </el-table-column>
+          />
+          <el-table-column align="center" prop="address" :label="'详细地址'" />
+          <el-table-column align="center" prop="custTypeVal" label="供应商类型" />
+          <el-table-column align="center" prop="tradeScope" label="经营范围" />
           <!-- <el-table-column
             align="center"
             prop="creationTime"
@@ -110,12 +95,12 @@
           >
             <template slot-scope="scope">
               <el-button
-                @click.native.prevent="update(scope.row)"
+                v-has-buttons="['supplierSetUpdate']"
                 type="text"
                 size="small"
                 class="button-s"
                 style="color: #009b58"
-                v-has-buttons="['supplierSetUpdate']"
+                @click.native.prevent="update(scope.row)"
               >
                 {{ '修改' }}
               </el-button>
@@ -144,53 +129,53 @@
         <el-row>
           <el-col :span="12">
             <el-form-item label="客商编码" prop="custCode">
-              <el-input clearable v-model="form.custCode"></el-input>
+              <el-input v-model="form.custCode" clearable />
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="客商名称" prop="custName">
-              <el-input clearable v-model="form.custName"></el-input>
+              <el-input v-model="form.custName" clearable />
             </el-form-item>
           </el-col>
 
           <el-col :span="12">
             <el-form-item label="客商简称" prop="shortName">
-              <el-input clearable v-model="form.shortName"></el-input>
+              <el-input v-model="form.shortName" clearable />
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="法人姓名" prop="legalBody">
-              <el-input clearable v-model="form.legalBody"></el-input>
+              <el-input v-model="form.legalBody" clearable />
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item :label="'联系人'" prop="linkMan">
-              <el-input clearable v-model="form.linkMan"></el-input>
+              <el-input v-model="form.linkMan" clearable />
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="经营范围" prop="tradeScope">
-              <el-input clearable v-model="form.tradeScope"></el-input>
+              <el-input v-model="form.tradeScope" clearable />
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="纳税人登记号" prop="taxpayerid">
-              <el-input clearable v-model="form.taxpayerid"></el-input>
+              <el-input v-model="form.taxpayerid" clearable />
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="供应商类型" prop="custType">
               <el-select
+                v-model="form.custType"
                 clearable
                 :placeholder="'请选择'"
-                v-model="form.custType"
               >
                 <el-option
                   v-for="item in custTypeList"
                   :key="item.value"
                   :label="item.label"
                   :value="item.value"
-                ></el-option>
+                />
               </el-select>
             </el-form-item>
           </el-col>
@@ -201,17 +186,17 @@
               prop="shoppingAddress"
             >
               <el-cascader
-                v-model="form.shoppingAddress"
                 :key="isResouceShow"
+                v-model="form.shoppingAddress"
                 :options="areaData"
                 :props="regionParams"
                 @change="handleChange1"
-              ></el-cascader>
+              />
             </el-form-item>
           </el-col>
           <el-col :span="24">
             <el-form-item :label="'详细地址'" class="dizhi" prop="address">
-              <el-input clearable v-model="form.address"></el-input>
+              <el-input v-model="form.address" clearable />
             </el-form-item>
           </el-col>
         </el-row>
@@ -227,22 +212,22 @@
 </template>
 
 <script>
-import topBar from "@/components/topBar";
-import * as api from "@/api/supply.js";
-import * as site from "@/api/site.js";
+import topBar from '@/components/topBar'
+import * as api from '@/api/supply.js'
+import * as site from '@/api/site.js'
 export default {
-  name: "supplierSet",
+  name: 'SupplierSet',
   components: {
-    topBar,
+    topBar
   },
   filters: {
     isAgree(val) {
       if (!val) {
-        return '允许';
+        return '允许'
       } else {
-        return '禁止';
+        return '禁止'
       }
-    },
+    }
   },
   data() {
     return {
@@ -252,145 +237,142 @@ export default {
       // 查询参数
       queryParams: {
         pageNum: 1,
-        pageSize: 50,
+        pageSize: 50
       },
-      addOrEdit: "",
+      addOrEdit: '',
       total: 0,
       dialogVisible: false,
       tableData: [],
-      loading:false,
+      loading: false,
       form: {
-        shoppingAddress: ["", "", ""],
+        shoppingAddress: ['', '', '']
       },
-      moren: "supplierSet",
+      moren: 'supplierSet',
       topList: [
         {
-          name: "供应商管理",
-          path: "supplierSet",
-        },
+          name: '供应商管理',
+          path: 'supplierSet'
+        }
       ],
       single: true,
-      thepkId: "",
+      thepkId: '',
       isResouceShow: 0,
       areaData: [],
       regionParams: {
-        label: "name",
-        value: "id",
-        children: "children",
-        expandTrigger: "hover",
+        label: 'name',
+        value: 'id',
+        children: 'children',
+        expandTrigger: 'hover'
       },
-      dialogTitle: "",
+      dialogTitle: '',
       custTypeList: [],
       rules: {
         custCode: [
-          { required: true, message: '请输入', trigger: "blur" },
+          { required: true, message: '请输入', trigger: 'blur' }
         ],
         custName: [
-          { required: true, message: '请输入', trigger: "blur" },
+          { required: true, message: '请输入', trigger: 'blur' }
         ],
         shortName: [
-          { required: true, message: '请输入', trigger: "blur" },
+          { required: true, message: '请输入', trigger: 'blur' }
         ],
         legalBody: [
-          { required: true, message: '请输入', trigger: "blur" },
+          { required: true, message: '请输入', trigger: 'blur' }
         ],
         linkMan: [
-          { required: true, message: '请输入', trigger: "blur" },
+          { required: true, message: '请输入', trigger: 'blur' }
         ],
         tradeScope: [
-          { required: true, message: '请输入', trigger: "blur" },
+          { required: true, message: '请输入', trigger: 'blur' }
         ],
         taxpayerid: [
-          { required: true, message: '请输入', trigger: "blur" },
+          { required: true, message: '请输入', trigger: 'blur' }
         ],
         custType: [
-          { required: true, message: '请选择收货地址', trigger: "change" },
+          { required: true, message: '请选择收货地址', trigger: 'change' }
         ],
         address: [
-          { required: true, message: '请输入', trigger: "blur" },
+          { required: true, message: '请输入', trigger: 'blur' }
         ],
         shoppingAddress: [
-          { required: true, message: '请选择收货地址', trigger: "change" },
-        ],
-      },
-    };
+          { required: true, message: '请选择收货地址', trigger: 'change' }
+        ]
+      }
+    }
   },
   mounted() {
-    this.getOthers();
+    this.getOthers()
     // 获取列表
-    this.getDataList();
+    this.getDataList()
   },
   methods: {
     update(row) {
-      this.dialogTitle = '修改';
-      this.addOrEdit = 2;
-      this.form = row;
+      this.dialogTitle = '修改'
+      this.addOrEdit = 2
+      this.form = row
       let arr = [
-        row.province+ "",
-        row.city + "",
-        (row.county || "") + "",
-      ];
-      arr = arr.filter((item) => item != "");
-      this.$set(this.form, "shoppingAddress", arr);
-      this.$forceUpdate();
-      this.dialogVisible = true;
+        row.province + '',
+        row.city + '',
+        (row.county || '') + ''
+      ]
+      arr = arr.filter((item) => item != '')
+      this.$set(this.form, 'shoppingAddress', arr)
+      this.$forceUpdate()
+      this.dialogVisible = true
     },
     onSubmit(formName) {
       this.$refs[formName].validate((valid) => {
         if (valid) {
-          this.form.province = this.form.shoppingAddress[0];
-          this.form.city = this.form.shoppingAddress[1];
-          this.form.county = this.form.shoppingAddress[2];
+          this.form.province = this.form.shoppingAddress[0]
+          this.form.city = this.form.shoppingAddress[1]
+          this.form.county = this.form.shoppingAddress[2]
           api.addSupplier(this.form).then((res) => {
             if (res.code == 200) {
               this.$message({
                 message: res.msg,
-                type: "success",
-              });
+                type: 'success'
+              })
 
-              this.dialogVisible = false;
+              this.dialogVisible = false
               // 获取列表
-              this.getDataList();
-              this.$refs[formName].resetFields();
+              this.getDataList()
+              this.$refs[formName].resetFields()
             }
-          });
+          })
         }
-      });
+      })
     },
     handleChange1(val) {
-      this.form.provinceName = val[0];
-      this.form.cityName = val[1];
-      this.form.countyName = val[2] || "";
+      this.form.provinceName = val[0]
+      this.form.cityName = val[1]
+      this.form.countyName = val[2] || ''
     },
     getOthers() {
-      api.getCustTypeList().then((res) => {
-        this.custTypeList = res.data;
-      });
       site.areaList().then((res) => {
-        this.areaData = res.data;
-      });
+        this.areaData = res.data
+      })
     },
     reset() {
-      this.select = {};
-      this.getDataList();
+      this.select = {}
+      this.getDataList()
     },
     // 删除
     handleDelete(id) {
       this.$confirm('确认删除?', '提示', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
-        type: "warning",
+        type: 'warning'
       }).then(() => {
         api.deleteSupplier(this.thepkId).then((res) => {
-          this.getDataList();
-        });
-      });
+          this.getDataList()
+        })
+      })
     },
     openDig() {
-      this.addOrEdit = 1;
-      this.dialogTitle = '添加';
-      this.dialogVisible = true;
-      this.$refs["form"].resetFields();
+      this.addOrEdit = 1
+      this.dialogTitle = '添加'
+      this.dialogVisible = true
+      this.$refs['form'].resetFields()
     },
     getDataList() {
       this.loading = true
@@ -398,30 +380,30 @@ export default {
         .getSupplierList(Object.assign({}, this.queryParams, this.select))
         .then((res) => {
           this.loading = false
-          this.tableData = res.rows;
-          this.total = res.total;
-        });
+          this.tableData = res.rows
+          this.total = res.total
+        })
     },
     handleClose() {
-      this.dialogVisible = false;
-      this.$refs["form"].clearValidate();
-      this.$refs["form"].resetFields();
+      this.dialogVisible = false
+      this.$refs['form'].clearValidate()
+      this.$refs['form'].resetFields()
     },
     handleSelectionChange(val) {
-      this.single = val.length !== 1;
-      this.thepkId = val[0].pkId;
+      this.single = val.length !== 1
+      this.thepkId = val[0].pkId
     },
 
     tableRowClassName({ row, rowIndex }) {
       if (rowIndex % 2 == 1) {
-        return "warning-row";
+        return 'warning-row'
       } else if (rowIndex % 2 == 0) {
-        return "success-row";
+        return 'success-row'
       }
-      return "";
-    },
-  },
-};
+      return ''
+    }
+  }
+}
 </script>
 <style scoped lang="scss">
 ::v-deep .el-table .warning-row {