From 51cde2dd0dae265de18d37048d8138f90c009218 Mon Sep 17 00:00:00 2001
From: paulGao <paulgao0831@gmail.com>
Date: Thu, 27 Jan 2022 14:58:37 +0800
Subject: [PATCH] fix bugs

---
 .../src/views/goods/goods-manage/category.vue | 135 +++--
 .../promotions/seckill/seckill-goods.vue      | 462 +++++++++---------
 .../sys/setting-manage/pay/WECHAT_PAYMENT.vue |  38 +-
 3 files changed, 343 insertions(+), 292 deletions(-)

diff --git a/manager/src/views/goods/goods-manage/category.vue b/manager/src/views/goods/goods-manage/category.vue
index a2302f04..63733b76 100644
--- a/manager/src/views/goods/goods-manage/category.vue
+++ b/manager/src/views/goods/goods-manage/category.vue
@@ -4,8 +4,14 @@
       <div class="mb_10">
         <Button @click="addParent" icon="md-add">添加一级分类</Button>
       </div>
-      <Table class="table" :load-data="handleLoadData" row-key="id" :loading="loading" :data="tableData"
-        :columns="columns">
+      <Table
+        class="table"
+        :load-data="handleLoadData"
+        row-key="id"
+        :loading="loading"
+        :data="tableData"
+        :columns="columns"
+      >
         <template slot="action" slot-scope="scope">
           <Dropdown v-show="scope.row.level == 2" trigger="click">
             <Button size="small">
@@ -13,9 +19,15 @@
               <Icon type="ios-arrow-down"></Icon>
             </Button>
             <DropdownMenu slot="list">
-              <DropdownItem @click.native="brandOperation(scope.row)">编辑绑定品牌</DropdownItem>
-              <DropdownItem @click.native="specOperation(scope.row)">编辑绑定规格</DropdownItem>
-              <DropdownItem @click.native="parameterOperation(scope.row)">编辑绑定参数</DropdownItem>
+              <DropdownItem @click.native="brandOperation(scope.row)"
+                >编辑绑定品牌</DropdownItem
+              >
+              <DropdownItem @click.native="specOperation(scope.row)"
+                >编辑绑定规格</DropdownItem
+              >
+              <DropdownItem @click.native="parameterOperation(scope.row)"
+                >编辑绑定参数</DropdownItem
+              >
             </DropdownMenu>
           </Dropdown>
 
@@ -27,14 +39,28 @@
             </Button>
             <DropdownMenu slot="list">
               <DropdownItem @click.native="edit(scope.row)">编辑</DropdownItem>
-              <DropdownItem v-if="scope.row.deleteFlag == 1" @click.native="enable(scope.row)">启用</DropdownItem>
-              <DropdownItem v-if="scope.row.deleteFlag == 0" @click.native="disable(scope.row)">禁用</DropdownItem>
+              <DropdownItem
+                v-if="scope.row.deleteFlag == 1"
+                @click.native="enable(scope.row)"
+                >启用</DropdownItem
+              >
+              <DropdownItem
+                v-if="scope.row.deleteFlag == 0"
+                @click.native="disable(scope.row)"
+                >禁用</DropdownItem
+              >
               <DropdownItem @click.native="remove(scope.row)">删除</DropdownItem>
             </DropdownMenu>
           </Dropdown>
           &nbsp;
-          <Button v-show="scope.row.level != 2" type="primary" @click="addChildren(scope.row)" size="small"
-            icon="md-add" style="margin-right: 5px">添加子分类
+          <Button
+            v-show="scope.row.level != 2"
+            type="primary"
+            @click="addChildren(scope.row)"
+            size="small"
+            icon="md-add"
+            style="margin-right: 5px"
+            >添加子分类
           </Button>
         </template>
 
@@ -42,18 +68,31 @@
           {{ scope.row.commissionRate }}%
         </template>
 
-        <template slot="deleteFlag" slot-scope="{row}">
-          <Tag :class="{'ml_10': row.deleteFlag}" :color="row.deleteFlag == false ? 'success' : 'error'">
-            {{row.deleteFlag == false ? '正常启用' : '禁用'}}</Tag>
+        <template slot="deleteFlag" slot-scope="{ row }">
+          <Tag
+            :class="{ ml_10: row.deleteFlag }"
+            :color="row.deleteFlag == false ? 'success' : 'error'"
+          >
+            {{ row.deleteFlag == false ? "正常启用" : "禁用" }}</Tag
+          >
         </template>
       </Table>
 
-      <Modal :title="modalTitle" v-model="modalVisible" :mask-closable="false" :width="500">
+      <Modal
+        :title="modalTitle"
+        v-model="modalVisible"
+        :mask-closable="false"
+        :width="500"
+      >
         <Form ref="form" :model="formAdd" :label-width="100" :rules="formValidate">
           <div v-if="showParent">
             <FormItem label="上级分类" prop="parentId">
               {{ parentTitle }}
-              <Input v-model="formAdd.parentId" clearable style="width: 100%; display: none" />
+              <Input
+                v-model="formAdd.parentId"
+                clearable
+                style="width: 100%; display: none"
+              />
             </FormItem>
           </div>
           <FormItem label="层级" prop="level" style="display: none">
@@ -63,7 +102,10 @@
             <Input v-model="formAdd.name" clearable style="width: 100%" />
           </FormItem>
           <FormItem label="分类图标" prop="image" v-if="formAdd.level !== 1">
-            <upload-pic-input v-model="formAdd.image" style="width: 100%"></upload-pic-input>
+            <upload-pic-input
+              v-model="formAdd.image"
+              style="width: 100%"
+            ></upload-pic-input>
           </FormItem>
           <FormItem label="排序值" prop="sortOrder" style="width: 345px">
             <InputNumber v-model="formAdd.sortOrder"></InputNumber>
@@ -72,7 +114,12 @@
             <InputNumber v-model="formAdd.commissionRate"></InputNumber>
           </FormItem>
           <FormItem label="是否启用" prop="deleteFlag">
-            <i-switch size="large" v-model="formAdd.deleteFlag" :true-value="0" :false-value="1">
+            <i-switch
+              size="large"
+              v-model="formAdd.deleteFlag"
+              :true-value="0"
+              :false-value="1"
+            >
               <span slot="open">启用</span>
               <span slot="close">禁用</span>
             </i-switch>
@@ -84,33 +131,52 @@
         </div>
       </Modal>
 
-      <Modal :title="modalBrandTitle" v-model="modalBrandVisible" :mask-closable="false" :width="500">
+      <Modal
+        :title="modalBrandTitle"
+        v-model="modalBrandVisible"
+        :mask-closable="false"
+        :width="500"
+      >
         <Form ref="brandForm" :model="brandForm" :label-width="100">
           <Select v-model="brandForm.categoryBrands" filterable multiple>
-            <Option v-for="item in brandWay" :value="item.id" :key="item.id">{{ item.name }}</Option>
-
+            <Option v-for="item in brandWay" :value="item.id" :key="item.id">{{
+              item.name
+            }}</Option>
           </Select>
         </Form>
         <div slot="footer">
           <Button type="text" @click="modalBrandVisible = false">取消</Button>
-          <Button type="primary" :loading="submitLoading" @click="saveCategoryBrand">提交</Button>
+          <Button type="primary" :loading="submitLoading" @click="saveCategoryBrand"
+            >提交</Button
+          >
         </div>
       </Modal>
 
-      <Modal :title="modalSpecTitle" v-model="modalSpecVisible" :mask-closable="false" :width="500">
+      <Modal
+        :title="modalSpecTitle"
+        v-model="modalSpecVisible"
+        :mask-closable="false"
+        :width="500"
+      >
         <Form ref="specForm" :model="specForm" :label-width="100">
           <Select v-model="specForm.categorySpecs" multiple>
-            <Option v-for="item in specifications" :value="item.id" :key="item.id" :label="item.specName">
+            <Option
+              v-for="item in specifications"
+              :value="item.id"
+              :key="item.id"
+              :label="item.specName"
+            >
             </Option>
           </Select>
         </Form>
         <div slot="footer">
           <Button type="text" @click="modalSpecVisible = false">取消</Button>
-          <Button type="primary" :loading="submitLoading" @click="saveCategorySpec">提交</Button>
+          <Button type="primary" :loading="submitLoading" @click="saveCategorySpec"
+            >提交</Button
+          >
         </div>
       </Modal>
     </Card>
-
   </div>
 </template>
 <script>
@@ -170,18 +236,9 @@ export default {
       specForm: {}, // 规格数据
       // 表单验证规则
       formValidate: {
-        commissionRate: [
-          regular.REQUIRED,
-          regular.INTEGER
-        ],
-        name:[
-          regular.REQUIRED,
-          regular.VARCHAR20,
-        ],
-        sortOrder:[
-          regular.REQUIRED,
-          regular.INTEGER
-        ]
+        commissionRate: [regular.REQUIRED, regular.INTEGER],
+        name: [regular.REQUIRED, regular.VARCHAR20],
+        sortOrder: [regular.REQUIRED, regular.INTEGER],
       },
       columns: [
         {
@@ -235,7 +292,6 @@ export default {
     //弹出品牌关联框
     brandOperation(v) {
       getCategoryBrandListData(v.id).then((res) => {
-        console.warn(res);
         this.categoryId = v.id;
         this.modalBrandTitle = "品牌关联";
         this.brandForm.categoryBrands = res.result.map((item) => item.id);
@@ -277,7 +333,6 @@ export default {
     },
     // 添加子分类
     addChildren(v) {
-      console.log(v);
       this.modalType = 0;
       this.modalTitle = "添加子分类";
       this.parentTitle = v.name;
@@ -367,7 +422,6 @@ export default {
 
     // 异步手动加载分类名称
     handleLoadData(item, callback) {
-      console.warn(item);
       if (item.level == 0) {
         let categoryList = JSON.parse(JSON.stringify(this.categoryList));
         categoryList.forEach((val) => {
@@ -384,7 +438,6 @@ export default {
         });
       } else {
         this.deepCategoryChildren(item.id, this.categoryList);
-        console.log(this.checkedCategoryChildren);
         setTimeout(() => {
           callback(this.checkedCategoryChildren);
         }, 1000);
@@ -420,8 +473,6 @@ export default {
             }
             return item;
           });
-
-          console.log(this.tableData);
         }
       });
     },
diff --git a/manager/src/views/promotions/seckill/seckill-goods.vue b/manager/src/views/promotions/seckill/seckill-goods.vue
index 58f32e18..24d2a23f 100644
--- a/manager/src/views/promotions/seckill/seckill-goods.vue
+++ b/manager/src/views/promotions/seckill/seckill-goods.vue
@@ -42,12 +42,7 @@
           />
         </template>
         <template slot-scope="{ row, index }" slot="action">
-          <Button
-            type="error"
-            size="small"
-            @click="delGoods(index,row)"
-          >删除
-          </Button>
+          <Button type="error" size="small" @click="delGoods(index, row)">删除 </Button>
         </template>
       </Table>
       <Row type="flex" justify="end" class="mt_10">
@@ -68,244 +63,247 @@
   </div>
 </template>
 <script>
-  import {
-    seckillGoodsList,
-    seckillDetail,
-    auditApplySeckill,
-    delSeckillGoods
-  } from "@/api/promotion.js";
+import {
+  seckillGoodsList,
+  seckillDetail,
+  auditApplySeckill,
+  delSeckillGoods,
+} from "@/api/promotion.js";
 
-  export default {
-    data() {
-      return {
-        promotionStatus: "", // 活动状态
-        showModal: false, // modal显隐
-        openTip: true, // 显示提示
-        loading: false, // 表单加载状态
-        submitLoading: false, // 加载状态
-        searchForm: {
-          // 搜索框初始化对象
-          pageNumber: 0, // 当前页数
-          pageSize: 100, // 页面大小
+export default {
+  data() {
+    return {
+      promotionStatus: "", // 活动状态
+      showModal: false, // modal显隐
+      openTip: true, // 显示提示
+      loading: false, // 表单加载状态
+      submitLoading: false, // 加载状态
+      searchForm: {
+        // 搜索框初始化对象
+        pageNumber: 0, // 当前页数
+        pageSize: 10, // 页面大小
+      },
+      total: 0, // 总数
+      selectList: [], // 多选数据
+      selectCount: 0, // 多选计数
+      data: [], // 表单数据
+      columns: [
+        // 表头
+        {
+          title: "活动名称",
+          key: "promotionName",
+          minWidth: 120,
         },
-        total: 0, // 总数
-        selectList: [], // 多选数据
-        selectCount: 0, // 多选计数
-        data: [], // 表单数据
-        columns: [ // 表头
-          {
-            title: "活动名称",
-            key: "promotionName",
-            minWidth: 120,
-          },
-          {
-            title: "活动开始时间",
-            key: "startTime",
-          },
-          {
-            title: "报名截止时间",
-            slot: "applyEndTime",
-          },
-          {
-            title: "时间场次",
-            slot: "hours",
-          },
-          {
-            title: "活动状态",
-            key: "promotionStatus",
-            minWidth: 80,
-            sortable: false,
-            render: (h, params) => {
-              if (params.row.promotionStatus == "NEW") {
-                return h("div", [
-                  h("Badge", {
-                    props: {
-                      status: "error",
-                      text: "新建",
-                    },
-                  }),
-                ]);
-              } else if (params.row.promotionStatus == "START") {
-                return h("div", [
-                  h("Badge", {
-                    props: {
-                      status: "success",
-                      text: "开始",
-                    },
-                  }),
-                ]);
-              } else if (params.row.promotionStatus == "END") {
-                return h("div", [
-                  h("Badge", {
-                    props: {
-                      status: "error",
-                      text: "结束",
-                    },
-                  }),
-                ]);
-              } else if (params.row.promotionStatus == "CLOSE") {
-                return h("div", [
-                  h("Badge", {
-                    props: {
-                      status: "error",
-                      text: "废弃",
-                    },
-                  }),
-                ]);
-              }
-            },
-          },
-        ],
-        goodsColumns: [ // 商品表单
-          {
-            title: "商品名称",
-            key: "goodsName",
-            minWidth: 120,
-            tooltip: true
-          },
-          {
-            title: "商品价格",
-            slot: "originalPrice",
-            width: 110,
-          },
-          {
-            title: "库存",
-            slot: "quantity",
-            minWidth: 30,
-            width: 90
-          },
-          {
-            title: "活动价格",
-            slot: "price",
-            width: 100,
-          },
-          {
-            title: "商家名称",
-            key: "storeName",
-            minWidth: 100,
-            tooltip: true
-
-          },
-          {
-            title: "活动场次",
-            width: 100,
-            slot: "time",
-          },
-          // {
-          //   title: "状态",
-          //   slot: "promotionApplyStatus",
-          //   width: 90,
-          // },
-          {
-            title: "操作",
-            slot: "action",
-            width: 150,
-            align: "center",
-          },
-        ],
-        goodsList: [], // 商品列表
-        params: { // 请求参数
-          seckillId: this.$route.query.id,
-          applyStatus: "PASS",
-          failReason: "",
-          ids: "",
+        {
+          title: "活动开始时间",
+          key: "startTime",
         },
-        rules: { // 验证规则
-          failReason: [{required: true, message: "请输入拒绝原因"}],
+        {
+          title: "报名截止时间",
+          slot: "applyEndTime",
         },
-      };
-    },
-    methods: {
-      // 初始化数据
-      init() {
-        this.getSeckillMsg();
-      },
-      // 分页 改变页码
-      changePage(v) {
-        this.searchForm.pageNumber = v;
-        this.getDataList();
-        this.clearSelectAll();
-      },
-      // 分页 改变页数
-      changePageSize(v) {
-        this.searchForm.pageNumber = 1;
-        this.searchForm.pageSize = v;
-        this.getDataList();
-      },
-      // 清除选中状态
-      clearSelectAll() {
-        this.$refs.table.selectAll(false);
-      },
-
-      getDataList() {
-        // 获取商品详情
-        this.loading = true;
-        this.searchForm.seckillId = this.$route.query.id;
-        seckillGoodsList(this.searchForm).then((res) => {
-          this.loading = false;
-          if (res.success && res.result) {
-            this.goodsList = res.result.records;
-            this.total = res.result.total;
-          }
-        });
-      },
-
-      getSeckillMsg() {
-        // 获取活动详情
-        seckillDetail(this.$route.query.id).then((res) => {
-          if (res.success && res.result) {
-            this.data = [];
-            this.data.push(res.result);
-            this.promotionStatus = res.result.promotionStatus;
-            this.getDataList();
-          }
-        });
-      },
-      delGoods(index, row) {
-        // 删除商品
-        this.$Modal.confirm({
-          title: "确认删除",
-          content: "您确认要删除该商品吗?删除后不可恢复",
-          onOk: () => {
-            const params = {
-              seckillId: row.seckillId,
-              id: row.id
+        {
+          title: "时间场次",
+          slot: "hours",
+        },
+        {
+          title: "活动状态",
+          key: "promotionStatus",
+          minWidth: 80,
+          sortable: false,
+          render: (h, params) => {
+            if (params.row.promotionStatus == "NEW") {
+              return h("div", [
+                h("Badge", {
+                  props: {
+                    status: "error",
+                    text: "新建",
+                  },
+                }),
+              ]);
+            } else if (params.row.promotionStatus == "START") {
+              return h("div", [
+                h("Badge", {
+                  props: {
+                    status: "success",
+                    text: "开始",
+                  },
+                }),
+              ]);
+            } else if (params.row.promotionStatus == "END") {
+              return h("div", [
+                h("Badge", {
+                  props: {
+                    status: "error",
+                    text: "结束",
+                  },
+                }),
+              ]);
+            } else if (params.row.promotionStatus == "CLOSE") {
+              return h("div", [
+                h("Badge", {
+                  props: {
+                    status: "error",
+                    text: "废弃",
+                  },
+                }),
+              ]);
             }
-            delSeckillGoods(params).then(res => {
-              if (res.success) {
-                this.goodsList.splice(index, 1);
-                this.$Message.success("删除成功！");
-              }
-            })
           },
-        });
+        },
+      ],
+      goodsColumns: [
+        // 商品表单
+        {
+          title: "商品名称",
+          key: "goodsName",
+          minWidth: 120,
+          tooltip: true,
+        },
+        {
+          title: "商品价格",
+          slot: "originalPrice",
+          width: 110,
+        },
+        {
+          title: "库存",
+          slot: "quantity",
+          minWidth: 30,
+          width: 90,
+        },
+        {
+          title: "活动价格",
+          slot: "price",
+          width: 100,
+        },
+        {
+          title: "商家名称",
+          key: "storeName",
+          minWidth: 100,
+          tooltip: true,
+        },
+        {
+          title: "活动场次",
+          width: 100,
+          slot: "time",
+        },
+        // {
+        //   title: "状态",
+        //   slot: "promotionApplyStatus",
+        //   width: 90,
+        // },
+        {
+          title: "操作",
+          slot: "action",
+          width: 150,
+          align: "center",
+        },
+      ],
+      goodsList: [], // 商品列表
+      params: {
+        // 请求参数
+        seckillId: this.$route.query.id,
+        applyStatus: "PASS",
+        failReason: "",
+        ids: "",
       },
-      unixDate(time) {
-        // 处理报名截止时间
-        return this.$options.filters.unixToDate(new Date(time) / 1000);
+      rules: {
+        // 验证规则
+        failReason: [{ required: true, message: "请输入拒绝原因" }],
       },
-      unixHours(item) {
-        // 处理小时场次
-        let hourArr = item.split(",");
-        for (let i = 0; i < hourArr.length; i++) {
-          hourArr[i] += ":00";
+    };
+  },
+  methods: {
+    // 初始化数据
+    init() {
+      this.getSeckillMsg();
+    },
+    // 分页 改变页码
+    changePage(v) {
+      this.searchForm.pageNumber = v;
+      this.getDataList();
+      this.clearSelectAll();
+    },
+    // 分页 改变页数
+    changePageSize(v) {
+      this.searchForm.pageNumber = 1;
+      this.searchForm.pageSize = v;
+      this.getDataList();
+    },
+    // 清除选中状态
+    clearSelectAll() {
+      this.$refs.table.selectAll(false);
+    },
+
+    getDataList() {
+      // 获取商品详情
+      this.loading = true;
+      this.searchForm.seckillId = this.$route.query.id;
+      seckillGoodsList(this.searchForm).then((res) => {
+        this.loading = false;
+        if (res.success && res.result) {
+          this.goodsList = res.result.records;
+          this.total = res.result.total;
         }
-        return hourArr;
+      });
+    },
+
+    getSeckillMsg() {
+      // 获取活动详情
+      seckillDetail(this.$route.query.id).then((res) => {
+        if (res.success && res.result) {
+          this.data = [];
+          this.data.push(res.result);
+          this.promotionStatus = res.result.promotionStatus;
+          this.getDataList();
+        }
+      });
+    },
+    delGoods(index, row) {
+      // 删除商品
+      this.$Modal.confirm({
+        title: "确认删除",
+        content: "您确认要删除该商品吗?删除后不可恢复",
+        onOk: () => {
+          const params = {
+            seckillId: row.seckillId,
+            id: row.id,
+          };
+          delSeckillGoods(params).then((res) => {
+            if (res.success) {
+              this.goodsList.splice(index, 1);
+              this.$Message.success("删除成功！");
+            }
+          });
+        },
+      });
+    },
+    unixDate(time) {
+      // 处理报名截止时间
+      return this.$options.filters.unixToDate(new Date(time) / 1000);
+    },
+    unixHours(item) {
+      // 处理小时场次
+      let hourArr = item.split(",");
+      for (let i = 0; i < hourArr.length; i++) {
+        hourArr[i] += ":00";
       }
+      return hourArr;
     },
-    mounted() {
-      this.init();
-    },
-  };
+  },
+  mounted() {
+    this.init();
+  },
+};
 </script>
 <style lang="scss" scoped>
-  .operation {
-    margin: 10px 0;
-  }
+.operation {
+  margin: 10px 0;
+}
 
-  .reason {
-    cursor: pointer;
-    color: #2d8cf0;
-    font-size: 12px;
-  }
+.reason {
+  cursor: pointer;
+  color: #2d8cf0;
+  font-size: 12px;
+}
 </style>
diff --git a/manager/src/views/sys/setting-manage/pay/WECHAT_PAYMENT.vue b/manager/src/views/sys/setting-manage/pay/WECHAT_PAYMENT.vue
index 4d728e7a..3bb70023 100644
--- a/manager/src/views/sys/setting-manage/pay/WECHAT_PAYMENT.vue
+++ b/manager/src/views/sys/setting-manage/pay/WECHAT_PAYMENT.vue
@@ -1,54 +1,58 @@
 <template>
   <div class="layout">
-    <Form ref="formValidate" :label-width="150" label-position="right" :model="formValidate" :rules="ruleValidate">
+    <Form
+      ref="formValidate"
+      :label-width="150"
+      label-position="right"
+      :model="formValidate"
+      :rules="ruleValidate"
+    >
       <FormItem label="appId" prop="appId">
-        <Input class="w200" v-model="formValidate.appId"/>
+        <Input class="w200" v-model="formValidate.appId" />
         <p style="color: red">*APP应用 AppID 非必填</p>
       </FormItem>
       <FormItem label="mpAppId" prop="mpAppId">
-        <Input class="w200" v-model="formValidate.mpAppId"/>
+        <Input class="w200" v-model="formValidate.mpAppId" />
         <p style="color: red">*小程序 AppID 非必填</p>
       </FormItem>
       <FormItem label="serviceAppId" prop="serviceAppId">
-        <Input class="w200" v-model="formValidate.serviceAppId"/>
+        <Input class="w200" v-model="formValidate.serviceAppId" />
         <p style="color: red">*服务号 AppID 非必填</p>
       </FormItem>
       <FormItem label="mchId" prop="mchId">
-        <Input class="w200" v-model="formValidate.mchId"/>
+        <Input class="w200" v-model="formValidate.mchId" />
       </FormItem>
       <FormItem label="apiKey3" prop="apiKey3">
-        <Input v-model="formValidate.apiKey3"/>
+        <Input v-model="formValidate.apiKey3" />
       </FormItem>
       <FormItem label="apiclient_cert_p12" class="label-item" prop="apiclient_cert_p12">
-        <Input v-model="formValidate.apiclient_cert_p12"/>
+        <Input v-model="formValidate.apiclient_cert_p12" />
       </FormItem>
       <FormItem label="apiclient_cert_pem" prop="apiclient_cert_pem">
-        <Input v-model="formValidate.apiclient_cert_pem"/>
+        <Input v-model="formValidate.apiclient_cert_pem" />
       </FormItem>
       <FormItem label="apiclient_key" prop="apiclient_key">
-        <Input v-model="formValidate.apiclient_key"/>
+        <Input v-model="formValidate.apiclient_key" />
       </FormItem>
 
       <FormItem label="serialNumber" prop="serialNumber">
-        <Input v-model="formValidate.serialNumber"/>
+        <Input v-model="formValidate.serialNumber" />
       </FormItem>
       <div class="label-btns">
         <Button type="primary" @click="submit('formValidate')">保存</Button>
-
       </div>
     </Form>
   </div>
 </template>
 <script>
-import {setSetting} from "@/api/index";
-import {handleSubmit} from "../setting/validate";
+import { setSetting } from "@/api/index";
+import { handleSubmit } from "../setting/validate";
 
 export default {
   data() {
     return {
       ruleValidate: {}, // 验证规则
-      formValidate: {},// 表单数据
-
+      formValidate: {}, // 表单数据
     };
   },
   props: ["res", "type"],
@@ -76,10 +80,9 @@ export default {
     init() {
       this.res = JSON.parse(this.res);
 
-      this.$set(this, "formValidate", {...this.res});
+      this.$set(this, "formValidate", { ...this.res });
       Object.keys(this.formValidate).forEach((item) => {
         if (item.indexOf("pId") < 0) {
-
           this.ruleValidate[item] = [
             {
               required: true,
@@ -87,7 +90,6 @@ export default {
               trigger: "blur",
             },
           ];
-
         }
       });
     },