添加泰行销业务代码

src/apis/service/youzan/luckDraw/index.js

@@ -0,0 +1,25 @@
+// 企业客户/供应商账号相关
+import http from "@/apis/axios";
+const api = "txx/";
+export default {
+  // 列表
+  list: (data, params) => http(api + "Actlist", data, "post", params),
+  // 新建
+  add: (data, params) => http(api + "ActAdd", data, "post", params),
+  // 详情
+  detail: (data, params) => http(api + "ActInfo", data, "post", params),
+  // 详情
+  details: (data, params) => http(api + "ActInfo", data, "post", params),
+  // 更新库存
+  update: (data, params) => http(api + "ActEdit", data, "post", params),
+  // 商品添加
+  goodAdd: (data, params) => http(api + "ActGoodAdd", data, "post", params),
+  // 商品编辑
+  goodUpdate: (data, params) => http(api + "ActGoodEdit", data, "post", params),
+  // 删除
+  delete: (data, params) => http(api + "ActDel", data, "post", params),
+  // 活动商品列表
+  goodList: (data, params) => http(api + "ActGoodList", data, "post", params),
+  // 活动商品列表
+  goodLists: (data, params) => http(api + "ActGoodList", data, "post", params),
+};

src/apis/service/youzan/luckDrawGood/index.js

@@ -0,0 +1,18 @@
+// 企业客户/供应商账号相关
+import http from "@/apis/axios";
+const api = "txx/";
+export default {
+  // 列表
+  list: (data, params) => http(api + "ActGoodList", data, "post", params),
+  // 兑换链接列表
+  goodUrlList: (data, params) =>
+    http(api + "ActGoodUrlList", data, "post", params),
+  // 兑换链接列表
+  goodUrlLists: (data, params) =>
+    http(api + "ActGoodUrlList", data, "post", params),
+  // 兑换链接删除
+  delete: (data, params) => http(api + "ActGoodUrlDel", data, "post", params),
+  // 导入
+  batchImport: (data, params) =>
+    http(api + "ActGoodUrlImport", data, "post", params),
+};

src/views/youzan/luckyDraw/columns.js

@@ -0,0 +1,189 @@
+//是否定制
+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: "actCode",
+    label: "活动编码",
+    fixed: "left",
+    width: "160",
+  },
+  {
+    prop: "act_name",
+    label: "活动名称",
+  },
+  {
+    prop: "status",
+    label: "状态",
+    width: "105",
+    _slot_: "status",
+  },
+
+  {
+    prop: "atime",
+    label: "活动时间",
+    _slot_: "atime",
+    width: "270",
+  },
+  {
+    prop: "company_name",
+    label: "活动公司",
+  },
+  {
+    prop: "contactor",
+    label: "负责人",
+    width: "60",
+  },
+  {
+    prop: "mobile",
+    label: "联系电话",
+    width: "100",
+  },
+  {
+    prop: "addtime",
+    label: "创建时间",
+    width: "142",
+  },
+  {
+    prop: "",
+    label: "操作",
+    fixed: "right",
+    _noset_: true,
+    _slot_: "operation",
+    width: "50",
+  },
+];
+const showColumns = [
+  {
+    prop: "actCode",
+    label: "活动编码",
+    span: 6,
+  },
+  {
+    prop: "status",
+    _slot_: "status",
+    label: "状态",
+    span: 6,
+  },
+  {
+    prop: "time",
+    _slot_: "time",
+    label: "活动时间",
+    span: 12,
+  },
+  {
+    prop: "act_name",
+    label: "活动名称",
+    span: 24,
+  },
+
+  {
+    prop: "web_url",
+    label: "活动地址",
+    span: 24,
+  },
+  {
+    prop: "company_name",
+    label: "活动企业",
+  },
+  {
+    prop: "user",
+    _slot_: "user",
+    label: "负责人",
+    span: 6,
+  },
+  {
+    prop: "addtime",
+    label: "创建时间",
+    span: 6,
+  },
+  
+];
+const statusOptions= [
+  { id: "0", label: "待选择商品" },
+  { id: "1", label: "待上传链接" },
+  { id: "2", label: "待活动开始" },
+  { id: "3", label: "活动进行中" },
+  { id: "4", label: "活动已结束" },
+  { id: "5", label: "活动已暂停" },
+  { id: "6", label: "活动已取消" },
+]
+const goodColumns = [
+
+  {
+    prop: "yz_good_code",
+    label: "商品上线编号",
+    width: "160px",
+  },
+  {
+    prop: "plat_code",
+    label: "平台商品编号",
+    width: "160px",
+  },
+  {
+    prop: "good_name",
+    label: "商品名称",
+    minWidth: "160px",
+  },
+  {
+    prop: "status",
+    label: "兑换链接状态",
+    _slot_: "status",
+    width: "100px",
+  },
+  {
+    prop: "stock_num",
+    label: "活动所需库存",
+    width: "100px",
+  },
+  {
+    prop: "origin_price",
+    label: "划线价",
+    width: "100px",
+  },
+  {
+    prop: "final_price",
+    label: "最终售价",
+    width: "100px",
+  },
+];
+export {
+  options1,
+  options2,
+  options3,
+  options4,
+  options5,
+  options6,
+  listCol,
+  showColumns,
+  statusOptions,
+  goodColumns
+};

src/views/youzan/luckyDraw/components/add.vue

@@ -0,0 +1,376 @@
+<template>
+  <div class="activeAdd">
+    <el-form
+      :model="ruleForm"
+      status-icon
+      :rules="rulesThis"
+      ref="ruleForm"
+      :size="'mini'"
+      label-width="90px"
+      class="demo-ruleForm"
+    >
+      <el-row>
+        <el-col :span="16">
+          <el-form-item label="活动标题" prop="act_name">
+            <el-input
+              placeholder="活动标题"
+              v-model="ruleForm.act_name"
+              maxlength="100"
+            />
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item label="活动企业" prop="company_name">
+            <el-input
+              placeholder="活动企业"
+              v-model="ruleForm.company_name"
+              maxlength="100"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="16">
+          <el-form-item label="活动时间" required style="margin: 0">
+            <el-row>
+              <el-col :span="11">
+                <el-form-item prop="datact_name">
+                  <el-date-picker
+                    type="datetime"
+                    placeholder="开始时间"
+                    value-format="yyyy-MM-dd HH:mm:ss"
+                    :picker-options="pickerOptions1"
+                    v-model="ruleForm.start"
+                    style="width: 100%"
+                  ></el-date-picker>
+                </el-form-item>
+              </el-col>
+              <el-col class="tc" :span="2">-</el-col>
+              <el-col :span="11">
+                <el-form-item prop="end">
+                  <el-date-picker
+                    type="datetime"
+                    value-format="yyyy-MM-dd HH:mm:ss"
+                    placeholder="结束时间"
+                    :picker-options="pickerOptions2"
+                    v-model="ruleForm.end"
+                    style="width: 100%"
+                  ></el-date-picker>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="负责人" prop="contactor">
+            <el-input placeholder="负责人" v-model="ruleForm.contactor" maxlength="100" />
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="16">
+          <el-form-item label="活动地址" prop="web_url">
+            <el-input
+              placeholder="活动地址"
+              show-word-limit
+              v-model="ruleForm.web_url"
+              maxlength="500"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="联系方式" prop="mobile">
+            <el-input
+              placeholder="联系方式"
+              show-word-limit
+              v-model="ruleForm.mobile"
+              maxlength="11"
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+
+    <el-col :span="24" style="text-align: right; padding: 0 0 15px 0">
+      <el-button :size="'mini'" type="primary" @click="submitForm">保 存 </el-button>
+    </el-col>
+  </div>
+</template>
+<script>
+import asyncRequest from "@/apis/service/youzan/luckDraw";
+import resToken from "@/mixins/resToken";
+import { mapGetters } from "vuex";
+
+export default {
+  name: "activeAdd",
+  mixins: [resToken],
+  props: ["showModel", "id", "type", "sitem", "newTime"],
+  watch: {
+    newTime: function (val) {
+      console.log(val);
+      if (val) {
+        this.initForm();
+      }
+    },
+  },
+  computed: {
+    ...mapGetters(["tablebtnSize", "searchSize", "size", "business_companyNo"]),
+    // powers() {
+    //   const tran =
+    //     this.$store.getters.btnList.find((i) => i.menu_route == "activeDetail") || {};
+    //   const { action } = tran ?? {};
+    //   return action ?? [];
+    // },
+  },
+  data() {
+    return {
+      size: "small",
+      activeName: "3",
+      status: "",
+      options: [
+        {
+          value: "0",
+          label: "待审核",
+        },
+        {
+          value: "1",
+          label: "通过",
+        },
+        {
+          value: "2",
+          label: "驳回",
+        },
+      ],
+
+      pickerOptions1: {
+        disabledDate: (time) => {
+          if (this.ruleForm.end != null && this.ruleForm.end != "" && time) {
+            return time.getTime() > new Date(this.ruleForm.end).valueOf();
+          }
+        },
+      },
+      pickerOptions2: {
+        disabledDate: (time) => {
+          if (this.ruleForm.start != null && this.ruleForm.start != "" && time) {
+            return time.getTime() < new Date(this.ruleForm.start).valueOf();
+          }
+        },
+      },
+      loading: false,
+      once: false,
+      rulesThis: this.rules,
+      showGoodModel: false,
+      showGoodId: "",
+      addStockModel: false,
+      addStockSitem: null,
+      ruleForm: {},
+      // 表格 - 数据
+      tableData: [],
+      rules: {
+        act_name: [
+          {
+            required: true,
+            message: "活动标题不能为空",
+            trigger: "blur",
+          },
+        ],
+        company_name: [
+          {
+            required: true,
+            message: "活动公司名称不能为空",
+            trigger: "change",
+          },
+        ],
+        contactor: [
+          {
+            required: true,
+            message: "负责人不能为空",
+            trigger: "blur",
+          },
+        ],
+        start: [
+          {
+            required: true,
+            message: "开始时间不能为空",
+            trigger: "change",
+          },
+        ],
+        end: [
+          {
+            required: true,
+            message: "结束时间不能为空",
+            trigger: "change",
+          },
+        ],
+
+        web_url: [
+          {
+            required: true,
+            message: "活动地址不能为空",
+            trigger: "blur",
+          },
+        ],
+        mobile: [
+          {
+            required: true,
+            message: "联系方式不能为空",
+            trigger: "blur",
+          },
+        ],
+
+        // good_list: [
+        //   {
+        //     type: "array",
+        //     required: true,
+        //     message: "至少选择一个商品！",
+        //     trigger: "change,blur",
+        //   },
+        // ],
+      },
+    };
+  },
+  mounted() {
+    this.initForm();
+  },
+  methods: {
+    async initForm() {
+      this.loading = true;
+      this.resetFormData();
+      this.rulesThis = this.rules;
+      await this.resetForm();
+      this.loading = false;
+    },
+    async resetForm() {
+      // 重置
+      await this.$nextTick(async () => {
+        if (this.$refs.ruleForm) {
+          this.$refs.ruleForm.resetFields();
+          this.$refs.ruleForm.clearValidate();
+          this.resetFormData();
+        }
+      });
+    },
+    //添加活动库存弹窗
+    addStock(index) {
+      this.addStockSitem = this.ruleForm.good_list[index];
+      this.addStockSitem.actCode = this.sitem.activity_code;
+      this.addStockModel = true;
+    },
+    showGoodModelFun(skuCode) {
+      this.showGoodModel = true;
+      this.showGoodId = skuCode;
+    },
+    openCostEditDelete(index) {
+      this.ruleForm.good_list.splice(index, 1);
+      this.$refs.ruleForm.validateField("good_list");
+    },
+
+    resetFormData() {
+      this.tableData = [];
+      const {
+        act_name,
+        web_url,
+        end,
+        start,
+        contactor,
+        company_name,
+        info,
+        status,
+        mobile,
+        actCode,
+      } = this.sitem;
+      this.ruleForm = {
+        actCode: actCode || "actCode",
+        act_name: act_name || "11",
+        contactor: contactor || "22",
+        company_name: company_name || "33",
+        start: start || "2022-10-01",
+        end: end || "2022-10-10",
+        mobile: mobile || "17777777777",
+        web_url: web_url || "XXX",
+        act_type: "1",
+        // good_list: info && info.length > 0 ? JSON.parse(JSON.stringify(info)) : [],
+      };
+      this.status = status || "";
+      this.tableData = info && info.length > 0 ? JSON.parse(JSON.stringify(info)) : [];
+    },
+
+    async submitForm() {
+      await this.$refs.ruleForm.validate(async (valid) => {
+        if (valid) {
+          if (!this.loading) {
+            this.loading = true;
+
+            const model = JSON.parse(JSON.stringify(this.ruleForm));
+            let res = {};
+            if (this.type === "add") {
+              delete model["actCode"];
+              res = await asyncRequest.add(model);
+            } else {
+              res = await asyncRequest.update(model);
+            }
+            // console.log(res);
+            this.loading = false;
+            const { code, data, message } = res;
+            if (code === 0) {
+              this.$notify.success({
+                title: this.type === "add" ? "新建成功！" : "编辑成功！",
+                message: "",
+              });
+              this.showModelThis = false;
+              // 刷新
+              this.$emit("refresh", true);
+            } else if (code >= 100 && code <= 104) {
+              await this.logout();
+            } else {
+              this.$message.warning(message);
+            }
+          }
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    },
+    // 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/youzan/luckyDraw/components/editGood.vue

@@ -0,0 +1,343 @@
+<template>
+  <div class="activeAdd">
+    <el-table :data="good_list" stripe border :size="'mini'" style="width: 100%">
+      <el-table-column
+        prop="yz_good_code"
+        label="商品上线编码"
+        show-overflow-tooltip
+        width="170"
+      />
+      <el-table-column
+        prop="plat_code"
+        label="平台商品编码"
+        show-overflow-tooltip
+        width="170"
+      />
+
+      <el-table-column prop="good_name" label="商品名称" show-overflow-tooltip />
+      <el-table-column prop="stock_num" label="活动库存" width="180">
+        <template slot-scope="scope">
+          <el-input-number
+            v-show="type !== 'view'"
+            style="width: 100%"
+            v-model="scope.row.stock_num"
+            :min="1"
+            :max="100000000000"
+            :precision="0"
+            :size="'mini'"
+            label="活动库存"
+          ></el-input-number>
+          <span v-show="type === 'view'">{{ scope.row.stock_num }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        prop="origin_price"
+        label="划线价"
+        width="100"
+        show-overflow-tooltip
+      />
+      <el-table-column
+        prop="final_price"
+        label="销售价"
+        width="100"
+        show-overflow-tooltip
+      />
+
+      <el-table-column fixed="right" width="80">
+        <template slot="header" slot-scope="scope">
+          <span>操作</span>
+          <el-tooltip
+            class="item"
+            effect="dark"
+            v-if="status === ''"
+            content="添加活动商品"
+            placement="top"
+          >
+            <i
+              class="el-icon-circle-plus-outline fr"
+              style="font-size: 18px; margin-top: 2px"
+              @click="showModel = true"
+            />
+          </el-tooltip>
+        </template>
+        <template slot-scope="scope">
+          <el-tooltip effect="dark" content="删除" placement="top">
+            <i
+              class="el-icon-delete tb-icon"
+              @click="deleteRow(scope.$index, good_list)"
+            ></i>
+          </el-tooltip>
+          <el-tooltip effect="dark" content="查看商品信息" placement="top">
+            <i
+              class="el-icon-view tb-icon"
+              @click="showGoodModelFun(scope.row.yz_good_code)"
+            ></i>
+          </el-tooltip>
+        </template>
+      </el-table-column>
+    </el-table>
+    <search-youzan-txx-good-online-modal
+      :once="once"
+      :sitem="ruleForm"
+      :active="true"
+      :platform_code="36"
+      :show-model="showModel"
+      @resultList="resultList"
+      @cancel="showModel = false"
+    />
+    <show-good-data-modal
+      :show-model="showGoodModel"
+      :skuCode="showGoodId"
+      :spuCode="''"
+      @cancel="showGoodModel = false"
+    />
+    <!-- <add-stock
+      :show-model="addStockModel"
+      :sitem="addStockSitem"
+      @refresh="$emit('refresh', true)"
+      @cancel="addStockModel = false"
+    /> -->
+    <el-col
+      :span="24"
+      v-if="status === ''"
+      style="text-align: right; padding: 15px 0 15px 0; border-top: 1px solid #dcdfe6"
+    >
+      <el-button :size="'mini'" type="primary" @click="submitForm">保 存 </el-button>
+    </el-col>
+  </div>
+</template>
+<script>
+import asyncRequest from "@/apis/service/youzan/luckDraw";
+import resToken from "@/mixins/resToken";
+import { mapGetters } from "vuex";
+import searchYouzanTxxGoodOnlineModal from "@/components/search-youzan-txx-good-online-modal";
+import showGoodDataModal from "@/components/show-good-data-modal";
+// import addStock from "./addStock";
+
+export default {
+  name: "activeAdd",
+  mixins: [resToken],
+  props: ["showModel", "id", "type", "sitem", "newTime"],
+  components: {
+    searchYouzanTxxGoodOnlineModal,
+    showGoodDataModal,
+    // addStock,
+  },
+  watch: {
+    newTime: function (val) {
+      if (val) {
+        this.initForm();
+      }
+    },
+  },
+  computed: {
+    ...mapGetters(["tablebtnSize", "searchSize", "size", "business_companyNo"]),
+    // powers() {
+    //   const tran =
+    //     this.$store.getters.btnList.find((i) => i.menu_route == "activeDetail") || {};
+    //   const { action } = tran ?? {};
+    //   return action ?? [];
+    // },
+  },
+  data() {
+    return {
+      size: "small",
+      activeName: "3",
+      status: "",
+
+      loading: false,
+      // showModel: false,
+      once: false,
+      rulesThis: this.rules,
+      showGoodModel: false,
+      showGoodId: "",
+      addStockModel: false,
+      addStockSitem: null,
+      ruleForm: {},
+      // 表格 - 数据
+      tableData: [],
+      good_list: [],
+    };
+  },
+  mounted() {
+    this.initForm();
+  },
+  methods: {
+    async initForm() {
+      this.loading = true;
+      this.tableData = [];
+      this.good_list = [];
+      await this.initData();
+      this.loading = false;
+    },
+
+    //添加活动库存弹窗
+    addStock(index) {
+      this.addStockSitem = this.good_list[index];
+      this.addStockModel = true;
+    },
+    showGoodModelFun(skuCode) {
+      this.showGoodModel = true;
+      this.showGoodId = skuCode;
+    },
+    openCostEditDelete(index) {
+      this.good_list.splice(index, 1);
+    },
+    async deleteRow(index, rows) {
+      await this.$confirm("确定要删除？", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(async () => {
+          rows.splice(index, 1);
+        })
+        .catch(() => {
+          console.log("取消");
+        });
+    },
+    resultList(e) {
+      console.log(e);
+      this.showModel = false;
+      let list = JSON.parse(JSON.stringify(e));
+      let oldList = JSON.parse(JSON.stringify(this.good_list));
+      list.forEach((e, ei) => {
+        let index = oldList.findIndex((a) => e.skuCode === a.skuCode);
+        if (index === -1) {
+          let item = JSON.parse(JSON.stringify(list[ei]));
+          item.stock_num = "1";
+          item.newTime = new Date().valueOf();
+          item.yz_good_code = item.skuCode;
+          console.log(item.stock_num);
+          this.good_list.push(item);
+        }
+      });
+    },
+
+    handleClick(row) {
+      console.log(row);
+    },
+
+    async submitForm() {
+      if (!this.loading) {
+        this.loading = true;
+        if (this.good_list.length === 0) {
+          this.$message.warning("请选择活动商品信息！");
+          this.loading = false;
+          return;
+        }
+
+        let res = {};
+        if (this.tableData.length === 0) {
+          let addModel = {
+            actCode: this.id,
+            snArr: [],
+          };
+          this.good_list.forEach((e) => {
+            addModel.snArr.push({ skuCode: e.skuCode, stock_num: e.stock_num });
+          });
+          res = await asyncRequest.goodAdd(addModel);
+        } else {
+          let goodArr = [];
+          console.log(this.tableData);
+          console.log(this.good_list);
+          this.tableData.forEach((s, si) => {
+            let index = this.good_list.findIndex((a) => a.skuCode === s.skuCode);
+            if (index === -1) {
+              goodArr.push({
+                is_del: "1",
+                actCode: this.id,
+                yz_good_code: s.yz_good_code,
+                stock_num: s.stock_num,
+              });
+            }
+          });
+          this.good_list.forEach((s, si) => {
+            goodArr.push({
+              is_del: "0",
+              actCode: this.id,
+              yz_good_code: s.yz_good_code,
+              stock_num: s.stock_num,
+            });
+          });
+          res = await asyncRequest.goodUpdate({ goodArr });
+        }
+        const { code, data, message } = res;
+        this.loading = false;
+        if (code === 0) {
+          this.$notify.success({
+            title: this.type === "add" ? "新建成功！" : "编辑成功！",
+            message: "",
+          });
+          this.showModelThis = false;
+          // 刷新
+          this.$emit("refresh", true);
+        } else if (code >= 100 && code <= 104) {
+          await this.logout();
+        } else {
+          this.$message.warning(message);
+        }
+      }
+    },
+    async initData() {
+      this.loading = true;
+      const { code, data, message } = await asyncRequest.goodList({
+        actCode: this.id,
+        page: 1,
+        size: 99999,
+      });
+      this.loading = false;
+      if (code === 0) {
+        const { list, count } = data;
+        let arr = list.length > 0 ? JSON.parse(JSON.stringify(list)) : [];
+        arr.map((a) => {
+          a.skuCode = a.yz_good_code;
+          return a;
+        });
+        console.log(arr);
+        this.tableData = arr.length > 0 ? JSON.parse(JSON.stringify(arr)) : [];
+        this.good_list = arr.length > 0 ? JSON.parse(JSON.stringify(arr)) : [];
+      } else if (code >= 100 && code <= 104) {
+        await this.logout();
+      } else {
+        this.tableData = [];
+        this.good_list = [];
+        this.$message.error(message);
+      }
+    },
+  },
+};
+</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/youzan/luckyDraw/components/good.vue

@@ -0,0 +1,130 @@
+<template>
+  <div class="active pagePadding">
+    <ex-table
+      v-loading="loading"
+      :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 #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 #atime="{ scope }"> {{ scope.row.start }}~{{ scope.row.end }} </template>
+      <template #operation="{ scope }">
+        <el-tooltip
+          v-if="powers.some((i) => i == '007')"
+          effect="dark"
+          content="详情"
+          placement="top"
+        >
+          <i
+            class="el-icon-view tb-icon"
+            @click="getRouter('othgoodsOfflineDetail', scope.row.actCode)"
+          ></i>
+        </el-tooltip>
+      </template>
+    </ex-table>
+  </div>
+</template>
+<script>
+import asyncRequest from "@/apis/service/youzan/luckDrawGood";
+import mixinPage from "@/mixins/elPaginationHandle";
+import { mapGetters } from "vuex";
+import resToken from "@/mixins/resToken";
+import { goodColumns } from "../columns";
+
+export default {
+  name: "active",
+  props: ["id", "newTime"],
+  mixins: [mixinPage, resToken],
+  computed: {
+    //组件SIZE设置
+    ...mapGetters(["tablebtnSize", "searchSize", "size"]),
+  },
+  data() {
+    return {
+      select: "1",
+      sinput: "",
+      loading: false,
+      parmValue: {
+        act_name: "",
+        actCode: "",
+        status: "",
+        start: "",
+        end: "",
+        page: 1, // 页码
+        size: 15, // 每页显示条数
+        company_id: "",
+        contactor: "",
+        company_name: "", //活动公司
+      },
+      // 状态
+      statusOptions: [
+        { id: "0", label: "待上传" },
+        { id: "1", label: "已完成" },
+      ],
+      // 表格 - 数据
+      tableData: [],
+      // 表格 - 参数
+      table: {
+        stripe: true,
+        border: true,
+        _defaultHeader_: [],
+      },
+      // 表格 - 分页
+      pageInfo: {
+        size: 15,
+        curr: 1,
+        total: 0,
+      },
+      // 表格 - 列参数
+      columns: goodColumns,
+    };
+  },
+  mounted() {
+    this.searchList();
+  },
+  methods: {
+    // 刷新表格
+    async searchList() {
+      this.loading = true;
+      this.parmValue.actCode = this.id;
+      const { code, data } = await asyncRequest.list(this.parmValue);
+      if (code === 0) {
+        const { list, count } = data;
+        this.tableData = list;
+        this.pageInfo.total = Number(count);
+      } else if (code >= 100 && code <= 104) {
+        await this.logout();
+      } else {
+        this.tableData = [];
+        this.pageInfo.total = 0;
+      }
+      this.loading = false;
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped></style>

src/views/youzan/luckyDraw/detail.vue

@@ -0,0 +1,269 @@
+<template>
+  <div class="activeDetail">
+    <div class="activeDetail-main">
+      <el-tabs v-model="activeTabs">
+        <el-tab-pane label="新建抽奖活动" name="0" v-if="queryType === 'add'">
+          <base-form
+            v-if="newTime !== ''"
+            :type="queryType"
+            :id="queryId"
+            :newTime="newTime"
+            :sitem="sitem"
+            @refresh="refresh"
+          />
+        </el-tab-pane>
+        <el-tab-pane label="抽奖活动编辑" name="1" v-if="queryType === 'edit'">
+          <el-collapse v-model="activeNames1" style="margin: -18px 0 0 0">
+            <el-collapse-item title="抽奖活动详情" name="0">
+              <base-form
+                v-if="newTime !== ''"
+                :type="queryType"
+                :id="queryId"
+                :newTime="newTime"
+                :sitem="sitem"
+                @refresh="refresh"
+              />
+            </el-collapse-item>
+            <el-collapse-item title="商品详情" name="0">
+              <edit-good
+                v-if="newTime !== ''"
+                :type="queryType"
+                :id="queryId"
+                :newTime="newTime"
+                @refresh="refresh"
+              />
+            </el-collapse-item>
+          </el-collapse>
+        </el-tab-pane>
+        <el-tab-pane label="抽奖活动详情" name="2" v-if="queryType == 'view'">
+          <el-collapse v-model="activeNames" style="margin: -18px 0 0 0">
+            <el-collapse-item title="抽奖活动详情" name="0">
+              <show-data-table
+                style="margin: 0; padding: 0"
+                :sitem="sitem"
+                v-if="status"
+                :columns="showColumns"
+              >
+                <template slot="status">
+                  <el-tag
+                    :size="'mini'"
+                    v-text="
+                      (statusOptions.find((item) => item.id == sitem.status) || {})
+                        .label || '--'
+                    "
+                  ></el-tag>
+                </template>
+                <template slot="time">
+                  {{ sitem.startTime }}~{{ sitem.endTime }}
+                </template>
+                <template slot="user">
+                  {{ sitem.contactor }}--{{ sitem.mobile }}
+                </template>
+              </show-data-table>
+            </el-collapse-item>
+            <el-collapse-item title="商品详情" name="0">
+              <good
+                v-if="newTime !== ''"
+                :type="queryType"
+                :id="queryId"
+                :newTime="newTime"
+                @refresh="refresh"
+              />
+            </el-collapse-item>
+          </el-collapse>
+        </el-tab-pane>
+        <el-tab-pane label="审批记录" name="3" v-if="queryType == 'view'">
+          <process-time-line
+            v-if="newTime !== ''"
+            :newTime="newTime"
+            :type="'HD'"
+            :orderCode="queryId"
+          />
+        </el-tab-pane>
+      </el-tabs>
+    </div>
+    <!-- <div v-else>
+      <no-auth></no-auth>
+    </div> -->
+  </div>
+</template>
+<script>
+import asyncRequest from "@/apis/service/youzan/luckDraw";
+import resToken from "@/mixins/resToken";
+import { mapGetters } from "vuex";
+import baseForm from "./components/add";
+import good from "./components/good";
+import editGood from "./components/editGood";
+import { showColumns, statusOptions } from "./columns";
+export default {
+  name: "activeDetail",
+  mixins: [resToken],
+  components: {
+    baseForm,
+    good,
+    editGood,
+  },
+  computed: {
+    ...mapGetters(["tablebtnSize", "searchSize", "size"]),
+
+    // powers() {
+    //   const tran =
+    //     this.$store.getters.btnList.find((i) => i.menu_route == "activeDetail") || {};
+    //   const { action } = tran ?? {};
+    //   return action ?? [];
+    // },
+    // ppowers() {
+    //   const tran =
+    //     this.$store.getters.roleProcess.find((i) => i.process_type === "HD") || {};
+    //   const { action } = tran ?? {};
+    //   return action ?? [];
+    // },
+  },
+
+  data() {
+    return {
+      statusList: [],
+      size: "small",
+      activeTabs: "1",
+      activeNames: ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"],
+      activeNames1: ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"],
+      newTime: "",
+      loading: false,
+      queryId: "",
+      queryType: "",
+      status: "",
+      sitem: null,
+      showColumns,
+      statusOptions,
+    };
+  },
+  mounted() {
+    this.initForm();
+  },
+  methods: {
+    async initForm() {
+      const { id, type } = this.$route.query;
+      this.queryId = id;
+      this.queryType = type;
+      this.activeTabs = type === "add" ? "0" : type === "edit" ? "1" : "2";
+      this.loading = true;
+      if (this.queryType === "add") {
+        this.sitem = {};
+        this.getNewTime();
+      } else {
+        await this.initData();
+      }
+
+      this.loading = false;
+    },
+    // 点击业务审核的保存按钮
+
+    async examForm(e) {
+      console.log(e);
+      if (!this.loading) {
+        let model = {
+          activity_code: this.queryId,
+          status: e.state === "1" ? "1" : "8",
+          remark: e.remark,
+        };
+        await this.setstatus("提交产品部门审核", model);
+      }
+    },
+    async setstatus(detail, model) {
+      await this.$confirm(`确定要${detail}？`, {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(async () => {
+          let res = await asyncRequest.actstatus(model);
+          if (res && res.code === 0) {
+            this.$notify.success({
+              title: "提交成功！",
+              message: "",
+            });
+            await this.initForm();
+          } else if (res && res.code >= 100 && res.code <= 104) {
+            await this.logout();
+          } else {
+            this.$message.warning(res.message);
+          }
+        })
+        .catch(() => {
+          console.log("取消");
+        });
+    },
+    handleClick(row) {
+      console.log(row);
+    },
+    refresh(e) {
+      this.routeReGoto("active", {});
+    },
+    async initData() {
+      this.loading = true;
+      const { code, message, data } = await asyncRequest.detail({
+        actCode: this.queryId,
+      });
+      this.loading = false;
+      if (code === 0) {
+        this.sitem = JSON.parse(JSON.stringify(data));
+        const { status } = this.sitem;
+        this.status = status;
+        this.getNewTime();
+      } else if (code >= 100 && code <= 104) {
+        await this.logout();
+      } else {
+        this.$message.warning(message);
+      }
+    },
+    getNewTime() {
+      this.newTime = new Date().valueOf();
+      console.log(this.newTime);
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.activeDetail {
+  // position: relative;
+  // height: 100%;
+  // width: 100%;
+  box-sizing: border-box;
+  .activeDetail-main {
+    // overflow-y: scroll;
+    // position: relative;
+    padding: 10px;
+    // height: 100%;
+    width: 100%;
+  }
+  .activeDetail-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: 12px 0 0 0;
+    }
+  }
+  /deep/ .dmain {
+    padding: 20px 0 0 0;
+    width: calc(100% - 40px);
+    border-left: 1px solid #dcdfe6;
+  }
+}
+</style>

src/views/youzan/luckyDraw/index.vue

@@ -0,0 +1,422 @@
+<template>
+  <div class="luckyDraw pagePadding">
+    <ex-table
+      v-loading="loading"
+      v-if="powers.some((i) => i == '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="4" style="width: 205px">
+              <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 statusOptions"
+                  :key="'status' + item.id"
+                  :label="item.label"
+                  :value="item.id"
+                />
+              </el-select>
+            </el-col>
+            <el-col :span="6" style="width: 303px; padding: 0 0 0 10px">
+              <period-date-picker
+                :type="1"
+                :width="'135px'"
+                :size="searchSize"
+                :start="parmValue.start"
+                :end="parmValue.end"
+                @timeReturned="handleTime"
+              />
+            </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: 500px">
+              <el-input
+                :size="searchSize"
+                v-model="sinput"
+                :maxlength="40"
+                clearable
+                @blur="
+                  pageInfo.curr = 1;
+                  parmValue.page = 1;
+                  searchList();
+                "
+                placeholder="关键字"
+              >
+                <el-select
+                  v-model="select"
+                  slot="prepend"
+                  style="width: 130px"
+                  @change="
+                    pageInfo.curr = 1;
+                    parmValue.page = 1;
+                    searchList();
+                  "
+                  placeholder="关键字类型"
+                >
+                  <el-option label="活动名称" value="1" />
+                  <el-option label="活动编码" value="2" />
+                  <el-option label="活动公司" value="3" />
+                  <el-option label="活动负责人" value="4"></el-option></el-select
+              ></el-input>
+            </el-col>
+            <!-- <el-col
+              :span="3"
+              class="fr"
+              style="width: 66px; padding: 0 0 0 10px"
+              v-if="powers.some((i) => i == '003')"
+            >
+              <el-button
+                :size="searchSize"
+                type="success"
+                style="float: right"
+                @click="getRouter('othgoodsOfflineDetail', '0', 'add')"
+              >
+                添加
+              </el-button>
+            </el-col> -->
+          </el-row>
+        </div></template
+      >
+      <template #status="{ scope }">
+        <el-tag
+          :size="tablebtnSize"
+          v-text="
+            (statusOptions.find((item) => item.id == scope.row.status) || {}).label ||
+            '--'
+          "
+        ></el-tag>
+      </template>
+      <template #atime="{ scope }">
+        {{ scope.row.startTime }}~{{ scope.row.endTime }}
+      </template>
+      <template #operation="{ scope }">
+        <el-tooltip effect="dark" content="详情" placement="top">
+          <i
+            v-if="powers.some((i) => i == '007')"
+            class="el-icon-view tb-icon"
+            @click="getRouter('luckyDrawDetail', scope.row.actCode, 'view')"
+          ></i>
+        </el-tooltip>
+        <!-- <el-tooltip effect="dark" content="修改" placement="top">
+          <i
+            class="el-icon-edit tb-icon"
+            @click="getRouter('othgoodsOfflineDetail', scope.row.actCode, 'edit')"
+          ></i>
+        </el-tooltip>
+        <el-tooltip effect="dark" content="删除" placement="top">
+          <i class="el-icon-delete tb-icon" @click="deleteItem(scope.row.actCode)"></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/youzan/luckDraw";
+import mixinPage from "@/mixins/elPaginationHandle";
+import { mapGetters } from "vuex";
+import resToken from "@/mixins/resToken";
+import { listCol, statusOptions } from "./columns";
+export default {
+  name: "luckyDraw",
+  mixins: [mixinPage, resToken],
+  computed: {
+    //组件SIZE设置
+    ...mapGetters(["tablebtnSize", "searchSize", "size"]),
+    powers() {
+      const tran =
+        this.$store.getters.btnList.find((item) => item.menu_route == "luckyDraw") || {};
+      const { action } = tran ?? {};
+      return action ?? [];
+    },
+  },
+  data() {
+    return {
+      select: "1",
+      sinput: "",
+      loading: false,
+      parmValue: {
+        act_name: "",
+        actCode: "",
+        status: "",
+        start: "",
+        end: "",
+        page: 1, // 页码
+        size: 15, // 每页显示条数
+        company_id: "",
+        contactor: "",
+        company_name: "", //活动公司
+      },
+      // 状态
+      statusOptions,
+      // 表格 - 数据
+      tableData: [],
+      // 表格 - 参数
+      table: {
+        stripe: true,
+        border: true,
+        _defaultHeader_: ["setcol"],
+      },
+      // 表格 - 分页
+      pageInfo: {
+        size: 15,
+        curr: 1,
+        total: 0,
+      },
+      // 表格 - 列参数
+      columns: listCol,
+    };
+  },
+  mounted() {
+    const { back } = this.$route.query;
+    if (back) {
+      this.parmValue = JSON.parse(back);
+      console.log(this.parmValue);
+      const { page, size } = this.parmValue;
+      // this.parmValue.start = start || last_start;
+      // this.parmValue.end = end || last_end;
+      // if(this.parmValue.brandid.length>0){
+      //   this.brandid = [this.parmValue.brandid] ;
+      // }
+
+      this.pageInfo = {
+        size: size,
+        curr: page,
+        total: 0,
+      };
+      //多选条件
+      this.select = this.parmValue.select;
+      // this.sselect = this.parmValue.sselect;
+      this.sinput = this.parmValue.sinput;
+    } else {
+      this.select = "1";
+      //  this.sselect = "创建时间"
+    }
+    this.searchList();
+  },
+  methods: {
+    getRouter(toRouter, queryId, type) {
+      if (toRouter && queryId) {
+        let model = {
+          id: queryId,
+          type,
+        };
+
+        //有多选框的条件
+        this.parmValue.select = this.select;
+        // this.parmValue.sselect = this.sselect ;
+        this.parmValue.sinput = this.sinput;
+        //
+        console.log(this.parmValue);
+        let routerModel = {
+          options: JSON.parse(JSON.stringify(this.parmValue)),
+          router: this.$route.path,
+        };
+        model.preModel = JSON.stringify(routerModel);
+
+        this.routeGoto(toRouter, model);
+      } else {
+        this.$message.warning("暂未找到相关流程！");
+      }
+    },
+    restSearch() {
+      // 表格 - 分页
+      this.select = "1";
+      this.sinput = "";
+      this.pageInfo = {
+        size: 15,
+        curr: 1,
+        total: 0,
+      };
+      this.parmValue = {
+        act_name: "",
+        actCode: "",
+        status: "",
+        start: "",
+        end: "",
+        page: 1, // 页码
+        size: 15, // 每页显示条数
+        company_id: "",
+        contactor: "",
+        company_name: "", //活动公司
+      };
+      this.searchList();
+    },
+    async platform_codesearchChange(e) {
+      const { id, code, label } = e;
+      this.parmValue.platform_code = id || "";
+      this.pageInfo.curr = 1;
+      this.parmValue.page = 1;
+      await this.searchList();
+    },
+
+    async company_idsearchChange(e) {
+      const { id, code, label } = e;
+      this.parmValue.company_id = code || "";
+      this.pageInfo.curr = 1;
+      this.parmValue.page = 1;
+      await this.searchList();
+    },
+    // 新建/编辑/详情
+    openModal(row, type) {
+      this.sitem = row;
+      this.modelId = type;
+      this.showModel = true;
+    },
+    // 时间
+    async handleTime(e) {
+      this.parmValue.start = e.start || "";
+      this.parmValue.end = e.end || "";
+      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 === "1" ? "禁用" : "启用"}？`, {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(async () => {
+          this.loading = true;
+          const model = {
+            id: id,
+            status: status === "1" ? "0" : "1",
+          };
+          const { code, message } = await asyncRequest.status(model);
+          if (code === 0) {
+            this.loading = false;
+            this.$notify.success({
+              title: "状态修改成功！",
+              message: "",
+            });
+            await this.searchList();
+          } else if (code >= 100 && code <= 104) {
+            await this.logout();
+          } else {
+            this.loading = false;
+            this.$message.warning(message);
+          }
+        })
+        .catch(() => {
+          console.log("取消");
+        });
+    },
+    async deleteItem(actCode) {
+      await this.$confirm("确定要删除？", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(async () => {
+          const model = {
+            actCode,
+          };
+          const { code, data, message } = await asyncRequest.delete(model);
+          if (code === 0) {
+            this.$notify.success({
+              title: "删除成功",
+              message: "",
+            });
+            this.searchList();
+          } else if (code >= 100 && code <= 104) {
+            await this.logout();
+          } else {
+            this.$message.warning(message);
+          }
+        })
+        .catch(() => {
+          console.log("取消");
+        });
+    },
+    // 刷新表格
+    async searchList() {
+      if (
+        (this.parmValue.start !== "" && this.parmValue.end === "") ||
+        (this.parmValue.start === "" && this.parmValue.end !== "")
+      ) {
+        this.$message.warning("时间区间不完整！");
+        return;
+      }
+      this.loading = true;
+      let model = JSON.parse(JSON.stringify(this.parmValue));
+      model.act_name = this.select === "1" ? this.sinput : "";
+      model.actCode = this.select === "2" ? this.sinput : "";
+      model.contactor = this.select === "3" ? this.sinput : "";
+      model.company_name = this.select === "4" ? this.sinput : ""; // 部门
+      const { code, data } = await asyncRequest.list(model);
+      if (code === 0) {
+        const { count, list } = data;
+        this.tableData = list;
+        this.pageInfo.total = Number(count);
+      } else if (code >= 100 && code <= 104) {
+        await this.logout();
+      } else {
+        this.tableData = [];
+        this.pageInfo.total = 0;
+      }
+      this.loading = false;
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped></style>

src/views/youzan/luckyDrawGood/columns.js

@@ -0,0 +1,164 @@
+//列表
+const columns = [
+  // {
+  //   prop: "id",
+  //   label: "记录ID",
+  //   width: "120px",
+  // },
+  {
+    type: "selection",
+    fixed: "left",
+    _noset_: true,
+  },
+  {
+    prop: "yz_good_code",
+    label: "商品上线编号",
+    width: "160px",
+  },
+  {
+    prop: "plat_code",
+    label: "平台商品编号",
+    width: "160px",
+  },
+  {
+    prop: "good_name",
+    label: "商品名称",
+    minWidth: "160px",
+  },
+  {
+    prop: "status",
+    label: "兑换链接状态",
+    _slot_: "status",
+    width: "100px",
+  },
+  {
+    prop: "stock_num",
+    label: "活动所需库存",
+    width: "100px",
+  },
+  {
+    prop: "origin_price",
+    label: "划线价",
+    width: "100px",
+  },
+  {
+    prop: "final_price",
+    label: "最终售价",
+    width: "100px",
+  },
+
+  {
+    prop: "actCode",
+    label: "活动编码",
+    width: "160px",
+  },
+  {
+    prop: "act_name",
+    label: "活动名称",
+    width: "120px",
+  },
+  {
+    prop: "company_name",
+    label: "活动公司名称",
+    width: "160px",
+  },
+
+  {
+    prop: "contactor",
+    label: "活动负责人",
+    width: "100px",
+  },
+  {
+    prop: "mobile",
+    label: "负责人电话",
+    width: "100px",
+  },
+  {
+    prop: "addtime",
+    label: "创建时间",
+    width: "145px",
+  },
+  {
+    prop: "",
+    label: "操作",
+    fixed: "right",
+    _noset_: true,
+    _slot_: "operation",
+    width: "50",
+  },
+];
+const type_list = [
+  {
+    value: "1",
+    label: "用户提交",
+  },
+  {
+    value: "2",
+    label: "卖家提交",
+  },
+];
+const is_del_list = [
+  {
+    value: "1",
+    label: "删除",
+    type: "danger",
+  },
+  {
+    value: "0",
+    label: "正常",
+    type: "success",
+  },
+];
+const tHeader = [
+  "活动编码",
+  "活动名称",
+  "活动公司名称",
+  "活动负责人",
+  "负责人电话",
+  "商品上线编号",
+  "平台商品编号",
+  "商品名称",
+  "兑换链接状态",
+  "商品ID",
+  "活动所需库存",
+  "库存顺序",
+  "兑换链接",
+];
+const filterVal = [
+  "actCode",
+  "act_name",
+  "company_name",
+  "contactor",
+  "mobile",
+  "yz_good_code",
+  "plat_code",
+  "good_name",
+  "status_name",
+  'act_good_id',
+  "stock_num",
+  "sindex",
+  'act_good_url'
+];
+ const webUrlcolumns=[
+  {
+    type: "selection",
+    fixed: "left",
+    _noset_: true,
+  },
+  {
+    prop: "apply_name",
+    label: "上传人",
+    width: "160px",
+  },
+  {
+    prop: "addtime",
+    label: "上传时间",
+    width: "150px",
+  },
+  {
+    prop: "act_good_url",
+    label: "链接",
+  },
+ ]
+
+export { columns, type_list, is_del_list,tHeader ,filterVal,webUrlcolumns};

src/views/youzan/luckyDrawGood/index.vue

@@ -0,0 +1,501 @@
+<template>
+  <div class="active pagePadding">
+    <ex-table
+      v-loading="loading"
+      v-if="powers.some((i) => i == '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="{ selection }">
+        <div style="width: 100%">
+          <el-row style="padding: 0 0 10px 80px">
+            <el-col :span="4" style="width: 205px">
+              <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 statusOptions"
+                  :key="'status' + item.id"
+                  :label="item.label"
+                  :value="item.id"
+                />
+              </el-select>
+            </el-col>
+            <!-- <el-col :span="4" style="width: 205px; padding: 0 0 0 10px">
+              <el-select
+                v-model="parmValue.exam_status"
+                filterable
+                clearable
+                :size="searchSize"
+                placeholder="商品上线状态"
+                style="width: 100%"
+                @change="
+                  pageInfo.curr = 1;
+                  parmValue.page = 1;
+                  searchList();
+                "
+              >
+                <el-option
+                  v-for="item in statusOptions"
+                  :key="'status' + item.id"
+                  :label="item.label"
+                  :value="item.id"
+                />
+              </el-select>
+            </el-col> -->
+            <el-col :span="6" style="width: 310px; padding: 0 0 0 10px">
+              <good-class
+                :value="parmValue.cat_id"
+                @handleChange="goods_class_change"
+                :disabled="false"
+                :size="searchSize"
+                :isDetail="false"
+                :placeholder="'分类'"
+              />
+            </el-col>
+            <!-- <el-col :span="6" style="width: 303px; padding: 0 0 0 10px">
+              <period-date-picker
+                :type="1"
+                :width="'135px'"
+                :size="searchSize"
+                :start="parmValue.start"
+                :end="parmValue.end"
+                @timeReturned="handleTime"
+              />
+            </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: 500px">
+              <el-input
+                :size="searchSize"
+                v-model="sinput"
+                :maxlength="40"
+                clearable
+                @blur="
+                  pageInfo.curr = 1;
+                  parmValue.page = 1;
+                  searchList();
+                "
+                placeholder="关键字"
+              >
+                <el-select
+                  v-model="select"
+                  slot="prepend"
+                  style="width: 130px"
+                  @change="
+                    pageInfo.curr = 1;
+                    parmValue.page = 1;
+                    searchList();
+                  "
+                  placeholder="关键字类型"
+                >
+                  <el-option label="活动名称" value="1" />
+                  <el-option label="活动编码" value="2" />
+                  <el-option label="活动公司" value="3" />
+                  <el-option label="活动负责人" value="4" />
+                  <el-option label="商品名称" value="5" />
+                  <el-option label="商品成本编号" value="6" />
+                  <el-option label="商品上线编号" value="7" /> </el-select
+              ></el-input>
+            </el-col>
+            <el-col
+              :span="3"
+              class="fr"
+              style="width: 66px; padding: 0 0 0 10px"
+              v-if="powers.some((i) => i == '003')"
+            >
+              <el-button
+                :size="searchSize"
+                type="success"
+                style="float: right"
+                @click="batchExport(selection)"
+              >
+                导出
+              </el-button>
+            </el-col>
+            <el-col
+              :span="3"
+              class="fr"
+              style="width: 66px; padding: 0 0 0 10px"
+              v-if="powers.some((i) => i == '003')"
+            >
+              <el-button
+                :size="searchSize"
+                type="success"
+                style="float: right"
+                @click="showModel = true"
+              >
+                导入
+              </el-button>
+            </el-col>
+          </el-row>
+        </div></template
+      >
+      <template #status="{ scope }">
+        <el-tag
+          :size="tablebtnSize"
+          :type="scope.row.status == '0' ? 'warning' : ''"
+          v-text="
+            (statusOptions.find((item) => item.id == scope.row.status) || {}).label ||
+            '--'
+          "
+        ></el-tag>
+      </template>
+      <template #atime="{ scope }"> {{ scope.row.start }}~{{ scope.row.end }} </template>
+      <template #operation="{ scope }">
+        <!-- <el-tooltip effect="dark" content="详情" placement="top">
+          <i class="el-icon-view tb-icon"></i>
+        </el-tooltip> -->
+        <el-tooltip effect="dark" content="兑换链接列表" placement="top">
+          <i class="el-icon-s-grid tb-icon" @click="AAA(scope.row)"></i>
+        </el-tooltip>
+      </template>
+    </ex-table>
+    <no-auth v-else></no-auth>
+    <!-- 弹窗 新增/修改 -->
+    <weburlImport
+      :show-model="showModel"
+      @refresh="(showModel = false), searchList()"
+      @cancel="showModel = false"
+    />
+    <webUrlList
+      :show-model="webShowModel"
+      :sitem="websitem"
+      @refresh="(webShowModel = false), searchList()"
+      @cancel="webShowModel = false"
+    />
+  </div>
+</template>
+<script>
+import asyncRequest from "@/apis/service/youzan/luckDrawGood";
+import mixinPage from "@/mixins/elPaginationHandle";
+import { mapGetters } from "vuex";
+import resToken from "@/mixins/resToken";
+import { columns, tHeader, filterVal } from "./columns";
+import { formatJson } from "@/utils/publicMethods";
+import weburlImport from "./weburlImport";
+import webUrlList from "./webUrlList";
+export default {
+  name: "active",
+  mixins: [mixinPage, resToken],
+  components: { weburlImport, webUrlList },
+  computed: {
+    //组件SIZE设置
+    ...mapGetters(["tablebtnSize", "searchSize", "size"]),
+    powers() {
+      const tran =
+        this.$store.getters.btnList.find((item) => item.menu_route == "active") || {};
+      const { action } = tran ?? {};
+      return action ?? [];
+    },
+  },
+  data() {
+    return {
+      select: "1",
+      sinput: "",
+      websitem: null,
+      webShowModel: false,
+      showModel: false,
+      loading: false,
+      parmValue: {
+        act_name: "",
+        actCode: "",
+        status: "",
+        start: "",
+        end: "",
+        page: 1, // 页码
+        size: 15, // 每页显示条数
+        company_id: "",
+        contactor: "",
+        company_name: "", //活动公司
+      },
+      // 状态
+      statusOptions: [
+        { id: "0", label: "待上传" },
+        { id: "1", label: "已完成" },
+      ],
+      // 表格 - 数据
+      tableData: [],
+      // 表格 - 参数
+      table: {
+        stripe: true,
+        border: true,
+        _defaultHeader_: ["setcol"],
+      },
+      // 表格 - 分页
+      pageInfo: {
+        size: 15,
+        curr: 1,
+        total: 0,
+      },
+      // 表格 - 列参数
+      columns,
+      tHeader,
+      filterVal,
+    };
+  },
+  mounted() {
+    const { back } = this.$route.query;
+    if (back) {
+      this.parmValue = JSON.parse(back);
+      console.log(this.parmValue);
+      const { page, size } = this.parmValue;
+      // this.parmValue.start = start || last_start;
+      // this.parmValue.end = end || last_end;
+      // if(this.parmValue.brandid.length>0){
+      //   this.brandid = [this.parmValue.brandid] ;
+      // }
+
+      this.pageInfo = {
+        size: size,
+        curr: page,
+        total: 0,
+      };
+      //多选条件
+      this.select = this.parmValue.select;
+      // this.sselect = this.parmValue.sselect;
+      this.sinput = this.parmValue.sinput;
+    } else {
+      this.select = "1";
+      //  this.sselect = "创建时间"
+    }
+    this.searchList();
+  },
+  methods: {
+    AAA(sitem) {
+      this.websitem = sitem;
+      this.webShowModel = true;
+    },
+    async expandChange({ row, expandedRows }) {
+      if (expandedRows.length === 0) return;
+      const { id } = row;
+      this.getChildren(id);
+    },
+    async getChildren(id) {
+      let index = this.tableData.findIndex((a) => a.id === id);
+      if (this.tableData[index].loading) return;
+      this.tableData[index].loading = true;
+      const { code, data, message } = await asyncRequest.goodUrlList({ act_good_id: id });
+      this.tableData[index].loading = false;
+      if (code === 0) {
+        const { list } = data || {};
+        this.tableData[index].children = list || [];
+      } else if (code >= 100 && code <= 104) {
+        await this.logout();
+      } else {
+        this.tableData[index].children = [];
+      }
+    },
+    getRouter(toRouter, queryId) {
+      if (toRouter && queryId) {
+        let model = {
+          id: queryId,
+          type: "view",
+        };
+
+        //有多选框的条件
+        this.parmValue.select = this.select;
+        // this.parmValue.sselect = this.sselect ;
+        this.parmValue.sinput = this.sinput;
+        //
+        console.log(this.parmValue);
+        let routerModel = {
+          options: JSON.parse(JSON.stringify(this.parmValue)),
+          router: this.$route.path,
+        };
+        model.preModel = JSON.stringify(routerModel);
+
+        this.routeGoto(toRouter, model);
+      } else {
+        this.$message.warning("暂未找到相关流程！");
+      }
+    },
+    restSearch() {
+      // 表格 - 分页
+      this.select = "1";
+      this.sinput = "";
+      this.pageInfo = {
+        size: 15,
+        curr: 1,
+        total: 0,
+      };
+      this.parmValue = {
+        act_name: "",
+        actCode: "",
+        status: "",
+        start: "",
+        end: "",
+        page: 1, // 页码
+        size: 15, // 每页显示条数
+        company_id: "",
+        contactor: "",
+        company_name: "", //活动公司
+      };
+      this.searchList();
+    },
+    async platform_codesearchChange(e) {
+      const { id, code, label } = e;
+      this.parmValue.platform_code = id || "";
+      this.pageInfo.curr = 1;
+      this.parmValue.page = 1;
+      await this.searchList();
+    },
+
+    async company_idsearchChange(e) {
+      const { id, code, label } = e;
+      this.parmValue.company_id = code || "";
+      this.pageInfo.curr = 1;
+      this.parmValue.page = 1;
+      await this.searchList();
+    },
+    // 刷新表格
+    async searchList() {
+      if (
+        (this.parmValue.start !== "" && this.parmValue.end === "") ||
+        (this.parmValue.start === "" && this.parmValue.end !== "")
+      ) {
+        this.$message.warning("时间区间不完整！");
+        return;
+      }
+      this.loading = true;
+      let model = JSON.parse(JSON.stringify(this.parmValue));
+      model.act_name = this.select === "1" ? this.sinput : "";
+      model.actCode = this.select === "2" ? this.sinput : "";
+      model.contactor = this.select === "3" ? this.sinput : "";
+      model.company_name = this.select === "4" ? this.sinput : ""; // 部门
+      const { code, data, message } = await asyncRequest.list(model);
+      if (code === 0) {
+        const { list, count } = data;
+        this.tableData = list;
+        this.tableData.forEach((a) => {
+          a.children = [];
+          a.loading = false;
+        });
+        this.pageInfo.total = Number(count);
+      } else if (code >= 100 && code <= 104) {
+        await this.logout();
+      } else {
+        this.tableData = [];
+        this.pageInfo.total = 0;
+      }
+      this.loading = false;
+    },
+    //商品分类选择
+    async goods_class_change(e) {
+      this.cat_id = e;
+      this.parmValue.cat_id =
+        this.cat_id.length === 0 ? "" : this.cat_id[this.cat_id.length - 1];
+      this.pageInfo.curr = 1;
+      this.parmValue.page = 1;
+      await this.searchList();
+    },
+    async deleteItem(row, id) {
+      await this.$confirm("确定要删除？", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(async () => {
+          const model = {
+            web_url_ids: [id],
+          };
+          const { code, data, message } = await asyncRequest.delete(model);
+          if (code === 0) {
+            this.$notify.success({
+              title: "删除成功",
+              message: "",
+            });
+            await this.getChildren(row.id);
+          } else if (code >= 100 && code <= 104) {
+            await this.logout();
+          } else {
+            this.$message.warning(message);
+          }
+        })
+        .catch(() => {
+          console.log("取消");
+        });
+    },
+    /**
+     *  批量导出
+     * @param {Array} selection 当前选择项
+     */
+    batchExport(selection) {
+      if (!this.loading) {
+        if (selection.length == 0) {
+          this.$message.warning("请至少选择一条数据！");
+          return;
+        }
+
+        console.log(selection);
+
+        this.loading = true;
+        let data = [].concat(...selection);
+        let list = [];
+        data.forEach((item) => {
+          const num = parseInt(item.stock_num);
+          for (let i = 0; i < num; i++) {
+            let model = Object.assign({}, item);
+            model.status_name = model.status === "0" ? "待上传" : "已完成";
+            model.sindex = i + 1;
+            model.act_good_id = model.id;
+            list.push(model);
+          }
+        });
+        console.log(list);
+        const xlsName = `抽奖活动商品批量导出`;
+        import("@/vendor/Export2Excel").then((excel) => {
+          const data = formatJson(filterVal, list);
+          excel.export_json_to_excel({
+            header: tHeader,
+            data,
+            filename: `${xlsName}`,
+          });
+          this.$message.success(`${xlsName}成功！`);
+          setTimeout(() => {
+            this.loading = false;
+          }, 500);
+        });
+      }
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped></style>

src/views/youzan/luckyDrawGood/webUrlList.vue

@@ -0,0 +1,183 @@
+<template>
+  <el-dialog
+    :title="'兑换链接列表'"
+    :center="true"
+    align="left"
+    top="8vh"
+    width="1040px"
+    @close="showModelThis = false"
+    :close-on-click-modal="false"
+    :visible.sync="showModelThis"
+    v-loading="loading"
+    element-loading-text="拼命加载中"
+    element-loading-spinner="el-icon-loading"
+    element-loading-background="rgba(0, 0, 0, 0.8)"
+    append-to-body
+  >
+    <el-card style="margin-top: -20px">
+      <ex-table :columns="webUrlcolumns" :table="table" :data="tableData">
+        <template #table-header="{ selection }">
+          <div style="width: 100%">
+            <el-row style="padding: 0" v-if="sitem && sitem.id">
+              <el-col :span="7">活动编码：{{ sitem.actCode }}</el-col>
+              <el-col :span="17">活动名称：{{ sitem.act_name }}</el-col>
+
+              <el-col :span="7">商品上线编号：{{ sitem.yz_good_code }}</el-col>
+              <el-col :span="5">平台商品编号：{{ sitem.plat_code }}</el-col>
+              <el-col :span="12">商品名称：{{ sitem.good_name }}</el-col>
+              <el-col :span="6">负责人：{{ sitem.contactor }}</el-col>
+              <el-col :span="6">负责电话：{{ sitem.mobile }}</el-col>
+              <el-col :span="12">公司名称：{{ sitem.company_name }}</el-col>
+              <el-col :span="12">
+                <el-tooltip effect="dark" class="fr" content="删除" placement="top">
+                  <i
+                    class="el-icon-delete tb-icon"
+                    @click="deleteItem(selection)"
+                  ></i> </el-tooltip
+              ></el-col>
+            </el-row>
+          </div>
+        </template>
+      </ex-table>
+    </el-card>
+  </el-dialog>
+</template>
+
+<script>
+import asyncRequest from "@/apis/service/youzan/luckDrawGood";
+import resToken from "@/mixins/resToken";
+import { tHeader, filterVal, webUrlcolumns } from "./columns";
+export default {
+  mixins: [resToken],
+  name: "weburlList",
+  props: ["showModel", "sitem"],
+  data() {
+    return {
+      showModelThis: this.showModel,
+      code_msg: "物流单号必传，且支持纯数字或字母数字组合(9~20位)!",
+      tHeader,
+      filterVal,
+      // 表格 - 参数
+      table: {
+        stripe: true,
+        border: true,
+        "max-height": "800px",
+        // _defaultHeader_: ["setcol"],
+      },
+      tableData: [],
+      // 表格 - 分页
+      pageInfo: {
+        size: 15,
+        curr: 1,
+        total: 0,
+      },
+      loading: false,
+      // 表格 - 列参数
+      webUrlcolumns,
+    };
+  },
+  watch: {
+    showModel: function (val) {
+      this.showModelThis = val;
+      if (val) {
+        this.searchList();
+      }
+    },
+    showModelThis(val) {
+      if (!val) {
+        this.$emit("cancel");
+      }
+    },
+  },
+  methods: {
+    // 刷新表格
+    async searchList() {
+      if (this.loading) return;
+      this.loading = true;
+      const { id } = this.sitem;
+      console.log(this.sitem);
+      const { code, data, message } = await asyncRequest.goodUrlList({
+        act_good_id: id,
+      });
+      if (code === 0) {
+        const { list, count } = data;
+        this.tableData = list;
+        this.pageInfo.total = Number(count);
+      } else if (code >= 100 && code <= 104) {
+        await this.logout();
+      } else {
+        this.tableData = [];
+        this.pageInfo.total = 0;
+      }
+      this.loading = false;
+    },
+    async deleteItem(list) {
+      console.log(list);
+      await this.$confirm("确定要删除？", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(async () => {
+          let web_url_ids = [];
+          list.forEach((a) => {
+            web_url_ids.push(a.id);
+          });
+          console.log(web_url_ids);
+          const { code, data, message } = await asyncRequest.delete({ web_url_ids });
+          if (code === 0) {
+            this.$notify.success({
+              title: "删除成功",
+              message: "",
+            });
+            // await this.searchList();
+          } else {
+            this.$message.warning(message);
+          }
+        })
+        .catch(() => {
+          console.log("取消");
+        });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.box {
+  width: 100%;
+  // padding-top: 50px;
+  box-sizing: border-box;
+  // height: 100vh;
+  // overflow: hidden;
+  background: #fff;
+}
+.con {
+  width: 100%;
+  margin: 0px auto;
+  background: #fff;
+  // padding: 50px;
+  box-sizing: border-box;
+
+  h1 {
+    margin-bottom: 20px;
+    margin-top: 20px;
+    font-size: 16px;
+    color: #333;
+  }
+}
+// .tab{
+//   width: 100%;
+//   overflow: hidden;
+//   margin: auto;
+//   box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1);
+//   padding: 30px;
+
+// }
+.btn {
+  width: 50%;
+  margin: 50px auto 0;
+  display: flex;
+  justify-content: space-around;
+}
+</style>

src/views/youzan/luckyDrawGood/weburlImport.vue

@@ -0,0 +1,274 @@
+<template>
+  <el-dialog
+    :title="'兑换链接导入'"
+    :center="true"
+    align="left"
+    top="8vh"
+    width="1040px"
+    @close="showModelThis = false"
+    :close-on-click-modal="false"
+    :visible.sync="showModelThis"
+    v-loading="loading"
+    element-loading-text="拼命加载中"
+    element-loading-spinner="el-icon-loading"
+    element-loading-background="rgba(0, 0, 0, 0.8)"
+    append-to-body
+  >
+    <el-card style="margin-top: -20px">
+      <div class="orderImport pagePadding" v-loading="loading" style="padding-top: 0">
+        <div v-if="tableData && tableData.length > 0" class="tr" style="padding: 0 0 0 0">
+          <el-button @click="cancel" :size="'mini'">取消</el-button>
+          <el-button type="primary" @click="submit" :size="'mini'">提交</el-button>
+        </div>
+        <div v-else>
+          <upload-excel :on-success="handleSuccess" :before-upload="beforeUpload" />
+        </div>
+        <!-- <div>
+          <el-alert title="多物流单号请用逗号'，'隔开" type="warning" :closable="false">
+          </el-alert>
+        </div> -->
+        <ex-table
+          :columns="columns"
+          :table="table"
+          :data="tableData"
+          style="margin: 15px 0 0 0"
+        >
+        </ex-table>
+      </div>
+    </el-card>
+  </el-dialog>
+</template>
+
+<script>
+import asyncRequest from "@/apis/service/youzan/luckDrawGood";
+import resToken from "@/mixins/resToken";
+import { tHeader, filterVal } from "./columns";
+import { validURL } from "@/utils/validate";
+export default {
+  mixins: [resToken],
+  name: "orderImport",
+  props: ["showModel"],
+  data() {
+    return {
+      showModelThis: this.showModel,
+      code_msg: "物流单号必传，且支持纯数字或字母数字组合(9~20位)!",
+      tHeader,
+      filterVal,
+      // 表格 - 参数
+      table: {
+        stripe: true,
+        border: true,
+        "max-height": "500px",
+        // _defaultHeader_: ["setcol"],
+      },
+      tableData: [],
+      // 表格 - 分页
+      pageInfo: {
+        size: 15,
+        curr: 1,
+        total: 0,
+      },
+      loading: false,
+      // 表格 - 列参数
+      columns: [],
+    };
+  },
+  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.columns = [];
+      tHeader.forEach((e, i) => {
+        this.columns.push({
+          prop: filterVal[i],
+          label: e,
+          minWidth: "100px",
+        });
+      });
+
+      this.loading = false;
+    },
+    beforeUpload(file) {
+      const isLt1M = file.size / 1024 < 500;
+      if (isLt1M) {
+        return true;
+      }
+      this.$message({
+        message: "请不要上传大于500KB的文件.",
+        type: "warning",
+      });
+      return false;
+    },
+    handleSuccess({ results, header }) {
+      if (!this.loading) {
+        this.loading = true;
+        if (results.length === 0) {
+          this.$message.error("表格无有效数据！");
+          this.loading = false;
+          return;
+        }
+
+        if (tHeader.length !== header.length) {
+          this.$message.error("表头与导入模板不匹配！");
+          this.loading = false;
+          return;
+        }
+        let hederOk = true;
+        tHeader.forEach((v1, i1) => {
+          if (v1 !== header[i1].replace(/\s*/g, "")) {
+            console.log(v1 + "----" + header[i1]);
+            hederOk = false;
+          }
+        });
+
+        if (!hederOk) {
+          this.$message.error("表头与导入模板不匹配！");
+          this.loading = false;
+          return;
+        }
+        this.tableData = [];
+        let list = results;
+
+        try {
+          list.forEach((obj, index) => {
+            let model = {};
+            let arr = Object.values(obj);
+            arr.forEach((key, ii) => {
+              Object.defineProperty(model, filterVal[ii], {
+                value: key,
+              });
+            });
+            this.tableData.push(model);
+            // console.log(this.tableData);
+          });
+        } catch (e) {
+          console.log(e);
+        }
+        this.loading = false;
+      }
+    },
+    //取消
+    cancel() {
+      this.tableData = [];
+    },
+
+    //提交
+    async submit() {
+      if (!this.loading) {
+        this.loading = true;
+        if (this.tableData.length === 0) {
+          this.$message.warning("导入数据不能为空");
+          this.loading = false;
+          return;
+        }
+
+        let isUrl = true,
+          web_url = [];
+
+        this.tableData.forEach((key, index) => {
+          if (!validURL(key["act_good_url"])) {
+            isUrl = false;
+          }
+          let model = {
+            act_good_id: key["act_good_id"],
+            act_good_url: key["act_good_url"],
+          };
+          web_url.push(model);
+        });
+        if (!isUrl) {
+          this.$message.warning("部分兑换链接不合法!");
+          this.loading = false;
+          return;
+        }
+
+        const { code, data, message } = await asyncRequest.batchImport({
+          web_url,
+        });
+        this.loading = false;
+        if (code === 0) {
+          this.$notify.success({
+            title: "兑换链接导入成功！",
+            message: "",
+          });
+          this.tableData = [];
+          this.$emit("refresh");
+        } else if (code >= 100 && code <= 104) {
+          await this.logout();
+        } else if (code == 1003) {
+          this.showal(data, message, "");
+        } else if (code == 1005) {
+          this.showal(data, message, "outCode");
+        } else if (code == 1011) {
+          this.showal(data, message, "outCode");
+        } else {
+          this.$message.warning(message);
+        }
+      }
+    },
+    showal(list, message, code) {
+      let htmlList = "<ul>";
+      list.forEach((v) => {
+        htmlList += `<li>${code !== "" ? v[code] : v}</li>`;
+      });
+      htmlList += "</ul>";
+      this.$notify({
+        title: message,
+        dangerouslyUseHTMLString: true,
+        message: htmlList,
+      });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.box {
+  width: 100%;
+  // padding-top: 50px;
+  box-sizing: border-box;
+  // height: 100vh;
+  // overflow: hidden;
+  background: #fff;
+}
+.con {
+  width: 100%;
+  margin: 0px auto;
+  background: #fff;
+  // padding: 50px;
+  box-sizing: border-box;
+
+  h1 {
+    margin-bottom: 20px;
+    margin-top: 20px;
+    font-size: 16px;
+    color: #333;
+  }
+}
+// .tab{
+//   width: 100%;
+//   overflow: hidden;
+//   margin: auto;
+//   box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1);
+//   padding: 30px;
+
+// }
+.btn {
+  width: 50%;
+  margin: 50px auto 0;
+  display: flex;
+  justify-content: space-around;
+}
+</style>