暂存

src/views/goodStore/active/add.vue

@@ -134,7 +134,7 @@
           </el-col>
         </el-row>
       </el-form>
-      <search-good-online-modal />
+      <search-good-online-modal :once="once" :show-model="showModel" />
     </div>
     <div v-else>
       <no-auth></no-auth>
@@ -171,6 +171,8 @@ export default {
       size: "small",
       activeName: "3",
       loading: false,
+      showModel: false,
+      once: false,
       ruleForm: {
         activity_name: "",
         platform_code: "",
@@ -193,8 +195,9 @@ export default {
       console.log(row);
     },
     openEdit(type, id) {
+      this.showModel = true;
       console.log(type);
-       console.log(id);
+      console.log(id);
     },
     async initData() {
       this.loading = true;

src/views/goodStore/active/components/baseForm.vue

@@ -1,755 +0,0 @@
-<template>
-  <el-form
-    :model="ruleForm"
-    status-icon
-    :rules="rulesThis"
-    ref="ruleForm"
-    :size="'mini'"
-    label-width="110px"
-    class="demo-ruleForm"
-  >
-    <el-row>
-      <el-col :span="1" class="dtitle">
-        <ul style="padding: 150px 0 0 0">
-          <li>基</li>
-          <li>础</li>
-          <li>信</li>
-          <li>息</li>
-        </ul>
-      </el-col>
-      <el-col :span="23" class="dmain">
-        <el-row>
-          <el-col :span="8">
-            <el-form-item label="商品分类" prop="a1">
-              111
-              <!-- <good-class
-                :value="ruleForm.a1"
-                @handleChange="goods_class_change"
-                :disabled="false"
-                :size="'mini'"
-                :isDetail="false"
-                :placeholder="'商品分类'"
-              /> -->
-            </el-form-item>
-            <el-form-item label="商品品牌" prop="a2">
-              <search-brand
-                :value="ruleForm.a2"
-                :disabled="false"
-                :size="'mini'"
-                :isDetail="false"
-                :placeholder="'商品品牌'"
-                @searchChange="a2searchChange"
-              />
-            </el-form-item>
-            <el-form-item label="重量" prop="a3">
-              <el-input
-                placeholder="重量"
-                v-model="ruleForm.a3"
-                type="number"
-                :min="0"
-                :max="9999999999.99"
-                :step="2"
-              >
-                <template slot="append">g</template>
-              </el-input>
-            </el-form-item>
-
-            <el-form-item label="是否定制" prop="a4">
-              <el-select
-                v-model="ruleForm.a4"
-                filterable
-                clearable
-                style="width: 100%"
-                placeholder="是否定制"
-              >
-                <el-option
-                  v-for="group in options1"
-                  :key="group.id"
-                  :label="group.name"
-                  :value="group.id"
-                />
-              </el-select>
-            </el-form-item>
-            <el-form-item label="是否库存品" prop="a5">
-              <el-select
-                v-model="ruleForm.a5"
-                filterable
-                clearable
-                style="width: 100%"
-                placeholder="是否库存品"
-              >
-                <el-option
-                  v-for="group in options4"
-                  :key="group.id"
-                  :label="group.name"
-                  :value="group.id"
-                />
-              </el-select>
-            </el-form-item>
-            <el-form-item label="供应商" prop="a6">
-              <search-supplier
-                :value="ruleForm.a6"
-                :placeholder="'供应商'"
-                :disabled="false"
-                :size="'mini'"
-                :isDetail="false"
-                @searchChange="a6searchChange"
-              />
-            </el-form-item>
-            <el-form-item label="销售权限" prop="a7">
-              <el-select
-                v-model="ruleForm.a7"
-                filterable
-                clearable
-                style="width: 100%"
-                placeholder="销售权限"
-              >
-                <el-option
-                  v-for="group in options3"
-                  :key="group.id"
-                  :label="group.name"
-                  :value="group.id"
-                />
-              </el-select>
-            </el-form-item>
-            <el-form-item label="税点" prop="a8">
-              <search-tax
-                :value="ruleForm.a8"
-                :disabled="false"
-                :size="'mini'"
-                :isDetail="false"
-                :placeholder="'税点'"
-                @searchChange="a8searchChange"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="16">
-            <el-form-item label="商品名称" prop="b1">
-              <el-input
-                placeholder="请输入商品名称"
-                maxlength="100"
-                v-model="ruleForm.b1"
-              ></el-input>
-            </el-form-item>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="商品单位" prop="b2">
-                  <search-unit
-                    :value="ruleForm.b2"
-                    :disabled="false"
-                    :size="'mini'"
-                    :isDetail="false"
-                    :placeholder="'商品单位'"
-                    @searchChange="b2searchChange"
-                  />
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="专属类型" prop="b3">
-                  <el-select
-                    v-model="ruleForm.b3"
-                    filterable
-                    clearable
-                    style="width: 100%"
-                    placeholder="专属类型"
-                  >
-                    <el-option
-                      v-for="group in options2"
-                      :key="group.id"
-                      :label="group.name"
-                      :value="group.id"
-                    />
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="贵金属种类" prop="b4">
-                  <search-metal-kind
-                    :value="ruleForm.b4"
-                    :disabled="false"
-                    :size="'mini'"
-                    :isDetail="false"
-                    :placeholder="'贵金属种类'"
-                    @searchChange="b4searchChange"
-                  /> </el-form-item
-              ></el-col>
-              <el-col :span="12">
-                <el-form-item label="启用实时金价" prop="b5">
-                  <el-select
-                    v-model="ruleForm.b5"
-                    filterable
-                    clearable
-                    style="width: 100%"
-                    placeholder="启用实时金价"
-                  >
-                    <el-option
-                      v-for="group in options5"
-                      :key="group.id"
-                      :label="group.name"
-                      :value="group.id"
-                    />
-                  </el-select> </el-form-item
-              ></el-col>
-              <el-col :span="12">
-                <el-form-item label="定制起订量" prop="b6">
-                  <el-input
-                    placeholder="定制起订量"
-                    v-model="ruleForm.b6"
-                    type="number"
-                    :min="0"
-                    :max="9999999999"
-                    :step="0"
-                  />
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="定制工期" prop="b7">
-                  <el-input
-                    placeholder="定制工期"
-                    v-model="ruleForm.b7"
-                    type="number"
-                    :min="0"
-                    :max="9999999999"
-                    :step="0"
-                  >
-                    <template slot="append">天</template>
-                  </el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-form-item label="售后说明" prop="b8">
-              <el-input
-                type="textarea"
-                :rows="2"
-                placeholder="售后说明"
-                v-model="ruleForm.b8"
-              >
-              </el-input>
-            </el-form-item>
-
-            <el-form-item label="工艺说明" prop="b9">
-              <el-input
-                type="textarea"
-                :rows="2"
-                placeholder="工艺说明"
-                v-model="ruleForm.b9"
-              >
-              </el-input>
-            </el-form-item>
-            <el-form-item label="商品备注" prop="bb1">
-              <el-input
-                type="textarea"
-                :rows="2"
-                placeholder="商品备注"
-                v-model="ruleForm.bb1"
-              >
-              </el-input>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-col>
-    </el-row>
-
-    <el-row class="ddiv">
-      <el-col :span="1" class="dtitle">
-        <ul>
-          <li>规</li>
-          <li>格</li>
-          <li>信</li>
-          <li>息</li>
-        </ul>
-      </el-col>
-      <el-col :span="23" class="dmain" style="padding-left: 18px">
-        <el-table :data="tableData" :size="'mini'" border style="width: 100%">
-          <!-- <el-table-column prop="index" label="序号"> </el-table-column> -->
-          <el-table-column prop="name" label="规格类型"  />
-          <el-table-column prop="address" label="规格值"> </el-table-column>
-          <el-table-column fixed="right">
-            <template slot="header" slot-scope="scope">
-              <span>操作</span>
-              <el-tooltip
-                class="item"
-                effect="dark"
-                content="添加规格类型"
-                placement="top"
-              >
-                <i
-                  class="el-icon-circle-plus-outline fr"
-                  style="font-size: 18px; margin-top: 2px"
-                  @click="openEdit('add', {})"
-                />
-              </el-tooltip>
-            </template>
-            <template slot-scope="scope">
-              <el-button
-                @click="handleClick(scope.row)"
-                type="text"
-                size="small"
-                >新建规格值</el-button
-              >
-              <el-button
-                @click="handleClick(scope.row)"
-                type="text"
-                size="small"
-                >修改规格值</el-button
-              >
-              <el-button type="text" size="small">移除规格类型</el-button>
-            </template>
-          </el-table-column>
-        </el-table>
-        <!-- 弹窗 新增/修改 -->
-        <base-form-add-edit
-          :id="modelId"
-          :show-model="showModel"
-          :sitem="sitem"
-          @refresh="refreshEdit"
-          @cancel="showModel = false"
-        />
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-   <script>
-import asyncRequest from "@/apis/service/goodStore/active";
-import resToken from "@/mixins/resToken";
-import { mapGetters } from "vuex";
-import baseFormAddEdit from "./baseFormAddEdit";
-import { options1, options2, options3, options4, options5 } from "../columns";
-export default {
-  name: "activeAdd",
-  mixins: [resToken],
-  components: {
-    baseFormAddEdit,
-  },
-  computed: {
-    ...mapGetters(["tablebtnSize", "searchSize", "size"]),
-    powers() {
-      let tran =
-        this.$store.getters.btnList.find(
-          (item) => item.menu_route == "activeAdd"
-        ) || {};
-      if (tran && tran.action && tran.action.length > 0) {
-        return tran.action;
-      } else {
-        return [];
-      }
-    },
-  },
-  data() {
-    return {
-      showModel: false,
-      modelId: "000",
-      sitem: {},
-      size: "small",
-      rulesThis: this.rules,
-      activeName: "1",
-      loading: false,
-      tableData: [],
-      options1: options1,
-      options2: options2,
-      options3: options3,
-      options4: options4,
-      options5: options5,
-      ruleForm: {},
-      rules: {
-        a1: [
-          {
-            required: true,
-            message: "商品分类",
-            trigger: "change",
-          },
-        ],
-        a2: [
-          {
-            type: "array",
-            required: true,
-            message: "商品品牌",
-            trigger: "change",
-          },
-        ],
-        a3: [
-          {
-            required: true,
-            message: "商品重量为合法数字",
-            trigger: "blur",
-          },
-        ],
-        a4: [
-          {
-            required: true,
-            message: "请选择是否定制",
-            trigger: "change",
-          },
-        ],
-        a5: [
-          {
-            required: true,
-            message: "请选择是否库存品",
-            trigger: "change",
-          },
-        ],
-        a6: [
-          {
-            type: "array",
-            required: true,
-            message: "请选择供应商",
-            trigger: "change",
-          },
-        ],
-        a7: [
-          {
-            required: true,
-            message: "商品主图",
-            trigger: "change",
-          },
-        ],
-        a8: [
-          {
-            required: true,
-            message: "请选择税率",
-            trigger: "change",
-          },
-        ],
-        b1: [
-          {
-            required: true,
-            message: "请输入商品名称",
-            trigger: "blur",
-          },
-        ],
-        b2: [
-          {
-            required: true,
-            message: "请输入商品单位",
-            trigger: "blur",
-          },
-        ],
-        b3: [
-          {
-            required: true,
-            message: "请选择专属类型",
-            trigger: "change",
-          },
-        ],
-        b4: [
-          {
-            type: "array",
-            required: true,
-            message: "请选择贵金属种类",
-            trigger: "change",
-          },
-        ],
-        b5: [
-          {
-            required: true,
-            message: "请选择是否启用实时金价",
-            trigger: "change",
-          },
-        ],
-        b6: [
-          {
-            required: true,
-            message: "定制起订量应为合法数字",
-            trigger: "blur",
-          },
-        ],
-        b7: [
-          {
-            required: true,
-            message: "定制工期为合法数字",
-            trigger: "blur",
-          },
-        ],
-        b8: [
-          {
-            required: true,
-            message: "售后说明不能为空",
-            trigger: "blur",
-          },
-        ],
-        bb1: [
-          {
-            required: true,
-            message: "商品备注不能为空",
-            trigger: "blur",
-          },
-        ],
-      },
-      ruleForm: {},
-    };
-  },
-  mounted() {
-    this.initForm();
-  },
-  methods: {
-    async initForm() {
-      this.loading = true;
-      this.resetFormData();
-      this.rulesThis = this.rules;
-      await this.resetForm();
-      this.loading = false;
-    },
-    handleClick(row) {
-      console.log(row);
-    },
-    openEdit(type, sitem) {
-      this.sitem = sitem;
-      this.modelId = type;
-      this.showModel = true;
-    },
-    async initData() {
-      this.loading = true;
-      const { code, data, message } = await asyncRequest.detail({
-        id: this.id,
-      });
-      this.loading = false;
-      if (code === 0) {
-        await this.resetForm(data);
-      } else if (code >= 100 && code <= 104) {
-        await this.logout();
-      } else {
-        this.$message.warning(message);
-      }
-    },
-    async resetForm() {
-      // 重置
-      await this.$nextTick(async () => {
-        if (this.$refs.ruleForm) {
-          this.$refs.ruleForm.resetFields();
-          this.$refs.ruleForm.clearValidate();
-          this.resetFormData();
-        }
-      });
-    },
-    resetFormData() {
-      this.ruleForm = {
-        a1: "",
-        a2: [],
-        a3: "",
-        a4: "",
-        a5: "",
-        a6: [],
-        a7: "",
-        a8: "",
-        b1: "2018春秋新款V领修身丝绒西装女 双排扣复古极简中长款工装外套",
-        b2: "",
-        b3: "",
-        b4: "",
-        b5: "",
-        b6: "",
-        b7: "",
-        b8: "",
-        b9: "",
-        bb1: "",
-      };
-    },
-    refreshEdit(e) {
-      console.log(e);
-    },
-    //商品分类选择
-    goods_class_change(e) {
-      this.ruleForm.a1 = e;
-      this.$refs.ruleForm.validateField("a1");
-    },
-    //商品品牌选择
-    a2searchChange(e) {
-      const { id, code, label } = e;
-      if (id) {
-        this.ruleForm.a2 = [id];
-      } else {
-        this.ruleForm.a2 = [];
-      }
-      this.$refs.ruleForm.validateField("a2");
-    },
-    //供应商选择
-    a6searchChange(e) {
-      const { id, code, label } = e;
-      if (id) {
-        this.ruleForm.a6 = [code];
-      } else {
-        this.ruleForm.a6 = [];
-      }
-      this.$refs.ruleForm.validateField("a6");
-    },
-    //税点选择
-    a8searchChange(e) {
-      // console.log(e);
-      const { id, code, label } = e;
-      if (id) {
-        this.ruleForm.a8 = label;
-      } else {
-        this.ruleForm.a8 = "";
-      }
-      this.$refs.ruleForm.validateField("a8");
-    },
-    //单位选择
-    b2searchChange(e) {
-      const { id, code, label } = e;
-      if (id) {
-        this.ruleForm.b2 = [code];
-      } else {
-        this.ruleForm.b2 = [];
-      }
-      this.$refs.ruleForm.validateField("b2");
-    },
-    //贵金属种类选择
-    b4searchChange(e) {
-      const { id, code, label } = e;
-      if (id) {
-        this.ruleForm.b4 = code;
-      } else {
-        this.ruleForm.b4 = "";
-      }
-      this.$refs.ruleForm.validateField("b4");
-    },
-    //税点选择
-    b4searchChange(e) {
-      const { id, code, label } = e;
-      if (id) {
-        this.ruleForm.b4 = code;
-      } else {
-        this.ruleForm.b4 = "";
-      }
-      this.$refs.ruleForm.validateField("b4");
-    },
-    async submitForm() {
-      await this.$refs.ruleForm.validate(async (valid) => {
-        if (valid) {
-          let change = false;
-          this.mock.forEach((v1) => {
-            if (v1.change && v1.change.length > 0) {
-              change = true;
-            }
-          });
-          if (!change) {
-            this.ruleForm.spec = "规格！";
-            return;
-          } else {
-            this.ruleForm.spec = "";
-            let table = false;
-            let hasnot = false;
-            let stock = [];
-            this.right.specList.forEach((v1) => {
-              if (v1) {
-                v1.forEach((v2) => {
-                  if (v2 && v2.limit && v2.limit.length > 0) {
-                    let list = [];
-                    v2.limit.forEach((v3) => {
-                      if (v3.num != 0 && v3.price != 0) {
-                        table = true;
-                        list.push(v3);
-                      }
-                      if (
-                        (v3.num != 0 && v3.price == 0) ||
-                        (v3.num == 0 && v3.price !== 0)
-                      ) {
-                        hasnot = true;
-                      }
-                    });
-                    if (list.length > 0) {
-                      let model = Object.assign({}, v2);
-                      model.limit = list;
-                      stock.push(model);
-                    }
-                  }
-                });
-              }
-            });
-
-            if (hasnot) {
-              this.ruleForm.table =
-                "起订量与成本价需成对填写，未成对请设为零！";
-            } else {
-              if (!table) {
-                this.ruleForm.table = "至少填写一堆起订量与成本价！";
-              } else {
-                this.ruleForm.table = "";
-                this.loading = true;
-                let obj = JSON.parse(JSON.stringify(this.ruleForm));
-                obj.stock = stock;
-                obj.a1 = obj.a1[obj.a1.length - 1];
-                obj.image = obj.image.join();
-                //split(",");
-                console.log(obj);
-                let res = {};
-                if (this.id === "add") {
-                  delete obj["id"];
-                  res = await asyncRequest.add(obj);
-                } else {
-                  res = await asyncRequest.update(obj);
-                }
-                this.loading = false;
-                if (res.code === 0) {
-                  let title = this.id === "add" ? "添加成功" : "修改成功";
-                  this.$notify.success({
-                    title,
-                    message: "",
-                  });
-                  // 刷新
-                  this.$emit("refresh");
-                }
-              }
-            }
-          }
-        } else {
-          console.log("error submit!!");
-          return false;
-        }
-      });
-    },
-
-    doExchange(arr) {
-      let len = arr.length;
-      // 当数组大于等于2个的时候
-      if (len >= 2) {
-        // 第一个数组的长度
-        let len1 = arr[0].length;
-        // 第二个数组的长度
-        let len2 = arr[1].length;
-        // 2个数组产生的组合数
-        let lenBoth = len1 * len2;
-        //  申明一个新数组
-        let items = new Array(lenBoth);
-        // 申明新数组的索引
-        let index = 0;
-        for (let i = 0; i < len1; i++) {
-          for (let j = 0; j < len2; j++) {
-            if (arr[0][i] instanceof Array) {
-              items[index] = arr[0][i].concat(arr[1][j]);
-            } else {
-              items[index] = [arr[0][i]].concat(arr[1][j]);
-            }
-            index++;
-          }
-        }
-        let newArr = new Array(len - 1);
-        for (let i = 2; i < arr.length; i++) {
-          newArr[i - 1] = arr[i];
-        }
-        newArr[0] = items;
-        return this.doExchange(newArr);
-      } else {
-        return arr[0];
-      }
-    },
-  },
-  watch: {},
-};
-</script>
-   <style lang="scss" scoped>
-.activeAdd {
-  .activeAdd-title {
-    border-top: 1px solid #ebeef5;
-    span {
-      height: 50px;
-      line-height: 50px;
-      font-family: "微软雅黑", sans-serif;
-      font-weight: 400;
-      font-style: normal;
-      font-size: 16fpx;
-      text-align: left;
-    }
-  }
-}
-</style>
-   

src/views/goodStore/active/components/baseFormAddEdit.vue

@@ -1,260 +0,0 @@
-<template>
-  <el-dialog
-    v-loading="loading"
-    :title="title"
-    :center="true"
-    align="left"
-    top="18vh"
-    width="500px"
-    :close-on-click-modal="false"
-    :visible.sync="showModelThis"
-    element-loading-text="拼命加载中"
-    element-loading-spinner="el-icon-loading"
-    element-loading-background="rgba(0, 0, 0, 0.8)"
-    @close="showModelThis = false"
-  >
-    <el-card style="margin: -20px 0 0 0">
-      <el-row :gutter="10">
-        <el-col :span="24">
-          <el-form
-            ref="ruleForm"
-            :model="ruleForm"
-            status-icon
-            :size="'small'"
-            :rules="rulesThis"
-            label-width="80px"
-            class="demo-ruleForm"
-          >
-            <el-form-item label="规格类型" prop="active_name">
-              <search-spec
-                :value="ruleForm.active_name"
-                :disabled="false"
-                :size="'mini'"
-                :isDetail="false"
-                :placeholder="'规格类型'"
-                @searchChange="active_namesearchChange"
-              />
-            </el-form-item>
-            <el-form-item label="规格值" prop="logo_url">
-              <el-radio-group v-model="ruleForm.logo_url">
-                <el-radio
-                  v-for="item in specVlist"
-                  :key="item.id + item.name"
-                  :label="item.id"
-                  >{{ item.name }}</el-radio
-                >
-              </el-radio-group>
-            </el-form-item>
-            <div style="width: 100%; padding: 0 0 0 80px">
-              <el-input
-                style="width: 209px"
-                v-model="sinput"
-                :disabled="id == 'edit'"
-                :size="'small'"
-                placeholder="规格值名称，如红色"
-                maxlength="20"
-              />
-              <el-button
-                style="margin: 0 0 0 10px"
-                icon="el-icon-plus"
-                :size="'small'"
-                >新增规格值</el-button
-              >
-            </div>
-          </el-form>
-        </el-col>
-        <el-col :span="24" style="text-align: right; padding-top: 18px">
-          <el-button
-            v-if="id !== 'edit'"
-            :size="'small'"
-            type="primary"
-            @click="submitForm"
-            >保 存
-          </el-button>
-          <el-button @click="showModelThis = false" :size="'small'">{{
-            id == "edit" ? "关 闭" : "取 消"
-          }}</el-button>
-        </el-col>
-      </el-row>
-    </el-card>
-  </el-dialog>
-</template>
-<script>
-import asyncRequest from "@/apis/service/goodStore/active";
-import resToken from "@/mixins/resToken";
-export default {
-  name: "active",
-  props: ["showModel", "id", "sitem"],
-  mixins: [resToken],
-  data() {
-    return {
-      loading: false,
-      title: "",
-      sinput: "",
-      showModelThis: this.showModel,
-      select: "1",
-      specVlist: [
-        { id: "1", name: "111" },
-        { id: "2", name: "222" },
-      ],
-      activeOptions: [],
-      actionList: [],
-      ruleForm: {
-        id: "",
-        active_name: "",
-        logo_url: "",
-      },
-      rulesThis: this.rules,
-      rules: {
-        active_name: [
-          { required: true, message: "品牌名称不能为空", trigger: "change" },
-        ],
-        logo_url: [
-          { required: true, message: "品牌名称不能为空", trigger: "change" },
-        ],
-      },
-    };
-  },
-  watch: {
-    showModel: function (val) {
-      this.showModelThis = val;
-      if (val) {
-        this.initForm();
-      }
-    },
-    showModelThis(val) {
-      if (!val) {
-        this.$emit("cancel");
-      }
-    },
-  },
-  methods: {
-    async initForm() {
-      this.loading = true;
-      if (this.id === "add") {
-        this.title = "添加商品类型";
-        this.rulesThis = this.rules;
-      } else if (this.id === "005") {
-        this.title = "修改商品类型";
-        this.rulesThis = this.rules;
-      } else {
-        this.title = "品牌商品类型";
-        this.rulesThis = {};
-      }
-      await this.resetForm();
-      this.loading = false;
-    },
-    async resetForm() {
-      // 重置
-      await this.$nextTick(() => {
-        if (this.$refs.ruleForm) {
-          this.$refs.ruleForm.resetFields();
-          this.$refs.ruleForm.clearValidate();
-          const { id, active_name, logo_url } = this.sitem;
-          this.ruleForm = {
-            id: id || "",
-            active_name: active_name || "",
-            logo_url: logo_url || "",
-          };
-        }
-      });
-    },
-
-    active_namesearchChange(e) {
-      const { id, code, label } = e;
-      if (id) {
-        this.ruleForm.active_name = code;
-      } else {
-        this.ruleForm.active_name = "";
-      }
-      this.$refs.ruleForm.validateField("active_name");
-      this.getlist();
-    },
-    async getlist() {
-      const { active_name } = this.ruleForm;
-      const { code, data, message } = await asyncRequest.list({
-        active_name: active_name,
-      });
-      if (code === 0) {
-        this.options = data;
-      } else if (code >= 100 && code <= 104) {
-        await this.logout();
-      } else {
-        this.$message.warning(message);
-      }
-    },
-
-    async submitForm() {
-      await this.$refs.ruleForm.validate(async (valid) => {
-        if (valid) {
-          this.loading = true;
-          let model = JSON.parse(JSON.stringify(this.ruleForm));
-          let res = {};
-          if (this.id === "003") {
-            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;
-        }
-      });
-    },
-     async submitForm1() {
-      await this.$refs.ruleForm.validate(async (valid) => {
-        if (valid) {
-          this.loading = true;
-          let model = JSON.parse(JSON.stringify(this.ruleForm));
-          let res = {};
-          if (this.id === "003") {
-            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>
-.active {
-}
-</style>

src/views/goodStore/active/components/costForm.vue

@@ -1,455 +0,0 @@
-<template>
-  <el-form
-    :model="ruleForm"
-    status-icon
-    :rules="rulesThis"
-    ref="ruleForm"
-    :size="'mini'"
-    label-width="110px"
-    class="demo-ruleForm"
-  >
-    <el-row>
-      <el-col :span="1" class="dtitle">
-        <ul style="padding: 40px 0 0 0">
-          <li>固</li>
-          <li>定</li>
-          <li>成</li>
-          <li>本</li>
-        </ul></el-col
-      >
-      <el-col :span="23" class="dmain">
-        <el-row>
-          <el-col :span="8">
-            <el-form-item label="证书费" prop="a1">
-              <el-input
-                placeholder="证书费"
-                v-model="ruleForm.a1"
-                type="number"
-                :min="0"
-                :max="9999999999.99"
-                :step="2"
-              >
-                <template slot="append">元</template>
-              </el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="包装费" prop="a2">
-              <el-input
-                placeholder="包装费"
-                v-model="ruleForm.a2"
-                type="number"
-                :min="0"
-                :max="9999999999.99"
-                :step="2"
-              >
-                <template slot="append">元</template>
-              </el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="成本工艺费" prop="a3">
-              <el-input
-                placeholder="成本工艺费"
-                v-model="ruleForm.a3"
-                type="number"
-                :min="0"
-                :max="9999999999.99"
-                :step="2"
-              >
-                <template slot="append">元</template>
-              </el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="加标费" prop="a4">
-              <el-input
-                placeholder="加标费"
-                v-model="ruleForm.a4"
-                type="number"
-                :min="0"
-                :max="9999999999.99"
-                :step="2"
-              >
-                <template slot="append">元</template>
-              </el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="打样费" prop="a5">
-              <el-input
-                placeholder="打样费"
-                v-model="ruleForm.a5"
-                type="number"
-                :min="0"
-                :max="9999999999.99"
-                :step="2"
-              >
-                <template slot="append">元</template>
-              </el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="开模费" prop="a6">
-              <el-input
-                placeholder="开模费"
-                v-model="ruleForm.a6"
-                type="number"
-                :min="0"
-                :max="9999999999.99"
-                :step="2"
-              >
-                <template slot="append">元</template>
-              </el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="调样费" prop="a7">
-              <el-input
-                placeholder="调样费"
-                v-model="ruleForm.a7"
-                type="number"
-                :min="0"
-                :max="9999999999.99"
-                :step="2"
-              >
-                <template slot="append">元</template>
-              </el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="市场价" prop="a8">
-              <el-input
-                placeholder="市场价"
-                v-model="ruleForm.a8"
-                type="number"
-                :min="0"
-                :max="9999999999.99"
-                :step="2"
-              >
-                <template slot="append">元</template>
-              </el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="含税成本裸价" prop="a9">
-              <el-input
-                placeholder="含税成本裸价"
-                v-model="ruleForm.a9"
-                type="number"
-                :min="0"
-                :max="9999999999.99"
-                :step="2"
-              >
-                <template slot="append">元</template>
-              </el-input>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-col>
-    </el-row>
-    <el-row class="ddiv">
-      <el-col :span="1" class="dtitle">
-        <ul>
-          <li>阶</li>
-          <li>梯</li>
-          <li>成</li>
-          <li>本</li>
-        </ul></el-col
-      >
-      <el-col :span="23" class="dmain" style="padding-left: 18px">
-        <el-table
-          :data="tableData"
-          :size="'mini'"
-          border
-          stripe
-          style="width: 100%"
-        >
-          <el-table-column prop="s1" label="起订量(>=)" />
-          <el-table-column prop="s2" label="成本裸价" />
-          <el-table-column prop="s3" label="成本合计" />
-          <el-table-column prop="s4" label="其中运费" />
-          <el-table-column prop="s5" label="使用状态" />
-          <el-table-column fixed="right">
-            <template slot="header" slot-scope="scope">
-              <span>操作</span>
-              <el-tooltip effect="dark" content="添加阶梯" placement="top">
-                <i
-                  class="el-icon-circle-plus-outline tb-icon fr"
-                  @click="openEdit('add', {})"
-                ></i>
-              </el-tooltip>
-            </template>
-            <template slot-scope="scope">
-              <el-tooltip effect="dark" content="修改" placement="top">
-                <i class="el-icon-edit tb-icon" @click="openEdit('')"></i>
-              </el-tooltip>
-              <el-tooltip effect="dark" content="禁/启用" placement="top">
-                <i
-                  class="el-icon-video-pause tb-icon"
-                  @click="openEdit('')"
-                ></i>
-                <!-- el-icon-video-play -->
-              </el-tooltip>
-            </template>
-          </el-table-column>
-        </el-table>
-        <!-- 弹窗 新增/修改 -->
-        <cost-form-add-edit
-          :id="modelId"
-          :show-model="showModel"
-          :sitem="sitem"
-          @refresh="refreshEdit"
-          @cancel="showModel = false"
-        /> </el-col
-    ></el-row>
-  </el-form>
-</template>
-   <script>
-import asyncRequest from "@/apis/service/goodStore/active";
-import resToken from "@/mixins/resToken";
-import { mapGetters } from "vuex";
-import costFormAddEdit from "./costFormAddEdit";
-export default {
-  name: "activeAdd",
-  mixins: [resToken],
-  components: {
-    costFormAddEdit,
-  },
-  computed: {
-    ...mapGetters(["tablebtnSize", "searchSize", "size"]),
-    powers() {
-      let tran =
-        this.$store.getters.btnList.find(
-          (item) => item.menu_route == "activeAdd"
-        ) || {};
-      if (tran && tran.action && tran.action.length > 0) {
-        return tran.action;
-      } else {
-        return [];
-      }
-    },
-  },
-  data() {
-    return {
-      showModel: false,
-      modelId: "000",
-      sitem: {},
-      size: "small",
-      rulesThis: this.rules,
-      activeName: "1",
-      loading: false,
-      tableData: [{ id: 1, s1: "1", s2: "-", s3: "-", s4: "-", s5: "0" }],
-      rules: {
-        a1: [
-          {
-            required: true,
-            message: "证书费应为合法数字",
-            trigger: "blur",
-          },
-        ],
-        a2: [
-          {
-            required: true,
-            message: "包装费应为合法数字",
-            trigger: "blur",
-          },
-        ],
-        a3: [
-          {
-            required: true,
-            message: "成本工艺费应为合法数字",
-            trigger: "blur",
-          },
-        ],
-        a4: [
-          {
-            required: true,
-            message: "加标费应为合法数字",
-            trigger: "blur",
-          },
-        ],
-        a5: [
-          {
-            required: true,
-            message: "打样应为合法数字",
-            trigger: "blur",
-          },
-        ],
-        a6: [
-          {
-            required: true,
-            message: "开模费应为合法数字",
-            trigger: "blur",
-          },
-        ],
-        a7: [
-          {
-            required: true,
-            message: "调样费应为合法数字",
-            trigger: "blur",
-          },
-        ],
-        a8: [
-          {
-            required: true,
-            message: "市场价应为合法数字",
-            trigger: "blur",
-          },
-        ],
-        a9: [
-          {
-            required: true,
-            message: "含税成本裸价应为合法数字",
-            trigger: "blur",
-          },
-        ],
-      },
-      ruleForm: {},
-    };
-  },
-  mounted() {
-    this.initForm();
-  },
-  methods: {
-    async initForm() {
-      this.loading = true;
-      this.resetFormData();
-      this.rulesThis = this.rules;
-      await this.resetForm();
-      this.loading = false;
-    },
-    handleClick(row) {
-      console.log(row);
-    },
-    refreshEdit(e) {
-      console.log(e);
-    },
-    openEdit(type, sitem) {
-      this.sitem = sitem;
-      this.modelId = type;
-      this.showModel = true;
-    },
-    async initData() {
-      this.loading = true;
-      let res = await asyncRequest.detail({ id: this.id });
-      this.loading = false;
-      if (res.code === 0) {
-        await this.resetForm(res.data);
-      }
-    },
-    async resetForm() {
-      // 重置
-      await this.$nextTick(async () => {
-        if (this.$refs.ruleForm) {
-          this.$refs.ruleForm.resetFields();
-          this.$refs.ruleForm.clearValidate();
-          this.resetFormData();
-        }
-      });
-    },
-    resetFormData() {
-      this.ruleForm = {
-        a1: "",
-        a2: "",
-        a3: "",
-        a4: "",
-        a5: "",
-        a6: "",
-        a7: "",
-        a8: "",
-        a9: "",
-        b1: [],
-      };
-    },
-    async submitForm() {
-      await this.$refs.ruleForm.validate(async (valid) => {
-        if (valid) {
-          let change = false;
-          this.mock.forEach((v1) => {
-            if (v1.change && v1.change.length > 0) {
-              change = true;
-            }
-          });
-          if (!change) {
-            this.ruleForm.spec = "规格！";
-            return;
-          } else {
-            this.ruleForm.spec = "";
-            let table = false;
-            let hasnot = false;
-            let stock = [];
-            this.right.specList.forEach((v1) => {
-              if (v1) {
-                v1.forEach((v2) => {
-                  if (v2 && v2.limit && v2.limit.length > 0) {
-                    let list = [];
-                    v2.limit.forEach((v3) => {
-                      if (v3.num != 0 && v3.price != 0) {
-                        table = true;
-                        list.push(v3);
-                      }
-                      if (
-                        (v3.num != 0 && v3.price == 0) ||
-                        (v3.num == 0 && v3.price !== 0)
-                      ) {
-                        hasnot = true;
-                      }
-                    });
-                    if (list.length > 0) {
-                      let model = Object.assign({}, v2);
-                      model.limit = list;
-                      stock.push(model);
-                    }
-                  }
-                });
-              }
-            });
-
-            if (hasnot) {
-              this.ruleForm.table =
-                "起订量与成本价需成对填写，未成对请设为零！";
-            } else {
-              if (!table) {
-                this.ruleForm.table = "至少填写一堆起订量与成本价！";
-              } else {
-                this.ruleForm.table = "";
-                this.loading = true;
-                let obj = JSON.parse(JSON.stringify(this.ruleForm));
-                obj.stock = stock;
-                obj.catid = obj.catid[obj.catid.length - 1];
-                obj.image = obj.image.join();
-                //split(",");
-                console.log(obj);
-                let res = {};
-                if (this.id === "add") {
-                  delete obj["id"];
-                  res = await asyncRequest.add(obj);
-                } else {
-                  res = await asyncRequest.update(obj);
-                }
-                this.loading = false;
-                if (res.code === 0) {
-                  let title = this.id === "add" ? "添加成功" : "修改成功";
-                  this.$notify.success({
-                    title,
-                    message: "",
-                  });
-                  // 刷新
-                  this.$emit("refresh");
-                }
-              }
-            }
-          }
-        } else {
-          console.log("error submit!!");
-          return false;
-        }
-      });
-    },
-  },
-};
-</script>
-   <style lang="scss" scoped>
-</style>
-   

src/views/goodStore/active/components/costFormAddEdit.vue

@@ -1,293 +0,0 @@
-<template>
-  <el-dialog
-    v-loading="loading"
-    :title="title"
-    :center="true"
-    align="left"
-    top="18vh"
-    width="500px"
-    :close-on-click-modal="false"
-    :visible.sync="showModelThis"
-    element-loading-text="拼命加载中"
-    element-loading-spinner="el-icon-loading"
-    element-loading-background="rgba(0, 0, 0, 0.8)"
-    @close="showModelThis = false"
-  >
-    <el-card style="margin: -20px 0 0 0">
-      <el-row :gutter="10">
-        <el-col :span="24">
-          <el-form
-            ref="ruleForm"
-            :model="ruleForm"
-            status-icon
-            :size="'small'"
-            :rules="rulesThis"
-            label-width="80px"
-            class="demo-ruleForm"
-          >
-            <el-form-item label="起订量" prop="s1">
-              <el-input
-                placeholder="起订量"
-                v-model="ruleForm.s1"
-                type="number"
-                :min="0"
-                :max="9999999999"
-                :step="0"
-              />
-            </el-form-item>
-            <el-form-item label="成本裸价" prop="s2">
-              <el-input
-                placeholder="成本裸价"
-                v-model="ruleForm.s2"
-                type="number"
-                :min="0"
-                :max="9999999999"
-                :step="2"
-              >
-                <template slot="append">元</template>
-              </el-input>
-            </el-form-item>
-            <el-form-item label="成本合计" prop="s2">
-              <el-input
-                placeholder="成本合计"
-                v-model="ruleForm.s2"
-                type="number"
-                :min="0"
-                :max="9999999999"
-                :step="2"
-              >
-                <template slot="append">元</template>
-              </el-input>
-            </el-form-item>
-            <el-form-item label="其中运费" prop="s2">
-              <el-input
-                placeholder="其中运费"
-                v-model="ruleForm.s2"
-                type="number"
-                :min="0"
-                :max="9999999999"
-                :step="2"
-              >
-                <template slot="append">元</template>
-              </el-input>
-            </el-form-item>
-            <el-form-item label="使用状态" prop="s5">
-              <el-select
-                v-model="ruleForm.s5"
-                style="width: 100%"
-                placeholder="使用状态"
-              >
-                <el-option
-                  v-for="item in options"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-                >
-                </el-option>
-              </el-select>
-            </el-form-item>
-          </el-form>
-        </el-col>
-        <el-col :span="24" style="text-align: right; padding-top: 18px">
-          <el-button
-            v-if="id !== 'edit'"
-            :size="'small'"
-            type="primary"
-            @click="submitForm"
-            >保 存
-          </el-button>
-          <el-button @click="showModelThis = false" :size="'small'">{{
-            id == "edit" ? "关 闭" : "取 消"
-          }}</el-button>
-        </el-col>
-      </el-row>
-    </el-card>
-  </el-dialog>
-</template>
-<script>
-import asyncRequest from "@/apis/service/goodStore/active";
-import resToken from "@/mixins/resToken";
-export default {
-  name: "active",
-  props: ["showModel", "id", "sitem"],
-  mixins: [resToken],
-  data() {
-    return {
-      loading: false,
-      title: "",
-      showModelThis: this.showModel,
-      options: [
-        { value: "1", label: "启用" },
-        { value: "0", label: "禁用" },
-      ],
-      ruleForm: {},
-      rulesThis: this.rules,
-      rules: {
-        s1: [
-          { required: true, message: "起订量应为合法数字", trigger: "blur" },
-        ],
-        s2: [
-          { required: true, message: "成本裸价应为合法数字", trigger: "blur" },
-        ],
-        s3: [
-          { required: true, message: "成本合计应为合法数字", trigger: "blur" },
-        ],
-        s4: [
-          { required: true, message: "其中运费应为合法数字", trigger: "blur" },
-        ],
-        s5: [
-          { required: true, message: "请选择使用状态", trigger: "change" },
-        ],
-      },
-    };
-  },
-  watch: {
-    showModel: function (val) {
-      this.showModelThis = val;
-      if (val) {
-        this.initForm();
-      }
-    },
-    showModelThis(val) {
-      if (!val) {
-        this.$emit("cancel");
-      }
-    },
-  },
-  methods: {
-    async initForm() {
-      this.loading = true;
-      this.resetFormData();
-      if (this.id === "add") {
-        this.title = "添加成本阶梯";
-
-        this.rulesThis = this.rules;
-      } else if (this.id === "005") {
-        this.title = "修改成本阶梯";
-        this.rulesThis = this.rules;
-      } else {
-        this.title = "成本阶梯详情";
-        this.rulesThis = {};
-      }
-      await this.resetForm();
-      this.loading = false;
-    },
-    async resetForm() {
-      // 重置
-      await this.$nextTick(() => {
-        if (this.$refs.ruleForm) {
-          this.$refs.ruleForm.resetFields();
-          this.$refs.ruleForm.clearValidate();
-          this.resetFormData();
-        }
-      });
-    },
-    resetFormData() {
-      const { id, s1, s2, s3, s4, s5 } = this.sitem;
-      this.ruleForm = {
-        id: id || "",
-        s1: s1 || "",
-        s2: s2 || "",
-        s3: s3 || "",
-        s4: s4 || "",
-        s5: s5 || "0",
-      };
-    },
-    s1searchChange(e) {
-      const { id, code, label } = e;
-      if (id) {
-        this.ruleForm.s1 = code;
-      } else {
-        this.ruleForm.s1 = "";
-      }
-      this.$refs.ruleForm.validateField("s1");
-      this.getlist();
-    },
-    async getlist() {
-      const { s1 } = this.ruleForm;
-      const { code, data, message } = await asyncRequest.list({
-        s1: s1,
-      });
-      if (code === 0) {
-        this.options = data;
-      } else if (code >= 100 && code <= 104) {
-        await this.logout();
-      } else {
-        this.$message.warning(message);
-      }
-    },
-
-    async submitForm() {
-      await this.$refs.ruleForm.validate(async (valid) => {
-        if (valid) {
-          this.loading = true;
-          let model = JSON.parse(JSON.stringify(this.ruleForm));
-          let res = {};
-          if (this.id === "003") {
-            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;
-        }
-      });
-    },
-    async submitForm1() {
-      await this.$refs.ruleForm.validate(async (valid) => {
-        if (valid) {
-          this.loading = true;
-          let model = JSON.parse(JSON.stringify(this.ruleForm));
-          let res = {};
-          if (this.id === "003") {
-            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>
-.active {
-}
-</style>

src/views/goodStore/active/components/packForm.vue

@@ -1,679 +0,0 @@
-<template>
-  <el-form
-    :model="ruleForm"
-    status-icon
-    :rules="rulesThis"
-    ref="ruleForm"
-    :size="'mini'"
-    label-width="110px"
-    class="demo-ruleForm"
-  >
-    <el-row>
-      <el-col :span="1" class="dtitle">
-        <ul>
-          <li>包</li>
-          <li>装</li>
-          <li>信</li>
-          <li>息</li>
-        </ul></el-col
-      >
-      <el-col :span="23" class="dmain">
-        <el-row>
-          <el-col :span="8">
-            <el-form-item label="包装清单" prop="a1">
-              <el-input
-                placeholder="包装清单"
-                v-model="ruleForm.a1"
-                maxlength="250"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="包装方式" prop="a2">
-              <el-input
-                placeholder="包装方式"
-                v-model="ruleForm.a2"
-                maxlength="250"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="装箱规格" prop="a3">
-              <el-input
-                placeholder="装箱规格"
-                v-model="ruleForm.a3"
-                maxlength="250"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="装箱重量" prop="a4">
-              <el-input
-                placeholder="装箱重量"
-                v-model="ruleForm.a4"
-                type="number"
-                :min="0"
-                :max="9999999999.99"
-                :step="2"
-              >
-                <template slot="append">g</template>
-              </el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="装箱尺寸" prop="a5">
-              <el-input
-                placeholder="装箱尺寸"
-                v-model="ruleForm.a5"
-                maxlength="250"
-              />
-            </el-form-item>
-          </el-col>
-
-          <el-col :span="8">
-            <el-form-item label="商品条形码" prop="a6">
-              <el-input
-                placeholder="物流时间"
-                v-model="ruleForm.a6"
-                type="number"
-                :min="0"
-                :max="9999999999999"
-                :step="0"
-              />
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-col>
-    </el-row>
-    <el-row class="ddiv">
-      <el-col :span="1" class="dtitle">
-        <ul>
-          <li>发</li>
-          <li>货</li>
-          <li>信</li>
-          <li>息</li>
-        </ul></el-col
-      >
-      <el-col :span="23" class="dmain">
-        <el-row>
-          <el-col :span="8">
-            <el-form-item label="供货区域" prop="b1">
-              <el-select
-                v-model="ruleForm.b1"
-                filterable
-                clearable
-                style="width: 100%"
-                placeholder="供货区域"
-              >
-                <el-option
-                  v-for="group in options6"
-                  :key="group.id"
-                  :label="group.name"
-                  :value="group.id"
-                />
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="发货地" prop="b2">
-              <select-area
-                :placeholder="'发货地'"
-                :value="ruleForm.b2"
-                :is-detail="id !== 'add'"
-                :disabled="isDetail"
-                :size="'mini'"
-                @selectChange="selectAreab2"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="产地" prop="b3">
-              <select-area
-                :placeholder="'产地'"
-                :value="ruleForm.b3"
-                :size="'mini'"
-                :is-detail="id !== 'add'"
-                :disabled="isDetail"
-                @selectChange="selectAreab3"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="物流时间" prop="b4">
-              <el-input
-                placeholder="物流时间"
-                v-model="ruleForm.b4"
-                type="number"
-                :min="0"
-                :max="9999999999"
-                :step="0"
-              >
-                <template slot="append">天</template>
-              </el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="供货周期" prop="b5">
-              <el-input
-                placeholder="供货周期"
-                v-model="ruleForm.b5"
-                type="number"
-                :min="0"
-                :max="9999999999"
-                :step="0"
-              >
-                <template slot="append">天</template>
-              </el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="调样周期" prop="b6">
-              <el-input
-                placeholder="调样周期"
-                v-model="ruleForm.b6"
-                type="number"
-                :min="0"
-                :max="9999999999"
-                :step="0"
-              >
-                <template slot="append">天</template>
-              </el-input>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-col>
-    </el-row>
-    <el-row class="ddiv">
-      <el-col :span="1" class="dtitle">
-        <ul>
-          <li>图</li>
-          <li>片</li>
-          <li>信</li>
-          <li>息</li>
-        </ul></el-col
-      >
-      <el-col :span="23" class="dmain">
-        <el-row style="padding: 0 0 20px 0">
-          <el-col :span="8">
-            <el-form-item label="缩略图" prop="c1" class="goodStore-upload">
-              <div class="btnupload" style="position: relative">
-                <img v-if="ruleForm.c1" :src="ruleForm.c1" class="avatar" />
-                <i v-else class="el-icon-plus avatar-uploader-icon"></i>
-                <file-upload
-                  class="Upload"
-                  :disabled="id == '007'"
-                  :accept="'.jpg,.png,.jpeg'"
-                  :multiple="true"
-                  :uploadcondition="beforeAvatarUpload"
-                  @UploadErrorEvent="UploadErrorEventc1"
-                  @UploadSuccessEvent="UploadSuccessEventc1"
-                ></file-upload>
-              </div>
-              <div class="txt-tips fl">
-                <p>尺寸比例：</p>
-                <p>1:1</p>
-              </div>
-            </el-form-item>
-            <el-form-item label="详情主图" prop="c2" class="goodStore-upload">
-              <div class="btnupload" style="position: relative">
-                <img v-if="ruleForm.c2" :src="ruleForm.c2" class="avatar" />
-                <i v-else class="el-icon-plus avatar-uploader-icon"></i>
-                <file-upload
-                  class="Upload"
-                  :disabled="id == '007'"
-                  :accept="'.jpg,.png,.jpeg'"
-                  :multiple="true"
-                  :uploadcondition="beforeAvatarUpload"
-                  @UploadErrorEvent="UploadErrorEventc2"
-                  @UploadSuccessEvent="UploadSuccessEventc2"
-                ></file-upload>
-              </div>
-            </el-form-item>
-                 <div style="font-size: 12px; color: #606266">
-            <span style="padding: 0 0 0 20px">图片大小：小于1M</span>
-            <span style="padding: 0 0 0 20px">图片类型.jpg/png/jpeg</span>
-          </div>
-          </el-col>
-          <el-col :span="16">
-            <el-form-item label="详情介绍图" prop="c3">
-              <div class="c3-div">
-                <ul v-if="ruleForm.c3" class="clear">
-                  <li class="img-show-li" v-viewer v-for="(img, iindex) in ruleForm.c3" :key="img + iindex">
-                    <img :src="img" alt="" />
-                    <i class="el-icon-close" @click="closeImg(iindex)"></i>
-                  </li>
-                  <li class="img-upload-li" v-if="ruleForm.c3.length < 10">
-                    <div class="goodStore-upload">
-                      <div class="btnupload" style="position: relative">
-                        <i class="el-icon-plus avatar-uploader-icon"></i>
-                        <file-upload
-                          class="Upload"
-                          :disabled="id == '007'"
-                          :accept="'.jpg,.png,.jpeg'"
-                          :multiple="true"
-                          :uploadcondition="beforeAvatarUpload"
-                          @UploadErrorEvent="UploadErrorEventc3"
-                          @UploadSuccessEvent="UploadSuccessEventc3"
-                        ></file-upload>
-                      </div>
-                    </div>
-                  </li>
-                </ul>
-              </div>
-            </el-form-item>
-          </el-col>
-     
-        </el-row>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-   <script>
-import asyncRequest from "@/apis/service/goodStore/active";
-import resToken from "@/mixins/resToken";
-import { mapGetters } from "vuex";
-import { options6 } from "../columns";
-export default {
-  name: "activeAdd",
-  mixins: [resToken],
-  computed: {
-    ...mapGetters(["tablebtnSize", "searchSize", "size"]),
-    powers() {
-      let tran =
-        this.$store.getters.btnList.find(
-          (item) => item.menu_route == "activeAdd"
-        ) || {};
-      if (tran && tran.action && tran.action.length > 0) {
-        return tran.action;
-      } else {
-        return [];
-      }
-    },
-  },
-  data() {
-    return {
-      size: "small",
-      rulesThis: this.rules,
-      loading: false,
-      options6: options6,
-      ruleForm: {},
-      rules: {
-        a1: [
-          {
-            required: true,
-            message: "请输入包装清单",
-            trigger: "blur",
-          },
-        ],
-        a2: [
-          {
-            required: true,
-            message: "请输入包装方式",
-            trigger: "blur",
-          },
-        ],
-
-        a3: [
-          {
-            required: true,
-            message: "请输入装箱规格",
-            trigger: "blur",
-          },
-        ],
-        a4: [
-          {
-            required: true,
-            message: "请输入装箱重量",
-            trigger: "blur",
-          },
-        ],
-        a5: [
-          {
-            required: true,
-            message: "请输入装箱尺寸",
-            trigger: "blur",
-          },
-        ],
-        b1: [
-          {
-            required: true,
-            message: "请选择供货区域",
-            trigger: "change",
-          },
-        ],
-        b2: [
-          {
-            type: "array",
-            required: true,
-            message: "请选择发货地",
-            trigger: "change",
-          },
-        ],
-        b3: [
-          {
-            type: "array",
-            required: true,
-            message: "请选择产地",
-            trigger: "change",
-          },
-        ],
-        b4: [
-          {
-            required: true,
-            message: "请输入物流时间",
-            trigger: "blur",
-          },
-        ],
-        b5: [
-          {
-            required: true,
-            message: "请输入供货周期",
-            trigger: "blur",
-          },
-        ],
-        b6: [
-          {
-            required: true,
-            message: "请输入调样周期",
-            trigger: "blur",
-          },
-        ],
-        c1: [
-          {
-            required: true,
-            message: "商品主图",
-            trigger: "change",
-          },
-        ],
-        c2: [
-          {
-            required: true,
-            message: "商品分类",
-            trigger: "change",
-          },
-        ],
-        c3: [
-          {
-            type: "array",
-            required: true,
-            message: "商品品牌",
-            trigger: "change",
-          },
-        ],
-      },
-    };
-  },
-  mounted() {
-    this.initForm();
-  },
-  methods: {
-    async initForm() {
-      this.loading = true;
-      this.resetFormData();
-      this.rulesThis = this.rules;
-      await this.resetForm();
-      this.loading = false;
-    },
-    handleClick(row) {
-      console.log(row);
-    },
-    async initData() {
-      this.loading = true;
-      let res = await asyncRequest.detail({ id: this.id });
-      this.loading = false;
-      if (res.code === 0) {
-        await this.resetForm(res.data);
-      }
-    },
-    async resetForm() {
-      // 重置
-      await this.$nextTick(async () => {
-        if (this.$refs.ruleForm) {
-          this.$refs.ruleForm.resetFields();
-          this.$refs.ruleForm.clearValidate();
-          this.resetFormData();
-        }
-      });
-    },
-    resetFormData() {
-      this.ruleForm = {
-        a1: "",
-        a2: "",
-        a3: "",
-        a4: "",
-        a5: "",
-        a6: "",
-        b1: "",
-        b2: [],
-        b3: [],
-        b4: "",
-        b5: "",
-        b6: "",
-        c1: "",
-        c2: "",
-        c3: [],
-      };
-    },
-    //仓库省市区
-    selectAreab2(e) {
-      this.ruleForm.b2 = e;
-      this.$refs.ruleForm.validateField("b2");
-    },
-    //仓库省市区
-    selectAreab3(e) {
-      this.ruleForm.b3 = e;
-      this.$refs.ruleForm.validateField("b3");
-    },
-    async submitForm() {
-      await this.$refs.ruleForm.validate(async (valid) => {
-        if (valid) {
-          let change = false;
-          this.mock.forEach((v1) => {
-            if (v1.change && v1.change.length > 0) {
-              change = true;
-            }
-          });
-          if (!change) {
-            this.ruleForm.spec = "规格！";
-            return;
-          } else {
-            this.ruleForm.spec = "";
-            let table = false;
-            let hasnot = false;
-            let stock = [];
-            this.right.specList.forEach((v1) => {
-              if (v1) {
-                v1.forEach((v2) => {
-                  if (v2 && v2.limit && v2.limit.length > 0) {
-                    let list = [];
-                    v2.limit.forEach((v3) => {
-                      if (v3.num != 0 && v3.price != 0) {
-                        table = true;
-                        list.push(v3);
-                      }
-                      if (
-                        (v3.num != 0 && v3.price == 0) ||
-                        (v3.num == 0 && v3.price !== 0)
-                      ) {
-                        hasnot = true;
-                      }
-                    });
-                    if (list.length > 0) {
-                      let model = Object.assign({}, v2);
-                      model.limit = list;
-                      stock.push(model);
-                    }
-                  }
-                });
-              }
-            });
-
-            if (hasnot) {
-              this.ruleForm.table =
-                "起订量与成本价需成对填写，未成对请设为零！";
-            } else {
-              if (!table) {
-                this.ruleForm.table = "至少填写一堆起订量与成本价！";
-              } else {
-                this.ruleForm.table = "";
-                this.loading = true;
-                let obj = JSON.parse(JSON.stringify(this.ruleForm));
-                obj.stock = stock;
-                obj.catid = obj.catid[obj.catid.length - 1];
-                obj.image = obj.image.join();
-                //split(",");
-                console.log(obj);
-                let res = {};
-                if (this.id === "add") {
-                  delete obj["id"];
-                  res = await asyncRequest.add(obj);
-                } else {
-                  res = await asyncRequest.update(obj);
-                }
-                this.loading = false;
-                if (res.code === 0) {
-                  let title = this.id === "add" ? "添加成功" : "修改成功";
-                  this.$notify.success({
-                    title,
-                    message: "",
-                  });
-                  // 刷新
-                  this.$emit("refresh");
-                }
-              }
-            }
-          }
-        } else {
-          console.log("error submit!!");
-          return false;
-        }
-      });
-    },
-
-    closeImg(index) {
-      this.ruleForm.c3.splice(index, 1);
-      this.$refs.ruleForm.validateField("c3");
-    },
-    //图片上传成功
-    async UploadSuccessEventc1(data) {
-      await this.UploadSuccessEvent(1, data);
-    },
-    //图片上传成功
-    async UploadSuccessEventc2(data) {
-      await this.UploadSuccessEvent(2, data);
-    },
-    //图片上传成功
-    async UploadSuccessEventc3(data) {
-      await this.UploadSuccessEvent(3, data);
-    },
-    //图片上传成功
-    async UploadSuccessEvent(type, data) {
-      const { url } = data;
-      if (url === "noToken") {
-        await this.logout();
-      } else {
-        if (type === 1) {
-          this.ruleForm.c1 = url;
-          this.$refs.ruleForm.validateField("c1");
-        } else if (type === 2) {
-          this.ruleForm.c2 = url;
-          this.$refs.ruleForm.validateField("c2");
-        } else {
-          this.ruleForm.c3.push(url);
-          this.$refs.ruleForm.validateField("c3");
-        }
-        this.$message.success("图片上传成功!");
-      }
-    },
-    //图片上传失败
-    UploadErrorEventc1(res) {
-      this.imgUploadError(1, res);
-    },
-    //图片上传失败
-    UploadErrorEventc2(res) {
-      this.imgUploadError(2, res);
-    },
-    //图片上传失败
-    UploadErrorEventc3(res) {
-      this.imgUploadError(3, res);
-    },
-    imgUploadError(type, res) {
-      if (res !== "break") {
-        this.$message.error("图片上传失败!");
-        this.$refs.ruleForm.validateField(
-          type === 1 ? "c1" : type === 2 ? "c2" : "c3"
-        );
-      }
-    },
-    //判断图片规格
-    beforeAvatarUpload(file) {
-      let isJPG = false;
-      if (
-        file.type === "image/jpg" ||
-        file.type === "image/png" ||
-        file.type === "image/jpeg"
-      ) {
-        isJPG = true;
-      }
-      const isLt2M = file.size / 1024 / 1024 < 1;
-      if (!isJPG) {
-        this.$message.error("图片格式不正确！");
-      }
-      if (!isLt2M) {
-        this.$message.error("图片大小不能超过 1MB!");
-      }
-      return isJPG && isLt2M;
-    },
-  },
-};
-</script>
-   <style lang="scss" scoped>
-.activeAdd {
-  .c3-div {
-    ul {
-      float: left;
-      width: 100%;
-
-      li {
-        float: left;
-        width: 102px;
-        height: 102px;
-        overflow: hidden;
-        margin: 0 10px 10px 0;
-        border: 1px solid rgb(220, 223, 230);
-        position: relative;
-        &.img-upload-li {
-          border: 0;
-        }
-        &.img-show-li {
-          img {
-            display: inline-block;
-            width: 100%;
-          }
-          i {
-            position: absolute;
-            width: 20px;
-            height: 20px;
-            font-size: 13px;
-            text-align: center;
-            line-height: 20px;
-            top: 0;
-            right: 0;
-            z-index: 2;
-            color: rgb(220, 223, 230);
-          }
-          &:hover {
-            i {
-              color: #63cbe7;
-              &:hover {
-                cursor: pointer;
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-}
-</style>
-