商品列表修改完毕 等待置换活动对接

1

src/views/businessManager/shopManager/shopOperation.vue

@@ -1,71 +1,80 @@
 <template>
   <div class="m-container">
     <h2>
-      <el-page-header @back="onCancel"
-                      :content="(pageTitle[pageType]) + '商品'"></el-page-header>
+      <el-page-header
+        @back="onCancel"
+        :content="pageTitle[pageType] + '商品'"
+      ></el-page-header>
     </h2>
 
     <div class="m-core">
-      <el-form :model="form"
-               :rules="rules"
-               ref="form"
-               label-width="120px">
-        <el-form-item label="货号"
-                      prop="sn">
-          <el-input v-model.trim="form.sn"
-                    :disabled="pageDisabled"
-                    placeholder="请输入货号"
-                    style="width: 400px"></el-input>
+      <el-form :model="form" :rules="rules" ref="form" label-width="120px">
+        <el-form-item label="货号" prop="sn">
+          <el-input
+            v-model.trim="form.sn"
+            :disabled="pageDisabled"
+            placeholder="请输入货号"
+            style="width: 400px"
+          ></el-input>
         </el-form-item>
-        <el-form-item label="品牌"
-                      prop="brand">
-          <el-input v-model.trim="form.brand"
-                    :disabled="pageDisabled"
-                    placeholder="请输入品牌"
-                    style="width: 400px"></el-input>
+        <el-form-item label="品牌" prop="brand">
+          <el-input
+            v-model.trim="form.brand"
+            :disabled="pageDisabled"
+            placeholder="请输入品牌"
+            style="width: 400px"
+          ></el-input>
         </el-form-item>
         <!-- <el-form-item label="备查货号" prop="supplyChannel" v-if="pageType == 'create'">
           <el-input v-model.trim="form.supplyChannel" placeholder="请输入备查货号" style="width: 400px"></el-input>
         </el-form-item> -->
-        <el-form-item label="商品名称"
-                      prop="name">
-          <el-input v-model.trim="form.name"
-                    placeholder="请输入商品名称"
-                    :disabled="pageDisabled"
-                    style="width: 400px"></el-input>
+        <el-form-item label="商品名称" prop="name">
+          <el-input
+            v-model.trim="form.name"
+            placeholder="请输入商品名称"
+            :disabled="pageDisabled"
+            style="width: 400px"
+          ></el-input>
         </el-form-item>
-        <el-form-item label="商品类型"
-                      prop="type">
-          <el-select v-model.trim="form.type"
-                     placeholder="请选择商品类型"
-                     :disabled="pageDisabled"
-                     style="width: 400px !important;">
-            <el-option v-for="(item, index) in goodsType"
-                       :key="index"
-                       :label="item.label"
-                       :value="item.value"></el-option>
+        <el-form-item label="商品类型" prop="type">
+          <el-select
+            v-model.trim="form.type"
+            placeholder="请选择商品类型"
+            :disabled="pageDisabled"
+            style="width: 400px !important"
+          >
+            <el-option
+              v-for="(item, index) in goodsType"
+              :key="index"
+              :label="item.label"
+              :value="item.value"
+            ></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="商品分类"
-                      prop="goodsCategoryId">
-          <el-select v-model.trim="form.goodsCategoryId"
-                     placeholder="请选择商品分类"
-                     :disabled="pageDisabled"
-                     style="width: 400px !important;"
-                     filterable>
-            <el-option v-for="item in categoryList"
-                       :key="item.value"
-                       :label="item.label"
-                       :value="item.value">
+        <el-form-item label="商品分类" prop="goodsCategoryId">
+          <el-select
+            v-model.trim="form.goodsCategoryId"
+            placeholder="请选择商品分类"
+            :disabled="pageDisabled"
+            style="width: 400px !important"
+            filterable
+          >
+            <el-option
+              v-for="item in categoryList"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            >
             </el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="商品型号"
-                      prop="specification">
-          <el-input v-model.trim="form.specification"
-                    placeholder="请输入商品型号"
-                    :disabled="pageDisabled"
-                    style="width: 400px"></el-input>
+        <el-form-item label="商品型号" prop="specification">
+          <el-input
+            v-model.trim="form.specification"
+            placeholder="请输入商品型号"
+            :disabled="pageDisabled"
+            style="width: 400px"
+          ></el-input>
         </el-form-item>
         <!-- <el-form-item label="内部库存" prop="stockCount">
           <el-input type="number" :disabled="pageType != 'create'" v-model.trim="form.stockCount" placeholder="请输入内部库存" style="width: 400px"></el-input>
@@ -73,124 +82,138 @@
         <el-form-item label="税务库存" prop="taxStockCount">
           <el-input type="number" :disabled="pageType != 'create'" v-model.trim="form.taxStockCount" placeholder="请输入税务库存" style="width: 400px"></el-input>
         </el-form-item> -->
-        <el-form-item label="库存类型"
-                      prop="stockType">
-          <el-select v-model="form.stockType"
-                     placeholder="请选择库存类型"
-                     :disabled="pageDisabled"
-                     style="width: 400px !important;">
-            <el-option v-for="(item, index) in stockType"
-                       :key="index"
-                       :label="item.label"
-                       :value="item.value"></el-option>
+        <el-form-item label="库存类型" prop="stockType">
+          <el-select
+            v-model="form.stockType"
+            placeholder="请选择库存类型"
+            :disabled="pageDisabled"
+            style="width: 400px !important"
+          >
+            <el-option
+              v-for="(item, index) in stockType"
+              :key="index"
+              :label="item.label"
+              :value="item.value"
+            ></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="市场价"
-                      prop="marketPrice">
-          <el-input type="number"
-                    placeholder="请输入市场价"
-                    :disabled="pageDisabled"
-                    @mousewheel.native.prevent
-                    v-model.trim="form.marketPrice"
-                    style="width: 400px"></el-input>
+        <el-form-item label="市场价" prop="marketPrice">
+          <el-input
+            type="number"
+            placeholder="请输入市场价"
+            :disabled="pageDisabled"
+            @mousewheel.native.prevent
+            v-model.trim="form.marketPrice"
+            style="width: 400px"
+          ></el-input>
         </el-form-item>
-        <el-form-item label="零售价"
-                      prop="discountPrice">
-          <el-input type="number"
-                    placeholder="请输入零售价"
-                    @mousewheel.native.prevent
-                    :disabled="pageDisabled"
-                    v-model.trim="form.discountPrice"
-                    style="width: 400px"></el-input>
+        <el-form-item label="零售价" prop="discountPrice">
+          <el-input
+            type="number"
+            placeholder="请输入零售价"
+            @mousewheel.native.prevent
+            :disabled="pageDisabled"
+            v-model.trim="form.discountPrice"
+            style="width: 400px"
+          ></el-input>
         </el-form-item>
-        <el-form-item label="商品团购价"
-                      prop="groupPurchasePrice">
-          <el-input type="number"
-                    placeholder="请输入商品团购价"
-                    @mousewheel.native.prevent
-                    :disabled="pageDisabled"
-                    v-model.trim="form.groupPurchasePrice"
-                    style="width: 400px"></el-input>
+        <el-form-item label="商品团购价" prop="groupPurchasePrice">
+          <el-input
+            type="number"
+            placeholder="请输入商品团购价"
+            @mousewheel.native.prevent
+            :disabled="pageDisabled"
+            v-model.trim="form.groupPurchasePrice"
+            style="width: 400px"
+          ></el-input>
         </el-form-item>
-        <el-form-item label="学员是否展示"
-                      prop="clientShow">
-          <el-select v-model="form.clientShow"
-                     placeholder="请选择学员是否展示"
-                     style="width: 400px !important;">
-            <el-option label="是"
-                       :value="1"></el-option>
-            <el-option label="否"
-                       :value="0"></el-option>
+        <el-form-item label="学员是否展示" prop="clientShow">
+          <el-select
+            v-model="form.clientShow"
+            placeholder="请选择学员是否展示"
+            style="width: 400px !important"
+          >
+            <el-option label="是" :value="1"></el-option>
+            <el-option label="否" :value="0"></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="教务端是否展示"
-                      prop="educationalShow">
-          <el-select v-model="form.educationalShow"
-                     placeholder="请选择教务端是否展示"
-                     style="width: 400px !important;">
-            <el-option label="是"
-                       :value="1"></el-option>
-            <el-option label="否"
-                       :value="0"></el-option>
+        <el-form-item label="教务端是否展示" prop="educationalShow">
+          <el-select
+            v-model="form.educationalShow"
+            placeholder="请选择教务端是否展示"
+            style="width: 400px !important"
+          >
+            <el-option label="是" :value="1"></el-option>
+            <el-option label="否" :value="0"></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="乐团是否展示"
-                      prop="musicGroupShow">
-          <el-select v-model="form.musicGroupShow"
-                     placeholder="请选择乐团是否展示"
-                     style="width: 400px !important;">
-            <el-option label="是"
-                       :value="1"></el-option>
-            <el-option label="否"
-                       :value="0"></el-option>
+        <el-form-item label="乐团是否展示" prop="musicGroupShow">
+          <el-select
+            v-model="form.musicGroupShow"
+            placeholder="请选择乐团是否展示"
+            style="width: 400px !important"
+          >
+            <el-option label="是" :value="1"></el-option>
+            <el-option label="否" :value="0"></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="是否库存预警"
-                      prop="stockWarning">
-          <el-select v-model="form.stockWarning"
-                     placeholder="请选择库存预警"
-                     :disabled="pageDisabled"
-                     style="width: 400px !important;">
-            <el-option label="是"
-                       :value="1"></el-option>
-            <el-option label="否"
-                       :value="0"></el-option>
+        <el-form-item label="是否库存预警" prop="stockWarning">
+          <el-select
+            v-model="form.stockWarning"
+            placeholder="请选择库存预警"
+            :disabled="pageDisabled"
+            style="width: 400px !important"
+          >
+            <el-option label="是" :value="1"></el-option>
+            <el-option label="否" :value="0"></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="商品图片"
-                      prop="image">
-          <el-upload class="avatar-uploader"
-                     action="/api-web/uploadFile"
-                     accept=".jpg, .jpeg, .png"
-                     :headers="headers"
-                     :disabled="pageDisabled"
-                     :show-file-list="false"
-                     :on-success="handleAvatarSuccess"
-                     :before-upload="beforeAvatarUpload">
-            <img v-if="form.image"
-                 :src="form.image"
-                 class="avatar">
-            <i v-else
-               class="el-icon-plus avatar-uploader-icon"></i>
+        <el-form-item label="是否参与置换" prop="replacementShow">
+          <el-select
+            v-model="form.replacementShow"
+            placeholder="请选择库存预警"
+            :disabled="pageDisabled"
+            style="width: 400px !important"
+          >
+            <el-option label="是" :value="1"></el-option>
+            <el-option label="否" :value="0"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="商品图片" prop="image">
+          <el-upload
+            class="avatar-uploader"
+            action="/api-web/uploadFile"
+            accept=".jpg, .jpeg, .png"
+            :headers="headers"
+            :disabled="pageDisabled"
+            :show-file-list="false"
+            :on-success="handleAvatarSuccess"
+            :before-upload="beforeAvatarUpload"
+          >
+            <img v-if="form.image" :src="form.image" class="avatar" />
+            <i v-else class="el-icon-plus avatar-uploader-icon"></i>
           </el-upload>
         </el-form-item>
-        <el-form-item label="商品描述"
-                      prop="brief">
-          <el-input type="textarea"
-                    v-model.trim="form.brief"
-                    :disabled="pageDisabled"
-                    style="width: 400px"></el-input>
+        <el-form-item label="商品描述" prop="brief">
+          <el-input
+            type="textarea"
+            v-model.trim="form.brief"
+            :disabled="pageDisabled"
+            style="width: 400px"
+          ></el-input>
         </el-form-item>
-        <el-form-item label="商品详情"
-                      prop="desc">
-          <el-input type="textarea"
-                    v-model.trim="form.desc"
-                    :disabled="pageDisabled"
-                    style="width: 400px"></el-input>
+        <el-form-item label="商品详情" prop="desc">
+          <el-input
+            type="textarea"
+            v-model.trim="form.desc"
+            :disabled="pageDisabled"
+            style="width: 400px"
+          ></el-input>
         </el-form-item>
         <el-form-item v-if="!pageDisabled">
-          <el-button @click="onSubmit('form')"
-                     type="primary">立即{{ pageType == "create" ? '创建' : '修改' }}</el-button>
+          <el-button @click="onSubmit('form')" type="primary"
+            >立即{{ pageType == "create" ? "创建" : "修改" }}</el-button
+          >
           <el-button @click="onReSet('form')">重置</el-button>
         </el-form-item>
       </el-form>
@@ -202,48 +225,46 @@ import {
   categoryListTree,
   goodsAdd,
   goodsUpdate,
-  goodsSingleQuery
-} from '@/api/businessManager'
-import {
-  getToken
-} from '@/utils/auth'
-import { goodsType, stockType } from '@/utils/searchArray'
+  goodsSingleQuery,
+} from "@/api/businessManager";
+import { getToken } from "@/utils/auth";
+import { goodsType, stockType } from "@/utils/searchArray";
 let validPrice = (rule, value, callback) => {
-  if (value == '' && typeof value == 'string' || value == null) {
-    callback(new Error('请输入金额'))
+  if ((value == "" && typeof value == "string") || value == null) {
+    callback(new Error("请输入金额"));
   } else if (value < 0) {
-    callback(new Error('输入金额必须大于或等于0'))
+    callback(new Error("输入金额必须大于或等于0"));
   } else if (value >= 100000) {
-    callback(new Error('输入金额必须小于100000'))
+    callback(new Error("输入金额必须小于100000"));
   } else {
-    callback()
+    callback();
   }
-}
+};
 let validStock = (rule, value, callback) => {
-  if (value == '' && typeof value == 'string' || value == null) {
-    callback(new Error('请输入库存'))
+  if ((value == "" && typeof value == "string") || value == null) {
+    callback(new Error("请输入库存"));
   } else if (value < 0) {
-    callback(new Error('库存数量必须大于或等于0'))
+    callback(new Error("库存数量必须大于或等于0"));
   } else {
-    callback()
+    callback();
   }
-}
+};
 export default {
-  name: 'shopOperation',
-  data () {
+  name: "shopOperation",
+  data() {
     return {
       goodsType: goodsType,
       stockType: stockType,
       categoryList: [],
       pageType: null,
       pageTitle: {
-        'create': '添加',
-        'update': '修改',
-        'look': '查看',
+        create: "添加",
+        update: "修改",
+        look: "查看",
       },
       pageDisabled: false,
       headers: {
-        Authorization: getToken()
+        Authorization: getToken(),
       },
       form: {
         sn: null,
@@ -265,186 +286,215 @@ export default {
         stockWarning: null,
         image: null,
         brief: null,
-        desc: null
+        desc: null,
+        replacementShow:null
+
       },
       rules: {
-        sn: [{ required: true, message: '请输入商品货号', trigger: 'blur' }],
-        brand: [{
-          required: true,
-          message: '请输入品牌',
-          trigger: 'blur'
-        },
-        {
-          min: 2,
-          max: 30,
-          message: '长度在 2 到 30 个字符',
-          trigger: 'blur'
-        }
+        sn: [{ required: true, message: "请输入商品货号", trigger: "blur" }],
+        brand: [
+          {
+            required: true,
+            message: "请输入品牌",
+            trigger: "blur",
+          },
+          {
+            min: 2,
+            max: 30,
+            message: "长度在 2 到 30 个字符",
+            trigger: "blur",
+          },
         ],
         supplyChannel: [
-          { required: true, message: '请输入备查货号', trigger: 'blur' }
+          { required: true, message: "请输入备查货号", trigger: "blur" },
         ],
-        name: [{
-          required: true,
-          message: '请输入商品名称',
-          trigger: 'blur'
-        },
-        {
-          min: 2,
-          max: 30,
-          message: '长度在 2 到 30 个字符',
-          trigger: 'blur'
-        }
+        name: [
+          {
+            required: true,
+            message: "请输入商品名称",
+            trigger: "blur",
+          },
+          {
+            min: 2,
+            max: 30,
+            message: "长度在 2 到 30 个字符",
+            trigger: "blur",
+          },
         ],
-        type: [{
-          required: true,
-          message: '请选择商品分类',
-          trigger: 'change'
-        }],
-        goodsCategoryId: [{
-          required: true,
-          message: '请选择商品类型',
-          trigger: 'change'
-        }],
-        specification: [{
-          required: true,
-          message: '请输入商品型号',
-          trigger: 'blur'
-        },
-        {
-          min: 2,
-          max: 30,
-          message: '长度在 2 到 30 个字符',
-          trigger: 'blur'
-        }
+        type: [
+          {
+            required: true,
+            message: "请选择商品分类",
+            trigger: "change",
+          },
+        ],
+        goodsCategoryId: [
+          {
+            required: true,
+            message: "请选择商品类型",
+            trigger: "change",
+          },
+        ],
+        specification: [
+          {
+            required: true,
+            message: "请输入商品型号",
+            trigger: "blur",
+          },
+          {
+            min: 2,
+            max: 30,
+            message: "长度在 2 到 30 个字符",
+            trigger: "blur",
+          },
         ],
         stockCount: [
-          { required: true, validator: validStock, trigger: 'blur' }
+          { required: true, validator: validStock, trigger: "blur" },
         ],
         taxStockCount: [
-          { required: true, validator: validStock, trigger: 'blur' }
+          { required: true, validator: validStock, trigger: "blur" },
         ],
         stockType: [
-          { required: true, message: '请选择库存类型', trigger: 'change' }
+          { required: true, message: "请选择库存类型", trigger: "change" },
+        ],
+        marketPrice: [
+          {
+            required: true,
+            validator: validPrice,
+            trigger: "blur",
+          },
+        ],
+        discountPrice: [
+          {
+            required: true,
+            validator: validPrice,
+            trigger: "blur",
+          },
+        ],
+        groupPurchasePrice: [
+          {
+            required: true,
+            validator: validPrice,
+            trigger: "blur",
+          },
         ],
-        marketPrice: [{
-          required: true,
-          validator: validPrice,
-          trigger: 'blur'
-        }],
-        discountPrice: [{
-          required: true,
-          validator: validPrice,
-          trigger: 'blur'
-        }],
-        groupPurchasePrice: [{
-          required: true,
-          validator: validPrice,
-          trigger: 'blur'
-        }],
         clientShow: [
-          { required: true, message: '请选择学员是否展示', trigger: 'change' }
+          { required: true, message: "请选择学员是否展示", trigger: "change" },
+        ],
+        replacementShow:[
+          { required: true, message: "是否参与乐器置换", trigger: "change" },
         ],
         educationalShow: [
-          { required: true, message: '请选择教务端是否展示', trigger: 'change' }
+          {
+            required: true,
+            message: "请选择教务端是否展示",
+            trigger: "change",
+          },
         ],
         musicGroupShow: [
-          { required: true, message: '请选择乐团是否展示', trigger: 'change' }
+          { required: true, message: "请选择乐团是否展示", trigger: "change" },
         ],
         stockWarning: [
-          { required: true, message: '请选择是否库存预警', trigger: 'change' }
+          { required: true, message: "请选择是否库存预警", trigger: "change" },
+        ],
+        image: [
+          {
+            required: true,
+            message: "请选择图片",
+            trigger: "blur",
+          },
+        ],
+        brief: [
+          {
+            required: true,
+            message: "请输入商品描述",
+            trigger: "blur",
+          },
+        ],
+        desc: [
+          {
+            required: true,
+            message: "请输入商品详情",
+            trigger: "blur",
+          },
         ],
-        image: [{
-          required: true,
-          message: '请选择图片',
-          trigger: 'blur'
-        }],
-        brief: [{
-          required: true,
-          message: '请输入商品描述',
-          trigger: 'blur'
-        }],
-        desc: [{
-          required: true,
-          message: '请输入商品详情',
-          trigger: 'blur'
-        }]
       },
       Fsearch: null,
       Frules: null,
       imageWidthM: 400,
-      imageHeightM: 400
-    }
+      imageHeightM: 400,
+    };
   },
-  mounted () {
-    this.init()
+  mounted() {
+    this.init();
   },
   methods: {
-    init () {
-      let query = this.$route.query
+    init() {
+      let query = this.$route.query;
       if (query.paramInfo) {
-        let paramInfo = JSON.parse(query.paramInfo)
-        this.pageType = paramInfo.type
-        this.id = paramInfo.id
+        let paramInfo = JSON.parse(query.paramInfo);
+        this.pageType = paramInfo.type;
+        this.id = paramInfo.id;
       }
-      this.pageDisabled = this.pageType == 'look' ? true : false
-      this.getList()
-      this.getCatagory()
+      this.pageDisabled = this.pageType == "look" ? true : false;
+      this.getList();
+      this.getCatagory();
     },
-    onSubmit (formName) {
+    onSubmit(formName) {
       this.$refs[formName].validate((valid) => {
         if (valid) {
-          if (this.pageType == 'create') {
-            if (this.form.id) { // 判断有没有Id，如果有则删除
-              delete this.form.id
+          if (this.pageType == "create") {
+            if (this.form.id) {
+              // 判断有没有Id，如果有则删除
+              delete this.form.id;
             }
-            this.form.status = 'NO' // 默认上架
-            goodsAdd(this.form).then(res => {
-              this.messageTips('添加', res)
-            })
-          } else if (this.pageType == 'update') {
-            goodsUpdate(this.form).then(res => {
-              this.messageTips('修改', res)
-            })
+            this.form.status = "NO"; // 默认上架
+            goodsAdd(this.form).then((res) => {
+              this.messageTips("添加", res);
+            });
+          } else if (this.pageType == "update") {
+            goodsUpdate(this.form).then((res) => {
+              this.messageTips("修改", res);
+            });
           }
         } else {
           this.$nextTick(() => {
-            let isError = document.getElementsByClassName('is-error')
+            let isError = document.getElementsByClassName("is-error");
             isError[0].scrollIntoView({
-              block: 'center',
-              behavior: 'smooth',
-            })
-          })
-          return false
+              block: "center",
+              behavior: "smooth",
+            });
+          });
+          return false;
         }
-      })
+      });
     },
-    messageTips (title, res) {
+    messageTips(title, res) {
       if (res.code == 200) {
-        this.$message.success(title + '成功')
-        this.$store.dispatch('delVisitedViews', this.$route)
+        this.$message.success(title + "成功");
+        this.$store.dispatch("delVisitedViews", this.$route);
         this.$router.push({
-          path: '/shopManager/shopManager',
+          path: "/shopManager/shopManager",
           query: {
             pageInfo: this.Frules,
-            searchForm: this.Fsearch
-          }
-        })
+            searchForm: this.Fsearch,
+          },
+        });
       } else {
-        this.$message.error(res.msg)
+        this.$message.error(res.msg);
       }
     },
-    onCancel () {
-      this.$store.dispatch('delVisitedViews', this.$route)
+    onCancel() {
+      this.$store.dispatch("delVisitedViews", this.$route);
       this.$router.push({
-        path: '/shopManager/shopManager'
-      })
+        path: "/shopManager/shopManager",
+      });
     },
-    onReSet (formName) {
-      this.$refs[formName].resetFields()
+    onReSet(formName) {
+      this.$refs[formName].resetFields();
     },
-    getList () {
-      if (this.pageType == 'create') {
+    getList() {
+      if (this.pageType == "create") {
         this.form = {
           sn: null,
           brand: null,
@@ -465,16 +515,15 @@ export default {
           stockWarning: null,
           image: null,
           brief: null,
-          desc: null
-        }
-        if (this.$refs['form']) {
-          this.$refs['form'].resetFields();
+          desc: null,
+        };
+        if (this.$refs["form"]) {
+          this.$refs["form"].resetFields();
         }
-
       } else {
-        goodsSingleQuery(this.id).then(res => {
+        goodsSingleQuery(this.id).then((res) => {
           if (res.code == 200) {
-            let result = res.data
+            let result = res.data;
             this.form = {
               id: result.id,
               sn: result.sn,
@@ -496,83 +545,85 @@ export default {
               stockWarning: result.stockWarning,
               image: result.image,
               brief: result.brief,
-              desc: result.desc
-            }
+              desc: result.desc,
+              replacementShow:result.replacementShow
+            };
           }
-        })
+        });
       }
-
     },
-    getCatagory () {
+    getCatagory() {
       categoryListTree({
         delFlag: 0,
-        rows: 9999
-      }).then(res => {
-        let result = res.data
+        rows: 9999,
+      }).then((res) => {
+        let result = res.data;
         if (res.code == 200) {
-          let tempArray = []
-          result.rows.forEach(row => {
+          let tempArray = [];
+          result.rows.forEach((row) => {
             tempArray.push({
               label: row.name,
-              value: row.id
-            })
-          })
-          this.categoryList = tempArray
+              value: row.id,
+            });
+          });
+          this.categoryList = tempArray;
         }
-      })
+      });
     },
-    handleAvatarSuccess (res, file) {
-      this.form.image = res.data.url
-
+    handleAvatarSuccess(res, file) {
+      this.form.image = res.data.url;
     },
-    beforeAvatarUpload (file) {
+    beforeAvatarUpload(file) {
       const imageType = {
-        'image/png': true,
-        'image/jpeg': true
-      }
-      const isImage = imageType[file.type]
-      const isLt2M = file.size / 1024 / 1024 < 2
-      const imageWidth = this.imageWidthM
-      const imageHeigh = this.imageHeightM
-      const _URL = window.URL || window.webkitURL
+        "image/png": true,
+        "image/jpeg": true,
+      };
+      const isImage = imageType[file.type];
+      const isLt2M = file.size / 1024 / 1024 < 2;
+      const imageWidth = this.imageWidthM;
+      const imageHeigh = this.imageHeightM;
+      const _URL = window.URL || window.webkitURL;
       const isSize = new Promise((resolve, reject) => {
-        const img = new Image()
+        const img = new Image();
         img.onload = function () {
-
           if (imageWidth && imageHeigh) {
-            this.width === imageWidth && this.height === imageHeigh ? resolve() : reject(`请上传${imageWidth}x${imageHeigh}尺寸图片`)
+            this.width === imageWidth && this.height === imageHeigh
+              ? resolve()
+              : reject(`请上传${imageWidth}x${imageHeigh}尺寸图片`);
           } else if (imageWidth && !imageHeigh) {
-            this.width === imageWidth ? resolve() : reject(`请上传宽为${imageWidth}的图片`)
+            this.width === imageWidth
+              ? resolve()
+              : reject(`请上传宽为${imageWidth}的图片`);
           } else if (!imageWidth && imageHeigh) {
-            this.height === imageHeigh ? resolve() : reject(`请上传高为${imageHeigh}的图片`)
+            this.height === imageHeigh
+              ? resolve()
+              : reject(`请上传高为${imageHeigh}的图片`);
+          } else {
+            resolve();
           }
-          else {
-            resolve()
-          }
-
-        }
-        img.src = _URL.createObjectURL(file)
+        };
+        img.src = _URL.createObjectURL(file);
       }).then(
         () => {
-          return file
+          return file;
         },
         (src) => {
           this.$message.error(src);
-          this.uploadImgLoading = false
-          return Promise.reject()
+          this.uploadImgLoading = false;
+          return Promise.reject();
         }
-      )
-      console.log(isSize)
+      );
+      console.log(isSize);
       if (!isImage) {
-        this.$message.error('只能上传图片格式!')
+        this.$message.error("只能上传图片格式!");
       }
       if (!isLt2M) {
-        this.$message.error('上传头像图片大小不能超过 2MB!')
+        this.$message.error("上传头像图片大小不能超过 2MB!");
       }
       return isImage && isLt2M && isSize;
     },
-  }
-}
+  },
+};
 </script>
 <style lang="scss" scoped>
 .el-button--primary {