暂存

src/apis/components/search-terrace.js

@@ -0,0 +1,7 @@
+import http from "@/apis/axios";
+const api = "admin/";
+export default {
+  // 列表
+  list: (data, params) => http(api + "unitlist", data, "post", params),
+};
+   

src/apis/service/activity/active/index.js

@@ -0,0 +1,24 @@
+// 企业客户/供应商账号相关
+import http from "@/apis/axios";
+const api = "admin/";
+export default {
+    // 列表
+    list: (data, params) => http(api + "activitylist", data, "post", params),
+    // 新建
+    add: (data, params) => http(api + "customarcreate", data, "post", params),
+    // 删除
+    delete: (data, params) => http(api + "customardelete", data, "post", params),
+    
+    // 详情
+    detail: (data, params) => http(api + "customarinfo", data, "post", params),
+    // 更新
+    update: (data, params) => http(api + "customaredit", data, "post", params),
+
+
+
+    
+    // 状态
+    status: (data, params) => http(api + "resultstatu", data, "post", params),
+
+
+};

src/apis/service/activity/activeGood/index.js

@@ -0,0 +1,12 @@
+// 物业管理员
+import http from "@/apis/axios";
+const api = "admin/";
+export default {
+  // 分页查询
+  list: (data, params) => http(api + "activitylinst", data, "post", params),
+  // 删除
+  delete: (data, params) => http(api + "delete", data, "post", params),
+  // 修改状态
+  status: (data, params) => http(api + 'companystatus', data, 'post', params),
+
+};

src/components/globalComponents/search-terrace/index.js

@@ -0,0 +1,2 @@
+import Main from './main.vue'
+export default Main

src/components/globalComponents/search-terrace/main.vue

@@ -0,0 +1,118 @@
+<template>
+  <el-select
+    v-model="value"
+    multiple
+    filterable
+    remote
+    :multiple-limit="1"
+    reserve-keyword
+    :size="size || 'medium'"
+    style="width: 100%"
+    :placeholder="placeholder || ''"
+    :disabled="disabled"
+    :remote-method="remoteMethod"
+    :loading="selectLoading"
+    @change="selectChange"
+  >
+    <el-option
+      v-for="(item, index) in options"
+      :key="item.id + index"
+      :label="item.platform_name"
+      :value="item.platform_code"
+      :disabled="item.status === '0'"
+    >
+    </el-option>
+  </el-select>
+</template>
+
+<script>
+import asyncRequest from "@/apis/components/search-terrace";
+import resToken from "@/mixins/resToken";
+export default {
+  name: "SearchTerrace",
+  mixins: [resToken],
+  props: [
+    "size",
+    "value",
+    "placeholder",
+    "isDetail",
+    "disabled",
+    "type",
+    "names",
+  ],
+  /**
+   * 属性集合
+   * @param {String}        size             : 组件大小            非必填
+   * @param {Array}         value            : 选中值              必填
+   * @param {String}        placeholder      : 提示信息            非必填
+   * @param {Boolean}       isDetail         : 是否是详情逻辑       必填
+   * @param {Boolean}       disabled         : 是否禁用            必填
+   * @param {String}        names            : 选中值label         展示详情必填
+   */
+  /**
+   * 事件集合
+   * @searchChange             : 选中值变化调用   抛出选中数据
+   */
+  data() {
+    return {
+      options: [],
+      selectLoading: false,
+      searchName: "",
+      formValue: {
+        page: 1,
+        size: 100,
+        start: "",
+        end: "",
+        platform_name: "",
+        creater: "",
+      },
+    };
+  },
+  mounted() {
+    this.options = [];
+    this.selectLoading = false;
+  },
+  methods: {
+    async selectChange(e) {
+      if (e && e.length > 0) {
+        let index = this.options.findIndex((v) => v.platform_code === e[0]);
+        if (index !== -1) {
+          let model = {
+            id: this.options[index].id,
+            code: this.options[index].platform_code,
+            label: this.options[index].platform_name,
+          };
+          this.$emit("searchChange", model);
+        } else {
+          this.$emit("searchChange", {});
+        }
+      } else {
+        this.$emit("searchChange", {});
+      }
+    },
+    async remoteMethod(query) {
+      this.selectLoading = true;
+      if (query !== "") {
+        this.options = [];
+        this.formValue.platform_name = query;
+        const { code, data, message } = await asyncRequest.list(this.formValue);
+
+        if (code === 0) {
+          const { list } = data;
+          this.options = list;
+        } else if (code >= 100 && code <= 104) {
+          await this.logout();
+        } else {
+          this.$message.warning(message);
+        }
+      } else {
+        this.options = [];
+      }
+      this.selectLoading = false;
+    },
+  },
+};
+</script>
+
+<style>
+</style>

src/views/activity/active/add.vue

@@ -0,0 +1,122 @@
+<template>
+  <div class="activeAdd pagePadding">
+    <div
+      v-if="powers && powers.length > 0 && powers.some((item) => item == '007')"
+    >
+      <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
+        <el-tab-pane label="基础/规格" name="1"> <base-form /></el-tab-pane>
+        <el-tab-pane label="包装/发货/图片" name="2">
+          <pack-form
+        /></el-tab-pane>
+        <el-tab-pane label="固定/阶梯成本" name="3"> <cost-form /></el-tab-pane>
+      </el-tabs>
+    </div>
+    <div v-else>
+      <no-auth></no-auth>
+    </div>
+  </div>
+</template>
+   <script>
+import asyncRequest from "@/apis/service/activity/active";
+import resToken from "@/mixins/resToken";
+import { mapGetters } from "vuex";
+// import baseForm from "./components/baseForm";
+// import costForm from "./components/costForm";
+// import packForm from "./components/packForm";
+export default {
+  name: "activeAdd",
+  mixins: [resToken],
+  components: {
+    baseForm,
+    costForm,
+    packForm,
+  },
+  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",
+      activeName: "3",
+      loading: false,
+   
+     
+
+    
+
+   
+    };
+  },
+  mounted() {
+    this.initForm();
+  },
+  methods: {
+    async initForm() {
+      this.loading = true;
+    
+      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);
+      }
+    },
+  
+
+  
+   
+  },
+};
+</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;
+    }
+  }
+  /deep/ .ddiv {
+    border-top: 1px solid #dcdfe6;
+   
+  }
+  /deep/ .dtitle {
+    width: 40px;
+    text-align: center;
+    height: 100%;
+    min-height: 100%;
+    ul{
+      padding:20px 0 0 0;
+    }
+  }
+  /deep/ .dmain {
+     padding: 20px 0 0 0;
+    width: calc(100% - 40px);
+    border-left: 1px solid #dcdfe6;
+  }
+}
+</style>
+   

src/views/activity/active/columns.js

@@ -0,0 +1,91 @@
+
+//是否定制
+const options1 = [
+  { id: "0", name: "是" },
+  { id: "1", name: "否" },
+]
+//专属类型
+const options2 = [
+  { id: "0", name: "非泰康" },
+  { id: "1", name: "泰康" },
+]
+//销售权限
+const options3 = [
+  { id: "0", name: "有销售权限" },
+  { id: "1", name: "无销售权限" },
+]
+
+//是否库存品
+const options4 = [
+  { id: "0", name: "库存品" },
+  { id: "1", name: "非库存品" },
+]
+//是否启用实时金价
+const options5 = [
+  { id: "0", name: "是" },
+  { id: "1", name: "否" },
+]
+//供货区域
+const options6 = [
+  { id: "0", name: "全国" },
+  { id: "1", name: "全国除偏远" },
+]
+const listCol = [
+  {
+    prop: "cgdNo",
+    label: "采购单编号",
+    width: "160px",
+  },
+  {
+    prop: "apply_name",
+    label: "申请人",
+    width: "65px",
+  },
+  {
+    prop: "good_code",
+    label: "商品编码",
+    width: "150px",
+  },
+  {
+    prop: "good_name",
+    label: "商品名称",
+  },
+  {
+    prop: "class_cat",
+    label: "商品分类",
+  },
+
+  {
+    prop: "good_weight",
+    label: "商品总重量(g)",
+    width: "110px",
+  },
+  {
+    prop: "diff_weight",
+    label: "工差总重量(g)",
+    width: "110px",
+  },
+
+  {
+    prop: "status",
+    label: "状态",
+    _slot_: "status",
+    width: "120px",
+  },
+  {
+    prop: "addtime",
+    label: "创建时间",
+    width: "140px",
+    sortable: true,
+  },
+  {
+    prop: "",
+    label: "操作",
+    fixed: "right",
+    _noset_: true,
+    width: "52px",
+    _slot_: "operation",
+  },
+]
+
+export  { options1, options2, options3, options4, options5, options6,listCol }

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

@@ -0,0 +1,755 @@
+<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/activity/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/activity/active/components/baseFormAddEdit.vue

@@ -0,0 +1,260 @@
+<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/activity/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/activity/active/components/costForm.vue

@@ -0,0 +1,455 @@
+<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/activity/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/activity/active/components/costFormAddEdit.vue

@@ -0,0 +1,293 @@
+<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/activity/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/activity/active/components/packForm.vue

@@ -0,0 +1,679 @@
+<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="activity-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="activity-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="activity-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/activity/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>
+   

src/views/activity/active/detail.vue

@@ -0,0 +1,759 @@
+<template>
+  <div class="active pagePadding">
+    <div
+      v-if="powers && powers.length > 0 && powers.some((item) => item == '001')"
+    >
+      <el-row style="margin-bottom: 10px">
+        <el-col :span="6" style="width: 316px">
+          <period-date-picker
+            :start="parmValue.start"
+            :end="parmValue.end"
+            :type="1"
+            :width="'147px'"
+            :size="searchSize"
+            @timeReturned="timeReturned($event)"
+          ></period-date-picker>
+        </el-col>
+        <el-col :span="18" id="el-cor-full-style">
+          <el-row :gutter="10">
+            <el-col :span="6">
+              <el-cascader
+                v-model="parmValue.catid"
+                style="width: 100%"
+                filterable
+                :size="searchSize"
+                clearable
+                placeholder="商品分类"
+                :options="catOptions"
+                :props="{ expandTrigger: 'hover', checkStrictly: true }"
+                @change="handleChange"
+              ></el-cascader>
+            </el-col>
+            <el-col :span="6">
+              <el-select
+                v-model="parmValue.status"
+                filterable
+                clearable
+                :size="searchSize"
+                placeholder="请选择状态"
+                style="width: 100%"
+              >
+                <el-option
+                  v-for="item in statusList"
+                  :key="'status' + item.code"
+                  :label="item.name"
+                  :value="item.code"
+                />
+              </el-select>
+            </el-col>
+
+            <el-col :span="6">
+              <el-input
+                :size="searchSize"
+                style="100%"
+                v-model="parmValue.supplier_name"
+                :maxlength="40"
+                placeholder="供货商名称"
+              ></el-input>
+            </el-col>
+            <el-col :span="6">
+              <el-input
+                :size="searchSize"
+                style="100%"
+                v-model="parmValue.good_code"
+                :maxlength="40"
+                placeholder="商品编码"
+              ></el-input>
+            </el-col>
+          </el-row>
+        </el-col>
+      </el-row>
+      <el-row style="margin-bottom: 18px">
+        <el-col :span="6" style="width: 316px">
+          <el-input
+            :size="searchSize"
+            :maxlength="10"
+            placeholder="最低售价"
+            v-model="parmValue.sale_price_start"
+            style="width: 150px"
+          ></el-input>
+          <samp>至</samp>
+          <el-input
+            :size="searchSize"
+            :maxlength="10"
+            placeholder="最高售价"
+            v-model="parmValue.sale_price_end"
+            style="width: 150px"
+          ></el-input>
+        </el-col>
+
+        <el-col :span="18" id="el-cor-full-style">
+          <el-row :gutter="10">
+            <el-col :span="12">
+              <el-input
+                :size="searchSize"
+                v-model="parmValue.goods_name"
+                :maxlength="40"
+                placeholder="商品名称"
+              >
+                <el-button
+                  slot="append"
+                  icon="el-icon-search"
+                  @click="searchList"
+                ></el-button>
+              </el-input>
+            </el-col>
+            <el-col :span="12">
+              <el-button
+               v-if="powers.some((item) => item == '024')"
+                type="warning"
+                class="fl"
+                :size="searchSize"
+                @click="restSearch"
+              >
+                重置
+              </el-button>
+              <el-button
+               v-if="powers.some((item) => item == '002')"
+                type="primary"
+                :size="searchSize"
+                class="fr"
+                style="margin-left: 5px"
+                @click="searchList"
+              >
+                刷新
+              </el-button>
+              <el-button
+               v-if="powers.some((item) => item == '003')"
+                type="success"
+                :size="searchSize"
+                style="float: right"
+                @click="openModal('add', false)"
+              >
+                添加
+              </el-button>
+            </el-col>
+          </el-row></el-col
+        >
+      </el-row>
+      <el-table
+        :data="tableData"
+        stripe
+        v-loading="loading"
+        border
+        :size="size"
+        style="width: 100%"
+      >
+        <el-table-column label="商品信息" align="left" min-width="165">
+          <template slot-scope="item">
+            <div class="good_name_title">
+              {{ item.row.good_name }}
+            </div>
+            <div
+              class="good_name_img"
+              v-if="item.row.galleyList && item.row.galleyList.length > 0"
+            >
+              <img
+                v-for="(img, i) in item.row.galleyList"
+                :key="item.row.id + 'goodimg' + i"
+                :src="img"
+                @click="showGalley(item.row.galleyList, i)"
+                alt=""
+              />
+            </div> </template
+        ></el-table-column>
+        <el-table-column label="供应商信息" show-overflow-tooltip align="left">
+          <template slot-scope="item">
+            <div v-if="item.row.supplier_info">
+              <div class="good_name_title">
+                企业：{{ item.row.supplier_info.company }}
+              </div>
+              <div class="good_name_title">
+                联系人：{{ item.row.supplier_info.name }}
+              </div>
+            </div>
+          </template></el-table-column
+        >
+        <el-table-column
+          prop="good_code"
+          label="商品编码"
+          show-overflow-tooltip
+          align="center"
+        ></el-table-column>
+        <el-table-column
+          prop="catName"
+          label="商品分类"
+          show-overflow-tooltip
+          align="center"
+        ></el-table-column>
+
+        <el-table-column label="状态" show-overflow-tooltip align="center">
+          <template slot-scope="scope">
+            <el-tag
+              v-if="scope.row.status === '1'"
+              type="success"
+              :class="{ 'hover-tag': powers.some((item) => item == '004') }"
+              :size="tablebtnSize"
+              @click="
+                statusConfirm(
+                  scope.row.id,
+                  scope.row.status,
+                  powers.some((item) => item == '026')
+                )
+              "
+            >
+              <i
+                class="el-icon-thumb"
+                v-if="powers.some((item) => item == '026')"
+                style="margin-right: 1px"
+              ></i>
+              销售中</el-tag
+            >
+            <el-tag
+              v-else
+              :class="{ 'hover-tag': powers.some((item) => item == '026') }"
+              :size="tablebtnSize"
+              type="warning"
+              @click="
+                statusConfirm(
+                  scope.row.id,
+                  scope.row.status,
+                  powers.some((item) => item == '026')
+                )
+              "
+            >
+              <i
+                class="el-icon-thumb"
+                v-if="powers.some((item) => item == '026')"
+                style="margin-right: 1px"
+              ></i>
+              已下架</el-tag
+            >
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="addtime"
+          label="创建时间"
+          show-overflow-tooltip
+          align="center"
+        ></el-table-column>
+        <el-table-column fixed="right" label="操作" align="center">
+          <template slot-scope="scope">
+            <el-link
+              v-if="powers.some((item) => item == '011')"
+              type="primary"
+              style="margin: 0 4px"
+              :underline="false"
+              :size="tablebtnSize"
+              @click="
+                showPrice(
+                  scope.row.LimitPrice,
+                  scope.row.left,
+                  scope.row.right,
+                  scope.row.lang
+                )
+              "
+            >
+              价格
+            </el-link>
+            <el-link
+              v-if="powers.some((item) => item == '012')"
+              type="primary"
+              style="margin: 0 4px"
+              :underline="false"
+              :size="tablebtnSize"
+              @click="copy(scope.row.id)"
+            >
+              复制
+            </el-link>
+            <el-link
+              v-if="
+                scope.row.status === '0' && powers.some((item) => item == '005')
+              "
+              type="primary"
+              style="margin: 0 4px"
+              :underline="false"
+              :size="tablebtnSize"
+              @click="openModal(scope.row.id, false)"
+            >
+              修改
+            </el-link>
+            <el-link
+              v-if="powers.some((item) => item == '006')"
+              type="primary"
+              style="margin: 0 4px"
+              :underline="false"
+              :size="tablebtnSize"
+              @click="deleteById(scope.row.id, scope.row.status)"
+            >
+              删除
+            </el-link>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div
+        class="Pagination"
+        style="text-align: right; margin-top: 10px"
+        v-show="count > 0"
+      >
+        <el-pagination
+          :size="searchSize"
+          @size-change="handleSizeChange"
+          @current-change="handlePageChange"
+          :current-page="parmValue.page"
+          :page-sizes="[10, 15, 20, 30, 40]"
+          :page-size="parmValue.size"
+          layout="total, sizes, prev, pager, next, jumper"
+          :total="count"
+        ></el-pagination>
+      </div>
+      <ladder-price
+        :showModel="showLadderPrice"
+        :left="left"
+        :right="right"
+        :lang="lang"
+        @cancel="showLadderPrice = false"
+      ></ladder-price>
+    
+    </div>
+    <div v-else>
+      <no-auth></no-auth>
+    </div>
+  </div>
+</template>
+   <script>
+import mixinPage from "@/mixins/elPaginationHandle";
+import asyncRequest from "@/apis/service/activity/active";
+import ladderPrice from "./ladderPrice";
+// import PeriodDatePicker from "@/components/PeriodDatePicker";
+import statusList from "@/assets/js/statusList";
+import { timestampToTime } from "@/utils/validate";
+import { mapGetters } from "vuex";
+export default {
+  name: "active",
+  components: {
+    // PeriodDatePicker,
+    ladderPrice,
+  },
+  data() {
+    return {
+      imgList: [],
+      index: 0,
+      showImgModel: false,
+      statusList: statusList,
+      catOptions: [],
+      showLadderPrice: false,
+      loading: false,
+      showModel: false,
+      isDetail: false,
+      modelId: 0,
+      left: {},
+      right: {},
+      lang: "0px",
+      parmValue: {
+        catid: "", //种类id
+        start: "", //起始时间,
+        end: "", //结束时间
+        sale_price_start: "", //最低售价
+        sale_price_end: "", //最高售价
+        status: "",
+        goods_name: "", //商品名称
+        good_code: "", //商品code
+        supplier_name: "", //供货商
+        page: 1, // 页码
+        size: 10, // 每页显示条数
+      },
+      count: 0, // 总条数
+      tableData: [],
+      headLadder: {
+        num: "起订量≥",
+        price: "成本价",
+      },
+    };
+  },
+  mixins: [mixinPage],
+  computed: {
+    ...mapGetters(["tablebtnSize", "searchSize", "size"]),
+    powers() {
+      let tran =
+        this.$store.getters.btnList.find(
+          (item) => item.menu_route == "active"
+        ) || {};
+      if (tran && tran.action && tran.action.length > 0) {
+        return tran.action;
+      } else {
+        return [];
+      }
+    },
+  },
+  mounted() {
+    // this.searchList();
+    // this.getAllCat();
+  },
+
+  methods: {
+    restSearch() {
+      this.parmValue = {
+        catid: "", //种类id
+        start: "", //起始时间,
+        end: "", //结束时间
+        sale_price_start: "", //最低售价
+        sale_price_end: "", //最高售价
+        status: "",
+        goods_name: "", //商品名称
+        good_code: "", //商品code
+        supplier_name: "", //供货商
+        page: 1, // 页码
+        size: 10, // 每页显示条数
+      };
+      this.searchList();
+    },
+    async handleChange() {
+      this.parmValue.page = 1;
+      await this.searchList();
+    },
+    async timeReturned(e) {
+      if (e.startTime !== "") {
+        this.parmValue.start = timestampToTime(e.startTime);
+      } else {
+        this.parmValue.start = "";
+      }
+
+      if (e.endTime !== "") {
+        this.parmValue.end = timestampToTime(e.endTime);
+      } else {
+        this.parmValue.end = "";
+      }
+      if (this.parmValue.start !== "" && this.parmValue.end !== "") {
+        this.parmValue.page = 1;
+        await this.searchList();
+      }
+    },
+    openModal(id, isDetail) {
+      if (id !== "add") {
+        this.$message.warning("正在开发中！");
+      } else {
+        this.showModel = true;
+        this.modelId = id;
+        this.isDetail = isDetail;
+      }
+    },
+    showGalley(list, i) {
+      this.imgList = list;
+      this.index = i;
+      this.showImgModel = true;
+    },
+    async copy(id) {
+      let res = await asyncRequest.copy({ id: id });
+      if (res.code === 0) {
+        this.$notify.success({
+          title: "商品复制成功！",
+          message: "",
+        });
+        this.searchList();
+      }
+    },
+    async deleteById(id, status) {
+      if (status === "0") {
+        await this.$confirm("确定要删除该商品？", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
+        })
+          .then(async () => {
+            let res = await asyncRequest.delete({ goodids: id });
+            if (res.code === 0) {
+              this.$notify.success({
+                title: "删除成功",
+                message: "",
+              });
+              this.searchList();
+            }
+          })
+          .catch(() => {
+            console.log("取消");
+          });
+      } else {
+        this.$message.warning("只有已下架的商品才能被删除！");
+      }
+    },
+    showPrice(attr, left, right, lang) {
+      if (attr && attr.length > 0) {
+        this.left = left;
+        this.right = right;
+        this.lang = lang;
+        this.showLadderPrice = true;
+      } else {
+        this.$message.warning("该商品暂无阶梯价格信息！");
+      }
+    },
+    async searchList() {
+      let obj = JSON.parse(JSON.stringify(this.parmValue));
+
+      if (obj.catid === "") {
+        obj.catid = "0";
+      }
+      this.loading = true;
+      let res = await asyncRequest.list(obj);
+      if (res.code === 0 && res.data) {
+        let list = res.data.list;
+
+        list = list.map((v1) => {
+          v1.catName = "";
+          v1.galleyList = v1.galley.split(",");
+          v1.addtime = v1.addtime.replaceAll(".000", "");
+          if (v1 && v1.cat && v1.cat.length > 0) {
+            v1.cat.forEach((v2, index) => {
+              v1.catName += index !== 0 ? "/" + v2.cat_name : v2.cat_name;
+            });
+          } else {
+            v1.catName = "";
+          }
+          if (v1 && v1.LimitPrice && v1.LimitPrice.length > 0) {
+            v1.left = {
+              header: [],
+              spec: [],
+            };
+            v1.right = {
+              header: [],
+              spec: [],
+            };
+            v1.left.header = v1.LimitPrice[0].spec;
+            v1.lang = v1.left.header.length * 100 + "px";
+            let ladderNum = 0;
+            v1.LimitPrice.forEach((a) => {
+              if (a.limit && a.limit.length > ladderNum) {
+                ladderNum = a.limit.length;
+              }
+              if (a.spec && a.spec.length > 0) {
+                v1.left.spec.push(a.spec);
+              }
+            });
+            for (let i = 0; i < ladderNum; i++) {
+              v1.right.header.push(this.headLadder);
+            }
+
+            v1.right.spec = v1.LimitPrice;
+            v1.right.spec.map((v1) => {
+              if (v1.limit && v1.limit.length > 0) {
+                for (let j = 0; j < ladderNum; j++) {
+                  if (!v1.limit[j]) {
+                    v1.limit.push({
+                      begin_num: "",
+                      shop_price: "",
+                    });
+                  }
+                }
+              }
+            });
+          }
+          return v1;
+        });
+        this.tableData = list;
+        this.count = Number(res.data.count);
+      } else {
+        this.tableData = [];
+        this.count = 0;
+      }
+      this.loading = false;
+    },
+    async getAllCat() {
+      const res = await asyncRequest.catAll({});
+      if (res.code === 0 && res.data) {
+        let list = res.data;
+        list.map((v1) => {
+          v1.value = v1.id;
+          v1.label = v1.cat_name;
+          if (v1.child && v1.child.length > 0) {
+            v1.child.map((v2) => {
+              v2.value = v2.id;
+              v2.label = v2.cat_name;
+              if (v2.child && v2.child.length > 0) {
+                v2.child.map((v3) => {
+                  v3.value = v3.id;
+                  v3.label = v3.cat_name;
+                  return v3;
+                });
+                v2.children = v2.child;
+              }
+              return v2;
+            });
+            v1.children = v1.child;
+          }
+          return v1;
+        });
+        this.catOptions = list;
+      }
+    },
+    async statusConfirm(id, status, type) {
+      if (!type) {
+        return;
+      }
+      await this.$confirm(
+        `确定要改为${status === "1" ? "已下架" : "销售中"}？`,
+        {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
+        }
+      )
+        .then(async () => {
+          this.loading = true;
+          const model = {
+            goodids: id,
+            status: status === "1" ? "0" : "1",
+          };
+          const res = await asyncRequest.status(model);
+          if (res.code === 0) {
+            this.loading = false;
+            this.$notify.success({
+              title: "状态修改成功！",
+              message: "",
+            });
+            await this.searchList();
+          } else {
+            this.loading = false;
+          }
+        })
+        .catch(() => {
+          console.log("取消");
+        });
+    },
+  },
+};
+</script>
+   <style lang="scss" scoped>
+.active {
+  $gBC: #dfe6ec;
+  .list-table {
+    position: relative;
+    width: 100%;
+    border-top: 1px solid $gBC;
+    border-left: 1px solid $gBC;
+    .left {
+      position: absolute;
+      top: 0;
+      left: 0;
+      z-index: 2;
+      background: #fff;
+      .header {
+        width: 100%;
+        display: flex;
+        .header-item {
+          width: 100px;
+          flex: 1;
+          padding: 0 10px;
+          height: 50px;
+          line-height: 50px;
+          border-right: 1px solid $gBC;
+          border-bottom: 1px solid $gBC;
+        }
+      }
+      .header-body {
+        width: 100%;
+        position: relative;
+        .header-body-row {
+          width: 100%;
+          display: flex;
+          .heder-body-col {
+            flex: 1;
+            padding: 0 10px;
+            height: 30px;
+            border-right: 1px solid $gBC;
+            border-bottom: 1px solid $gBC;
+            line-height: 30px;
+          }
+        }
+      }
+    }
+    .right {
+      position: relative;
+      width: 100%;
+      display: block;
+      overflow-x: scroll;
+      .header {
+        width: 100%;
+        display: flex;
+        .header-col {
+          min-width: 240px;
+          flex: 1;
+          height: 50px;
+          line-height: 50px;
+
+          // position: relative;
+          .header-col-jieti {
+            height: 50px;
+            line-height: 50px;
+            // position: relative;
+            width: 100%;
+            .header-col-jieti-title {
+              // position: relative;
+              width: 100%;
+              line-height: 25px;
+              border-right: 1px solid $gBC;
+              border-bottom: 1px solid $gBC;
+              height: 25px;
+            }
+            .header-col-jieti-main {
+              // position: relative;
+              width: 100%;
+              .header-col-item {
+                // position: relative;
+                height: 25px;
+                line-height: 25px;
+                width: 50%;
+                border-right: 1px solid $gBC;
+                border-bottom: 1px solid $gBC;
+              }
+            }
+          }
+        }
+      }
+      .right-body {
+        position: relative;
+        .right-body-col {
+          position: relative;
+          width: 100%;
+          display: flex;
+          .right-body-col-item {
+            min-width: 240px;
+            flex: 1;
+
+            position: relative;
+            overflow: hidden;
+            .right-body-col-item-div {
+              position: relative;
+              height: 30px;
+              line-height: 30px;
+              width: 50%;
+              padding: 0 10px;
+              border-right: 1px solid $gBC;
+              border-bottom: 1px solid $gBC;
+            }
+          }
+        }
+      }
+    }
+  }
+  .good_name_img {
+    position: relative;
+    width: 156px;
+    img {
+      position: relative;
+      width: 30px;
+      height: 30px;
+      display: inline-block;
+      border-top: 1px solid #dfe6ec;
+      border-right: 1px solid #dfe6ec;
+      border-bottom: 1px solid #dfe6ec;
+      &:hover {
+        cursor: pointer;
+      }
+      &:first-child {
+        border-left: 1px solid #dfe6ec;
+      }
+    }
+  }
+}
+</style>
+   

src/views/activity/active/index.vue

@@ -0,0 +1,440 @@
+<template>
+  <div class="active pagePadding">
+    <ex-table
+      v-loading="loading"
+      v-if="powers && powers.length > 0 && powers.some((item) => item == '001')"
+      :table="table"
+      :data="tableData"
+      :columns="columns"
+      :page="pageInfo"
+      :size="size"
+      @page-curr-change="handlePageChange"
+      @page-size-change="handleSizeChange"
+      @screen-reset="
+        pageInfo.curr = 1;
+        parmValue.page = 1;
+        searchList();
+      "
+      @screen-submit="
+        pageInfo.curr = 1;
+        parmValue.page = 1;
+        searchList();
+      "
+    >
+      <template #table-header="{}">
+        <div style="width: 100%">
+          <el-row style="padding: 0 0 10px 80px">
+            <el-col :span="6" style="width: 303px">
+              <period-date-picker
+                :type="1"
+                :width="'135px'"
+                :size="searchSize"
+                :start="parmValue.starttime"
+                :end="parmValue.endtime"
+                @timeReturned="handleTime"
+              />
+            </el-col>
+            <el-col :span="6" style="width: 250px; padding: 0 0 0 10px"> 所属平台 platform_code</el-col>
+            <el-col :span="4" style="width: 160px">
+              <el-select
+                v-model="parmValue.status"
+                filterable
+                clearable
+                :size="searchSize"
+                placeholder="活动状态"
+                style="width: 100%"
+                @change="
+                  pageInfo.curr = 1;
+                  parmValue.page = 1;
+                  searchList();
+                "
+              >
+                <el-option
+                  v-for="item in statusList"
+                  :key="'status' + item.code"
+                  :label="item.name"
+                  :value="item.code"
+                />
+              </el-select>
+            </el-col>
+
+            <el-col
+              :span="3"
+              class="fr"
+              style="width: 66px; padding: 0 0 0 10px"
+            >
+              <el-button type="primary" :size="searchSize" @click="searchList">
+                刷新
+              </el-button>
+            </el-col>
+            <el-col
+              :span="3"
+              class="fr"
+              style="width: 66px; padding: 0 0 0 10px"
+            >
+              <el-button type="warning" :size="searchSize" @click="restSearch">
+                重置
+              </el-button>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="4" style="width: 373px">
+              <el-input
+                :size="searchSize"
+                v-model="parmValue.activity_name"
+                :maxlength="40"
+                @blur="
+                  pageInfo.curr = 1;
+                  parmValue.page = 1;
+                  searchList();
+                "
+                placeholder="活动名称"
+              ></el-input>
+            </el-col>
+            <el-col :span="6" style="width: 250px; padding: 0 0 0 10px">
+              <el-input
+                :size="searchSize"
+                v-model="parmValue.activity_code"
+                :maxlength="40"
+                @blur="
+                  pageInfo.curr = 1;
+                  parmValue.page = 1;
+                  searchList();
+                "
+                placeholder="活动编号"
+              ></el-input>
+            </el-col>
+            <el-col :span="4" style="width: 170px; padding: 0 0 0 10px">
+              <el-input
+                :size="searchSize"
+                v-model="parmValue.creater"
+                :maxlength="40"
+                @change="
+                  pageInfo.curr = 1;
+                  parmValue.page = 1;
+                  searchList();
+                "
+                placeholder="创建人"
+              ></el-input>
+            </el-col>
+            <el-col
+              :span="3"
+              class="fr"
+              style="width: 66px; padding: 0 0 0 10px"
+              v-if="powers.some((item) => item == '003')"
+            >
+              <el-button
+                :size="searchSize"
+                type="success"
+                style="float: right"
+                @click="routeGoto('activeAdd', {})"
+              >
+                添加
+              </el-button>
+            </el-col>
+          </el-row>
+        </div></template
+      >
+      <template #status="{ scope }">
+        <el-tag
+          :size="tablebtnSize"
+          :type="scope.row.status == '1' ? 'warning' : ''"
+          v-text="
+            (statusOptions.find((item) => item.id == scope.row.status) || {})
+              .label || '--'
+          "
+        ></el-tag>
+      </template>
+
+      <template #operation="{ scope }">
+        <el-tooltip
+          v-if="powers.some((item) => item == '007')"
+          effect="dark"
+          content="详情"
+          placement="top"
+        >
+          <i
+            class="el-icon-view tb-icon"
+            @click="openModal(scope.row, '007')"
+          ></i>
+        </el-tooltip>
+        <el-tooltip
+          v-if="powers.some((item) => item == '005')"
+          effect="dark"
+          content="修改"
+          placement="top"
+        >
+          <i
+            class="el-icon-edit tb-icon"
+            @click="openModal(scope.row, '005')"
+          ></i>
+        </el-tooltip>
+        <el-tooltip
+          v-if="
+            powers.some((item) => item == '004') && scope.row.status === '0'
+          "
+          effect="dark"
+          content="禁用"
+          placement="top"
+        >
+          <i
+            class="el-icon-video-pause tb-icon"
+            @click="changeStatus(scope.row.id, scope.row.status)"
+          ></i>
+        </el-tooltip>
+        <el-tooltip
+          v-if="
+            powers.some((item) => item == '004') && scope.row.status === '1'
+          "
+          effect="dark"
+          content="启用"
+          placement="top"
+        >
+          <i
+            class="el-icon-video-play tb-icon"
+            @click="changeStatus(scope.row.id, scope.row.status)"
+          ></i>
+        </el-tooltip>
+        <el-tooltip
+          v-if="powers.some((item) => item == '006')"
+          effect="dark"
+          content="删除"
+          placement="top"
+        >
+          <i
+            class="el-icon-delete tb-icon"
+            @click="deleteItem(scope.row.id)"
+          ></i>
+        </el-tooltip>
+      </template>
+    </ex-table>
+    <no-auth v-else></no-auth>
+    <!-- 弹窗 新增/修改 -->
+    <add-edit
+      :id="modelId"
+      :show-model="showModel"
+      :sitem="sitem"
+      @refresh="searchList"
+      @cancel="showModel = false"
+    />
+  </div>
+</template>
+<script>
+import asyncRequest from "@/apis/service/activity/active";
+import statusList from "@/assets/js/statusList";
+import roleLevel from "@/assets/js/roleLevel";
+import mixinPage from "@/mixins/elPaginationHandle";
+import { mapGetters } from "vuex";
+import resToken from "@/mixins/resToken";
+export default {
+  name: "active",
+  mixins: [mixinPage, resToken],
+  computed: {
+    //组件SIZE设置
+    ...mapGetters(["tablebtnSize", "searchSize", "size"]),
+    powers() {
+      let tran =
+        this.$store.getters.btnList.find(
+          (item) => item.menu_route == "active"
+        ) || {};
+      if (tran && tran.action && tran.action.length > 0) {
+        return tran.action;
+      } else {
+        return [];
+      }
+    },
+  },
+  data() {
+    return {
+      statusList: statusList,
+      roleLevel: roleLevel,
+      loading: false,
+      showModel: false,
+      modelId: "000",
+      sitem: {},
+      parmValue: {
+        page: 1, // 页码
+        size: 15, // 每页显示条数
+        starttime: "",
+        endtime: "",
+        status: "",
+        creater: "",
+      },
+      // 状态
+      statusOptions: [
+        { id: "1", label: "禁用" },
+        { id: "0", label: "启用" },
+      ],
+      // 表格 - 数据
+      tableData: [],
+      // 表格 - 参数
+      table: {
+        stripe: true,
+        border: true,
+        _defaultHeader_: ["setcol"],
+      },
+      // 表格 - 分页
+      pageInfo: {
+        size: 15,
+        curr: 1,
+        total: 0,
+      },
+      // 表格 - 列参数
+      columns: [
+        {
+          prop: "id",
+          label: "ID",
+        },
+        {
+          prop: "active",
+          label: "活动名称",
+        },
+        {
+          prop: "status",
+          label: "状态",
+          sortable: true,
+          _slot_: "status",
+        },
+        {
+          prop: "creater",
+          label: "创建人",
+        },
+        {
+          prop: "addtime",
+          label: "创建时间",
+          sortable: true,
+        },
+        {
+          prop: "",
+          label: "操作",
+          fixed: "right",
+          _noset_: true,
+          _slot_: "operation",
+        },
+      ],
+    };
+  },
+  mounted() {
+    // this.searchList();
+  },
+  methods: {
+    restSearch() {
+      // 表格 - 分页
+      this.pageInfo = {
+        size: 15,
+        curr: 1,
+        total: 0,
+      };
+      this.parmValue = {
+        page: 1, // 页码
+        size: 15, // 每页显示条数
+        starttime: "",
+        endtime: "",
+        status: "",
+        creater: "",
+      };
+      this.searchList();
+    },
+    // 新建/编辑/详情
+    openModal(row, type) {
+      this.sitem = row;
+      this.modelId = type;
+      this.showModel = true;
+    },
+    // 时间
+    async handleTime(e) {
+      this.parmValue.starttime = e.startTime || "";
+      this.parmValue.endtime = e.endTime || "";
+      if (
+        (this.parmValue.starttime !== "" && this.parmValue.endtime !== "") ||
+        (this.parmValue.starttime === "" && this.parmValue.endtime === "")
+      ) {
+        this.pageInfo.curr = 1;
+        this.parmValue.page = 1;
+        await this.searchList();
+      }
+    },
+    /**
+     * 启用/禁用
+     * @param {String} id id
+     * @param {String} status 0-禁用 1-启用
+     */
+    async changeStatus(id, status) {
+      await this.$confirm(`确定要改为${status === "0" ? "禁用" : "启用"}？`, {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(async () => {
+          this.loading = true;
+          const model = {
+            id: id,
+            status: status === "1" ? "0" : "1",
+          };
+          const res = await asyncRequest.status(model);
+          if (res && res.code === 0) {
+            this.loading = false;
+            this.$notify.success({
+              title: "状态修改成功！",
+              message: "",
+            });
+            await this.searchList();
+          } else if (res && res.code >= 100 && res.code <= 104) {
+            await this.logout();
+          } else {
+            this.loading = false;
+            this.$message.warning(res.message);
+          }
+        })
+        .catch(() => {
+          console.log("取消");
+        });
+    },
+    async deleteItem(id) {
+      await this.$confirm("确定要删除？", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(async () => {
+          const model = {
+            id: id,
+          };
+          const res = await asyncRequest.delete(model);
+          if (res && res.code === 0) {
+            this.$notify.success({
+              title: "删除成功",
+              message: "",
+            });
+            this.searchList();
+          } else if (res && res.code >= 100 && res.code <= 104) {
+            await this.logout();
+          } else {
+            this.$message.warning(res.message);
+          }
+        })
+        .catch(() => {
+          console.log("取消");
+        });
+    },
+    // 刷新表格
+    async searchList() {
+      this.loading = true;
+      const res = await asyncRequest.list(this.parmValue);
+      if (res && res.code === 0 && res.data) {
+        this.tableData = res.data.list;
+        this.pageInfo.total = Number(res.data.count);
+      } else if (res && res.code >= 100 && res.code <= 104) {
+        await this.logout();
+      } else {
+        this.tableData = [];
+        this.pageInfo.total = 0;
+      }
+      this.loading = false;
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+</style>

src/views/activity/active/ladderPrice.vue

@@ -0,0 +1,258 @@
+<template>
+  <el-dialog
+    :title="title"
+    :center="true"
+    align="left"
+    top="12vh"
+    width="1040px"
+    @close="closeModel"
+    :close-on-click-modal="false"
+    :visible.sync="showModelThis"
+  >
+  <el-card>
+      <el-row :gutter="10">
+        <el-col :span="24">
+          <div
+            v-if="
+              left &&
+              left.header &&
+              left.header.length > 0 &&
+              right &&
+              right.header &&
+              right.header.length > 0
+            "
+          >
+            <div class="list-table clearfix">
+              <div class="left" :style="{ width: lang }">
+                <div class="header">
+                  <div
+                    class="header-item"
+                    v-for="(lhead, lhi) in left.header"
+                    :key="'lhead' + lhi"
+                  >
+                    {{ lhead.spec_name }}
+                  </div>
+                </div>
+                <div
+                  class="header-body"
+                  v-if="left.spec && left.spec.length > 0"
+                >
+                  <div
+                    class="header-body-row"
+                    v-for="(lhr, lhri) in left.spec"
+                    :key="'lheadrow' + lhri"
+                  >
+                    <div
+                      class="heder-body-col"
+                      v-for="(lhc, lhci) in lhr"
+                      :key="'lheadcol' + lhci"
+                    >
+                      {{ lhc.spec_value }}
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div class="right" :style="{ paddingLeft: lang }">
+                <div class="header">
+                  <div
+                    class="header-col clearfix"
+                    v-for="(lhr, lhri) in right.header"
+                    :key="'lheadr' + lhri"
+                  >
+                    <div class="header-col-jieti clearfix">
+                      <div class="header-col-jieti-title tc clearfix">
+                        阶梯{{ lhri + 1 }}
+                      </div>
+                      <div class="header-col-jieti-main clearfix">
+                        <div class="header-col-item fl tc">{{ lhr.num }}</div>
+                        <div class="header-col-item fl tc">{{ lhr.price }}</div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="right-body"
+                  v-if="right.spec && right.spec.length > 0"
+                >
+                  <div
+                    class="right-body-col"
+                    v-for="(lbr, lbri) in right.spec"
+                    :key="'lbodyr' + lbri"
+                  >
+                    <div
+                      class="right-body-col-item clearfix"
+                      v-for="(lbritem, lbritemi) in lbr.limit"
+                      :key="'lbritem' + lbritemi"
+                    >
+                      <div class="right-body-col-item-div fl tc">
+                        {{ lbritem.begin_num }}
+                      </div>
+                      <div class="right-body-col-item-div fl tc">
+                        {{ lbritem.shop_price }}
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div v-else class="tc">
+            <el-tag type="warning">暂无阶梯价！</el-tag>
+          </div>
+        </el-col>
+      </el-row>
+    </el-card>
+  </el-dialog>
+</template>
+   <script>
+export default {
+  name: "active",
+  props: ["showModel", "left", "right", "lang"],
+  data() {
+    return {
+      loading: true,
+      title: "商品阶梯价格",
+       showModelThis: this.showModel,
+    };
+  },
+  methods: {
+    closeModel(e) {
+      console.log(e);
+      this.showModelThis = false;
+    },
+    async initForm() {
+      this.loading = false;
+    },
+  },
+  watch: {
+    showModel: function (val) {
+      this.showModelThis = val;
+      if (val) {
+        this.initForm();
+      }
+    },
+    showModelThis(val) {
+      if (!val) {
+        this.$emit("cancel");
+      }
+    },
+  },
+};
+</script>
+
+   <style lang="scss" scoped>
+.active {
+  $gBC: #dfe6ec;
+  .list-table {
+    position: relative;
+    width: 100%;
+    border-top: 1px solid $gBC;
+    border-left: 1px solid $gBC;
+    .left {
+      position: absolute;
+      top: 0;
+      left: 0;
+      z-index: 2;
+      background: #fff;
+      .header {
+        width: 100%;
+        display: flex;
+        .header-item {
+          width: 100px;
+          flex: 1;
+          padding: 0 10px;
+          height: 64px;
+          line-height: 64px;
+          border-right: 1px solid $gBC;
+          border-bottom: 1px solid $gBC;
+        }
+      }
+      .header-body {
+        width: 100%;
+        position: relative;
+        .header-body-row {
+          width: 100%;
+          display: flex;
+          .heder-body-col {
+            flex: 1;
+            padding: 0 10px;
+            height: 38px;
+            border-right: 1px solid $gBC;
+            border-bottom: 1px solid $gBC;
+            line-height: 38px;
+          }
+        }
+      }
+    }
+    .right {
+      position: relative;
+      width: 100%;
+      display: block;
+      overflow-x: scroll;
+      .header {
+        width: 100%;
+        display: flex;
+        .header-col {
+          min-width: 220px;
+          flex: 1;
+          height: 64px;
+          line-height: 64px;
+
+          // position: relative;
+          .header-col-jieti {
+            height: 64px;
+            line-height: 64px;
+            // position: relative;
+            width: 100%;
+            .header-col-jieti-title {
+              // position: relative;
+              width: 100%;
+              line-height: 32px;
+              border-right: 1px solid $gBC;
+              border-bottom: 1px solid $gBC;
+              height: 32px;
+            }
+            .header-col-jieti-main {
+              // position: relative;
+              width: 100%;
+              .header-col-item {
+                // position: relative;
+                height: 32px;
+                line-height: 32px;
+                width: 50%;
+                border-right: 1px solid $gBC;
+                border-bottom: 1px solid $gBC;
+              }
+            }
+          }
+        }
+      }
+      .right-body {
+        position: relative;
+        .right-body-col {
+          position: relative;
+          width: 100%;
+          display: flex;
+          .right-body-col-item {
+            min-width: 220px;
+            flex: 1;
+
+            position: relative;
+            overflow: hidden;
+            .right-body-col-item-div {
+              position: relative;
+              height: 38px;
+              line-height: 38px;
+              width: 50%;
+              padding: 0 10px;
+              border-right: 1px solid $gBC;
+              border-bottom: 1px solid $gBC;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+</style>
+   

src/views/activity/activeGood/index.vue

@@ -0,0 +1,451 @@
+<template>
+  <div class="activeGood pagePadding">
+    <ex-table
+      v-loading="loading"
+      v-if="powers && powers.length > 0 && powers.some((item) => item == '001')"
+      :table="table"
+      :data="tableData"
+      :columns="columns"
+      :page="pageInfo"
+      :size="size"
+      @page-curr-change="handlePageChange"
+      @page-size-change="handleSizeChange"
+      @screen-reset="
+        pageInfo.curr = 1;
+        parmValue.page = 1;
+        searchList();
+      "
+      @screen-submit="
+        pageInfo.curr = 1;
+        parmValue.page = 1;
+        searchList();
+      "
+    >
+      <template #table-header="{}">
+        <div style="width: 100%">
+          <el-row style="padding: 0 0 10px 80px">
+            <el-col :span="6" style="width: 160px">
+              <el-select
+                v-model="parmValue.status"
+                filterable
+                clearable
+                :size="searchSize"
+                placeholder="商品状态"
+                style="width: 100%"
+                @change="
+                  pageInfo.curr = 1;
+                  parmValue.page = 1;
+                  searchList();
+                "
+              >
+                <el-option
+                  v-for="item in statusList"
+                  :key="'status' + item.code"
+                  :label="item.name"
+                  :value="item.code"
+                />
+              </el-select>
+            </el-col>
+            <el-col :span="4" style="width: 210px; padding: 0 0 0 10px">
+              <el-input
+                :size="searchSize"
+                v-model="parmValue.name"
+                :maxlength="40"
+                @blur="
+                  pageInfo.curr = 1;
+                  parmValue.page = 1;
+                  searchList();
+                "
+                placeholder="商品编号"
+              ></el-input>
+            </el-col>
+            <el-col :span="4" style="width: 260px; padding: 0 0 0 10px">
+              <el-input
+                :size="searchSize"
+                v-model="parmValue.name"
+                :maxlength="40"
+                @blur="
+                  pageInfo.curr = 1;
+                  parmValue.page = 1;
+                  searchList();
+                "
+                placeholder="商品名称"
+              ></el-input>
+            </el-col>
+
+            <el-col
+              :span="3"
+              class="fr"
+              style="width: 66px; padding: 0 0 0 10px"
+            >
+              <el-button type="primary" :size="searchSize" @click="searchList">
+                刷新
+              </el-button>
+            </el-col>
+            <el-col
+              :span="3"
+              class="fr"
+              style="width: 66px; padding: 0 0 0 10px"
+            >
+              <el-button type="warning" :size="searchSize" @click="restSearch">
+                重置
+              </el-button>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="6" style="width: 240px">
+              <el-select
+                v-model="parmValue.status"
+                filterable
+                clearable
+                :size="searchSize"
+                placeholder="所属平台"
+                style="width: 100%"
+                @change="
+                  pageInfo.curr = 1;
+                  parmValue.page = 1;
+                  searchList();
+                "
+              >
+                <el-option
+                  v-for="item in statusList"
+                  :key="'status' + item.code"
+                  :label="item.name"
+                  :value="item.code"
+                />
+              </el-select>
+            </el-col>
+            <el-col :span="4" style="width: 210px; padding: 0 0 0 10px">
+              <el-input
+                :size="searchSize"
+                v-model="parmValue.name"
+                :maxlength="40"
+                @blur="
+                  pageInfo.curr = 1;
+                  parmValue.page = 1;
+                  searchList();
+                "
+                placeholder="活动编号"
+              ></el-input>
+            </el-col>
+            <el-col :span="4" style="width: 260px; padding: 0 0 0 10px">
+              <el-input
+                :size="searchSize"
+                v-model="parmValue.name"
+                :maxlength="40"
+                @blur="
+                  pageInfo.curr = 1;
+                  parmValue.page = 1;
+                  searchList();
+                "
+                placeholder="活动名称"
+              ></el-input>
+            </el-col>
+            <el-col
+              :span="3"
+              class="fr"
+              style="width: 66px; padding: 0 0 0 10px"
+              v-if="powers.some((item) => item == '003')"
+            >
+              <el-button
+                :size="searchSize"
+                type="success"
+                style="float: right"
+                @click="openModal({}, '003')"
+              >
+                添加
+              </el-button>
+            </el-col>
+          </el-row>
+        </div></template
+      >
+      <template #status="{ scope }">
+        <el-tag
+          :size="tablebtnSize"
+          :type="scope.row.status == '1' ? 'warning' : ''"
+          v-text="
+            (statusOptions.find((item) => item.id == scope.row.status) || {})
+              .label || '--'
+          "
+        ></el-tag>
+      </template>
+
+      <template #operation="{ scope }">
+        <el-tooltip
+          v-if="powers.some((item) => item == '007')"
+          effect="dark"
+          content="详情"
+          placement="top"
+        >
+          <i
+            class="el-icon-view tb-icon"
+            @click="openModal(scope.row, '007')"
+          ></i>
+        </el-tooltip>
+        <el-tooltip
+          v-if="powers.some((item) => item == '005')"
+          effect="dark"
+          content="修改"
+          placement="top"
+        >
+          <i
+            class="el-icon-edit tb-icon"
+            @click="openModal(scope.row, '005')"
+          ></i>
+        </el-tooltip>
+        <el-tooltip
+          v-if="
+            powers.some((item) => item == '004') && scope.row.status === '0'
+          "
+          effect="dark"
+          content="禁用"
+          placement="top"
+        >
+          <i
+            class="el-icon-video-pause tb-icon"
+            @click="changeStatus(scope.row.id, scope.row.status)"
+          ></i>
+        </el-tooltip>
+        <el-tooltip
+          v-if="
+            powers.some((item) => item == '004') && scope.row.status === '1'
+          "
+          effect="dark"
+          content="启用"
+          placement="top"
+        >
+          <i
+            class="el-icon-video-play tb-icon"
+            @click="changeStatus(scope.row.id, scope.row.status)"
+          ></i>
+        </el-tooltip>
+        <el-tooltip
+          v-if="powers.some((item) => item == '006')"
+          effect="dark"
+          content="删除"
+          placement="top"
+        >
+          <i
+            class="el-icon-delete tb-icon"
+            @click="deleteItem(scope.row.id)"
+          ></i>
+        </el-tooltip>
+      </template>
+    </ex-table>
+    <no-auth v-else></no-auth>
+  </div>
+</template>
+<script>
+import asyncRequest from "@/apis/service/activity/activeGood";
+import statusList from "@/assets/js/statusList";
+import roleLevel from "@/assets/js/roleLevel";
+import mixinPage from "@/mixins/elPaginationHandle";
+import { mapGetters } from "vuex";
+import resToken from "@/mixins/resToken";
+export default {
+  name: "activeGood",
+  mixins: [mixinPage, resToken],
+  computed: {
+    //组件SIZE设置
+    ...mapGetters(["tablebtnSize", "searchSize", "size"]),
+    powers() {
+      let tran =
+        this.$store.getters.btnList.find(
+          (item) => item.menu_route == "activeGood"
+        ) || {};
+      if (tran && tran.action && tran.action.length > 0) {
+        return tran.action;
+      } else {
+        return [];
+      }
+    },
+  },
+  data() {
+    return {
+      statusList: statusList,
+      roleLevel: roleLevel,
+      loading: false,
+      parmValue: {
+        page: 1, // 页码
+        size: 15, // 每页显示条数
+        start: "",
+        end: "",
+        status: "",
+        creater: "",
+      },
+      // 状态
+      statusOptions: [
+        { id: "1", label: "禁用" },
+        { id: "0", label: "启用" },
+      ],
+      // 表格 - 数据
+      tableData: [],
+      // 表格 - 参数
+      table: {
+        stripe: true,
+        border: true,
+        _defaultHeader_: ["setcol"],
+      },
+      // 表格 - 分页
+      pageInfo: {
+        size: 15,
+        curr: 1,
+        total: 0,
+      },
+      // 表格 - 列参数
+      columns: [
+        {
+          prop: "id",
+          label: "ID",
+        },
+        {
+          prop: "activeGood_name",
+          label: "商品名称",
+        },
+        {
+          prop: "status",
+          label: "状态",
+          _slot_: "status",
+        },
+        {
+          prop: "creater",
+          label: "创建人",
+        },
+        {
+          prop: "addtime",
+          label: "创建时间",
+        },
+        {
+          prop: "",
+          label: "操作",
+          fixed: "right",
+          _noset_: true,
+          _slot_: "operation",
+        },
+      ],
+    };
+  },
+  mounted() {
+    // this.searchList();
+  },
+  methods: {
+    restSearch() {
+      // 表格 - 分页
+      this.pageInfo = {
+        size: 15,
+        curr: 1,
+        total: 0,
+      };
+      this.parmValue = {
+        page: 1, // 页码
+        size: 15, // 每页显示条数
+        start: "",
+        end: "",
+        status: "",
+        creater: "",
+      };
+      this.searchList();
+    },
+    // 新建/编辑/详情
+    openModal(row, type) {
+      this.sitem = row;
+      this.modelId = type;
+      this.showModel = true;
+    },
+    // 时间
+    async handleTime(e) {
+      this.parmValue.start = e.startTime || "";
+      this.parmValue.end = e.endTime || "";
+      if (
+        (this.parmValue.start !== "" && this.parmValue.end !== "") ||
+        (this.parmValue.start === "" && this.parmValue.end === "")
+      ) {
+        this.pageInfo.curr = 1;
+        this.parmValue.page = 1;
+        await this.searchList();
+      }
+    },
+    /**
+     * 启用/禁用
+     * @param {String} id id
+     * @param {String} status 0-禁用 1-启用
+     */
+    async changeStatus(id, status) {
+      await this.$confirm(`确定要改为${status === "0" ? "禁用" : "启用"}？`, {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(async () => {
+          this.loading = true;
+          const model = {
+            id: id,
+            status: status === "1" ? "0" : "1",
+          };
+          const res = await asyncRequest.status(model);
+          if (res && res.code === 0) {
+            this.loading = false;
+            this.$notify.success({
+              title: "状态修改成功！",
+              message: "",
+            });
+            await this.searchList();
+          } else if (res && res.code >= 100 && res.code <= 104) {
+            await this.logout();
+          } else {
+            this.loading = false;
+            this.$message.warning(res.message);
+          }
+        })
+        .catch(() => {
+          console.log("取消");
+        });
+    },
+    async deleteItem(id) {
+      await this.$confirm("确定要删除？", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(async () => {
+          const model = {
+            id: id,
+          };
+          const res = await asyncRequest.delete(model);
+          if (res && res.code === 0) {
+            this.$notify.success({
+              title: "删除成功",
+              message: "",
+            });
+            this.searchList();
+          } else if (res && res.code >= 100 && res.code <= 104) {
+            await this.logout();
+          } else {
+            this.$message.warning(res.message);
+          }
+        })
+        .catch(() => {
+          console.log("取消");
+        });
+    },
+    // 刷新表格
+    async searchList() {
+      this.loading = true;
+      const res = await asyncRequest.list(this.parmValue);
+      if (res && res.code === 0 && res.data) {
+        this.tableData = res.data.list;
+        this.pageInfo.total = Number(res.data.count);
+      } else if (res && res.code >= 100 && res.code <= 104) {
+        await this.logout();
+      } else {
+        this.tableData = [];
+        this.pageInfo.total = 0;
+      }
+      this.loading = false;
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+</style>