From f558b80a612c20eca10aefbf1dd848558a90f4d4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A5=8F?= <1978476055@qq.com>
Date: Wed, 20 Nov 2024 11:38:03 +0800
Subject: [PATCH] =?UTF-8?q?=E7=A7=92=E6=9D=80,=E5=85=A8=E6=8A=98=E6=89=A3?=
 =?UTF-8?q?=E7=A7=92=E6=9D=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/modules/marketing.js               |   30 +
 src/views/marketing/allDiscount/index.vue     |    3 +
 .../allDiscount/seckillConfig/index.vue       |  201 +++
 .../allDiscount/seckillGoods/index.vue        | 1283 +++++++++++++++
 .../allDiscount/seckillGoods/info.vue         |  358 +++++
 .../seckill/seckillGoods/editAttr.vue         | 1392 +++++++++++++++++
 .../marketing/seckill/seckillGoods/index.vue  |  974 ++++++++----
 .../marketing/seckill/seckillGoods/info.vue   | 1249 +++++++++++++--
 8 files changed, 4996 insertions(+), 494 deletions(-)
 create mode 100644 src/views/marketing/allDiscount/index.vue
 create mode 100644 src/views/marketing/allDiscount/seckillConfig/index.vue
 create mode 100644 src/views/marketing/allDiscount/seckillGoods/index.vue
 create mode 100644 src/views/marketing/allDiscount/seckillGoods/info.vue
 create mode 100644 src/views/marketing/seckill/seckillGoods/editAttr.vue

diff --git a/src/router/modules/marketing.js b/src/router/modules/marketing.js
index f9c8b48..3d43b7f 100644
--- a/src/router/modules/marketing.js
+++ b/src/router/modules/marketing.js
@@ -199,6 +199,36 @@ const marketingRouter =
         }
       ]
     },
+    {
+      path: 'allDiscount',
+      name: 'allDiscount',
+      meta: {
+        title: '全折扣秒杀',
+        noCache: true
+      },
+      redirect: 'noRedirect',
+      component: () => import('@/views/marketing/allDiscount/index'),
+      children: [
+        {
+          path: 'seckillConfig',
+          name: 'SeckillConfig',
+          meta: {
+            title: '全折扣秒杀配置',
+            noCache: true
+          },
+          component: () => import('@/views/marketing/allDiscount/seckillConfig/index')
+        },
+        {
+          path: 'list',
+          name: 'SpikeList',
+          meta: {
+            title: '全折扣秒杀列表',
+            noCache: true
+          },
+          component: () => import('@/views/marketing/allDiscount/seckillGoods/index.vue')
+        }
+      ]
+    },
     {
       path: 'presell',
       name: 'preSell',
diff --git a/src/views/marketing/allDiscount/index.vue b/src/views/marketing/allDiscount/index.vue
new file mode 100644
index 0000000..98240ae
--- /dev/null
+++ b/src/views/marketing/allDiscount/index.vue
@@ -0,0 +1,3 @@
+<template>
+  <router-view />
+</template>
diff --git a/src/views/marketing/allDiscount/seckillConfig/index.vue b/src/views/marketing/allDiscount/seckillConfig/index.vue
new file mode 100644
index 0000000..d01b376
--- /dev/null
+++ b/src/views/marketing/allDiscount/seckillConfig/index.vue
@@ -0,0 +1,201 @@
+<template>
+  <div class="divBox">
+    <div class="selCard">
+      <el-form size="small" label-width="85px" :inline="true">
+        <el-form-item label="是否显示：">
+          <el-select
+            v-model="tableFrom.status"
+            placeholder="请选择"
+            class="selWidth"
+            clearable
+            @change="getList"
+          >
+            <el-option label="显示" :value="1" />
+            <el-option label="不显示" :value="0" />
+          </el-select>
+        </el-form-item>
+      </el-form>
+    </div>
+    <el-card class="mt14">
+       <div class="mb14">
+        <el-button size="small" type="primary" @click="addSpike">添加配置</el-button>
+      </div>
+      <el-table
+        v-loading="listLoading"
+        :data="tableData.data"
+        size="small"
+        highlight-current-row
+      >
+        <el-table-column prop="seckill_time_id" label="编号" min-width="100" />
+        <el-table-column prop="title" label="名称" min-width="120" />
+        <el-table-column label="开始时间(整数小时)" min-width="120">
+          <template slot-scope="scope">
+            <span>{{ scope.row.start_time }} :00</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="结束时间(整点)" min-width="120">
+          <template slot-scope="scope">
+            <span>{{ scope.row.end_time }} :00</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="图片" min-width="100">
+          <template slot-scope="scope">
+            <div class="demo-image__preview">
+              <el-image
+                style="width: 36px; height: 36px"
+                :src="scope.row.pic"
+                :preview-src-list="[scope.row.pic]"
+              />
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column label="是否可用" min-width="120">
+          <template slot-scope="scope">
+            <el-switch
+              v-model="scope.row.status"
+              :active-value="1"
+              :inactive-value="0"
+              active-text="启用"
+              inactive-text="禁用"
+              @click.native="onchangeIsShow(scope.row)"
+            />
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" min-width="90" fixed="right">
+          <template slot-scope="scope">
+            <el-button
+              type="text"
+              size="small"
+              class="mr10"
+              @click="handleEdit(scope.row.seckill_time_id)"
+            >编辑</el-button>
+            <el-button type="text" size="small" @click="handleDelete(scope.row.seckill_time_id,scope.$index)">删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="block">
+        <el-pagination
+          background
+          :page-size="tableFrom.limit"
+          :current-page="tableFrom.page"
+          layout="total, prev, pager, next, jumper"
+          :total="tableData.total"
+          @size-change="handleSizeChange"
+          @current-change="pageChange"
+        />
+      </div>
+    </el-card>
+  </div>
+</template>
+
+<script>
+
+import {
+  spikeConfigLstApi,
+  spikeConfigDeleteApi,
+  spikeConfigurationApi,
+  spikeConfigUpdateApi,
+  spikeConfigStatusApi
+} from '@/api/marketing'
+import { roterPre } from '@/settings'
+export default {
+  name: 'CouponList',
+  data() {
+    return {
+      Loading: false,
+      dialogVisible: false,
+      roterPre: roterPre,
+      listLoading: true,
+      tableData: {
+        data: [],
+        total: 0
+      },
+      tableFrom: {
+        page: 1,
+        limit: 20,
+        status: ""
+      },
+      tableFromIssue: {
+        page: 1,
+        limit: 10,
+        coupon_id: 0
+      },
+      issueData: {
+        data: [],
+        total: 0
+      }
+    }
+  },
+  mounted() {
+    this.getList()
+  },
+  methods: {
+    // 添加秒杀配置
+    addSpike() {
+      this.$modalForm(spikeConfigurationApi().then()).then(() =>
+        this.getList()
+      )
+    },
+    // 编辑
+    handleEdit(id) {
+      this.$modalForm(spikeConfigUpdateApi(id).then()).then(() =>
+        this.getList()
+      )
+    },
+    // 删除
+    handleDelete(id, idx) {
+      this.$modalSure().then(() => {
+        spikeConfigDeleteApi(id)
+          .then(({ message }) => {
+            this.$message.success(message)
+            this.tableData.data.splice(idx, 1)
+          })
+          .catch(({ message }) => {
+            this.$message.error(message)
+          })
+      })
+    },
+    handleClose() {
+      this.dialogVisible = false
+    },
+    // 列表
+    getList() {
+      this.listLoading = true
+      console.log(this.tableFrom)
+      spikeConfigLstApi(this.tableFrom)
+        .then((res) => {
+          this.tableData.data = res.data.list
+          this.tableData.total = res.data.count
+          this.listLoading = false
+        })
+        .catch((res) => {
+          this.listLoading = false
+          this.$message.error(res.message)
+        })
+    },
+    pageChange(page) {
+      this.tableFrom.page = page
+      this.getList()
+    },
+    handleSizeChange(val) {
+      this.tableFrom.limit = val
+      this.getList()
+    },
+    // 修改状态
+    onchangeIsShow(row) {
+      spikeConfigStatusApi(row.seckill_time_id, row.status )
+        .then(({ message }) => {
+          this.$message.success(message)
+          this.getList()
+        })
+        .catch(({ message }) => {
+          this.$message.error(message)
+        })
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+@import '@/styles/form.scss';
+</style>
diff --git a/src/views/marketing/allDiscount/seckillGoods/index.vue b/src/views/marketing/allDiscount/seckillGoods/index.vue
new file mode 100644
index 0000000..dd39022
--- /dev/null
+++ b/src/views/marketing/allDiscount/seckillGoods/index.vue
@@ -0,0 +1,1283 @@
+<template>
+  <div class="divBox">
+    <div class="selCard">
+      <el-form
+        :model="tableFrom"
+        ref="searchForm"
+        inline
+        size="small"
+        label-width="85px"
+      >
+        <el-form-item label="秒杀状态：" prop="seckill_status">
+          <el-select
+            v-model="tableFrom.seckill_status"
+            placeholder="请选择"
+            class="selWidth"
+            clearable
+            @change="getList(1)"
+          >
+            <el-option
+              v-for="item in seckillStatusList"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="商品状态：" prop="us_status">
+          <el-select
+            v-model="tableFrom.us_status"
+            placeholder="请选择"
+            class="selWidth"
+            clearable
+            @change="getList"
+          >
+            <el-option
+              v-for="item in productStatusList"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="标签：" prop="sys_labels">
+          <el-select
+            v-model="tableFrom.sys_labels"
+            placeholder="请选择"
+            class="selWidth"
+            clearable
+            filterable
+            @change="getList(1)"
+          >
+            <el-option
+              v-for="item in labelList"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="商户名称：" prop="mer_id">
+          <el-select
+            v-model="tableFrom.mer_id"
+            clearable
+            filterable
+            placeholder="请选择"
+            class="selWidth"
+            @change="getList(1)"
+          >
+            <el-option
+              v-for="item in merSelect"
+              :key="item.mer_id"
+              :label="item.mer_name"
+              :value="item.mer_id"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="商户类别：" prop="is_trader">
+          <el-select
+            v-model="tableFrom.is_trader"
+            clearable
+            placeholder="请选择"
+            class="selWidth"
+            @change="getList(1)"
+          >
+            <el-option label="自营" value="1" />
+            <el-option label="非自营" value="0" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="推荐级别：" prop="star">
+          <el-select
+            v-model="tableFrom.star"
+            placeholder="请选择"
+            class="selWidth"
+            clearable
+            @change="getList(1)"
+          >
+            <el-option
+              v-for="item in recommendedLevelStatus"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="商品搜索：" prop="keyword">
+          <el-input
+            v-model="tableFrom.keyword"
+            @keyup.enter.native="getList(1)"
+            placeholder="请输入商品名称，关键字，产品编号"
+            class="selWidth"
+          />
+        </el-form-item>
+        <!-- <el-form-item label="时间选择：" prop="create_time">
+          <el-date-picker
+            v-model="timeVal"
+            value-format="yyyy/MM/dd HH:mm:ss"
+            format="yyyy/MM/dd HH:mm:ss"
+            size="small"
+            type="datetimerange"
+            placement="bottom-end"
+            placeholder="自定义时间"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+            style="width: 280px"
+            :picker-options="pickerOptions"
+            @change="onchangeTime"
+            clearable
+          />
+        </el-form-item> -->
+        <el-form-item>
+          <el-button type="primary" size="small" @click="getList(1)"
+            >搜索</el-button
+          >
+          <el-button size="small" @click="searchReset()">重置</el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+    <el-card class="mt14">
+      <el-tabs
+        v-model="tableFrom.type"
+        @tab-click="getList(1), getLstFilterApi()"
+      >
+        <el-tab-pane
+          v-for="(item, index) in headeNum"
+          :key="index"
+          :name="item.type.toString()"
+          :label="item.name + '(' + item.count + ')'"
+        />
+      </el-tabs>
+      <div
+        v-if="tableFrom.type === '6' || Number(tableFrom.type) < 3"
+        class="mt5"
+      >
+        <el-button
+          v-if="tableFrom.type === '6'"
+          type="primary"
+          size="small"
+          @click="batch"
+          >批量审核</el-button
+        >
+        <el-button
+          v-if="Number(tableFrom.type) < 3"
+          type="primary"
+          size="small"
+          @click="batchOff"
+          >批量强制下架</el-button
+        >
+      </div>
+      <el-table
+        class="mt20"
+        v-loading="listLoading"
+        :data="tableData.data"
+        size="small"
+        @selection-change="handleSelectionChange"
+      >
+        <el-table-column
+          v-if="Number(tableFrom.type) < 7"
+          key="2"
+          type="selection"
+          width="55"
+        />
+        <el-table-column type="expand">
+          <template slot-scope="scope">
+            <el-form label-position="left" inline class="demo-table-expand">
+              <el-form-item label="平台分类：">
+                <span>{{
+                  scope.row.storeCategory
+                    ? scope.row.storeCategory.cate_name
+                    : "-"
+                }}</span>
+              </el-form-item>
+              <el-form-item label="品牌：">
+                <span>{{
+                  scope.row.brand ? scope.row.brand.brand_name : "-"
+                }}</span>
+              </el-form-item>
+              <el-form-item label="市场价格：">
+                <span>{{ scope.row.ot_price | filterEmpty }}</span>
+              </el-form-item>
+              <el-form-item label="成本价：">
+                <span>{{ scope.row.cost | filterEmpty }}</span>
+              </el-form-item>
+              <el-form-item label="收藏：">
+                <span>{{ scope.row.care_count | filterEmpty }}</span>
+              </el-form-item>
+              <el-form-item label="已售数量：">
+                <span>{{ scope.row.ficti | filterEmpty }}</span>
+              </el-form-item>
+            </el-form>
+          </template>
+        </el-table-column>
+        <el-table-column prop="product_id" label="ID" min-width="50" />
+        <el-table-column label="商户名称" min-width="120">
+          <template slot-scope="scope">
+            <span>{{
+              scope.row.merchant ? scope.row.merchant.mer_name : ""
+            }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="mer_name" label="商户类别" min-width="90">
+          <template slot-scope="scope">
+            <span v-if="scope.row.merchant" class="spBlock">{{
+              scope.row.merchant.is_trader ? "自营" : "非自营"
+            }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="商品图" min-width="80">
+          <template slot-scope="scope">
+            <div class="demo-image__preview">
+              <el-image
+                style="width: 36px; height: 36px"
+                :src="scope.row.image"
+                :preview-src-list="[scope.row.image]"
+              />
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column prop="store_name" label="活动标题" min-width="120" />
+        <el-table-column prop="price" label="商品售价" min-width="80" />
+        <el-table-column prop="sales" label="销量" min-width="80" />
+        <el-table-column label="推荐级别" min-width="120">
+          <template slot-scope="scope">
+            <!-- <span>{{ scope.row.star+'星推荐' }} </span> -->
+            <el-rate disabled v-model="scope.row.star" :colors="colors">
+            </el-rate>
+          </template>
+        </el-table-column>
+        <el-table-column label="限量剩余" min-width="90">
+          <template slot-scope="scope">
+            <span>{{ scope.row.stock }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="rank" label="排序" min-width="70" />
+        <el-table-column prop="status" label="是否显示" min-width="90">
+          <template slot-scope="scope">
+            <el-switch
+              v-model="scope.row.is_used"
+              :active-value="1"
+              :inactive-value="0"
+              active-text="显示"
+              inactive-text="隐藏"
+              @change="onchangeIsShow(scope.row)"
+            />
+          </template>
+        </el-table-column>
+        <el-table-column prop="stock" label="商品状态" min-width="90">
+          <template slot-scope="scope">
+            <span>{{ scope.row.us_status | productStatusFilter }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="stock" label="秒杀状态" min-width="90">
+          <template slot-scope="scope">
+            <span>{{ scope.row.seckill_status | seckillStatusFilter }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="秒杀活动日期" min-width="180">
+          <template slot-scope="scope">
+            <div>
+              开始日期：{{
+                scope.row.seckillActive && scope.row.seckillActive.start_day
+                  ? scope.row.seckillActive.start_day.slice(0, 10)
+                  : ""
+              }}
+            </div>
+            <div>
+              结束日期：{{
+                scope.row.seckillActive && scope.row.seckillActive.end_day
+                  ? scope.row.seckillActive.end_day.slice(0, 10)
+                  : ""
+              }}
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column label="秒杀活动时间" min-width="130">
+          <template slot-scope="scope">
+            <div>
+              开始时间：{{
+                scope.row.seckillActive
+                  ? scope.row.seckillActive.start_time + ":00"
+                  : ""
+              }}
+            </div>
+            <div>
+              结束时间：{{
+                scope.row.seckillActive
+                  ? scope.row.seckillActive.end_time + ":00"
+                  : ""
+              }}
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column
+          v-if="Number(tableFrom.type) < 7"
+          key="8"
+          label="操作"
+          min-width="180"
+          fixed="right"
+        >
+          <template slot-scope="scope">
+            <el-button
+              v-if="Number(tableFrom.type) < 7"
+              type="text"
+              size="small"
+              @click="onEdit(scope.row.product_id)"
+              >编辑</el-button
+            >
+            <el-button
+              type="text"
+              size="small"
+              @click="handlePreview(scope.row.product_id)"
+              >预览</el-button
+            >
+            <el-button type="text" size="small" @click="onEditLabel(scope.row)"
+              >编辑标签</el-button
+            >
+            <el-button
+              v-if="tableFrom.type === '6'"
+              type="text"
+              size="small"
+              @click="toExamine(scope.row.product_id)"
+              >审核</el-button
+            >
+            <el-button
+              v-if="Number(tableFrom.type) < 3"
+              type="text"
+              size="small"
+              @click="toOff([scope.row.product_id])"
+              >强制下架</el-button
+            >
+            <el-button
+              type="text"
+              size="small"
+              @click="goDetail(scope.row.product_id)"
+              >详情</el-button
+            >
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="block">
+        <el-pagination
+          background
+          :page-size="tableFrom.limit"
+          :current-page="tableFrom.page"
+          layout="total, prev, pager, next, jumper"
+          :total="tableData.total"
+          @size-change="handleSizeChange"
+          @current-change="pageChange"
+        />
+      </div>
+    </el-card>
+    <info-from
+      ref="infoFrom"
+      :is-show="isShow"
+      :ids="OffId"
+      @subSuccess="subSuccess"
+    />
+    <el-dialog
+      title="商品编辑"
+      :visible.sync="dialogVisible"
+      width="900px"
+      :before-close="handleClose"
+    >
+      <el-form
+        ref="formValidate"
+        v-loading="fullscreenLoading"
+        class="formValidate"
+        size="small"
+        :rules="ruleValidate"
+        :model="formValidate"
+        label-width="110px"
+        @submit.native.prevent
+      >
+        <el-form-item label="商品名称：" prop="store_name">
+          <el-input
+            v-model="formValidate.store_name"
+            placeholder="请输入商品名称"
+          />
+        </el-form-item>
+        <el-form-item label="活动列表推荐：">
+          <el-rate
+            class="rate_star"
+            v-model="formValidate.star"
+            :colors="colors"
+            style="margin-top: 4px"
+          >
+          </el-rate>
+          <span style="margin-top: 4px; font-size: 12px"
+            >备注：5星为最高推荐级别，1星为最低推荐级别，设置后会在商城商品列表、搜索商品列表中体现。</span
+          >
+        </el-form-item>
+        <el-form-item label="排序：">
+          <el-input-number v-model="formValidate.rank" label="排序" />
+        </el-form-item>
+        <el-col :span="24">
+          <el-form-item label="商品详情：">
+            <ueditor-from
+              v-model="formValidate.content"
+              :content="formValidate.content"
+            />
+          </el-form-item>
+        </el-col>
+        <el-form-item style="margin-top: 30px">
+          <el-button
+            type="primary"
+            class="submission"
+            size="small"
+            @click="handleSubmit('formValidate')"
+            >提交</el-button
+          >
+        </el-form-item>
+      </el-form>
+    </el-dialog>
+    <el-dialog
+      title="秒杀商品详情"
+      center
+      :visible.sync="detailDialog"
+      width="700px"
+      v-if="detailDialog"
+    >
+      <div v-loading="loading" style="margin-top: 5px">
+        <div class="box-container">
+          <div class="title">基本信息</div>
+          <div class="acea-row">
+            <div class="list sp">
+              <label class="name">商户名称：</label
+              >{{
+                detailFormValidate.merchant &&
+                detailFormValidate.merchant.mer_name
+              }}
+            </div>
+            <div class="list sp">
+              <label class="name">商户类别：</label
+              >{{
+                (detailFormValidate.merchant &&
+                  detailFormValidate.merchant.is_trader) === 1
+                  ? "自营"
+                  : "非自营"
+              }}
+            </div>
+            <div class="list sp">
+              <label class="name">商品ID：</label
+              >{{ detailFormValidate.product_id }}
+            </div>
+            <div class="list sp100">
+              <label class="name">商品名称：</label
+              >{{ detailFormValidate.store_name }}
+            </div>
+            <div class="list sp100 image">
+              <label class="name">商品图：</label>
+              <img
+                style="max-width: 150px; height: 80px"
+                :src="detailFormValidate.image"
+              />
+            </div>
+            <div class="list sp100">
+              <label class="name">商品信息：</label>
+              <!-- 单规格表格-->
+              <div v-if="detailFormValidate.spec_type === 0">
+                <el-table
+                  :data="OneattrValue"
+                  border
+                  class="tabNumWidth"
+                  size="small"
+                >
+                  <el-table-column
+                    align="center"
+                    label="秒杀价格"
+                    min-width="80"
+                  >
+                    <template slot-scope="scope">
+                      <span>{{ scope.row["price"] }}</span>
+                    </template>
+                  </el-table-column>
+                  <el-table-column
+                    align="center"
+                    label="已售商品数量"
+                    min-width="80"
+                  >
+                    <template slot-scope="scope">
+                      <span>{{ scope.row["sales"] }}</span>
+                    </template>
+                  </el-table-column>
+                </el-table>
+              </div>
+              <!-- 多规格表格-->
+              <div
+                v-if="detailFormValidate.spec_type === 1"
+                class="labeltop"
+                label="规格列表："
+              >
+                <el-table
+                  :data="ManyAttrValue"
+                  height="250"
+                  tooltip-effect="dark"
+                  size="small"
+                  :row-key="
+                    (row) => {
+                      return row.id;
+                    }
+                  "
+                >
+                  <template v-if="manyTabDate">
+                    <el-table-column
+                      v-for="(item, iii) in manyTabDate"
+                      :key="iii"
+                      align="center"
+                      :label="manyTabTit[iii].title"
+                      min-width="80"
+                    >
+                      <template slot-scope="scope">
+                        <span class="priceBox" v-text="scope.row[iii]" />
+                      </template>
+                    </el-table-column>
+                  </template>
+                  <el-table-column
+                    align="center"
+                    label="秒杀价格"
+                    min-width="80"
+                  >
+                    <template slot-scope="scope">
+                      <span>{{ scope.row["price"] }}</span>
+                    </template>
+                  </el-table-column>
+                  <el-table-column
+                    align="center"
+                    label="已售商品数量"
+                    min-width="80"
+                  >
+                    <template slot-scope="scope">
+                      <span>{{ scope.row["sales"] }}</span>
+                    </template>
+                  </el-table-column>
+                </el-table>
+              </div>
+            </div>
+          </div>
+          <div class="title" style="margin-top: 20px">秒杀商品活动信息</div>
+          <div class="acea-row">
+            <div
+              v-if="
+                detailFormValidate.sys_labels_data &&
+                detailFormValidate.sys_labels_data.length
+              "
+              class="list sp100"
+            >
+              <label class="name">平台标签：</label>
+              <template>
+                <span
+                  v-for="(item, index) in detailFormValidate.sys_labels_data"
+                  :key="index"
+                  class="value-item"
+                >
+                  {{ item }}
+                </span>
+              </template>
+            </div>
+            <div class="list sp100">
+              <label class="name">秒杀简介：</label
+              >{{ detailFormValidate.store_info }}
+            </div>
+            <div class="list sp100">
+              <label class="name">秒杀活动日期：</label
+              >{{
+                detailFormValidate.start_day + "-" + detailFormValidate.end_day
+              }}
+            </div>
+            <div class="list sp100">
+              <label class="name">秒杀活动时间：</label
+              >{{
+                detailFormValidate.start_time +
+                "-" +
+                detailFormValidate.end_time
+              }}
+            </div>
+            <div class="list sp100">
+              <label class="name">活动日期内最多购买次数：</label
+              >{{ detailFormValidate.all_pay_count }}
+            </div>
+            <div class="list sp100">
+              <label class="name">秒杀时间段内最多购买次数：</label
+              >{{ detailFormValidate.once_pay_count }}
+            </div>
+            <div class="list sp">
+              <label class="name">审核状态：</label
+              >{{
+                detailFormValidate.status === 1
+                  ? "审核通过"
+                  : detailFormValidate.status === 0
+                  ? "未审核"
+                  : "审核未通过"
+              }}
+            </div>
+            <div class="list sp">
+              <label class="name">商品状态：</label
+              >{{
+                detailFormValidate.us_status === 1
+                  ? "上架显示"
+                  : detailFormValidate.us_status === -1
+                  ? "平台关闭"
+                  : "下架"
+              }}
+            </div>
+            <div class="list sp">
+              <label class="name">秒杀活动状态：</label
+              >{{
+                detailFormValidate.seckill_status === 0
+                  ? "未开始"
+                  : detailFormValidate.seckill_status === 1
+                  ? "正在进行"
+                  : "已结束"
+              }}
+            </div>
+            <div class="list sp">
+              <label class="name">创建时间：</label
+              >{{ detailFormValidate.create_time }}
+            </div>
+          </div>
+        </div>
+      </div>
+    </el-dialog>
+    <!--预览商品-->
+    <div v-if="previewVisible">
+      <div class="bg" @click.stop="previewVisible = false" />
+      <preview-box
+        v-if="previewVisible"
+        ref="previewBox"
+        :goods-id="goodsId"
+        :product-type="1"
+        :preview-key="previewKey"
+      />
+    </div>
+    <!--编辑标签-->
+    <el-dialog
+      v-if="dialogLabel"
+      title="选择标签"
+      :visible.sync="dialogLabel"
+      width="470px"
+      :before-close="handleClose"
+    >
+      <el-form
+        ref="labelForm"
+        :model="labelForm"
+        size="small"
+        @submit.native.prevent
+      >
+        <el-form-item>
+          <el-select
+            v-model="labelForm.sys_labels"
+            clearable
+            filterable
+            multiple
+            placeholder="请选择"
+            class="width100"
+          >
+            <el-option
+              v-for="item in labelList"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id.toString()"
+            />
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button size="small" @click="dialogLabel = false">取消</el-button>
+        <el-button type="primary" size="small" @click="submitForm('labelForm')"
+          >提交</el-button
+        >
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import {
+  seckillChangeApi,
+  seckillProductLstApi,
+  seckillProductDetailApi,
+  categoryListApi,
+  seckillProductUpdateApi,
+  seckillLstFilterApi,
+  seckillMerSelectApi,
+  seckillProductOffApi,
+  getProductLabelApi,
+  updatetSeckillLabel,
+} from "@/api/product";
+import { seckillDetailApi } from "@/api/marketing";
+import { roterPre } from "@/settings";
+import infoFrom from "./info";
+import previewBox from "@/components/previewBox/index";
+import ueditorFrom from "@/components/ueditorFrom";
+import timeOptions from "@/utils/timeOptions";
+const defaultObj = {
+  product_id: "",
+  image: "",
+  slider_image: [],
+  store_name: "",
+  store_info: "",
+  start_day: "",
+  end_day: "",
+  start_time: "",
+  end_time: "",
+  start_day: "",
+  end_day: "",
+  is_open_recommend: 1,
+  is_open_state: 1,
+  is_show: 1,
+  seckill_status: "",
+  keyword: "",
+  brand_id: "", // 品牌id
+  cate_id: "", // 平台分类id
+  mer_cate_id: [], // 商户分类id
+  unit_name: "",
+  integral: 0,
+  sort: 0,
+  is_good: 0,
+  temp_id: "",
+  seckill_date: "",
+  finalPayment_date: "",
+  delivery_type: 1,
+  delivery_day: 10,
+  create_time: "",
+  attrValue: [
+    {
+      image: "",
+      price: null,
+      price: null,
+      cost: null,
+      ot_price: null,
+      old_stock: null,
+      stock: null,
+      bar_code: "",
+      weight: null,
+      volume: null,
+    },
+  ],
+  attr: [],
+  extension_type: 0,
+  content: "",
+  spec_type: 0,
+  is_gift_bag: 0,
+  tattend_two: {},
+  tattend_one: {},
+};
+
+export default {
+  name: "ProductExamine1",
+  components: { infoFrom, ueditorFrom, previewBox },
+  data() {
+    return {
+      ruleValidate: {},
+      pickerOptions: timeOptions,
+      dialogVisible: false,
+      detailDialog: false,
+      checkboxGroup: [],
+      formValidate: {
+        is_hot: 0,
+        is_best: 0,
+        is_new: 0,
+        is_benefit: 0,
+        ficti: 1,
+        content: "",
+        store_name: "",
+      },
+      timeVal: [],
+      detailFormValidate: Object.assign({}, defaultObj),
+      OneattrValue: [Object.assign({}, defaultObj.attrValue[0])], // 单规格
+      ManyAttrValue: [Object.assign({}, defaultObj.attrValue[0])], // 多规格
+      attrInfo: {},
+      colors: ["#99A9BF", "#F7BA2A", "#FF9900"],
+      seckillStatusList: [
+        { label: "正在进行", value: 2 },
+        { label: "活动已结束", value: 3 },
+        { label: "活动未开始", value: 1 },
+      ],
+      productStatusList: [
+        { label: "上架显示", value: 1 },
+        { label: "下架", value: 0 },
+        { label: "平台关闭", value: -1 },
+      ],
+      recommendedLevelStatus: [
+        { label: "全部", value: "" },
+        { label: "5星", value: 5 },
+        { label: "4星", value: 4 },
+        { label: "3星", value: 3 },
+        { label: "2星", value: 2 },
+        { label: "1星", value: 1 },
+      ],
+      fullscreenLoading: false,
+      isShow: false,
+      roterPre: roterPre,
+      listLoading: true,
+      labelLoading: true,
+      tableData: {
+        data: [],
+        total: 0,
+      },
+      tableFrom: {
+        page: 1,
+        limit: 20,
+        cate_id: "",
+        store_name: "",
+        type: "6",
+        mer_id: "",
+        seckill_status: "",
+        sys_labels: "",
+        keyword: "",
+        is_trader: "",
+        us_status: "",
+        star: "",
+        product_id: this.$route.query.id ? this.$route.query.id : "",
+      },
+      product_id: "",
+      categoryList: [],
+      merCateList: [],
+      multipleSelection: [],
+      headeNum: [],
+      merSelect: [],
+      OffId: [],
+      productId: 0,
+      previewVisible: false,
+      goodsId: "",
+      previewKey: "",
+      labelList: [],
+      dialogLabel: false,
+      labelForm: {},
+    };
+  },
+  mounted() {
+    this.getMerSelect();
+    this.getList("");
+    this.getLabelLst();
+    this.getCategorySelect();
+    this.getLstFilterApi();
+  },
+  methods: {
+    /**重置 */
+    searchReset() {
+      this.timeVal = [];
+      this.tableFrom.date = "";
+      this.$refs.searchForm.resetFields();
+      this.getList(1);
+    },
+    // 具体日期
+    onchangeTime(e) {
+      this.timeVal = e;
+      this.tableFrom.date = e ? this.timeVal.join("-") : "";
+      this.getList(1);
+    },
+    subSuccess() {
+      this.getList("");
+      this.getLstFilterApi();
+    },
+    onchangeIsShow(row) {
+      seckillChangeApi(row.product_id, row.is_used)
+        .then(({ message }) => {
+          this.$message.success(message);
+          this.getList("");
+        })
+        .catch(({ message }) => {
+          this.$message.error(message);
+        });
+    },
+    // 获取标签项
+    getLabelLst() {
+      getProductLabelApi()
+        .then((res) => {
+          this.labelList = res.data;
+        })
+        .catch((res) => {
+          this.$message.error(res.message);
+        });
+    },
+    getInfo(id) {
+      this.fullscreenLoading = true;
+      this.checkboxGroup = [];
+      seckillProductDetailApi(id)
+        .then((res) => {
+          const info = res.data;
+          this.formValidate = {
+            is_hot: info.is_hot,
+            is_best: info.is_best,
+            is_new: info.is_new,
+            is_benefit: info.is_benefit,
+            ficti: info.ficti,
+            content: info.content,
+            store_name: info.store_name,
+            rank: info.rank,
+            star: info.star ? info.star : 1,
+          };
+          if (info.is_hot === 1) this.checkboxGroup.push("is_hot");
+          if (info.is_benefit === 1) this.checkboxGroup.push("is_benefit");
+          if (info.is_best === 1) this.checkboxGroup.push("is_best");
+          if (info.is_new === 1) this.checkboxGroup.push("is_new");
+          this.fullscreenLoading = false;
+        })
+        .catch((res) => {
+          this.$message.error(res.message);
+          this.fullscreenLoading = false;
+        });
+    },
+    onEdit(id) {
+      this.productId = id;
+      this.getInfo(id);
+      this.dialogVisible = true;
+    },
+    // 编辑标签
+    onEditLabel(row) {
+      this.dialogLabel = true;
+      this.product_id = row.product_id;
+      this.labelForm = {
+        sys_labels: row.sys_labels,
+      };
+    },
+    submitForm(name) {
+      this.$refs[name].validate((valid) => {
+        if (valid) {
+          updatetSeckillLabel(this.product_id, this.labelForm).then(
+            ({ message }) => {
+              this.$message.success(message);
+              this.getList("");
+              this.dialogLabel = false;
+            }
+          );
+        } else {
+          return;
+        }
+      });
+    },
+    // 提交
+    handleSubmit(name) {
+      this.$refs[name].validate((valid) => {
+        if (valid) {
+          seckillProductUpdateApi(this.productId, this.formValidate)
+            .then(async (res) => {
+              this.fullscreenLoading = false;
+              this.$message.success(res.message);
+              this.dialogVisible = false;
+              this.getList("");
+            })
+            .catch((res) => {
+              this.fullscreenLoading = false;
+              this.$message.error(res.message);
+            });
+        } else {
+          return false;
+        }
+      });
+    },
+    onChangeGroup() {
+      this.checkboxGroup.includes("is_benefit")
+        ? (this.formValidate.is_benefit = 1)
+        : (this.formValidate.is_benefit =
+            0 && this.checkboxGroup.remove("is_benefit"));
+      this.checkboxGroup.includes("is_best")
+        ? (this.formValidate.is_best = 1)
+        : (this.formValidate.is_best =
+            0 && this.checkboxGroup.remove("is_best"));
+      this.checkboxGroup.includes("is_new")
+        ? (this.formValidate.is_new = 1)
+        : (this.formValidate.is_new = 0 && this.checkboxGroup.remove("is_new"));
+      this.checkboxGroup.includes("is_hot")
+        ? (this.formValidate.is_hot = 1)
+        : (this.formValidate.is_hot = 0 && this.checkboxGroup.remove("is_hot"));
+    },
+    handleClose() {
+      this.dialogVisible = false;
+      this.dialogLabel = false;
+    },
+    watCh(val) {
+      const tmp = {};
+      const tmpTab = {};
+      this.detailFormValidate.attr.forEach((o, i) => {
+        tmp["value" + i] = { title: o.value };
+        tmpTab["value" + i] = "";
+      });
+      this.ManyAttrValue.forEach((val, index) => {
+        const key = Object.values(val.detail).sort().join("/");
+        if (this.attrInfo[key]) this.ManyAttrValue[index] = this.attrInfo[key];
+      });
+      this.attrInfo = {};
+      this.ManyAttrValue.forEach((val) => {
+        this.attrInfo[Object.values(val.detail).sort().join("/")] = val;
+      });
+      this.manyTabTit = tmp;
+      this.manyTabDate = tmpTab;
+      // this.formThead = Object.assign({}, this.formThead, tmp);
+      // console.log(this.formThead)
+    },
+    // 预览
+    handlePreview(id) {
+      this.previewVisible = true;
+      this.goodsId = id;
+      this.previewKey = "";
+    },
+    // 查看详情
+    goDetail(id) {
+      this.detailDialog = true;
+      this.loading = true;
+      this.detailFormValidate = {};
+      seckillDetailApi(id)
+        .then(async (res) => {
+          this.loading = false;
+          let info = res.data;
+          this.detailFormValidate = {
+            product_id: info.product_id,
+            image: info.image,
+            slider_image: info.slider_image,
+            store_name: info.store_name,
+            store_info: info.store_info,
+            start_time:
+              info.seckillActive && info.seckillActive.start_time
+                ? info.seckillActive.start_time + ":00:00"
+                : "",
+            end_time:
+              info.seckillActive && info.seckillActive.end_time
+                ? info.seckillActive.end_time + ":00:00"
+                : "",
+            start_day:
+              info.seckillActive && info.seckillActive.start_day
+                ? info.seckillActive.start_day.slice(0, 10)
+                : "",
+            end_day:
+              info.seckillActive && info.seckillActive.end_day
+                ? info.seckillActive.end_day.slice(0, 10)
+                : "",
+            sys_labels_data: info.sys_labels_data,
+            brand_id: info.brand_id, // 品牌id
+            cate_id: info.cate_id ? info.cate_id : "", // 平台分类id
+            mer_cate_id: info.mer_cate_id, // 商户分类id
+            unit_name: info.unit_name,
+            sort: info.sort,
+            is_good: info.is_good,
+            temp_id: info.temp_id,
+            is_show: info.is_show,
+            attr: info.attr,
+            extension_type: info.extension_type,
+            content: info.content,
+            spec_type: info.spec_type,
+            is_gift_bag: info.is_gift_bag,
+            create_time: info.create_time,
+            product_status: info.product_status,
+            status: info.status,
+            all_pay_count: info.seckillActive
+              ? info.seckillActive.all_pay_count
+              : "",
+            once_pay_count: info.seckillActive
+              ? info.seckillActive.once_pay_count
+              : "",
+            stock: info.stock,
+            stock_count: info.stock_count,
+            seckill_status: info.seckill_status,
+            us_status: info.us_status,
+            merchant: info.merchant,
+          };
+          if (this.detailFormValidate.spec_type === 0) {
+            this.OneattrValue = info.attrValue;
+          } else {
+            this.ManyAttrValue = info.attrValue;
+            this.watCh(this.detailFormValidate.attr);
+          }
+          console.log(this.ManyAttrValue);
+          this.fullscreenLoading = false;
+          this.detailFormValidate.seckill_date = [
+            info.start_time,
+            info.end_time,
+          ];
+        })
+        .catch((res) => {
+          this.fullscreenLoading = false;
+          this.$message.error(res.message);
+        });
+    },
+    // 批量下架
+    batchOff() {
+      if (this.multipleSelection.length === 0) {
+        return this.$message.warning("请先选择商品");
+      }
+      this.toOff(this.OffId);
+    },
+    // 下架
+    toOff(id) {
+      this.$prompt("强制下架", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        inputErrorMessage: "请输入强制下架原因",
+        inputType: "textarea",
+        inputPlaceholder: "请输入强制下架原因",
+        inputValidator: (value) => {
+          if (!value) {
+            return "请输入强制下架原因";
+          }
+        },
+      })
+        .then(({ value }) => {
+          seckillProductOffApi({ id: id, status: -2, refusal: value })
+            .then((res) => {
+              this.$message({
+                type: "success",
+                message: "提交成功",
+              });
+              this.getLstFilterApi();
+              this.getList("");
+            })
+            .catch((res) => {
+              this.$message.error(res.message);
+            });
+        })
+        .catch(() => {
+          this.$message({
+            type: "info",
+            message: "取消输入",
+          });
+        });
+    },
+    // 列表表头；
+    getLstFilterApi() {
+      seckillLstFilterApi()
+        .then((res) => {
+          this.headeNum = res.data;
+        })
+        .catch((res) => {
+          this.$message.error(res.message);
+        });
+    },
+    // 商户列表；
+    getMerSelect() {
+      seckillMerSelectApi()
+        .then((res) => {
+          this.merSelect = res.data;
+        })
+        .catch((res) => {
+          this.$message.error(res.message);
+        });
+    },
+    batch() {
+      if (this.multipleSelection.length === 0) {
+        return this.$message.warning("请先选择商品");
+      }
+      this.$refs.infoFrom.dialogVisible = true;
+      this.isShow = false;
+    },
+    handleSelectionChange(val) {
+      this.multipleSelection = val;
+      const data = [];
+      this.multipleSelection.map((item) => {
+        data.push(item.product_id);
+      });
+      this.OffId = data;
+    },
+    toExamine(id) {
+      this.$refs.infoFrom.dialogVisible = true;
+      this.isShow = true;
+      this.$refs.infoFrom.getInfo(id);
+    },
+    // 商户分类；
+    getCategorySelect() {
+      categoryListApi()
+        .then((res) => {
+          this.merCateList = res.data;
+        })
+        .catch((res) => {
+          this.$message.error(res.message);
+        });
+    },
+    // 列表
+    getList(num) {
+      this.listLoading = true;
+      this.tableFrom.page = num ? num : this.tableFrom.page;
+      seckillProductLstApi(this.tableFrom)
+        .then((res) => {
+          this.tableData.data = res.data.list;
+          this.tableData.total = res.data.count;
+          this.listLoading = false;
+        })
+        .catch((res) => {
+          this.listLoading = false;
+          this.$message.error(res.message);
+        });
+    },
+    pageChange(page) {
+      this.tableFrom.page = page;
+      this.getList("");
+    },
+    handleSizeChange(val) {
+      this.tableFrom.limit = val;
+      this.getList(1);
+    },
+  },
+};
+</script>
+<style lang="scss">
+.contentPic img {
+  max-width: 100%;
+}
+</style>
+<style scoped lang="scss">
+.bg {
+  z-index: 100;
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.1);
+}
+.rate_star {
+  position: relative;
+  top: 5px;
+}
+.demo-table-expand {
+  font-size: 0;
+}
+.demo-table-expand ::v-deep label {
+  width: 77px;
+  color: #99a9bf;
+}
+.demo-table-expand .el-form-item {
+  margin-right: 0;
+  margin-bottom: 0;
+  width: 33.33%;
+}
+.box-container {
+  overflow: hidden;
+}
+.box-container .list {
+  margin-top: 15px;
+  font-size: 13px;
+}
+.box-container .sp {
+  width: 50%;
+}
+.box-container .sp3 {
+  width: 33.3333%;
+}
+.box-container .sp100 {
+  width: 100%;
+}
+.box-container .list .name {
+  display: inline-block;
+  color: #606266;
+}
+.box-container .list .blue {
+  color: var(--prev-color-primary);
+}
+.box-container .list.image {
+  display: flex;
+  align-items: center;
+}
+
+.labeltop {
+  max-height: 280px;
+  overflow-y: auto;
+}
+.title {
+  color: #17233d;
+  font-size: 14px;
+  font-weight: bold;
+  line-height: 15px;
+  padding-left: 5px;
+  border-left: 3px solid var(--prev-color-primary);
+}
+</style>
diff --git a/src/views/marketing/allDiscount/seckillGoods/info.vue b/src/views/marketing/allDiscount/seckillGoods/info.vue
new file mode 100644
index 0000000..b5baaeb
--- /dev/null
+++ b/src/views/marketing/allDiscount/seckillGoods/info.vue
@@ -0,0 +1,358 @@
+<template>
+  <el-dialog
+    v-if="dialogVisible"
+    title="商品审核"
+    :visible.sync="dialogVisible"
+    width="900px"
+    :before-close="handleClose"
+    class="projectInfo"
+  >
+    <el-tabs v-if="projectData && isShow" v-model="activeNames" v-loading="loading">
+      <el-tab-pane label="商品信息" name="first">
+        <div class="acea-row">
+          <span class="sp100">商品名称：{{ projectData.store_name }}</span>
+          <span class="sp">平台分类：{{ projectData.storeCategory?projectData.storeCategory.cate_name:'' }}</span>
+          <span class="sp">品牌：{{ projectData.brand?projectData.brand.brand_name:'' }}</span>
+          <span class="sp">商品关键字：{{ projectData.keyword }}</span>
+          <span class="sp">商品单位：{{ projectData.unit_name }}</span>
+          <span class="sp">运费模板：{{ projectData.temp?projectData.temp.name:'' }}</span>
+          <span class="sp100">运费说明：{{ projectData.temp?projectData.temp.info:'' }}</span>
+          <span class="sp100">
+            商品分类：
+            <template v-if="projectData.merCateId">
+              <span v-for="(item, index) in projectData.merCateId" :key="index" class="mr10">{{ item.category?item.category.cate_name:'' }}</span>
+            </template>
+            <span v-else>-</span>
+          </span>
+          <span class="sp100">商品简介：{{ projectData.store_info }}</span>
+          <span class="sp100">
+            商品封面图：
+            <div class="demo-image__preview">
+              <el-image
+                style="width: 60px; height: 60px"
+                :src="projectData.image"
+                :preview-src-list="[projectData.image]"
+              />
+            </div>
+          </span>
+          <span class="sp100">商品轮播图：
+            <div
+              v-for="(item,index) in projectData.slider_image"
+              :key="index"
+              class="pictrue"
+            >
+              <el-image
+                style="width: 60px; height: 60px"
+                :src="item"
+                :preview-src-list="[item]"
+              />
+            </div>
+          </span>
+        </div>
+      </el-tab-pane>
+      <el-tab-pane label="商品详情" name="second">
+        <span class="sp100">商品详情：</span>
+        <div class="contentPic" v-html="projectData.content" />
+      </el-tab-pane>
+      <el-tab-pane label="其他设置" name="third">
+        <span class="sp100">商品排序：{{ projectData.sort }}</span>
+        <span v-if="projectData.guarantee && projectData.guarantee.templateValue.length" class="third mb20">
+          <span>服务保障：</span>
+          <span v-for="(item,index) in projectData.guarantee.templateValue" :key="index">
+            <span v-if="item.value">{{index+1}}. {{item.value.guarantee_name}}；</span>
+          </span>
+        </span>
+      </el-tab-pane>
+      <el-tab-pane label="商品规格" name="fourth">
+        <span class="sp">商品规格：{{ projectData.spec_type === 0 ? '单规格' : '多规格' }}</span>
+        <!-- <span class="sp">佣金设置：{{ projectData.extension_type === 0 ? '默认设置' : '单独设置' }}</span> -->
+        <span class="sp100">
+          <span class="mb15" style="display: block">商品规格:</span>
+          <template v-if="projectData.spec_type === 0">
+            <el-table :data="OneattrValue" border class="tabNumWidth" size="mini">
+              <el-table-column align="center" label="图片" min-width="80">
+                <template slot-scope="scope">
+                  <div class="demo-image__preview">
+                    <el-image
+                      style="width: 60px; height: 60px"
+                      :src="scope.row.image"
+                    />
+                  </div>
+                </template>
+              </el-table-column>
+              <el-table-column v-for="(item,iii) in attrValue" :key="iii" :label="formThead[iii].title" align="center" min-width="90">
+                <template slot-scope="scope">
+                  <span class="priceBox" v-text="scope.row[iii]" />
+                </template>
+              </el-table-column>
+              <!-- <template v-if="projectData.extension_type === 1">
+                <el-table-column align="center" label="一级返佣(元)" min-width="90">
+                  <template slot-scope="scope">
+                    <span class="priceBox" v-text="scope.row.extension_one" />
+                    <el-input v-model="scope.row.extension_one" type="number" :min="0" class="priceBox" />
+                  </template>
+                </el-table-column>
+                <el-table-column align="center" label="二级返佣(元)" min-width="90">
+                  <template slot-scope="scope">
+                    <span class="priceBox" v-text="scope.row.extension_two" />
+                    <el-input v-model="scope.row.extension_two" type="number" :min="0" class="priceBox" />
+                  </template>
+                </el-table-column>
+              </template> -->
+            </el-table>
+          </template>
+          <template v-if="projectData.spec_type === 1">
+            <el-table :data="ManyAttrValue" border class="tabNumWidth" size="mini">
+              <el-table-column align="center" label="图片" min-width="80">
+                <template slot-scope="scope">
+                  <div class="upLoadPicBox">
+                    <div class="pictrue tabPic"><img :src="scope.row.image"></div>
+                  </div>
+                </template>
+              </el-table-column>
+              <el-table-column v-for="(item,iii) in attrValue" :key="iii" :label="formThead[iii].title" align="center" min-width="90">
+                <template slot-scope="scope">
+                  <span class="priceBox">{{ scope.row[iii] }}</span>
+                </template>
+              </el-table-column>
+              <!-- <template v-if="projectData.extension_type === 1">
+                <el-table-column align="center" label="一级返佣(元)" min-width="90">
+                  <template slot-scope="scope">
+                    <span class="priceBox">{{ scope.row.extension_one }}</span>
+                  </template>
+                </el-table-column>
+                <el-table-column align="center" label="二级返佣(元)" min-width="90">
+                  <template slot-scope="scope">
+                    <span class="priceBox">{{ scope.row.extension_two }}</span>
+                  </template>
+                </el-table-column>
+              </template> -->
+            </el-table>
+          </template>
+        </span>
+      </el-tab-pane>
+    </el-tabs>
+    <el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="80px" class="demo-ruleForm">
+      <el-form-item label="审核状态" prop="status">
+        <el-radio-group v-model="ruleForm.status">
+          <el-radio :label="1">通过</el-radio>
+          <el-radio :label="-1">拒绝</el-radio>
+        </el-radio-group>
+      </el-form-item>
+      <el-form-item v-if="ruleForm.status===-1" label="原因" prop="refusal">
+        <el-input v-model="ruleForm.refusal" type="textarea" placeholder="请输入原因" />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="onSubmit">提交</el-button>
+      </el-form-item>
+    </el-form>
+  </el-dialog>
+</template>
+
+<script>
+
+import { seckillProductDetailApi, seckillProductStatusApi } from '@/api/product'
+const defaultObj = {
+  image: '',
+  slider_image: [],
+  store_name: '',
+  store_info: '',
+  keyword: '',
+  brand_id: '', // 品牌id
+  cate_id: '', // 平台分类id
+  mer_cate_id: [], // 商户分类id
+  unit_name: '',
+  sort: 0,
+  is_show: 0,
+  is_benefit: 0,
+  is_new: 0,
+  is_good: 0,
+  temp_id: '',
+  attrValue: [{
+    image: '',
+    price: null,
+    cost: null,
+    ot_price: null,
+    stock: null,
+    bar_code: '',
+    weight: null,
+    volume: null
+  }],
+  attr: [],
+  selectRule: '',
+  extension_type: 0,
+  content: '',
+  spec_type: 0
+}
+const objTitle = {
+  price: {
+    title: '售价'
+  },
+  cost: {
+    title: '成本价'
+  },
+  ot_price: {
+    title: '市场价'
+  },
+  stock: {
+    title: '库存'
+  },
+  bar_code: {
+    title: '商品编号'
+  },
+  weight: {
+    title: '重量（KG）'
+  },
+  volume: {
+    title: '体积(m³)'
+  }
+}
+const proOptions = [{ name: '热门榜单', value: 'is_hot' }, { name: '特惠专区', value: 'is_benefit' }, { name: '精品推荐', value: 'is_best' }, { name: '首发新品', value: 'is_new' }]
+export default {
+  name: 'Info',
+  props: {
+    isShow: {
+      type: Boolean,
+      default: true
+    },
+    ids: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      rules: {
+        status: [
+          { required: true, message: '请选择审核状态', trigger: 'change' }
+        ],
+        refusal: [
+          { required: true, message: '请填写拒绝原因', trigger: 'blur' }
+        ]
+      },
+      proId: 0,
+      ruleForm: {
+        refusal: '',
+        status: 1,
+        id: ''
+      },
+      formThead: Object.assign({}, objTitle),
+      manyTabDate: {},
+      manyTabTit: {},
+      loading: false,
+      dialogVisible: false,
+      activeNames: 'first',
+      projectData: {},
+      recommend: proOptions,
+      OneattrValue: [Object.assign({}, defaultObj.attrValue[0])], // 单规格
+      ManyAttrValue: [Object.assign({}, defaultObj.attrValue[0])] // 多规格
+    }
+  },
+  computed: {
+    attrValue() {
+      const obj = Object.assign({}, defaultObj.attrValue[0])
+      delete obj.image
+      return obj
+    },
+    oneFormBatch() {
+      const obj = [Object.assign({}, defaultObj.attrValue[0])]
+      delete obj[0].bar_code
+      return obj
+    }
+  },
+  methods: {
+    onSubmit() {
+      this.isShow ? this.ruleForm.id = this.proId : this.ruleForm.id = this.ids
+      seckillProductStatusApi(this.ruleForm).then(res => {
+        this.$message.success(res.message)
+        this.dialogVisible = false
+        this.activeNames = 'first'
+        this.$emit('subSuccess')
+      }).catch(res => {
+        this.listLoading = false
+        this.$message.error(res.message)
+      })
+    },
+    handleClose() {
+      this.dialogVisible = false
+      this.activeNames = 'first'
+    },
+    getInfo(id) {
+      this.proId = id
+      this.loading = true
+      seckillProductDetailApi(id).then(res => {
+        this.projectData = res.data
+        if (this.projectData.spec_type === 0) {
+          this.OneattrValue = res.data.attrValue
+        } else {
+          this.ManyAttrValue = res.data.attrValue
+        }
+        const tmp = {}
+        const tmpTab = {}
+        this.projectData.attr.forEach((o, i) => {
+          tmp['value' + i] = { title: o.value }
+          tmpTab['value' + i] = ''
+        })
+        this.manyTabDate = tmpTab
+        this.formThead = Object.assign({}, this.formThead, tmp)
+
+        this.loading = false
+      }).catch(res => {
+        this.$message.error(res.message)
+        this.loading = false
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+  .projectInfo ::v-deep .el-tabs__content{
+    padding-left: 10px !important;  
+  }
+  .projectInfo ::v-deep .el-dialog__body{
+    padding-top: 0 !important;
+  }
+  .tabPic{
+    width: 40px !important;
+    height: 40px !important;
+    img{
+      width: 100%;
+      height: 100%;
+    }
+  }
+  .sp {
+    display: block;
+    width: 33%;
+    margin-bottom: 20px;
+  }
+
+  .sp100 {
+    width: 100%;
+    margin-bottom: 15px;
+    display: inline-block;
+  }
+  .third{
+    width: 100%;
+    display: flex;
+  }
+  .pictrue {
+    width: 60px;
+    height: 60px;
+    border: 1px dotted rgba(0, 0, 0, 0.1);
+    margin-right: 10px;
+    position: relative;
+    cursor: pointer;
+    display: inline-block;
+    img {
+      width: 100%;
+      height: 100%;
+    }
+  }
+  .demo-image__preview{
+    display: inline-block;
+  }
+  .contentPic{
+    text-align: center;
+  }
+</style>
diff --git a/src/views/marketing/seckill/seckillGoods/editAttr.vue b/src/views/marketing/seckill/seckillGoods/editAttr.vue
new file mode 100644
index 0000000..38d0d24
--- /dev/null
+++ b/src/views/marketing/seckill/seckillGoods/editAttr.vue
@@ -0,0 +1,1392 @@
+<template>
+  <div class="Box">
+    <el-dialog
+      v-if="modals"
+      :visible.sync="modals"
+      width="94%"
+      title="价格编辑"
+      custom-class="dialog-scustom"
+    >
+      <el-form
+        ref="formValidate"
+        class="formValidate mt20"
+        :model="formValidate"
+        :rules="ruleInline"
+        label-width="120px"
+        label-position="right"
+        @submit.native.prevent
+      >
+        <div>
+          <div>
+            <!-- <el-form-item label="商户商品分类：" >
+              <el-cascader
+                v-model="formValidate.mer_cate_id"
+                class="selWidth"
+                :options="merCateList"
+                :props="{multiple:true,checkStrictly:true,emitPath:false }"
+                clearable
+              />
+            </el-form-item> -->
+            <el-form-item
+              v-if="formValidate.spec_type === 1 && ManyAttrValue.length > 1"
+              label="批量设置："
+              class="labeltop"
+            >
+              <el-table :data="oneFormBatch" size="mini">
+                <el-table-column align="center" label="图片" min-width="80">
+                  <template slot-scope="scope">
+                    <div
+                      class="upLoadPicBox"
+                      title="750*750px"
+                      @click="modalPicTap('1', 'pi')"
+                    >
+                      <div v-if="scope.row.image" class="pictrue tabPic">
+                        <img :src="scope.row.image" />
+                      </div>
+                      <div v-else class="upLoad tabPic">
+                        <i class="el-icon-camera cameraIconfont" />
+                      </div>
+                    </div>
+                  </template>
+                </el-table-column>
+                <el-table-column label="售价" min-width="78" align="center">
+                  <template slot-scope="scope">
+                    <el-input
+                      @input="handleOnform('price')"
+                      v-model="oneFormBatch[0].price"
+                      class="priceBox"
+                      controls-position="right"
+                    />
+                  </template>
+                </el-table-column>
+                <el-table-column label="成本价" min-width="78" align="center">
+                  <template slot-scope="scope">
+                    <el-input
+                      @input="handleOnform('cost')"
+                      v-model="oneFormBatch[0].cost"
+                      class="priceBox"
+                      controls-position="right"
+                    />
+                  </template>
+                </el-table-column>
+                <el-table-column label="市场价" min-width="78" align="center">
+                  <template slot-scope="scope">
+                    <el-input
+                      @input="handleOnform('ot_price')"
+                      v-model="oneFormBatch[0].ot_price"
+                      class="priceBox"
+                      controls-position="right"
+                    />
+                  </template>
+                </el-table-column>
+                <!-- <el-table-column label="占比" min-width="78" align="center">
+                  <template slot-scope="scope">
+                    <el-input
+                      @input="handleOnform('proportion')"
+                      v-model="oneFormBatch[0].proportion"
+                      :min="0"
+                      class="priceBox"
+                      controls-position="right"
+                    />
+                  </template>
+                </el-table-column> -->
+                <el-table-column label="折扣" min-width="78" align="center">
+                  <template slot-scope="scope">
+                    <el-input
+                      @input="batchInput"
+                      v-model="oneFormBatch[0].coupon"
+                      class="priceBox"
+                      controls-position="right"
+                    />
+                  </template>
+                </el-table-column>
+                <el-table-column label="库存" min-width="78" align="center">
+                  <template slot-scope="scope">
+                    <el-input-number
+                      v-model="oneFormBatch[0].stock"
+                      :min="0"
+                      class="priceBox"
+                      controls-position="right"
+                    />
+                  </template>
+                </el-table-column>
+                <!-- <el-table-column label="成长值" min-width="78" align="center">
+                  <template slot-scope="scope">
+                    <el-input-number v-model="oneFormBatch[0].growth" :min="0" class="priceBox" controls-position="right"/>
+                  </template>
+                </el-table-column> -->
+                <el-table-column
+                  label="指定成长值"
+                  min-width="78"
+                  align="center"
+                >
+                  <template slot-scope="scope">
+                    <el-input-number
+                      v-model="oneFormBatch[0].all_as_price"
+                      :min="0"
+                      class="priceBox"
+                      controls-position="right"
+                    />
+                  </template>
+                </el-table-column>
+                <el-table-column label="商品编号" min-width="78" align="center">
+                  <template slot-scope="scope">
+                    <el-input v-model="oneFormBatch[0].bar_code" />
+                  </template>
+                </el-table-column>
+                <el-table-column label="重量(KG)" min-width="80" align="center">
+                  <template slot-scope="scope">
+                    <el-input-number
+                      v-model="oneFormBatch[0].weight"
+                      :min="0"
+                      class="priceBox"
+                      controls-position="right"
+                    />
+                  </template>
+                </el-table-column>
+                <el-table-column label="体积(m²)" min-width="80" align="center">
+                  <template slot-scope="scope">
+                    <el-input-number
+                      v-model="oneFormBatch[0].volume"
+                      :min="0"
+                      class="priceBox"
+                      controls-position="right"
+                    />
+                  </template>
+                </el-table-column>
+                <el-table-column label="操作" min-width="150">
+                  <template slot-scope="scope">
+                    <a
+                      href="javascript: void(0);"
+                      class="ela-btn"
+                      @click="batchAdd"
+                      >添加</a
+                    >
+                    <a
+                      href="javascript: void(0);"
+                      class="ela-btn"
+                      @click="batchDel"
+                      >清空</a
+                    >
+                  </template>
+                </el-table-column>
+              </el-table>
+            </el-form-item>
+            <el-form-item
+              v-if="formValidate.spec_type === 0"
+              class="labeltop"
+              label="规格列表："
+            >
+              <el-table
+                :data="OneattrValue"
+                border
+                class="tabNumWidth"
+                size="mini"
+              >
+                <el-table-column align="center" label="图片" min-width="80">
+                  <template slot-scope="scope">
+                    <div
+                      class="upLoadPicBox"
+                      title="750*750px"
+                      @click="modalPicTap('1', 'dan', 'pi')"
+                    >
+                      <div v-if="scope.row.image" class="pictrue tabPic">
+                        <img :src="scope.row.image" />
+                      </div>
+                      <div v-else class="upLoad tabPic">
+                        <i class="el-icon-camera cameraIconfont" />
+                      </div>
+                    </div>
+                  </template>
+                </el-table-column>
+                <el-table-column
+                  v-for="(item, iii) in attrValue"
+                  :key="iii"
+                  :label="formThead[iii].title"
+                  align="center"
+                  min-width="80"
+                >
+                  <template slot-scope="scope">
+                    <!-- <el-select @change="proportionChange(scope.row,iii,$event)" v-if="formThead[iii].title === '占比'" v-model="scope.row[iii]" placeholder="请选择">
+                        <el-option
+                          v-for="item in proportionList"
+                          :key="item.value"
+                          :label="item.label"
+                          :value="item.value">
+                        </el-option>
+                      </el-select> -->
+                    <el-input
+                      @input="handleCost(scope.row, iii)"
+                      @blur="handleBlue(scope.row, iii)"
+                      v-model="scope.row[iii]"
+                      :disabled="isDisable(iii)"
+                      type="text"
+                      class="priceBox"
+                    />
+                    <!-- <el-input v-else  @input="handleCost(scope.row,iii)" :disabled="formThead[iii].title === '占比'" v-model="scope.row[iii]" class="priceBox" controls-position="right"/> -->
+                  </template>
+                </el-table-column>
+                <el-table-column
+                  v-if="is_shengTian_mer"
+                  align="center"
+                  label="凭据图片"
+                  min-width="80"
+                >
+                  <template slot-scope="scope">
+                    <div
+                      class="upLoadPicBox"
+                      title="750*750px"
+                      @click="modalPicTap('1', 'dan', 'pi')"
+                    >
+                      <div v-if="scope.row.basis_image" class="pictrue tabPic">
+                        <img :src="scope.row.basis_image" />
+                      </div>
+                      <div v-else class="upLoad tabPic">
+                        <i class="el-icon-camera cameraIconfont" />
+                      </div>
+                    </div>
+                  </template>
+                </el-table-column>
+                <el-table-column
+                  v-if="is_shengTian_mer"
+                  align="center"
+                  label="凭据链接"
+                  min-width="80"
+                >
+                  <template slot-scope="scope">
+                    <el-input v-model="scope.row.basis_url" type="text" />
+                  </template>
+                </el-table-column>
+                <!-- <template v-if="formValidate.extension_type === 1">
+                  <el-table-column
+                    align="center"
+                    label="一级返佣(元)"
+                    min-width="78"
+                  >
+                    <template slot-scope="scope">
+                      <el-input-number
+                        v-model="scope.row.extension_one"
+                        :min="0"
+                        class="priceBox"
+                        controls-position="right"
+                      />
+                    </template>
+                  </el-table-column>
+                  <el-table-column
+                    align="center"
+                    label="二级返佣(元)"
+                    min-width="78"
+                  >
+                    <template slot-scope="scope">
+                      <el-input-number
+                        v-model="scope.row.extension_two"
+                        :min="0"
+                        class="priceBox"
+                        controls-position="right"
+                      />
+                    </template>
+                  </el-table-column>
+                </template> -->
+              </el-table>
+            </el-form-item>
+            <el-form-item
+              v-if="formValidate.spec_type === 1"
+              class="labeltop"
+              label="规格列表："
+            >
+              <el-table
+                :data="ManyAttrValue"
+                border
+                class="tabNumWidth"
+                size="mini"
+              >
+                <template v-if="manyTabDate">
+                  <el-table-column
+                    v-for="(item, iii) in manyTabDate"
+                    :key="iii"
+                    align="center"
+                    :label="manyTabTit[iii].title"
+                    min-width="80"
+                  >
+                    <template slot-scope="scope">
+                      <el-input
+                        @input="handleCost(scope.row, iii)"
+                        @blur="handleBlue(scope.row, iii)"
+                        v-model="scope.row[iii]"
+                        :disabled="isDisable(iii)"
+                        type="text"
+                      />
+                    </template>
+                  </el-table-column>
+                </template>
+                <el-table-column align="center" label="图片" min-width="80">
+                  <template slot-scope="scope">
+                    <div
+                      class="upLoadPicBox"
+                      title="750*750px"
+                      @click="modalPicTap('1', 'duo', scope.$index)"
+                    >
+                      <div
+                        v-if="scope.row.image || scope.row.pic"
+                        class="pictrue tabPic"
+                      >
+                        <img :src="scope.row.image || scope.row.pic" />
+                      </div>
+                      <div v-else class="upLoad tabPic">
+                        <i class="el-icon-camera cameraIconfont" />
+                      </div>
+                    </div>
+                  </template>
+                </el-table-column>
+                <el-table-column
+                  v-for="(item, iii) in attrValue"
+                  :key="iii"
+                  :label="formThead[iii].title"
+                  align="center"
+                  min-width="80"
+                >
+                  <template slot-scope="scope">
+                    <el-input
+                      @input="handleCost(scope.row, iii)"
+                      @blur="handleBlue(scope.row, iii)"
+                      v-model="scope.row[iii]"
+                      type="text"
+                      :disabled="isDisable(iii)"
+                      class="priceBox"
+                    />
+                    <!-- <el-select @change="proportionChange(scope.row,iii,$event)" v-if="formThead[iii].title === '占比'" v-model="scope.row[iii]" placeholder="请选择">
+                        <el-option
+                          v-for="item in proportionList"
+                          :key="item.value"
+                          :label="item.label"
+                          :value="item.value">
+                        </el-option>
+                      </el-select> -->
+                    <!-- <el-input v-if="formThead[iii].title==='商品编号'" v-model="scope.row[iii]" type="text" class="priceBox" /> -->
+                    <!-- <el-input v-else  @input="handleCost(scope.row,iii)" :disabled="formThead[iii].title === '占比'" v-model="scope.row[iii]" class="priceBox" controls-position="right"/> -->
+                  </template>
+                </el-table-column>
+                <el-table-column
+                  v-if="is_shengTian_mer"
+                  align="center"
+                  label="凭据图片"
+                  min-width="80"
+                >
+                  <template slot-scope="scope">
+                    <div
+                      class="upLoadPicBox"
+                      title="750*750px"
+                      @click="modalPicTap('1', 'duo', scope.$index)"
+                    >
+                      <div v-if="scope.row.basis_image" class="pictrue tabPic">
+                        <img :src="scope.row.basis_image" />
+                      </div>
+                      <div v-else class="upLoad tabPic">
+                        <i class="el-icon-camera cameraIconfont" />
+                      </div>
+                    </div>
+                  </template>
+                </el-table-column>
+                <el-table-column
+                  v-if="is_shengTian_mer"
+                  align="center"
+                  label="凭据链接"
+                  min-width="80"
+                >
+                  <template slot-scope="scope">
+                    <el-input v-model="scope.row.basis_url" type="text" />
+                  </template>
+                </el-table-column>
+                <!-- <template v-if="formValidate.extension_type === 1">
+                  <el-table-column
+                    align="center"
+                    label="一级返佣(元)"
+                    min-width="100"
+                  >
+                    <template slot-scope="scope">
+                      <el-input-number
+                        v-model="scope.row.extension_one"
+                        :min="0"
+                        class="priceBox"
+                        controls-position="right"
+                      />
+                    </template>
+                  </el-table-column>
+                  <el-table-column
+                    align="center"
+                    label="二级返佣(元)"
+                    min-width="100"
+                  >
+                    <template slot-scope="scope">
+                      <el-input-number
+                        v-model="scope.row.extension_two"
+                        :min="0"
+                        class="priceBox"
+                        controls-position="right"
+                      />
+                    </template>
+                  </el-table-column>
+                </template> -->
+              </el-table>
+            </el-form-item>
+            <!-- <el-table
+              :data="attrList"
+              style="width: 100%">
+              <el-table-column
+                prop="title"
+                label="规格名称"
+                width="180">
+              </el-table-column>
+              <el-table-column
+                prop="detail"
+                label="规格值"
+                width="180">
+                <template slot-scope="scope">
+                  <el-input @input="handleModet(item)" v-for="item in scope.row.detail" v-model="item.value"></el-input>
+                </template>
+              </el-table-column>
+            </el-table> -->
+            <el-form-item>
+              <el-button
+                :loading="loading1"
+                type="primary"
+                class="submission"
+                @click="handleSubmit('formValidate')"
+                >提交</el-button
+              >
+            </el-form-item>
+          </div>
+        </div>
+      </el-form>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import {
+  // categorySelectApi,
+  productDetailApi,
+  freeTrialApi,
+} from "@/api/product";
+import { roterPre } from "@/settings";
+import { toFixedNoRounding } from "@/utils/util";
+const defaultObj = {
+  store_name: "",
+  cate_id: "",
+  temp_id: "",
+  type: 0,
+  guarantee_template_id: "",
+  keyword: "",
+  unit_name: "",
+  store_info: "",
+  image: "",
+  slider_image: [],
+  content: "",
+  ficti: 0,
+  once_count: 0,
+  give_integral: 0,
+  is_show: 0,
+  price: 0,
+  cost: 0,
+  ot_price: 0,
+  stock: 0,
+  attrs: [],
+  items: [],
+  delivery_way: [],
+  mer_labels: [],
+  delivery_free: 0,
+  spec_type: 0,
+  is_copoy: 1,
+  attrValue: [
+    {
+      image: "",
+      original_price: "", //参加活动前的成本
+      price: null,
+      original_cost: "", //参加活动前的价格
+      cost: 0,
+      give_discount: 0,
+      ot_price: 0,
+      // proportion: 0.6,
+      coupon: 0,
+      third_agreement_price: "",
+      stock: 0,
+      // growth:0,
+      as_price: 0,
+      all_as_price: 0,
+      bar_code: "",
+      third_product_item_id: "",
+      weight: 0,
+      volume: 0,
+    },
+  ],
+};
+const objTitle = {
+  // price: {
+  //   title: "售价",
+  // },
+  original_price: {
+    title: "原售价",
+  },
+  price: {
+    title: "售价",
+  },
+  original_cost: {
+    title: "原成本价",
+  },
+  cost: {
+    title: "成本价",
+  },
+  give_discount: {
+    title: "让利比例",
+  },
+  ot_price: {
+    title: "市场价",
+  },
+  proportion: {
+    title: "占比",
+  },
+  coupon: {
+    title: "折扣",
+  },
+  third_agreement_price: {
+    title: "协议价",
+  },
+  stock: {
+    title: "库存",
+  },
+  growth: {
+    title: "成长值",
+  },
+  as_price: {
+    title: "成长值",
+  },
+  all_as_price: {
+    title: "指定成长值",
+  },
+  bar_code: {
+    title: "商品编号",
+  },
+  third_product_item_id: {
+    title: "编号",
+  },
+  weight: {
+    title: "重量（KG）",
+  },
+  volume: {
+    title: "体积(m³)",
+  },
+};
+
+export default {
+  name: "editAttr",
+  components: {},
+  data() {
+    return {
+      proportionList: [
+        {
+          value: "0.80",
+          label: "0.80",
+          coupon: 0.1,
+          growth: 0.3,
+        },
+        {
+          value: "0.75",
+          label: "0.75",
+          coupon: 0.15,
+          growth: 0.35,
+        },
+        {
+          value: "0.70",
+          label: "0.70",
+          coupon: 0.2,
+          growth: 0.4,
+        },
+        {
+          value: "0.65",
+          label: "0.65",
+          coupon: 0.25,
+          growth: 0.45,
+        },
+        {
+          value: "0.60",
+          label: "0.60",
+          coupon: 0.3,
+          growth: 0.5,
+        },
+        {
+          value: "0.55",
+          label: "0.55",
+          coupon: 0.35,
+          growth: 0.55,
+        },
+        {
+          value: "0.50",
+          label: "0.50",
+          coupon: 0.4,
+          growth: 0.6,
+        },
+        {
+          value: "0.45",
+          label: "0.45",
+          coupon: 0.45,
+          growth: 0.65,
+        },
+        {
+          value: "0.40",
+          label: "0.40",
+          coupon: 0.5,
+          growth: 0.7,
+        },
+        {
+          value: "0.35",
+          label: "0.35",
+          coupon: 0.55,
+          growth: 0.75,
+        },
+        {
+          value: "0.30",
+          label: "0.30",
+          coupon: 0.6,
+          growth: 0.8,
+        },
+        {
+          value: "0.25",
+          label: "0.25",
+          coupon: 0.65,
+          growth: 0.85,
+        },
+        {
+          value: "0.20",
+          label: "0.20",
+          coupon: 0.7,
+          growth: 0.9,
+        },
+        // {
+        //   value: '0.15',
+        //   label: '0.15',
+        //   coupon:0.75,
+        //   growth:0.95
+        // },
+        // {
+        //   value: '0.1',
+        //   label: '0.10',
+        //   coupon:0.8,
+        //   growth:1
+        // },
+      ],
+      product_id: "",
+      is_shengTian_mer: false,
+      roterPre: roterPre,
+      modals: false,
+      loading: false,
+      loading1: false,
+      OneattrValue: [Object.assign({}, defaultObj.attrValue[0])], // 单规格
+      ManyAttrValue: [Object.assign({}, defaultObj.attrValue[0])], // 多规格
+      manyTabDate: {},
+      count: 0,
+      modal_loading: false,
+      images: "",
+      modalPic: false,
+      isChoice: "",
+      columns: [],
+      merCateList: [], // 商户
+      ruleInline: {
+        mer_cate_id: [
+          {
+            required: true,
+            message: "请选择商户分类",
+            trigger: "change",
+            type: "array",
+            min: "1",
+          },
+        ],
+      },
+      formThead: Object.assign({}, objTitle),
+      formValidate: Object.assign({}, defaultObj),
+      items: [
+        {
+          image: "",
+          price: 0,
+          cost: 0,
+          proportion: 0.6,
+          coupon: 0,
+          growth: 0,
+          as_price: 0,
+          all_as_price: 0,
+          ot_price: 0,
+          stock: 0,
+          bar_code: "",
+          weight: 0,
+          volume: 0,
+        },
+      ],
+      tableIndex: 0,
+      attrInfo: {},
+      detailStatus: true,
+      attrList: [],
+      attrInfos: {},
+      oneFormBatch: [
+        {
+          image: "",
+          price: 0,
+          proportion: 0.6,
+          coupon: 0,
+          growth: 0,
+          as_price: 0,
+          all_as_price: 0,
+          cost: 0,
+          ot_price: 0,
+          stock: 0,
+          bar_code: "",
+          weight: 0,
+          volume: 0,
+        },
+      ],
+    };
+  },
+  computed: {
+    attrValue() {
+      const obj = Object.assign({}, defaultObj.attrValue[0]);
+      delete obj.image;
+      return obj;
+    },
+  },
+  watch: {
+    "formValidate.attr": {
+      handler: function (val) {
+        if (this.formValidate.spec_type === 1 && this.detailStatus)
+          this.watCh(val);
+      },
+      immediate: false,
+      deep: true,
+    },
+  },
+  created() {
+    // this.getCategorySelect()
+  },
+  mounted() {},
+  methods: {
+    modalPicTap(tit, num, i) {
+      if (tit !== "1" && this.virStatus) return;
+      const _this = this;
+      const attr = [];
+      this.$modalUpload(function (img) {
+        if (tit === "1" && !num) {
+          _this.formValidate.image = img[0];
+          _this.OneattrValue[0].image = img[0];
+        }
+        if (tit === "2" && !num) {
+          img.map((item) => {
+            attr.push(item.attachment_src);
+            _this.formValidate.slider_image.push(item);
+            if (_this.formValidate.slider_image.length > 10) {
+              _this.formValidate.slider_image.length = 10;
+            }
+          });
+        }
+        if (tit === "1" && num === "dan") {
+          _this.OneattrValue[0].image = img[0];
+          _this.OneattrValue[0].basis_image = img[0];
+        }
+        if (tit === "1" && num === "duo") {
+          _this.ManyAttrValue[i].image = img[0];
+          _this.ManyAttrValue[i].basis_image = img[0];
+        }
+        if (tit === "1" && num === "pi") {
+          _this.oneFormBatch[0].image = img[0];
+          _this.oneFormBatch[0].basis_image = img[0];
+        }
+      }, tit);
+    },
+    handleModet(row) {
+      // 生成
+      let arr = this.attrFormat(
+        this.attrList.map((res) => {
+          return {
+            value: res.title,
+            detail: res.detail.map((res) => res.value),
+          };
+        })
+      );
+      // this.attrInfos = {}
+      // //存储
+      // this.ManyAttrValue.forEach((val) => {
+      //   if (val.detail !== 'undefined' && val.detail !== null) {
+      //     this.attrInfos[val.unique] = val
+      //   }
+      // })
+      // //赋值
+      // arr.forEach((val, index) => {
+      //   const key = val.unique
+      //   if (this.attrInfos[key]) arr[index] = this.attrInfos[key]
+      //   val.image = this.formValidate.image
+      // })
+      // console.log(arr)
+    },
+    isDisable(iii) {
+      let arr = ["协议价", "编号", "成长值"];
+      let forbidden = [
+        "成本价",
+        "市场价",
+        "占比",
+        "折扣",
+        "协议价",
+        "库存",
+        "商品编号",
+        "编号",
+      ];
+      return (
+        arr.includes(this.formThead[iii].title) ||
+        (this.is_shengTian_mer && forbidden.includes(this.formThead[iii].title))
+      );
+    },
+    handleMany(row, i, val) {
+      if (row[i]) {
+        this.detailStatus = false;
+        this.ManyAttrValue.map((res, key) => {
+          if (row.detail[val] == res.detail[val] && res.unique !== row.unique) {
+            //值
+            res[i] = row[i];
+            // detail的值
+            res.detail[val] = row[i];
+            //sku
+            let skuValue = "";
+            Object.keys(this.manyTabTit).map((res, i) => {
+              skuValue = skuValue
+                ? `${skuValue},${row[res]}`
+                : `${skuValue}${row[res]}`;
+            });
+            res["sku"] = skuValue;
+          }
+        });
+        row.detail[val] = row[i];
+        row.detail[val] = row[i];
+        let skuValue = "";
+        Object.keys(this.manyTabTit).map((res, i) => {
+          skuValue = skuValue
+            ? `${skuValue},${row[res]}`
+            : `${skuValue}${row[res]}`;
+        });
+        row["sku"] = skuValue;
+        //处理attr
+        let arrMode = [];
+        this.ManyAttrValue.forEach((res) => {
+          if (!arrMode.includes(res.detail[val])) {
+            arrMode.push(res.detail[val]);
+          }
+        });
+        this.formValidate.attr.find(
+          (res) => res.value == this.manyTabTit[i].title
+        ).detail = arrMode;
+      }
+    },
+    // 占比值变化处理
+    proportionChange(val, i, e) {
+      val.cost = toFixedNoRounding(val.price * e);
+      let obj = this.proportionList.find((item) => item.value == e);
+      val.coupon = Math.floor(val.price * obj.coupon);
+      val.growth = Math.floor(val.price * obj.growth);
+    },
+    BatchProportionChange() {
+      this.oneFormBatch[0].cost = toFixedNoRounding(
+        this.oneFormBatch[0].price * this.oneFormBatch[0].proportion
+      );
+      let obj = this.proportionList.find(
+        (item) => item.value == this.oneFormBatch[0].proportion
+      );
+      this.oneFormBatch[0].coupon = Math.floor(
+        this.oneFormBatch[0].price * obj.coupon
+      );
+      this.oneFormBatch[0].growth = Math.floor(
+        this.oneFormBatch[0].price * obj.growth
+      );
+    },
+    handleOnform(type) {
+      switch (type) {
+        case "ot_price":
+          this.oneFormBatch[0].ot_price = this.oneFormBatch[0].ot_price.replace(
+            /^([0-9-]\d*\.?\d{0,2})?.*$/,
+            "$1"
+          );
+          break;
+        case "cost":
+          this.oneFormBatch[0].proportion = toFixedNoRounding(
+            this.oneFormBatch[0].cost / this.oneFormBatch[0].price
+          );
+          this.oneFormBatch[0].cost = this.oneFormBatch[0].cost.replace(
+            /^([0-9-]\d*\.?\d{0,2})?.*$/,
+            "$1"
+          );
+          break;
+        case "price":
+          this.oneFormBatch[0].price = this.oneFormBatch[0].price.replace(
+            /^([0-9-]\d*\.?\d{0,2})?.*$/,
+            "$1"
+          );
+          this.oneFormBatch[0].cost = toFixedNoRounding(
+            this.oneFormBatch[0].price * this.oneFormBatch[0].proportion
+          );
+          break;
+        case "proportion":
+          this.oneFormBatch[0].proportion =
+            this.oneFormBatch[0].proportion.replace(
+              /^([0-9-]\d*\.?\d{0,2})?.*$/,
+              "$1"
+            );
+          this.oneFormBatch[0].cost = toFixedNoRounding(
+            this.oneFormBatch[0].price * this.oneFormBatch[0].proportion
+          );
+          break;
+      }
+      // this.oneFormBatch[0].growth = parseInt( this.oneFormBatch[0].price*(0.9-( this.oneFormBatch[0].cost/ this.oneFormBatch[0].price)))
+      // this.oneFormBatch[0].proportion = (this.oneFormBatch[0].cost/this.oneFormBatch[0].price).toFixed(2)
+      // let obj = this.proportionList.find(item=>item.value==this.oneFormBatch[0].proportion)
+      // this.oneFormBatch[0].coupon = Math.floor(this.oneFormBatch[0].price*obj.coupon)
+      // this.oneFormBatch[0].growth = Math.floor(this.oneFormBatch[0].price*obj.growth)
+      // this.oneFormBatch[0].growth = parseInt( this.oneFormBatch[0].price*(0.9-( this.oneFormBatch[0].cost/ this.oneFormBatch[0].price)))
+      // this.oneFormBatch[0].proportion = (this.oneFormBatch[0].cost/this.oneFormBatch[0].price).toFixed(2)
+    },
+    calculatePercentage(number) {
+      // 假设输入的是0.6，50%
+      // 首先计算百分比
+      var percentage = 100 - (number - 0.1) * 100;
+      // 确保百分比在0到100之间
+      percentage = Math.min(Math.max(percentage, 0), 100);
+      // 返回百分比
+      return percentage + "%";
+    },
+    handleBlue(val, i) {
+      if ("price" == i && this.is_shengTian_mer) {
+        // 后台占比 (协议价 + 最终售价 * 0.05) / 最终售价
+        let ratio =
+          (Number(val.third_agreement_price) + Number(val.price) * 0.05) /
+          Number(val.price);
+        console.log(ratio);
+        // 判断计算结果是否在指定范围内
+        if (ratio <= 0.2 || ratio > 0.8) {
+          this.$message.error("占比价格比例不在有效范围内(0.2-0.8)");
+          val.price = "";
+        } else {
+          // 如果在范围内，可以执行其他操作或什么都不做
+          val.proportion = toFixedNoRounding(ratio);
+        }
+        // 折扣 最终售价 * 0.9 - (协议价 + 最终售价 * 0.05)
+        let discount = toFixedNoRounding(
+          Number(val.price) * 0.9 -
+            (Number(val.third_agreement_price) + Number(val.price) * 0.05)
+        );
+        if (!parseInt(discount)) {
+          this.$message.error("折扣必须大于0");
+          val.price = "";
+        }
+        //折扣
+        val.coupon = parseInt(discount);
+        //成本
+        val.cost = toFixedNoRounding(
+          Number(val.third_agreement_price) + Number(val.price) * 0.05
+        );
+        // 市场价
+        val.ot_price = val.price;
+      }
+    },
+    handleCost(val, i) {
+      switch (i) {
+        case "cost":
+          val.cost = val.cost.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/, "$1");
+          val.proportion = toFixedNoRounding(val.cost / val.price);
+          // val.proportion = (val.cost/val.price).toFixed(2)
+          // val.growth = parseInt(val.price*(0.9-(val.cost/val.price)))
+          break;
+        case "ot_price":
+          val.ot_price = val.ot_price.replace(
+            /^([0-9-]\d*\.?\d{0,2})?.*$/,
+            "$1"
+          );
+          if (!val.price) {
+            this.$message.error("成本价低于0");
+          }
+          break;
+        case "price":
+          // if (this.is_shengTian_mer) {
+          //   // 后台占比 (协议价 + 最终售价 * 0.05) / 最终售价
+          //   let ratio =
+          //     ((Number(val.price) + Number(val.third_agreement_price)) * 0.05) /
+          //     Number(val.third_agreement_price);
+          //   console.log(ratio);
+          //   // 判断计算结果是否在指定范围内
+          //   if (ratio <= 0.2 || ratio > 0.8) {
+          //     this.$message.error("占比价格比例不在有效范围内(0.2-0.8)");
+          //     val.price = "";
+          //   } else {
+          //     // 如果在范围内，可以执行其他操作或什么都不做
+          //     val.proportion = toFixedNoRounding(ratio);
+          //   }
+          //   // 折扣 最终售价 * 0.9 - (协议价 + 最终售价 * 0.05)
+          //   let discount = toFixedNoRounding(
+          //     Number(val.price) * 0.9 -
+          //       (Number(val.third_agreement_price) + Number(val.price) * 0.05)
+          //   );
+          //   if (!parseInt(discount)) {
+          //     this.$message.error("折扣必须大于0");
+          //     val.price = "";
+          //   }
+          //   val.coupon = parseInt(discount);
+
+          //   return;
+          // }
+          if (this.is_shengTian_mer) return;
+          val.price = val.price.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/, "$1");
+          // let obj = this.proportionList.find(item=>item.value==val.proportion)
+          val.cost = toFixedNoRounding(val.price * val.proportion);
+          // val.coupon = Math.floor(val.price*obj.coupon)
+          // val.growth = Math.floor(val.price*obj.growth)
+          break;
+        case "growth":
+          val.growth = val.growth.replace(/[^\d]/g, "");
+          break;
+        case "all_as_price":
+          val.all_as_price = val.all_as_price.replace(/[^\d]/g, "");
+          break;
+        case "proportion":
+          val.proportion = val.proportion.replace(
+            /^([0-9-]\d*\.?\d{0,2})?.*$/,
+            "$1"
+          );
+          val.cost = toFixedNoRounding(val.price * val.proportion);
+          break;
+        case "bar_code":
+          val.bar_code = val.bar_code.replace(/[\W]/g, "");
+          break;
+        case "coupon":
+          val.coupon = val.coupon.replace(/[\W]/g, "");
+          break;
+      }
+    },
+    batchInput(e) {
+      this.oneFormBatch[0].coupon = e.replace(/[\W]/g, "");
+    },
+    batchDel() {
+      this.oneFormBatch = [
+        {
+          image: "",
+          price: 0,
+          proportion: 0.6,
+          coupon: 0,
+          growth: 0,
+          as_price: 0,
+          all_as_price: 0,
+          cost: 0,
+          ot_price: 0,
+          stock: 0,
+          bar_code: "",
+          weight: 0,
+          volume: 0,
+        },
+      ];
+    },
+    batchAdd() {
+      for (const val of this.ManyAttrValue) {
+        this.$set(val, "image", this.oneFormBatch[0].image);
+        this.$set(val, "price", this.oneFormBatch[0].price);
+        this.$set(val, "cost", this.oneFormBatch[0].cost);
+        this.$set(val, "ot_price", this.oneFormBatch[0].ot_price);
+        this.$set(val, "stock", this.oneFormBatch[0].stock);
+        this.$set(val, "bar_code", this.oneFormBatch[0].bar_code);
+        this.$set(val, "weight", this.oneFormBatch[0].weight);
+        this.$set(val, "volume", this.oneFormBatch[0].volume);
+        this.$set(val, "growth", this.oneFormBatch[0].growth);
+        // this.$set(val, "as_price", this.oneFormBatch[0].as_price);
+        this.$set(val, "all_as_price", this.oneFormBatch[0].all_as_price);
+        this.$set(val, "proportion", this.oneFormBatch[0].proportion);
+        this.$set(val, "coupon", this.oneFormBatch[0].coupon);
+        this.$set(val, "extension_one", this.oneFormBatch[0].extension_one);
+        this.$set(val, "extension_two", this.oneFormBatch[0].extension_two);
+      }
+    },
+    // 商户分类；
+    // getCategorySelect() {
+    //   categorySelectApi()
+    //     .then((res) => {
+    //       this.merCateList = res.data
+    //     })
+    //     .catch((res) => {
+    //       this.$message.error(res.message)
+    //     })
+    // },
+    watCh(val) {
+      const tmp = {};
+      const tmpTab = {};
+      const temAttr = [];
+      this.formValidate.attr.forEach((o, i) => {
+        tmp["value" + i] = { title: o.value };
+        tmpTab["value" + i] = "";
+        temAttr.push({
+          title: o.value,
+          detail: o.detail.map((v, g) => {
+            return { value: v };
+          }),
+        });
+      });
+      this.attrList = temAttr;
+      this.ManyAttrValue = this.attrFormat(val);
+      this.ManyAttrValue.forEach((val, index) => {
+        const key = Object.values(val.detail).sort().join("/");
+        if (this.attrInfo[key]) this.ManyAttrValue[index] = this.attrInfo[key];
+        val.image = this.formValidate.image;
+      });
+      this.attrInfo = {};
+      this.ManyAttrValue.forEach((val) => {
+        if (val.detail !== "undefined" && val.detail !== null) {
+          this.attrInfo[Object.values(val.detail).sort().join("/")] = val;
+        }
+      });
+      this.manyTabTit = tmp;
+      this.manyTabDate = tmpTab;
+      console.log(this.manyTabTit);
+      this.formThead = Object.assign({}, this.formThead, tmp);
+    },
+    attrFormat(arr) {
+      let data = [];
+      const res = [];
+      return format(arr);
+      function format(arr) {
+        if (arr.length > 1) {
+          arr.forEach((v, i) => {
+            if (i === 0) data = arr[i]["detail"];
+            const tmp = [];
+            data.forEach(function (vv) {
+              arr[i + 1] &&
+                arr[i + 1]["detail"] &&
+                arr[i + 1]["detail"].forEach((g) => {
+                  const rep2 =
+                    (i !== 0 ? "" : arr[i]["value"] + "_$_") +
+                    vv +
+                    "-$-" +
+                    arr[i + 1]["value"] +
+                    "_$_" +
+                    g;
+                  tmp.push(rep2);
+                  if (i === arr.length - 2) {
+                    const rep4 = {
+                      image: "",
+                      price: 0,
+                      cost: 0,
+                      ot_price: 0,
+                      proportion: 0.6,
+                      coupon: "",
+                      stock: 0,
+                      growth: 0,
+                      as_price: 0,
+                      all_as_price: 0,
+                      bar_code: "",
+                      weight: 0,
+                      volume: 0,
+                      brokerage: 0,
+                      brokerage_two: 0,
+                    };
+                    rep2.split("-$-").forEach((h, k) => {
+                      const rep3 = h.split("_$_");
+                      if (!rep4["detail"]) rep4["detail"] = {};
+                      rep4["detail"][rep3[0]] = rep3.length > 1 ? rep3[1] : "";
+                    });
+                    Object.values(rep4.detail).forEach((v, i) => {
+                      rep4["value" + i] = v;
+                    });
+                    res.push(rep4);
+                  }
+                });
+            });
+            data = tmp.length ? tmp : [];
+          });
+        } else {
+          const dataArr = [];
+          arr.forEach((v, k) => {
+            v["detail"].forEach((vv, kk) => {
+              dataArr[kk] = v["value"] + "_" + vv;
+              res[kk] = {
+                image: "",
+                price: 0,
+                cost: 0,
+                ot_price: 0,
+                proportion: 0.6,
+                coupon: "",
+                stock: 0,
+                growth: 0,
+                as_price: 0,
+                all_as_price: 0,
+                bar_code: "",
+                weight: 0,
+                volume: 0,
+                brokerage: 0,
+                brokerage_two: 0,
+                detail: { [v["value"]]: vv },
+              };
+              Object.values(res[kk].detail).forEach((v, i) => {
+                res[kk]["value" + i] = v;
+              });
+            });
+          });
+          data.push(dataArr.join("$&"));
+        }
+        return res;
+      }
+    },
+    // 获取规格数据
+    getAttrDetail(id) {
+      this.product_id = id;
+      this.loading = true;
+      this.modals = true;
+      productDetailApi(id)
+        .then((res) => {
+          const info = res.data;
+          // console.log(res.data);
+          this.is_shengTian_mer = info.is_shengTian_mer;
+          this.formValidate = {
+            attr: info.attr || [],
+            attrValue: info.attrValue,
+            mer_cate_id: info.mer_cate_id,
+            spec_type: info.spec_type,
+            slider_image: info.slider_image,
+            content: info.content,
+            store_info: info.store_info,
+          };
+          let oneFormBatch = [
+            {
+              image: "",
+              price: 0,
+              proportion: 0.6,
+              coupon: "",
+              growth: 0,
+              as_price: 0,
+              all_as_price: 0,
+              cost: 0,
+              ot_price: 0,
+              stock: 0,
+              bar_code: "",
+              weight: 0,
+              volume: 0,
+            },
+          ];
+          this.oneFormBatch = oneFormBatch;
+          if (this.formValidate.spec_type === 0) {
+            this.OneattrValue = info.attrValue;
+          } else {
+            this.ManyAttrValue = info.attrValue;
+            this.ManyAttrValue.forEach((val) => {
+              if (val.detail !== "undefined" && val.detail !== null) {
+                console.log(val);
+                this.attrInfo[Object.values(val.detail).sort().join("/")] = val;
+              }
+            });
+            this.$watch("formValidate.attr", this.watCh);
+          }
+          this.loading = false;
+        })
+        .catch((res) => {
+          this.$message.error(res.message);
+          this.loading = false;
+        });
+    },
+    // 提交
+    handleSubmit(name) {
+      let that = this;
+      that.$refs[name].validate((valid) => {
+        if (valid) {
+          if (this.formValidate.spec_type === 1) {
+            let mode = this.ManyAttrValue.every((item) => {
+              return !(+item.ot_price < item.price);
+            });
+            if (!mode) return this.$message.error("市场价格限定等于或大于售价");
+            // let url = this.ManyAttrValue.every(item=>{
+            //   return item.gist_url
+            // })
+            // if(!url) return this.$message.error("规格设置-多规格依据链接必选填写");
+            this.formValidate.attrValue = this.ManyAttrValue;
+          } else {
+            let attr = this.OneattrValue[0];
+            if (+attr.ot_price < attr.price)
+              return this.$message.error("市场价格限定等于或大于售价");
+            // if(!attr.gist_url) return this.$message.error("规格设置-依据链接必须填写");
+            this.formValidate.attrValue = this.OneattrValue;
+            this.formValidate.attr = [];
+          }
+          that.loading1 = true;
+          freeTrialApi(that.product_id, that.formValidate)
+            .then((res) => {
+              that.loading1 = false;
+              that.$message.success(res.message);
+              setTimeout(() => {
+                that.modals = false;
+              }, 500);
+            })
+            .catch((res) => {
+              that.$message.error(res.message);
+              that.loading1 = false;
+            });
+        } else {
+          if (!that.formValidate.mer_cate_id) {
+            that.$message.warning("请选择商户商品分类！");
+          }
+        }
+      });
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+::v-deep .el-cascader {
+  display: block;
+}
+.ela-btn {
+  color: var(--prev-color-primary);
+}
+.priceBox {
+  width: 72px;
+}
+.btndel {
+  position: absolute;
+  z-index: 1;
+  width: 20px !important;
+  height: 20px !important;
+  left: 46px;
+  top: -4px;
+}
+.pictrue {
+  width: 60px;
+  height: 60px;
+  border: 1px dotted rgba(0, 0, 0, 0.1);
+  margin-right: 10px;
+  position: relative;
+  cursor: pointer;
+  img {
+    width: 100%;
+    height: 100%;
+  }
+}
+::v-deep .el-input-number__decrease,
+::v-deep .el-input-number__increase {
+  display: none;
+}
+::v-deep .el-input-number.is-controls-right .el-input__inner {
+  padding: 0 5px;
+}
+::v-deep .el-input__inner {
+  padding: 0 5px;
+}
+.pictrueTab {
+  width: 40px !important;
+  height: 40px !important;
+}
+.upLoad {
+  width: 40px;
+  height: 40px;
+  border: 1px dotted rgba(0, 0, 0, 0.1);
+  border-radius: 4px;
+  background: rgba(0, 0, 0, 0.02);
+  cursor: pointer;
+}
+::v-deep .el-dialog__body {
+  max-height: 600px;
+}
+</style>
diff --git a/src/views/marketing/seckill/seckillGoods/index.vue b/src/views/marketing/seckill/seckillGoods/index.vue
index 52eff81..78e2ceb 100644
--- a/src/views/marketing/seckill/seckillGoods/index.vue
+++ b/src/views/marketing/seckill/seckillGoods/index.vue
@@ -1,7 +1,13 @@
 <template>
   <div class="divBox">
     <div class="selCard">
-      <el-form :model="tableFrom" ref="searchForm" inline size="small" label-width="85px" >
+      <el-form
+        :model="tableFrom"
+        ref="searchForm"
+        inline
+        size="small"
+        label-width="85px"
+      >
         <el-form-item label="秒杀状态：" prop="seckill_status">
           <el-select
             v-model="tableFrom.seckill_status"
@@ -35,9 +41,21 @@
           </el-select>
         </el-form-item>
         <el-form-item label="标签：" prop="sys_labels">
-          <el-select v-model="tableFrom.sys_labels" placeholder="请选择" class="selWidth" clearable filterable @change="getList(1)">
-            <el-option v-for="item in labelList" :key="item.id" :label="item.name" :value="item.id" />
-          </el-select>               
+          <el-select
+            v-model="tableFrom.sys_labels"
+            placeholder="请选择"
+            class="selWidth"
+            clearable
+            filterable
+            @change="getList(1)"
+          >
+            <el-option
+              v-for="item in labelList"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
+            />
+          </el-select>
         </el-form-item>
         <el-form-item label="商户名称：" prop="mer_id">
           <el-select
@@ -84,32 +102,69 @@
             />
           </el-select>
         </el-form-item>
-      <el-form-item label="商品搜索：" prop="keyword">
-        <el-input
-          v-model="tableFrom.keyword"
-          @keyup.enter.native="getList(1)"
-          placeholder="请输入商品名称，关键字，产品编号"
-          class="selWidth"
-        />
+        <el-form-item label="商品搜索：" prop="keyword">
+          <el-input
+            v-model="tableFrom.keyword"
+            @keyup.enter.native="getList(1)"
+            placeholder="请输入商品名称，关键字，产品编号"
+            class="selWidth"
+          />
         </el-form-item>
+        <!-- <el-form-item label="时间选择：" prop="create_time">
+          <el-date-picker
+            v-model="timeVal"
+            value-format="yyyy/MM/dd HH:mm:ss"
+            format="yyyy/MM/dd HH:mm:ss"
+            size="small"
+            type="datetimerange"
+            placement="bottom-end"
+            placeholder="自定义时间"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+            style="width: 280px"
+            :picker-options="pickerOptions"
+            @change="onchangeTime"
+            clearable
+          />
+        </el-form-item> -->
         <el-form-item>
-          <el-button type="primary" size="small" @click="getList(1)">搜索</el-button>
-          <el-button size="small" @click="searchReset()">重置</el-button> 
+          <el-button type="primary" size="small" @click="getList(1)"
+            >搜索</el-button
+          >
+          <el-button size="small" @click="searchReset()">重置</el-button>
         </el-form-item>
       </el-form>
     </div>
     <el-card class="mt14">
-      <el-tabs v-model="tableFrom.type" @tab-click="getList(1),getLstFilterApi()">
+      <el-tabs
+        v-model="tableFrom.type"
+        @tab-click="getList(1), getLstFilterApi()"
+      >
         <el-tab-pane
-          v-for="(item,index) in headeNum"
+          v-for="(item, index) in headeNum"
           :key="index"
           :name="item.type.toString()"
-          :label="item.name +'('+item.count +')' "
+          :label="item.name + '(' + item.count + ')'"
         />
       </el-tabs>
-      <div v-if="tableFrom.type === '6' || Number(tableFrom.type) < 3" class="mt5">
-        <el-button v-if="tableFrom.type === '6'" type="primary" size="small" @click="batch">批量审核</el-button>
-        <el-button v-if="Number(tableFrom.type) < 3" type="primary" size="small" @click="batchOff">批量强制下架</el-button>
+      <div
+        v-if="tableFrom.type === '6' || Number(tableFrom.type) < 3"
+        class="mt5"
+      >
+        <el-button
+          v-if="tableFrom.type === '6'"
+          type="primary"
+          size="small"
+          @click="batch"
+          >批量审核</el-button
+        >
+        <el-button
+          v-if="Number(tableFrom.type) < 3"
+          type="primary"
+          size="small"
+          @click="batchOff"
+          >批量强制下架</el-button
+        >
       </div>
       <el-table
         class="mt20"
@@ -118,15 +173,26 @@
         size="small"
         @selection-change="handleSelectionChange"
       >
-        <el-table-column v-if="Number(tableFrom.type)<7" key="2" type="selection" width="55" />
+        <el-table-column
+          v-if="Number(tableFrom.type) < 7"
+          key="2"
+          type="selection"
+          width="55"
+        />
         <el-table-column type="expand">
           <template slot-scope="scope">
             <el-form label-position="left" inline class="demo-table-expand">
               <el-form-item label="平台分类：">
-                <span>{{ scope.row.storeCategory ? scope.row.storeCategory.cate_name:'-' }}</span>
+                <span>{{
+                  scope.row.storeCategory
+                    ? scope.row.storeCategory.cate_name
+                    : "-"
+                }}</span>
               </el-form-item>
               <el-form-item label="品牌：">
-                <span>{{ scope.row.brand ? scope.row.brand.brand_name: '-' }}</span>
+                <span>{{
+                  scope.row.brand ? scope.row.brand.brand_name : "-"
+                }}</span>
               </el-form-item>
               <el-form-item label="市场价格：">
                 <span>{{ scope.row.ot_price | filterEmpty }}</span>
@@ -146,12 +212,16 @@
         <el-table-column prop="product_id" label="ID" min-width="50" />
         <el-table-column label="商户名称" min-width="120">
           <template slot-scope="scope">
-            <span>{{ scope.row.merchant ? scope.row.merchant.mer_name : '' }}</span>
+            <span>{{
+              scope.row.merchant ? scope.row.merchant.mer_name : ""
+            }}</span>
           </template>
         </el-table-column>
         <el-table-column prop="mer_name" label="商户类别" min-width="90">
           <template slot-scope="scope">
-            <span v-if="scope.row.merchant" class="spBlock">{{ scope.row.merchant.is_trader ? '自营' : '非自营' }}</span>
+            <span v-if="scope.row.merchant" class="spBlock">{{
+              scope.row.merchant.is_trader ? "自营" : "非自营"
+            }}</span>
           </template>
         </el-table-column>
         <el-table-column label="商品图" min-width="80">
@@ -168,17 +238,14 @@
         <el-table-column prop="store_name" label="活动标题" min-width="120" />
         <el-table-column prop="price" label="商品售价" min-width="80" />
         <el-table-column prop="sales" label="销量" min-width="80" />
-        <el-table-column label="推荐级别"  min-width="120">
+        <el-table-column label="推荐级别" min-width="120">
           <template slot-scope="scope">
             <!-- <span>{{ scope.row.star+'星推荐' }} </span> -->
-            <el-rate
-            disabled
-            v-model="scope.row.star"
-            :colors="colors">
-           </el-rate>
+            <el-rate disabled v-model="scope.row.star" :colors="colors">
+            </el-rate>
           </template>
         </el-table-column>
-         <el-table-column label="限量剩余" min-width="90">
+        <el-table-column label="限量剩余" min-width="90">
           <template slot-scope="scope">
             <span>{{ scope.row.stock }}</span>
           </template>
@@ -206,45 +273,82 @@
             <span>{{ scope.row.seckill_status | seckillStatusFilter }}</span>
           </template>
         </el-table-column>
-         <el-table-column label="秒杀活动日期" min-width="180">
+        <el-table-column label="秒杀活动日期" min-width="180">
           <template slot-scope="scope">
-            <div>开始日期：{{ scope.row.seckillActive && scope.row.seckillActive.start_day ? scope.row.seckillActive.start_day.slice(0,10) : "" }}</div>
-            <div>结束日期：{{ scope.row.seckillActive && scope.row.seckillActive.end_day ? scope.row.seckillActive.end_day.slice(0,10) : "" }}</div>
+            <div>
+              开始日期：{{
+                scope.row.seckillActive && scope.row.seckillActive.start_day
+                  ? scope.row.seckillActive.start_day.slice(0, 10)
+                  : ""
+              }}
+            </div>
+            <div>
+              结束日期：{{
+                scope.row.seckillActive && scope.row.seckillActive.end_day
+                  ? scope.row.seckillActive.end_day.slice(0, 10)
+                  : ""
+              }}
+            </div>
           </template>
         </el-table-column>
         <el-table-column label="秒杀活动时间" min-width="130">
           <template slot-scope="scope">
-            <div>开始时间：{{ scope.row.seckillActive ? scope.row.seckillActive.start_time+':00' : "" }}</div>
-            <div>结束时间：{{ scope.row.seckillActive ? scope.row.seckillActive.end_time+':00' : "" }}</div>
+            <div>
+              开始时间：{{
+                scope.row.seckillActive
+                  ? scope.row.seckillActive.start_time + ":00"
+                  : ""
+              }}
+            </div>
+            <div>
+              结束时间：{{
+                scope.row.seckillActive
+                  ? scope.row.seckillActive.end_time + ":00"
+                  : ""
+              }}
+            </div>
           </template>
         </el-table-column>
-        <el-table-column
-          v-if="Number(tableFrom.type) < 7"
-          key="8"
-          label="操作"
-          min-width="180"
-          fixed="right"
-        >
+        <el-table-column key="8" label="操作" min-width="180" fixed="right">
           <template slot-scope="scope">
             <el-button
-              v-if="Number(tableFrom.type) < 7"
               type="text"
               size="small"
               @click="onEdit(scope.row.product_id)"
-            >编辑</el-button>
-            <el-button type="text" size="small" @click="handlePreview(scope.row.product_id)">预览</el-button>
-            <el-button type="text" size="small" @click="onEditLabel(scope.row)">编辑标签</el-button>
+              >编辑</el-button
+            >
+            <el-button type="text" size="small" @click="onAuditFree(scope.row)"
+              >价格编辑</el-button
+            >
             <el-button
-              v-if="tableFrom.type === '6'"
+              type="text"
+              size="small"
+              @click="handlePreview(scope.row.product_id)"
+              >预览</el-button
+            >
+            <el-button type="text" size="small" @click="onEditLabel(scope.row)"
+              >编辑标签</el-button
+            >
+            <el-button
+              v-if="audit"
               type="text"
               size="small"
               @click="toExamine(scope.row.product_id)"
-            >审核</el-button>
-            <el-button v-if="Number(tableFrom.type) < 3" type="text"
+              >审核</el-button
+            >
+            <el-button
+              v-if="Number(tableFrom.type) < 3"
+              type="text"
               size="small"
               @click="toOff([scope.row.product_id])"
-            >强制下架</el-button>
-           <el-button type="text" size="small" @click="goDetail(scope.row.product_id)">详情</el-button>
+              >强制下架</el-button
+            >
+            <el-button
+              type="text"
+              size="small"
+              @click="goDetail(scope.row.product_id)"
+              >详情</el-button
+            >
           </template>
         </el-table-column>
       </el-table>
@@ -260,7 +364,12 @@
         />
       </div>
     </el-card>
-    <info-from ref="infoFrom" :is-show="isShow" :ids="OffId" @subSuccess="subSuccess" />
+    <info-from
+      ref="infoFrom"
+      :is-show="isShow"
+      :ids="OffId"
+      @subSuccess="subSuccess"
+    />
     <el-dialog
       title="商品编辑"
       :visible.sync="dialogVisible"
@@ -278,64 +387,115 @@
         @submit.native.prevent
       >
         <el-form-item label="商品名称：" prop="store_name">
-          <el-input v-model="formValidate.store_name" placeholder="请输入商品名称" />
+          <el-input
+            v-model="formValidate.store_name"
+            placeholder="请输入商品名称"
+          />
         </el-form-item>
         <el-form-item label="活动列表推荐：">
-           <el-rate class="rate_star"
+          <el-rate
+            class="rate_star"
             v-model="formValidate.star"
-            :colors="colors" style="margin-top: 4px;">
-           </el-rate>
-           <span style="margin-top: 4px; font-size: 12px;">备注：5星为最高推荐级别，1星为最低推荐级别，设置后会在商城商品列表、搜索商品列表中体现。</span>
+            :colors="colors"
+            style="margin-top: 4px"
+          >
+          </el-rate>
+          <span style="margin-top: 4px; font-size: 12px"
+            >备注：5星为最高推荐级别，1星为最低推荐级别，设置后会在商城商品列表、搜索商品列表中体现。</span
+          >
         </el-form-item>
         <el-form-item label="排序：">
-          <el-input-number v-model="formValidate.rank"  label="排序" />
+          <el-input-number v-model="formValidate.rank" label="排序" />
         </el-form-item>
         <el-col :span="24">
           <el-form-item label="商品详情：">
-            <ueditor-from v-model="formValidate.content" :content="formValidate.content" />
+            <ueditor-from
+              v-model="formValidate.content"
+              :content="formValidate.content"
+            />
           </el-form-item>
         </el-col>
-        <el-form-item style="margin-top:30px;">
+        <el-form-item style="margin-top: 30px">
           <el-button
             type="primary"
             class="submission"
             size="small"
             @click="handleSubmit('formValidate')"
-          >提交</el-button>
+            >提交</el-button
+          >
         </el-form-item>
       </el-form>
     </el-dialog>
-     <el-dialog title="秒杀商品详情" center :visible.sync="detailDialog" width="700px" v-if="detailDialog">
-      <div v-loading="loading" style="margin-top: 5px;">
+    <el-dialog
+      title="秒杀商品详情"
+      center
+      :visible.sync="detailDialog"
+      width="700px"
+      v-if="detailDialog"
+    >
+      <div v-loading="loading" style="margin-top: 5px">
         <div class="box-container">
           <div class="title">基本信息</div>
           <div class="acea-row">
-            <div class="list sp"><label class="name">商户名称：</label>{{ detailFormValidate.merchant && detailFormValidate.merchant.mer_name }}</div>
-            <div class="list sp"><label class="name">商户类别：</label>{{ (detailFormValidate.merchant && detailFormValidate.merchant.is_trader) === 1 ? '自营' : '非自营' }}</div>
-            <div class="list sp"><label class="name">商品ID：</label>{{ detailFormValidate.product_id }}</div>
-            <div class="list sp100"><label class="name">商品名称：</label>{{ detailFormValidate.store_name }}</div>
+            <div class="list sp">
+              <label class="name">商户名称：</label
+              >{{
+                detailFormValidate.merchant &&
+                detailFormValidate.merchant.mer_name
+              }}
+            </div>
+            <div class="list sp">
+              <label class="name">商户类别：</label
+              >{{
+                (detailFormValidate.merchant &&
+                  detailFormValidate.merchant.is_trader) === 1
+                  ? "自营"
+                  : "非自营"
+              }}
+            </div>
+            <div class="list sp">
+              <label class="name">商品ID：</label
+              >{{ detailFormValidate.product_id }}
+            </div>
+            <div class="list sp100">
+              <label class="name">商品名称：</label
+              >{{ detailFormValidate.store_name }}
+            </div>
             <div class="list sp100 image">
-                <label class="name">商品图：</label>
-                <img
-                style="max-width: 150px; height: 80px;"
+              <label class="name">商品图：</label>
+              <img
+                style="max-width: 150px; height: 80px"
                 :src="detailFormValidate.image"
-                />
+              />
             </div>
             <div class="list sp100">
               <label class="name">商品信息：</label>
               <!-- 单规格表格-->
               <div v-if="detailFormValidate.spec_type === 0">
-                <el-table :data="OneattrValue" border class="tabNumWidth" size="small">
-                  <el-table-column align="center" label="秒杀价格" min-width="80">
+                <el-table
+                  :data="OneattrValue"
+                  border
+                  class="tabNumWidth"
+                  size="small"
+                >
+                  <el-table-column
+                    align="center"
+                    label="秒杀价格"
+                    min-width="80"
+                  >
                     <template slot-scope="scope">
-                      <span>{{ scope.row['price'] }}</span>
+                      <span>{{ scope.row["price"] }}</span>
                     </template>
                   </el-table-column>
-                <el-table-column align="center" label="已售商品数量" min-width="80">
-                   <template slot-scope="scope">
-                      <span>{{ scope.row['sales'] }}</span>
+                  <el-table-column
+                    align="center"
+                    label="已售商品数量"
+                    min-width="80"
+                  >
+                    <template slot-scope="scope">
+                      <span>{{ scope.row["sales"] }}</span>
                     </template>
-                 </el-table-column>
+                  </el-table-column>
                 </el-table>
               </div>
               <!-- 多规格表格-->
@@ -349,54 +509,141 @@
                   height="250"
                   tooltip-effect="dark"
                   size="small"
-                  :row-key="(row) => { return row.id }"
+                  :row-key="
+                    (row) => {
+                      return row.id;
+                    }
+                  "
                 >
                   <template v-if="manyTabDate">
-                    <el-table-column v-for="(item,iii) in manyTabDate" :key="iii" align="center" :label="manyTabTit[iii].title" min-width="80">
+                    <el-table-column
+                      v-for="(item, iii) in manyTabDate"
+                      :key="iii"
+                      align="center"
+                      :label="manyTabTit[iii].title"
+                      min-width="80"
+                    >
                       <template slot-scope="scope">
                         <span class="priceBox" v-text="scope.row[iii]" />
                       </template>
                     </el-table-column>
                   </template>
-                  <el-table-column align="center" label="秒杀价格" min-width="80">
+                  <el-table-column
+                    align="center"
+                    label="秒杀价格"
+                    min-width="80"
+                  >
                     <template slot-scope="scope">
-                      <span>{{ scope.row['price'] }}</span>
+                      <span>{{ scope.row["price"] }}</span>
                     </template>
                   </el-table-column>
-                  <el-table-column  align="center" label="已售商品数量" min-width="80">
+                  <el-table-column
+                    align="center"
+                    label="已售商品数量"
+                    min-width="80"
+                  >
                     <template slot-scope="scope">
-                      <span>{{ scope.row['sales'] }}</span>
+                      <span>{{ scope.row["sales"] }}</span>
                     </template>
                   </el-table-column>
                 </el-table>
               </div>
             </div>
           </div>
-          <div class="title" style="margin-top: 20px;">秒杀商品活动信息</div>
+          <div class="title" style="margin-top: 20px">秒杀商品活动信息</div>
           <div class="acea-row">
-            <div v-if="detailFormValidate.sys_labels_data&&detailFormValidate.sys_labels_data.length" class="list sp100">
+            <div
+              v-if="
+                detailFormValidate.sys_labels_data &&
+                detailFormValidate.sys_labels_data.length
+              "
+              class="list sp100"
+            >
               <label class="name">平台标签：</label>
-               <template>
-                <span v-for="(item,index) in detailFormValidate.sys_labels_data" :key="index" class="value-item"> {{item}} </span>
+              <template>
+                <span
+                  v-for="(item, index) in detailFormValidate.sys_labels_data"
+                  :key="index"
+                  class="value-item"
+                >
+                  {{ item }}
+                </span>
               </template>
             </div>
-            <div class="list sp100"><label class="name">秒杀简介：</label>{{ detailFormValidate.store_info }}</div>
-            <div class="list sp100"><label class="name">秒杀活动日期：</label>{{ detailFormValidate.start_day + '-' + detailFormValidate.end_day }}</div>
-            <div class="list sp100"><label class="name">秒杀活动时间：</label>{{ detailFormValidate.start_time + '-' + detailFormValidate.end_time }}</div>
-            <div class="list sp100"><label class="name">活动日期内最多购买次数：</label>{{ detailFormValidate.all_pay_count }}</div>
-            <div class="list sp100"><label class="name">秒杀时间段内最多购买次数：</label>{{ detailFormValidate.once_pay_count }}</div>
-            <div class="list sp"><label class="name">审核状态：</label>{{ detailFormValidate.status === 1 ? '审核通过' : detailFormValidate.status === 0 ? '未审核' : '审核未通过' }}</div>
-            <div class="list sp"><label class="name">商品状态：</label>{{ detailFormValidate.us_status === 1 ? '上架显示' : detailFormValidate.us_status === -1 ? '平台关闭' : '下架' }}</div>
-            <div class="list sp"><label class="name">秒杀活动状态：</label>{{ detailFormValidate.seckill_status === 0 ? '未开始' : detailFormValidate.seckill_status === 1 ? '正在进行' : '已结束' }}</div>
-            <div class="list sp"><label class="name">创建时间：</label>{{ detailFormValidate.create_time }}</div>
+            <div class="list sp100">
+              <label class="name">秒杀简介：</label
+              >{{ detailFormValidate.store_info }}
+            </div>
+            <div class="list sp100">
+              <label class="name">秒杀活动日期：</label
+              >{{
+                detailFormValidate.start_day + "-" + detailFormValidate.end_day
+              }}
+            </div>
+            <div class="list sp100">
+              <label class="name">秒杀活动时间：</label
+              >{{
+                detailFormValidate.start_time +
+                "-" +
+                detailFormValidate.end_time
+              }}
+            </div>
+            <div class="list sp100">
+              <label class="name">活动日期内最多购买次数：</label
+              >{{ detailFormValidate.all_pay_count }}
+            </div>
+            <div class="list sp100">
+              <label class="name">秒杀时间段内最多购买次数：</label
+              >{{ detailFormValidate.once_pay_count }}
+            </div>
+            <div class="list sp">
+              <label class="name">审核状态：</label
+              >{{
+                detailFormValidate.status === 1
+                  ? "审核通过"
+                  : detailFormValidate.status === 0
+                  ? "未审核"
+                  : "审核未通过"
+              }}
+            </div>
+            <div class="list sp">
+              <label class="name">商品状态：</label
+              >{{
+                detailFormValidate.us_status === 1
+                  ? "上架显示"
+                  : detailFormValidate.us_status === -1
+                  ? "平台关闭"
+                  : "下架"
+              }}
+            </div>
+            <div class="list sp">
+              <label class="name">秒杀活动状态：</label
+              >{{
+                detailFormValidate.seckill_status === 0
+                  ? "未开始"
+                  : detailFormValidate.seckill_status === 1
+                  ? "正在进行"
+                  : "已结束"
+              }}
+            </div>
+            <div class="list sp">
+              <label class="name">创建时间：</label
+              >{{ detailFormValidate.create_time }}
+            </div>
           </div>
         </div>
       </div>
     </el-dialog>
-     <!--预览商品-->
+    <!--预览商品-->
     <div v-if="previewVisible">
       <div class="bg" @click.stop="previewVisible = false" />
-      <preview-box v-if="previewVisible" ref="previewBox" :goods-id="goodsId" :product-type="1" :preview-key="previewKey" />
+      <preview-box
+        v-if="previewVisible"
+        ref="previewBox"
+        :goods-id="goodsId"
+        :product-type="1"
+        :preview-key="previewKey"
+      />
     </div>
     <!--编辑标签-->
     <el-dialog
@@ -406,28 +653,42 @@
       width="470px"
       :before-close="handleClose"
     >
-      <el-form ref="labelForm" :model="labelForm" size="small" @submit.native.prevent>
+      <el-form
+        ref="labelForm"
+        :model="labelForm"
+        size="small"
+        @submit.native.prevent
+      >
         <el-form-item>
-          <el-select v-model="labelForm.sys_labels" clearable filterable multiple placeholder="请选择" class="width100">
+          <el-select
+            v-model="labelForm.sys_labels"
+            clearable
+            filterable
+            multiple
+            placeholder="请选择"
+            class="width100"
+          >
             <el-option
-                v-for="item in labelList"
-                :key="item.id"
-                :label="item.name"
-                :value="item.id.toString()"
+              v-for="item in labelList"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id.toString()"
             />
           </el-select>
         </el-form-item>
       </el-form>
       <span slot="footer" class="dialog-footer">
-        <el-button size="small" @click="dialogLabel=false">取消</el-button>
-        <el-button type="primary" size="small" @click="submitForm('labelForm')">提交</el-button>
+        <el-button size="small" @click="dialogLabel = false">取消</el-button>
+        <el-button type="primary" size="small" @click="submitForm('labelForm')"
+          >提交</el-button
+        >
       </span>
     </el-dialog>
+    <edit-attr ref="editAttr" />
   </div>
 </template>
 
 <script>
-
 import {
   seckillChangeApi,
   seckillProductLstApi,
@@ -438,15 +699,15 @@ import {
   seckillMerSelectApi,
   seckillProductOffApi,
   getProductLabelApi,
-  updatetSeckillLabel
-} from '@/api/product'
-import {
-  seckillDetailApi
-} from "@/api/marketing";
-import { roterPre } from '@/settings'
-import infoFrom from './info'
-import previewBox from '@/components/previewBox/index'
-import ueditorFrom from '@/components/ueditorFrom'
+  updatetSeckillLabel,
+} from "@/api/product";
+import { seckillDetailApi } from "@/api/marketing";
+import { roterPre } from "@/settings";
+import infoFrom from "./info";
+import previewBox from "@/components/previewBox/index";
+import ueditorFrom from "@/components/ueditorFrom";
+import timeOptions from "@/utils/timeOptions";
+import editAttr from "./editAttr";
 const defaultObj = {
   product_id: "",
   image: "",
@@ -476,7 +737,7 @@ const defaultObj = {
   finalPayment_date: "",
   delivery_type: 1,
   delivery_day: 10,
-  create_time: '',
+  create_time: "",
   attrValue: [
     {
       image: "",
@@ -497,15 +758,17 @@ const defaultObj = {
   spec_type: 0,
   is_gift_bag: 0,
   tattend_two: {},
-  tattend_one: {}
+  tattend_one: {},
 };
 
 export default {
-  name: 'ProductExamine1',
-  components: { infoFrom, ueditorFrom, previewBox },
+  name: "ProductExamine1",
+  components: { infoFrom, ueditorFrom, previewBox, editAttr },
   data() {
     return {
       ruleValidate: {},
+      pickerOptions: timeOptions,
+      timeVal: [],
       dialogVisible: false,
       detailDialog: false,
       checkboxGroup: [],
@@ -515,15 +778,15 @@ export default {
         is_new: 0,
         is_benefit: 0,
         ficti: 1,
-        content: '',
-        store_name: ''
+        content: "",
+        store_name: "",
       },
       detailFormValidate: Object.assign({}, defaultObj),
       OneattrValue: [Object.assign({}, defaultObj.attrValue[0])], // 单规格
       ManyAttrValue: [Object.assign({}, defaultObj.attrValue[0])], // 多规格
       attrInfo: {},
-      colors: ['#99A9BF', '#F7BA2A', '#FF9900'],
-       seckillStatusList: [
+      colors: ["#99A9BF", "#F7BA2A", "#FF9900"],
+      seckillStatusList: [
         { label: "正在进行", value: 2 },
         { label: "活动已结束", value: 3 },
         { label: "活动未开始", value: 1 },
@@ -539,7 +802,7 @@ export default {
         { label: "4星", value: 4 },
         { label: "3星", value: 3 },
         { label: "2星", value: 2 },
-        { label: "1星", value: 1 }
+        { label: "1星", value: 1 },
       ],
       fullscreenLoading: false,
       isShow: false,
@@ -548,24 +811,24 @@ export default {
       labelLoading: true,
       tableData: {
         data: [],
-        total: 0
+        total: 0,
       },
       tableFrom: {
         page: 1,
         limit: 20,
-        cate_id: '',
-        store_name: '',
-        type: '6',
-        mer_id: '',
+        cate_id: "",
+        store_name: "",
+        type: "6",
+        mer_id: "",
         seckill_status: "",
         sys_labels: "",
-        keyword: '',
-        is_trader: '',
+        keyword: "",
+        is_trader: "",
         us_status: "",
         star: "",
-        product_id: this.$route.query.id ? this.$route.query.id : ""
+        product_id: this.$route.query.id ? this.$route.query.id : "",
       },
-      product_id: '',
+      product_id: "",
       categoryList: [],
       merCateList: [],
       multipleSelection: [],
@@ -574,55 +837,80 @@ export default {
       OffId: [],
       productId: 0,
       previewVisible: false,
-      goodsId: '',
-      previewKey: '',
+      goodsId: "",
+      previewKey: "",
       labelList: [],
       dialogLabel: false,
-      labelForm: {}
-    }
+      labelForm: {},
+    };
   },
   mounted() {
-    this.getMerSelect()
-    this.getList('')
-    this.getLabelLst()
-    this.getCategorySelect()
-    this.getLstFilterApi()
+    this.getMerSelect();
+    this.getList("");
+    this.getLabelLst();
+    this.getCategorySelect();
+    this.getLstFilterApi();
+  },
+  computed: {
+    audit() {
+      return (
+        this.tableFrom.type === "6" ||
+        this.tableFrom.type === "10" ||
+        this.tableFrom.type === "11" ||
+        this.tableFrom.type === "9"
+      );
+    },
   },
   methods: {
     /**重置 */
-    searchReset(){
-      this.$refs.searchForm.resetFields()
-      this.getList(1)
+    searchReset() {
+      this.timeVal = [];
+      this.tableFrom.date = "";
+      this.$refs.searchForm.resetFields();
+      this.getList(1);
+    },
+    // 价格编辑
+    onAuditFree(row) {
+      console.log(row);
+
+      this.$refs.editAttr.getAttrDetail(row.product_id);
+    },
+    // 具体日期
+    onchangeTime(e) {
+      this.timeVal = e;
+      this.tableFrom.date = e ? this.timeVal.join("-") : "";
+      this.getList(1);
     },
     subSuccess() {
-      this.getList('')
-      this.getLstFilterApi()
+      this.getList("");
+      this.getLstFilterApi();
     },
     onchangeIsShow(row) {
       seckillChangeApi(row.product_id, row.is_used)
         .then(({ message }) => {
-          this.$message.success(message)
-          this.getList('')
+          this.$message.success(message);
+          this.getList("");
         })
         .catch(({ message }) => {
-          this.$message.error(message)
-        })
+          this.$message.error(message);
+        });
     },
     // 获取标签项
     getLabelLst() {
-      getProductLabelApi().then(res => {
-        this.labelList = res.data
-      })
-        .catch(res => {
-          this.$message.error(res.message)
+      getProductLabelApi()
+        .then((res) => {
+          this.labelList = res.data;
         })
+        .catch((res) => {
+          this.$message.error(res.message);
+        });
     },
     getInfo(id) {
-      this.fullscreenLoading = true
+      this.fullscreenLoading = true;
       this.checkboxGroup = [];
       seckillProductDetailApi(id)
         .then((res) => {
-          const info = res.data
+          const info = res.data;
           this.formValidate = {
             is_hot: info.is_hot,
             is_best: info.is_best,
@@ -632,76 +920,88 @@ export default {
             content: info.content,
             store_name: info.store_name,
             rank: info.rank,
-            star: info.star ? info.star : 1
-          }
-          if (info.is_hot === 1) this.checkboxGroup.push('is_hot')
-          if (info.is_benefit === 1) this.checkboxGroup.push('is_benefit')
-          if (info.is_best === 1) this.checkboxGroup.push('is_best')
-          if (info.is_new === 1) this.checkboxGroup.push('is_new')
-          this.fullscreenLoading = false
+            star: info.star ? info.star : 1,
+          };
+          if (info.is_hot === 1) this.checkboxGroup.push("is_hot");
+          if (info.is_benefit === 1) this.checkboxGroup.push("is_benefit");
+          if (info.is_best === 1) this.checkboxGroup.push("is_best");
+          if (info.is_new === 1) this.checkboxGroup.push("is_new");
+          this.fullscreenLoading = false;
         })
         .catch((res) => {
-          this.$message.error(res.message)
-          this.fullscreenLoading = false
-        })
+          this.$message.error(res.message);
+          this.fullscreenLoading = false;
+        });
     },
     onEdit(id) {
-      this.productId = id
-      this.getInfo(id)
-      this.dialogVisible = true
+      this.productId = id;
+      this.getInfo(id);
+      this.dialogVisible = true;
     },
     // 编辑标签
     onEditLabel(row) {
-      this.dialogLabel = true
-      this.product_id = row.product_id
+      this.dialogLabel = true;
+      this.product_id = row.product_id;
       this.labelForm = {
-        sys_labels: row.sys_labels
-      }
+        sys_labels: row.sys_labels,
+      };
     },
     submitForm(name) {
-      this.$refs[name].validate(valid => {
+      this.$refs[name].validate((valid) => {
         if (valid) {
-          updatetSeckillLabel(this.product_id, this.labelForm).then(({ message }) => {
-            this.$message.success(message)
-            this.getList('')
-            this.dialogLabel = false
-          })
+          updatetSeckillLabel(this.product_id, this.labelForm).then(
+            ({ message }) => {
+              this.$message.success(message);
+              this.getList("");
+              this.dialogLabel = false;
+            }
+          );
         } else {
-          return
+          return;
         }
-      })
+      });
     },
     // 提交
     handleSubmit(name) {
       this.$refs[name].validate((valid) => {
         if (valid) {
           seckillProductUpdateApi(this.productId, this.formValidate)
-            .then(async(res) => {
-              this.fullscreenLoading = false
-              this.$message.success(res.message)
-              this.dialogVisible = false
-              this.getList('')
+            .then(async (res) => {
+              this.fullscreenLoading = false;
+              this.$message.success(res.message);
+              this.dialogVisible = false;
+              this.getList("");
             })
             .catch((res) => {
-              this.fullscreenLoading = false
-              this.$message.error(res.message)
-            })
+              this.fullscreenLoading = false;
+              this.$message.error(res.message);
+            });
         } else {
-          return false
+          return false;
         }
-      })
+      });
     },
     onChangeGroup() {
-      this.checkboxGroup.includes('is_benefit') ? this.formValidate.is_benefit = 1 : this.formValidate.is_benefit = 0 && this.checkboxGroup.remove('is_benefit')
-      this.checkboxGroup.includes('is_best') ? this.formValidate.is_best = 1 : this.formValidate.is_best = 0 && this.checkboxGroup.remove('is_best')
-      this.checkboxGroup.includes('is_new') ? this.formValidate.is_new = 1 : this.formValidate.is_new = 0 && this.checkboxGroup.remove('is_new')
-      this.checkboxGroup.includes('is_hot') ? this.formValidate.is_hot = 1 : this.formValidate.is_hot = 0 && this.checkboxGroup.remove('is_hot')
+      this.checkboxGroup.includes("is_benefit")
+        ? (this.formValidate.is_benefit = 1)
+        : (this.formValidate.is_benefit =
+            0 && this.checkboxGroup.remove("is_benefit"));
+      this.checkboxGroup.includes("is_best")
+        ? (this.formValidate.is_best = 1)
+        : (this.formValidate.is_best =
+            0 && this.checkboxGroup.remove("is_best"));
+      this.checkboxGroup.includes("is_new")
+        ? (this.formValidate.is_new = 1)
+        : (this.formValidate.is_new = 0 && this.checkboxGroup.remove("is_new"));
+      this.checkboxGroup.includes("is_hot")
+        ? (this.formValidate.is_hot = 1)
+        : (this.formValidate.is_hot = 0 && this.checkboxGroup.remove("is_hot"));
     },
     handleClose() {
-      this.dialogVisible = false
-      this.dialogLabel = false
+      this.dialogVisible = false;
+      this.dialogLabel = false;
     },
-     watCh(val) {
+    watCh(val) {
       const tmp = {};
       const tmpTab = {};
       this.detailFormValidate.attr.forEach((o, i) => {
@@ -723,196 +1023,208 @@ export default {
     },
     // 预览
     handlePreview(id) {
-        this.previewVisible = true
-        this.goodsId = id
-        this.previewKey = ''
+      this.previewVisible = true;
+      this.goodsId = id;
+      this.previewKey = "";
     },
     // 查看详情
-    goDetail(id){
+    goDetail(id) {
       this.detailDialog = true;
       this.loading = true;
-      this.detailFormValidate = {}
-      seckillDetailApi(id).then(async (res) => {
-        this.loading = false;
-        let info = res.data;
-        this.detailFormValidate = {
-          product_id: info.product_id,
-          image: info.image,
-          slider_image: info.slider_image,
-          store_name: info.store_name,
-          store_info: info.store_info,
-          start_time: info.seckillActive && info.seckillActive.start_time
-            ? info.seckillActive.start_time+':00:00'
-            : "",
-          end_time: info.seckillActive && info.seckillActive.end_time
-            ? info.seckillActive.end_time+':00:00'
-            : "",
-          start_day: info.seckillActive && info.seckillActive.start_day
-            ? (info.seckillActive.start_day).slice(0,10)
-            : "",
-          end_day: info.seckillActive && info.seckillActive.end_day
-            ? (info.seckillActive.end_day).slice(0,10)
-            : "",
-          sys_labels_data: info.sys_labels_data,
-          brand_id: info.brand_id, // 品牌id
-          cate_id: info.cate_id ? info.cate_id : '', // 平台分类id
-          mer_cate_id: info.mer_cate_id, // 商户分类id
-          unit_name: info.unit_name,
-          sort: info.sort,
-          is_good: info.is_good,
-          temp_id: info.temp_id,
-          is_show: info.is_show,
-          attr: info.attr,
-          extension_type: info.extension_type,
-          content: info.content,
-          spec_type: info.spec_type,
-          is_gift_bag: info.is_gift_bag,
-          create_time: info.create_time,
-          product_status: info.product_status,
-          status: info.status,
-          all_pay_count: info.seckillActive ?  info.seckillActive.all_pay_count : "",
-          once_pay_count: info.seckillActive ?  info.seckillActive.once_pay_count : "",
-          stock: info.stock,
-          stock_count: info.stock_count,
-          seckill_status: info.seckill_status,
-          us_status: info.us_status,
-          merchant: info.merchant
-        };
-        if (this.detailFormValidate.spec_type === 0) {
-          this.OneattrValue = info.attrValue;
-        } else {
-          this.ManyAttrValue = info.attrValue
-          this.watCh(this.detailFormValidate.attr)
-        }
-        console.log(this.ManyAttrValue);
-        this.fullscreenLoading = false;
-        this.detailFormValidate.seckill_date = [
-          info.start_time,
-          info.end_time,
-        ];
-
-      })
+      this.detailFormValidate = {};
+      seckillDetailApi(id)
+        .then(async (res) => {
+          this.loading = false;
+          let info = res.data;
+          this.detailFormValidate = {
+            product_id: info.product_id,
+            image: info.image,
+            slider_image: info.slider_image,
+            store_name: info.store_name,
+            store_info: info.store_info,
+            start_time:
+              info.seckillActive && info.seckillActive.start_time
+                ? info.seckillActive.start_time + ":00:00"
+                : "",
+            end_time:
+              info.seckillActive && info.seckillActive.end_time
+                ? info.seckillActive.end_time + ":00:00"
+                : "",
+            start_day:
+              info.seckillActive && info.seckillActive.start_day
+                ? info.seckillActive.start_day.slice(0, 10)
+                : "",
+            end_day:
+              info.seckillActive && info.seckillActive.end_day
+                ? info.seckillActive.end_day.slice(0, 10)
+                : "",
+            sys_labels_data: info.sys_labels_data,
+            brand_id: info.brand_id, // 品牌id
+            cate_id: info.cate_id ? info.cate_id : "", // 平台分类id
+            mer_cate_id: info.mer_cate_id, // 商户分类id
+            unit_name: info.unit_name,
+            sort: info.sort,
+            is_good: info.is_good,
+            temp_id: info.temp_id,
+            is_show: info.is_show,
+            attr: info.attr,
+            extension_type: info.extension_type,
+            content: info.content,
+            spec_type: info.spec_type,
+            is_gift_bag: info.is_gift_bag,
+            create_time: info.create_time,
+            product_status: info.product_status,
+            status: info.status,
+            all_pay_count: info.seckillActive
+              ? info.seckillActive.all_pay_count
+              : "",
+            once_pay_count: info.seckillActive
+              ? info.seckillActive.once_pay_count
+              : "",
+            stock: info.stock,
+            stock_count: info.stock_count,
+            seckill_status: info.seckill_status,
+            us_status: info.us_status,
+            merchant: info.merchant,
+          };
+          if (this.detailFormValidate.spec_type === 0) {
+            this.OneattrValue = info.attrValue;
+          } else {
+            this.ManyAttrValue = info.attrValue;
+            this.watCh(this.detailFormValidate.attr);
+          }
+          console.log(this.ManyAttrValue);
+          this.fullscreenLoading = false;
+          this.detailFormValidate.seckill_date = [
+            info.start_time,
+            info.end_time,
+          ];
+        })
         .catch((res) => {
           this.fullscreenLoading = false;
           this.$message.error(res.message);
-        })
+        });
     },
     // 批量下架
     batchOff() {
-      if (this.multipleSelection.length === 0) { return this.$message.warning('请先选择商品') }
-      this.toOff(this.OffId)
+      if (this.multipleSelection.length === 0) {
+        return this.$message.warning("请先选择商品");
+      }
+      this.toOff(this.OffId);
     },
     // 下架
     toOff(id) {
-      this.$prompt('强制下架', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        inputErrorMessage: '请输入强制下架原因',
-        inputType: 'textarea',
-        inputPlaceholder: '请输入强制下架原因',
+      this.$prompt("强制下架", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        inputErrorMessage: "请输入强制下架原因",
+        inputType: "textarea",
+        inputPlaceholder: "请输入强制下架原因",
         inputValidator: (value) => {
           if (!value) {
-            return '请输入强制下架原因'
+            return "请输入强制下架原因";
           }
-        }
+        },
       })
         .then(({ value }) => {
           seckillProductOffApi({ id: id, status: -2, refusal: value })
             .then((res) => {
               this.$message({
-                type: 'success',
-                message: '提交成功'
-              })
-              this.getLstFilterApi()
-              this.getList('')
+                type: "success",
+                message: "提交成功",
+              });
+              this.getLstFilterApi();
+              this.getList("");
             })
             .catch((res) => {
-              this.$message.error(res.message)
-            })
+              this.$message.error(res.message);
+            });
         })
         .catch(() => {
           this.$message({
-            type: 'info',
-            message: '取消输入'
-          })
-        })
+            type: "info",
+            message: "取消输入",
+          });
+        });
     },
     // 列表表头；
     getLstFilterApi() {
       seckillLstFilterApi()
         .then((res) => {
-          this.headeNum = res.data
+          this.headeNum = res.data;
         })
         .catch((res) => {
-          this.$message.error(res.message)
-        })
+          this.$message.error(res.message);
+        });
     },
     // 商户列表；
     getMerSelect() {
       seckillMerSelectApi()
         .then((res) => {
-          this.merSelect = res.data
+          this.merSelect = res.data;
         })
         .catch((res) => {
-          this.$message.error(res.message)
-        })
+          this.$message.error(res.message);
+        });
     },
     batch() {
-      if (this.multipleSelection.length === 0) { return this.$message.warning('请先选择商品') }
-      this.$refs.infoFrom.dialogVisible = true
-      this.isShow = false
+      if (this.multipleSelection.length === 0) {
+        return this.$message.warning("请先选择商品");
+      }
+      this.$refs.infoFrom.dialogVisible = true;
+      this.isShow = false;
     },
     handleSelectionChange(val) {
-      this.multipleSelection = val
-      const data = []
+      this.multipleSelection = val;
+      const data = [];
       this.multipleSelection.map((item) => {
-        data.push(item.product_id)
-      })
-      this.OffId = data
+        data.push(item.product_id);
+      });
+      this.OffId = data;
     },
     toExamine(id) {
-      this.$refs.infoFrom.dialogVisible = true
-      this.isShow = true
-      this.$refs.infoFrom.getInfo(id)
+      this.$refs.infoFrom.dialogVisible = true;
+      this.isShow = true;
+      this.$refs.infoFrom.getInfo(id);
     },
     // 商户分类；
     getCategorySelect() {
       categoryListApi()
         .then((res) => {
-          this.merCateList = res.data
+          this.merCateList = res.data;
         })
         .catch((res) => {
-          this.$message.error(res.message)
-        })
+          this.$message.error(res.message);
+        });
     },
     // 列表
     getList(num) {
-      this.listLoading = true
+      this.listLoading = true;
       this.tableFrom.page = num ? num : this.tableFrom.page;
       seckillProductLstApi(this.tableFrom)
         .then((res) => {
-          this.tableData.data = res.data.list
-          this.tableData.total = res.data.count
-          this.listLoading = false
+          this.tableData.data = res.data.list;
+          this.tableData.total = res.data.count;
+          this.listLoading = false;
         })
         .catch((res) => {
-          this.listLoading = false
-          this.$message.error(res.message)
-        })
+          this.listLoading = false;
+          this.$message.error(res.message);
+        });
     },
     pageChange(page) {
-      this.tableFrom.page = page
-      this.getList('')
+      this.tableFrom.page = page;
+      this.getList("");
     },
     handleSizeChange(val) {
-      this.tableFrom.limit = val
-      this.getList(1)
-    }
-  }
-}
+      this.tableFrom.limit = val;
+      this.getList(1);
+    },
+  },
+};
 </script>
 <style lang="scss">
-.contentPic img{
+.contentPic img {
   max-width: 100%;
 }
 </style>
@@ -926,8 +1238,9 @@ export default {
   height: 100%;
   background: rgba(0, 0, 0, 0.1);
 }
-.rate_star{
-  position: relative; top: 5px;
+.rate_star {
+  position: relative;
+  top: 5px;
 }
 .demo-table-expand {
   font-size: 0;
@@ -960,21 +1273,20 @@ export default {
 .box-container .list .name {
   display: inline-block;
   color: #606266;
-
 }
 .box-container .list .blue {
   color: var(--prev-color-primary);
 }
 .box-container .list.image {
- display: flex;
+  display: flex;
   align-items: center;
 }
 
-.labeltop{
+.labeltop {
   max-height: 280px;
   overflow-y: auto;
 }
-.title{
+.title {
   color: #17233d;
   font-size: 14px;
   font-weight: bold;
diff --git a/src/views/marketing/seckill/seckillGoods/info.vue b/src/views/marketing/seckill/seckillGoods/info.vue
index b5baaeb..fb42580 100644
--- a/src/views/marketing/seckill/seckillGoods/info.vue
+++ b/src/views/marketing/seckill/seckillGoods/info.vue
@@ -2,29 +2,144 @@
   <el-dialog
     v-if="dialogVisible"
     title="商品审核"
+    v-el-drag-dialog
     :visible.sync="dialogVisible"
-    width="900px"
+    :append-to-body="isAppend"
+    width="1260px"
+    top="60px"
     :before-close="handleClose"
     class="projectInfo"
   >
-    <el-tabs v-if="projectData && isShow" v-model="activeNames" v-loading="loading">
+    <!-- <div class="acea-row mt10" v-if="isShow">
+      <span class="sp"
+        >店铺名称：{{
+          projectData.merchant && projectData.merchant.mer_name
+        }}</span
+      >
+      <span class="sp"
+        >入驻企业名称：{{
+          projectData.merchant &&
+          projectData.merchant.ext.com &&
+          projectData.merchant.ext.com.name
+        }}</span
+      >
+      <span class="sp"
+        >店铺联系人:
+        {{ projectData.merchant && projectData.merchant.real_name }}</span
+      >
+      <span class="sp" v-if="projectData.merchant">
+        营业执照：
+        <div class="demo-image__preview">
+          <el-image
+            style="width: 60px; height: 60px"
+            :src="projectData.merchant.mer_cert"
+            :preview-src-list="[projectData.merchant.mer_cert]"
+          />
+        </div>
+      </span>
+
+      <span class="sp"
+        >联系人电话：{{
+          projectData.merchant && projectData.merchant.service_phone
+        }}</span
+      >
+      <span class="sp" v-if="projectData.refusal"
+        >上传拒绝原因：{{ projectData.refusal }}</span
+      >
+    </div> -->
+    <!-- <div class="acea-row" v-if="isShow">
+      <span class="sp">商品id：{{ projectData.product_id }}</span>
+      <span class="sp">商品名称：{{ projectData.store_name }}</span>
+      <span class="sp"
+        >平台分类：{{
+          projectData.storeCategory ? projectData.storeCategory.cate_name : ""
+        }}</span
+      >
+      <span class="sp">商品关键字：{{ projectData.keyword }}</span>
+      <span class="sp">商品单位：{{ projectData.unit_name }}</span>
+      <span class="sp">
+        商品分类：
+        <template v-if="projectData.merCateId">
+          <span
+            v-for="(item, index) in projectData.merCateId"
+            :key="index"
+            class="mr10"
+            >{{ item.category ? item.category.cate_name : "" }}</span
+          >
+        </template>
+        <span v-else>-</span>
+      </span>
+      <span class="sp">商品简介：{{ projectData.store_info }}</span>
+      <span class="sp">商品备注：{{ projectData.remark }}</span>
+      <span class="sp"
+        >惠美乡村产品：{{ projectData.is_huimei ? "是" : "否" }}</span
+      >
+      <span class="sp100">
+        商品封面图：
+        <div class="demo-image__preview">
+          <el-image
+            style="width: 60px; height: 60px"
+            :src="projectData.image"
+            :preview-src-list="[projectData.image]"
+          />
+        </div>
+      </span>
+      <span class="sp"
+        >特惠专区产品：{{ projectData.is_benefit ? "是" : "否" }}</span
+      >
+      <span class="sp"
+        >定制产品：{{ projectData.is_customize ? "是" : "否" }}</span
+      >
+    </div> -->
+    <el-tabs
+      v-if="projectData && isShow"
+      v-model="activeNames"
+      v-loading="loading"
+    >
       <el-tab-pane label="商品信息" name="first">
         <div class="acea-row">
-          <span class="sp100">商品名称：{{ projectData.store_name }}</span>
-          <span class="sp">平台分类：{{ projectData.storeCategory?projectData.storeCategory.cate_name:'' }}</span>
-          <span class="sp">品牌：{{ projectData.brand?projectData.brand.brand_name:'' }}</span>
+          <span class="sp">商品id：{{ projectData.product_id }}</span>
+          <span class="sp">商品名称：{{ projectData.store_name }}</span>
+          <span class="sp"
+            >平台分类：{{
+              projectData.storeCategory
+                ? projectData.storeCategory.cate_name
+                : ""
+            }}</span
+          >
           <span class="sp">商品关键字：{{ projectData.keyword }}</span>
           <span class="sp">商品单位：{{ projectData.unit_name }}</span>
-          <span class="sp">运费模板：{{ projectData.temp?projectData.temp.name:'' }}</span>
-          <span class="sp100">运费说明：{{ projectData.temp?projectData.temp.info:'' }}</span>
-          <span class="sp100">
+          <span class="sp">
             商品分类：
             <template v-if="projectData.merCateId">
-              <span v-for="(item, index) in projectData.merCateId" :key="index" class="mr10">{{ item.category?item.category.cate_name:'' }}</span>
+              <span
+                v-for="(item, index) in projectData.merCateId"
+                :key="index"
+                class="mr10"
+                >{{ item.category ? item.category.cate_name : "" }}</span
+              >
             </template>
             <span v-else>-</span>
           </span>
-          <span class="sp100">商品简介：{{ projectData.store_info }}</span>
+          <span class="sp">商品简介：{{ projectData.store_info }}</span>
+          <span class="sp">商品备注：{{ projectData.remark }}</span>
+          <span class="sp" v-if="projectData.temp && projectData.temp.name"
+            >运费模板：{{ projectData.temp ? projectData.temp.name : "" }}</span
+          >
+          <span class="sp100" v-if="projectData.temp && projectData.temp.info"
+            >运费说明：{{ projectData.temp ? projectData.temp.info : "" }}</span
+          >
+
+          <span v-if="projectData.video_link" class="sp100">
+            主图视频：
+            <video
+              style="width: 40%; height: 180px; border-radius: 10px"
+              :src="projectData.video_link"
+              controls="controls"
+            >
+              您的浏览器不支持 video 标签。
+            </video>
+          </span>
           <span class="sp100">
             商品封面图：
             <div class="demo-image__preview">
@@ -35,9 +150,10 @@
               />
             </div>
           </span>
-          <span class="sp100">商品轮播图：
+          <span class="sp100"
+            >商品轮播图：
             <div
-              v-for="(item,index) in projectData.slider_image"
+              v-for="(item, index) in projectData.slider_image"
               :key="index"
               class="pictrue"
             >
@@ -50,78 +166,467 @@
           </span>
         </div>
       </el-tab-pane>
+      <el-tab-pane label="资质信息" name="aptitude">
+        <span class="sp"
+          >商品名称：
+          <el-radio-group v-model="qualification.commodity_type">
+            <el-radio
+              :label="0"
+              class="radio"
+              :disabled="qualification.commodity_type == 1"
+              >国产</el-radio
+            >
+            <el-radio :label="1" :disabled="qualification.commodity_type == 0"
+              >进口</el-radio
+            >
+          </el-radio-group>
+        </span>
+        <div v-if="qualification.commodity_type == 0">
+          <span class="sp"
+            >生产企业名称：{{ qualification.production_name }}</span
+          >
+          <span class="upload">
+            <div class="upload_left">生产营业执照：</div>
+            <div class="upload_right">
+              <div
+                v-for="(item, index) in qualification.businessList"
+                :key="index"
+              >
+                <a
+                  class="txt"
+                  v-if="getType(item)"
+                  :href="item.url"
+                  target="downloadFile"
+                  download
+                  >{{ item.name }}</a
+                >
+                <div class="pictrue" v-else>
+                  <el-image
+                    style="width: 60px; height: 60px"
+                    :src="item.url"
+                    :preview-src-list="[item.url]"
+                  />
+                </div>
+              </div>
+            </div>
+          </span>
+          <span class="upload">
+            <div class="upload_left">生产许可证：</div>
+            <div class="upload_right">
+              <div
+                v-for="(item, index) in qualification.licenceList"
+                :key="index"
+              >
+                <a
+                  class="txt"
+                  v-if="getType(item)"
+                  :href="item.url"
+                  target="downloadFile"
+                  download
+                  >{{ item.name }}</a
+                >
+                <div class="pictrue" v-else>
+                  <el-image
+                    style="width: 60px; height: 60px"
+                    :src="item.url"
+                    :preview-src-list="[item.url]"
+                  />
+                </div>
+              </div>
+            </div>
+          </span>
+          <span class="upload">
+            <div class="upload_left">商标注册证：</div>
+            <div class="upload_right">
+              <div
+                v-for="(item, index) in qualification.trademarkList"
+                :key="index"
+              >
+                <a
+                  class="txt"
+                  v-if="getType(item)"
+                  :href="item.url"
+                  target="downloadFile"
+                  download
+                  >{{ item.name }}</a
+                >
+                <div class="pictrue" v-else>
+                  <el-image
+                    style="width: 60px; height: 60px"
+                    :src="item.url"
+                    :preview-src-list="[item.url]"
+                  />
+                </div>
+              </div>
+            </div>
+          </span>
+          <span class="upload">
+            <div class="upload_left">销售授权及品牌方营业执照：</div>
+            <div class="upload_right">
+              <div
+                v-for="(item, index) in qualification.authorizedList"
+                :key="index"
+              >
+                <a
+                  class="txt"
+                  v-if="getType(item)"
+                  :href="item.url"
+                  target="downloadFile"
+                  download
+                  >{{ item.name }}</a
+                >
+                <div class="pictrue" v-else>
+                  <el-image
+                    style="width: 60px; height: 60px"
+                    :src="item.url"
+                    :preview-src-list="[item.url]"
+                  />
+                </div>
+              </div>
+            </div>
+          </span>
+          <span class="upload">
+            <div class="upload_left">商品检测报告及备案：</div>
+            <div class="upload_right">
+              <div
+                v-for="(item, index) in qualification.commodityList"
+                :key="index"
+              >
+                <a
+                  class="txt"
+                  v-if="getType(item)"
+                  :href="item.url"
+                  target="downloadFile"
+                  download
+                  >{{ item.name }}</a
+                >
+                <div class="pictrue" v-else>
+                  <el-image
+                    style="width: 60px; height: 60px"
+                    :src="item.url"
+                    :preview-src-list="[item.url]"
+                  />
+                </div>
+              </div>
+            </div>
+          </span>
+          <span class="upload">
+            <div class="upload_left">其他资质：</div>
+            <div class="upload_right">
+              <div
+                v-for="(item, index) in qualification.otherList"
+                :key="index"
+              >
+                <a
+                  class="txt"
+                  v-if="getType(item)"
+                  :href="item.url"
+                  target="downloadFile"
+                  download
+                  >{{ item.name }}</a
+                >
+                <div class="pictrue" v-else>
+                  <el-image
+                    style="width: 60px; height: 60px"
+                    :src="item.url"
+                    :preview-src-list="[item.url]"
+                  />
+                </div>
+              </div>
+            </div>
+          </span>
+        </div>
+        <div v-if="qualification.commodity_type == 1">
+          <span class="sp"
+            >进口/企业境内总代企业名称: {{ qualification.import_name }}</span
+          >
+          <span class="upload">
+            <div class="upload_left">生产营业执照：</div>
+            <div class="upload_right">
+              <div
+                v-for="(item, index) in qualification.importBusinessList"
+                :key="index"
+              >
+                <a
+                  class="txt"
+                  v-if="getType(item)"
+                  :href="item.url"
+                  target="downloadFile"
+                  download
+                  >{{ item.name }}</a
+                >
+                <div class="pictrue" v-else>
+                  <el-image
+                    style="width: 60px; height: 60px"
+                    :src="item.url"
+                    :preview-src-list="[item.url]"
+                  />
+                </div>
+              </div>
+            </div>
+          </span>
+          <span class="upload">
+            <div class="upload_left">销售授权及其他：</div>
+            <div class="upload_right">
+              <div
+                v-for="(item, index) in qualification.importAuthorizedList"
+                :key="index"
+              >
+                <a
+                  class="txt"
+                  v-if="getType(item)"
+                  :href="item.url"
+                  target="downloadFile"
+                  download
+                  >{{ item.name }}</a
+                >
+                <div class="pictrue" v-else>
+                  <el-image
+                    style="width: 60px; height: 60px"
+                    :src="item.url"
+                    :preview-src-list="[item.url]"
+                  />
+                </div>
+              </div>
+            </div>
+          </span>
+          <span class="upload">
+            <div class="upload_left">海关检验检疫证书及报关单：</div>
+            <div class="upload_right">
+              <div
+                v-for="(item, index) in qualification.customsList"
+                :key="index"
+              >
+                <a
+                  class="txt"
+                  v-if="getType(item)"
+                  :href="item.url"
+                  target="downloadFile"
+                  download
+                  >{{ item.name }}</a
+                >
+                <div class="pictrue" v-else>
+                  <el-image
+                    style="width: 60px; height: 60px"
+                    :src="item.url"
+                    :preview-src-list="[item.url]"
+                  />
+                </div>
+              </div>
+            </div>
+          </span>
+          <span class="upload">
+            <div class="upload_left">产品外包装实物图：</div>
+            <div class="upload_right">
+              <div
+                v-for="(item, index) in qualification.packingList"
+                :key="index"
+              >
+                <a
+                  class="txt"
+                  v-if="getType(item)"
+                  :href="item.url"
+                  target="downloadFile"
+                  download
+                  >{{ item.name }}</a
+                >
+                <div class="pictrue" v-else>
+                  <el-image
+                    style="width: 60px; height: 60px"
+                    :src="item.url"
+                    :preview-src-list="[item.url]"
+                  />
+                </div>
+              </div>
+            </div>
+          </span>
+          <span class="upload">
+            <div class="upload_left">其他资质：</div>
+            <div class="upload_right">
+              <div
+                v-for="(item, index) in qualification.importOtherList"
+                :key="index"
+              >
+                <a
+                  class="txt"
+                  v-if="getType(item)"
+                  :href="item.url"
+                  target="downloadFile"
+                  download
+                  >{{ item.name }}</a
+                >
+                <div class="pictrue" v-else>
+                  <el-image
+                    style="width: 60px; height: 60px"
+                    :src="item.url"
+                    :preview-src-list="[item.url]"
+                  />
+                </div>
+              </div>
+            </div>
+          </span>
+        </div>
+      </el-tab-pane>
       <el-tab-pane label="商品详情" name="second">
         <span class="sp100">商品详情：</span>
         <div class="contentPic" v-html="projectData.content" />
       </el-tab-pane>
       <el-tab-pane label="其他设置" name="third">
         <span class="sp100">商品排序：{{ projectData.sort }}</span>
-        <span v-if="projectData.guarantee && projectData.guarantee.templateValue.length" class="third mb20">
+        <!-- <span class="third mb20">
+          <span>商品推荐：</span>
+          <el-checkbox-group v-model="checkboxGroup" size="small">
+            <el-checkbox
+              v-for="(item, index) in recommend"
+              :key="index"
+              disabled
+              :label="item.value"
+              >{{ item.name }}</el-checkbox
+            >
+          </el-checkbox-group>
+        </span> -->
+        <span
+          v-if="
+            projectData.guarantee && projectData.guarantee.templateValue.length
+          "
+          class="third mb20"
+        >
           <span>服务保障：</span>
-          <span v-for="(item,index) in projectData.guarantee.templateValue" :key="index">
-            <span v-if="item.value">{{index+1}}. {{item.value.guarantee_name}}；</span>
+          <span
+            v-for="(item, index) in projectData.guarantee.templateValue"
+            :key="index"
+          >
+            <span v-if="item.value"
+              >{{ index + 1 }}. {{ item.value.guarantee_name }}；</span
+            >
           </span>
         </span>
       </el-tab-pane>
       <el-tab-pane label="商品规格" name="fourth">
-        <span class="sp">商品规格：{{ projectData.spec_type === 0 ? '单规格' : '多规格' }}</span>
-        <!-- <span class="sp">佣金设置：{{ projectData.extension_type === 0 ? '默认设置' : '单独设置' }}</span> -->
+        <span class="sp"
+          >商品规格：{{
+            projectData.spec_type === 0 ? "单规格" : "多规格"
+          }}</span
+        >
+        <!-- <span class="sp"
+          >佣金设置：{{
+            projectData.extension_type === 0 ? "默认设置" : "单独设置"
+          }}</span
+        > -->
         <span class="sp100">
           <span class="mb15" style="display: block">商品规格:</span>
           <template v-if="projectData.spec_type === 0">
-            <el-table :data="OneattrValue" border class="tabNumWidth" size="mini">
+            <el-table :data="OneattrValue" border size="small">
               <el-table-column align="center" label="图片" min-width="80">
                 <template slot-scope="scope">
                   <div class="demo-image__preview">
                     <el-image
                       style="width: 60px; height: 60px"
                       :src="scope.row.image"
+                      :preview-src-list="[scope.row.image]"
                     />
                   </div>
                 </template>
               </el-table-column>
-              <el-table-column v-for="(item,iii) in attrValue" :key="iii" :label="formThead[iii].title" align="center" min-width="90">
+              <el-table-column
+                v-for="(item, iii) in attrValue"
+                :key="iii"
+                :label="formThead[iii].title"
+                align="center"
+                min-width="80"
+              >
                 <template slot-scope="scope">
-                  <span class="priceBox" v-text="scope.row[iii]" />
+                  <a
+                    v-if="formThead[iii].title == '依据链接'"
+                    :href="scope.row[iii]"
+                    target="_blank"
+                    >{{ scope.row[iii] }}</a
+                  >
+                  <span v-else class="priceBox" v-text="scope.row[iii]" />
                 </template>
               </el-table-column>
               <!-- <template v-if="projectData.extension_type === 1">
-                <el-table-column align="center" label="一级返佣(元)" min-width="90">
+                <el-table-column
+                  align="center"
+                  label="一级返佣(元)"
+                  min-width="120"
+                >
                   <template slot-scope="scope">
                     <span class="priceBox" v-text="scope.row.extension_one" />
-                    <el-input v-model="scope.row.extension_one" type="number" :min="0" class="priceBox" />
                   </template>
                 </el-table-column>
-                <el-table-column align="center" label="二级返佣(元)" min-width="90">
+                <el-table-column
+                  align="center"
+                  label="二级返佣(元)"
+                  min-width="120"
+                >
                   <template slot-scope="scope">
                     <span class="priceBox" v-text="scope.row.extension_two" />
-                    <el-input v-model="scope.row.extension_two" type="number" :min="0" class="priceBox" />
                   </template>
                 </el-table-column>
               </template> -->
             </el-table>
           </template>
           <template v-if="projectData.spec_type === 1">
-            <el-table :data="ManyAttrValue" border class="tabNumWidth" size="mini">
+            <el-table :data="ManyAttrValue" border size="small">
+              <template v-if="manyTabDate">
+                <el-table-column
+                  v-for="(item, iii) in manyTabDate"
+                  :key="iii"
+                  align="center"
+                  :label="manyTabTit[iii].title"
+                  min-width="80"
+                >
+                  <template slot-scope="scope">
+                    <span class="priceBox" v-text="scope.row[iii]" />
+                  </template>
+                </el-table-column>
+              </template>
               <el-table-column align="center" label="图片" min-width="80">
                 <template slot-scope="scope">
                   <div class="upLoadPicBox">
-                    <div class="pictrue tabPic"><img :src="scope.row.image"></div>
+                    <div class="pictrue tabPic">
+                      <el-image
+                        style="width: 60px; height: 60px"
+                        :src="scope.row.image"
+                        :preview-src-list="[scope.row.image]"
+                      />
+                    </div>
                   </div>
                 </template>
               </el-table-column>
-              <el-table-column v-for="(item,iii) in attrValue" :key="iii" :label="formThead[iii].title" align="center" min-width="90">
+              <el-table-column
+                v-for="(item, iii) in attrValue"
+                :key="iii"
+                :label="formThead[iii].title"
+                align="center"
+                min-width="80"
+              >
                 <template slot-scope="scope">
-                  <span class="priceBox">{{ scope.row[iii] }}</span>
+                  <a
+                    v-if="formThead[iii].title == '依据链接'"
+                    :href="scope.row[iii]"
+                    target="_blank"
+                    >{{ scope.row[iii] }}</a
+                  >
+                  <span v-else class="priceBox" v-text="scope.row[iii]" />
                 </template>
               </el-table-column>
               <!-- <template v-if="projectData.extension_type === 1">
-                <el-table-column align="center" label="一级返佣(元)" min-width="90">
+                <el-table-column
+                  align="center"
+                  label="一级返佣(元)"
+                  min-width="120"
+                >
                   <template slot-scope="scope">
                     <span class="priceBox">{{ scope.row.extension_one }}</span>
                   </template>
                 </el-table-column>
-                <el-table-column align="center" label="二级返佣(元)" min-width="90">
+                <el-table-column
+                  align="center"
+                  label="二级返佣(元)"
+                  min-width="120"
+                >
                   <template slot-scope="scope">
                     <span class="priceBox">{{ scope.row.extension_two }}</span>
                   </template>
@@ -132,227 +637,645 @@
         </span>
       </el-tab-pane>
     </el-tabs>
-    <el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="80px" class="demo-ruleForm">
-      <el-form-item label="审核状态" prop="status">
+    <el-form
+      ref="ruleForm"
+      :model="ruleForm"
+      :rules="rules"
+      label-width="80px"
+      class="demo-ruleForm"
+    >
+      <!-- <el-form-item label="定制产品" prop="is_customize">
+        <el-radio-group v-model="projectData.is_customize">
+          <el-radio :disabled="projectData.is_customize == 1" :label="0"
+            >否</el-radio
+          >
+          <el-radio :disabled="projectData.is_customize == 0" :label="1"
+            >是</el-radio
+          >
+        </el-radio-group>
+      </el-form-item>
+      <el-form-item label="惠美乡村产品" prop="is_huimei" label-width="90px">
+        <el-radio-group v-model="projectData.is_huimei">
+          <el-radio :disabled="projectData.is_huimei == 1" :label="0"
+            >否</el-radio
+          >
+          <el-radio :disabled="projectData.is_huimei == 0" :label="1"
+            >是</el-radio
+          >
+        </el-radio-group>
+      </el-form-item>
+      <el-form-item
+        class="is_benefit"
+        label="特惠专区产品"
+        prop="is_benefit"
+        label-width="90px"
+      >
+        <el-radio-group text-color="#ff0000" v-model="projectData.is_benefit">
+          <el-radio :disabled="projectData.is_benefit == 1" :label="0"
+            >否</el-radio
+          >
+          <el-radio :disabled="projectData.is_benefit == 0" :label="1"
+            >是</el-radio
+          >
+        </el-radio-group>
+      </el-form-item> -->
+      <el-form-item
+        :label="projectData.status == 15 ? '解锁状态' : '审核状态'"
+        prop="status"
+      >
         <el-radio-group v-model="ruleForm.status">
           <el-radio :label="1">通过</el-radio>
           <el-radio :label="-1">拒绝</el-radio>
         </el-radio-group>
       </el-form-item>
-      <el-form-item v-if="ruleForm.status===-1" label="原因" prop="refusal">
-        <el-input v-model="ruleForm.refusal" type="textarea" placeholder="请输入原因" />
+      <el-form-item label="佐证图片" prop="status_img" label-width="80px">
+        <div class="acea-row">
+          <div
+            v-for="(item, index) in ruleForm.status_img"
+            :key="index"
+            class="pictrue"
+            draggable="false"
+            @dragstart="handleDragStart($event, item)"
+            @dragover.prevent="handleDragOver($event, item)"
+            @dragenter="handleDragEnter($event, item)"
+            @dragend="handleDragEnd($event, item)"
+          >
+            <!-- <img :src="item"> -->
+            <el-image
+              style="width: 60px; height: 60px"
+              :src="item"
+              :preview-src-list="[item]"
+            />
+            <i class="el-icon-error btndel" @click="handleRemove(index)" />
+          </div>
+          <div
+            v-if="ruleForm.status_img.length < 10"
+            class="uploadCont"
+            title="750*750px"
+          >
+            <!-- <div class="upLoadPicBox" @paste="handlePaste" @click="modalPicTap('2')">
+                    <div class="upLoad">
+                      <i class="el-icon-camera cameraIconfont" />
+                    </div>
+                  </div> -->
+            <el-upload
+              :action="fileUrl"
+              :show-file-list="false"
+              list-type="picture-card"
+              multiple
+              :headers="myHeaders"
+              :on-success="setQualificationsList"
+              :before-upload="beforeUploadQualification"
+            >
+              <i class="el-icon-plus" />
+            </el-upload>
+          </div>
+        </div>
       </el-form-item>
-      <el-form-item>
-        <el-button type="primary" @click="onSubmit">提交</el-button>
+      <el-form-item
+        v-if="ruleForm.status === -1 || ruleForm.status === 15"
+        :label="projectData.status != 0 ? '锁定原因' : '拒绝原因'"
+        prop="refusal"
+      >
+        <el-input
+          v-model="ruleForm.refusal"
+          type="textarea"
+          placeholder="请输入原因"
+        />
       </el-form-item>
     </el-form>
+    <div class="edit_mark">
+      <div>信息变更：</div>
+      <div
+        style="color: red; margin-left: 70px"
+        v-html="projectData.edit_mark"
+      ></div>
+    </div>
+    <div slot="footer" class="dialog-footer">
+      <el-button size="small" @click="dialogVisible = false">取 消</el-button>
+      <el-button size="small" type="primary" @click="onSubmit">确 定</el-button>
+    </div>
   </el-dialog>
 </template>
 
 <script>
-
-import { seckillProductDetailApi, seckillProductStatusApi } from '@/api/product'
+import SettingMer from "@/libs/settingMer";
+import { getToken } from "@/utils/auth";
+import elDragDialog from "@/directive/el-drag-dialog";
+import {
+  productStatusUnlockApi,
+  productDetailApi,
+  productStatusApi,
+  productStatusFirstApi,
+  productStatusFirstTwoApi,
+  productStatusSecondApi,
+} from "@/api/product";
+import log from "@/libs/util.log";
 const defaultObj = {
-  image: '',
+  image: "",
   slider_image: [],
-  store_name: '',
-  store_info: '',
-  keyword: '',
-  brand_id: '', // 品牌id
-  cate_id: '', // 平台分类id
+  store_name: "",
+  store_info: "",
+  keyword: "",
+  brand_id: "", // 品牌id
+  cate_id: "", // 平台分类id
   mer_cate_id: [], // 商户分类id
-  unit_name: '',
+  unit_name: "",
   sort: 0,
   is_show: 0,
   is_benefit: 0,
   is_new: 0,
   is_good: 0,
-  temp_id: '',
-  attrValue: [{
-    image: '',
-    price: null,
-    cost: null,
-    ot_price: null,
-    stock: null,
-    bar_code: '',
-    weight: null,
-    volume: null
-  }],
+  temp_id: "",
+  attrValue: [
+    {
+      image: "",
+      original_price: "", //参加活动前的成本
+      price: null,
+      original_cost: "", //参加活动前的价格
+      cost: 0,
+      give_discount: 0,
+      ot_price: null,
+      proportion: 0.6,
+      coupon: "",
+      stock: 0,
+      as_price: 0,
+      // growth: 0,
+      bar_code: "",
+      weight: null,
+      volume: null,
+      gist_url: null,
+    },
+  ],
   attr: [],
-  selectRule: '',
+  selectRule: "",
   extension_type: 0,
-  content: '',
-  spec_type: 0
-}
+  content: "",
+  spec_type: 0,
+};
 const objTitle = {
+  original_price: {
+    title: "原售价",
+  },
   price: {
-    title: '售价'
+    title: "秒杀价",
+  },
+  original_cost: {
+    title: "原成本价",
   },
   cost: {
-    title: '成本价'
+    title: "成本价",
+  },
+  give_discount: {
+    title: "让利比例",
+  },
+  svip_price: {
+    title: "付费会员价",
   },
   ot_price: {
-    title: '市场价'
+    title: "市场价",
+  },
+  proportion: {
+    title: "占比",
+  },
+  coupon: {
+    title: "折扣",
   },
   stock: {
-    title: '库存'
+    title: "库存",
+  },
+  growth: {
+    title: "成长值",
+  },
+  as_price: {
+    title: "成长值",
   },
   bar_code: {
-    title: '商品编号'
+    title: "商品编号",
   },
   weight: {
-    title: '重量（KG）'
+    title: "重量（KG）",
   },
   volume: {
-    title: '体积(m³)'
-  }
-}
-const proOptions = [{ name: '热门榜单', value: 'is_hot' }, { name: '特惠专区', value: 'is_benefit' }, { name: '精品推荐', value: 'is_best' }, { name: '首发新品', value: 'is_new' }]
+    title: "体积(m³)",
+  },
+  gist_url: {
+    title: "依据链接",
+  },
+};
+const proOptions = [
+  { name: "是否热卖", value: "is_hot" },
+  { name: "优品推荐", value: "is_good" },
+  { name: "特惠专区", value: "is_benefit" },
+  { name: "是否精品", value: "is_best" },
+  { name: "是否新品", value: "is_new" },
+];
 export default {
-  name: 'Info',
+  name: "Info",
   props: {
     isShow: {
       type: Boolean,
-      default: true
+      default: true,
     },
     ids: {
       type: Array,
-      default: () => []
-    }
+      default: () => [],
+    },
+  },
+
+  directives: {
+    elDragDialog,
   },
   data() {
     return {
       rules: {
         status: [
-          { required: true, message: '请选择审核状态', trigger: 'change' }
+          { required: true, message: "请选择审核状态", trigger: "change" },
         ],
         refusal: [
-          { required: true, message: '请填写拒绝原因', trigger: 'blur' }
-        ]
+          { required: true, message: "请填写拒绝原因", trigger: "blur" },
+        ],
+        // status_img: [
+        //   {type: 'array', required: true, message: '请上传佐证图片', trigger: 'blur' }
+        // ]
       },
+      myHeaders: { "X-Token": getToken() },
+      isAppend: true,
       proId: 0,
+      aptitude: 0,
+      qualification: {
+        production_name: "",
+        businessList: [],
+        licenceList: [],
+        trademarkList: [],
+        authorizedList: [],
+        commodityList: [],
+        otherList: [],
+        importBusinessList: [],
+        importAuthorizedList: [],
+        customsList: [],
+        packingList: [],
+        importOtherList: [],
+        commodity_type: 0,
+        brands_name: "",
+        import_name: "",
+      },
       ruleForm: {
-        refusal: '',
+        refusal: "",
         status: 1,
-        id: ''
+        id: "",
+        // is_customize: 0,
+        status_img: [],
       },
       formThead: Object.assign({}, objTitle),
       manyTabDate: {},
       manyTabTit: {},
       loading: false,
       dialogVisible: false,
-      activeNames: 'first',
-      projectData: {},
+      activeNames: "first",
+      projectData: {
+        is_huimei: 0,
+        is_benefit: 0,
+        is_customize: 0,
+        merchant: {
+          ext: {
+            com: {},
+          },
+        },
+      },
       recommend: proOptions,
+      checkboxGroup: [],
+      svip_type: 0,
       OneattrValue: [Object.assign({}, defaultObj.attrValue[0])], // 单规格
-      ManyAttrValue: [Object.assign({}, defaultObj.attrValue[0])] // 多规格
-    }
+      ManyAttrValue: [Object.assign({}, defaultObj.attrValue[0])], // 多规格
+    };
   },
   computed: {
+    fileUrl() {
+      return SettingMer.https + `/upload/image/0/file`;
+    },
     attrValue() {
-      const obj = Object.assign({}, defaultObj.attrValue[0])
-      delete obj.image
-      return obj
+      const obj = Object.assign({}, defaultObj.attrValue[0]);
+      if (this.svip_type == 0) delete obj.svip_price;
+      delete obj.image;
+      return obj;
     },
     oneFormBatch() {
-      const obj = [Object.assign({}, defaultObj.attrValue[0])]
-      delete obj[0].bar_code
-      return obj
-    }
+      const obj = [Object.assign({}, defaultObj.attrValue[0])];
+      delete obj[0].bar_code;
+      return obj;
+    },
   },
   methods: {
+    handlePaste(event) {
+      console.log("粘贴");
+      const items = (event.clipboardData || event.originalEvent.clipboardData)
+        .items;
+      let pasteFiles = [];
+      console.log(event);
+    },
+    // 上传文件之前的钩子函数
+    beforeUploadQualification() {
+      if (this.ruleForm.status_img.length >= 10) {
+        this.$message.error("上传文件最大数量为10张, 上传失败!");
+        return false;
+      } else {
+        return true;
+      }
+    },
+    // 上传成功
+    setQualificationsList(response) {
+      if (response.status === 200) {
+        this.ruleForm.status_img.push(response.data.src);
+        console.log(this.ruleForm.status_img);
+      } else {
+        this.$message.error(response.message);
+      }
+    },
+    handleRemove(i) {
+      this.ruleForm.status_img.splice(i, 1);
+    },
+    handleDragEnd(e, item) {
+      this.dragging = null;
+    },
+    handleDragEnter(e, item) {
+      e.dataTransfer.effectAllowed = "move";
+      if (item === this.dragging) {
+        return;
+      }
+      const newItems = [...this.ruleForm.status_img];
+      const src = newItems.indexOf(this.dragging);
+      const dst = newItems.indexOf(item);
+      newItems.splice(dst, 0, ...newItems.splice(src, 1));
+      this.ruleForm.status_img = newItems;
+    },
+    handleDragOver(e) {
+      e.dataTransfer.dropEffect = "move";
+    },
+    // 移动
+    handleDragStart(e, item) {
+      this.dragging = item;
+    },
+    getType(val) {
+      var regex = /(?:\.([^.]+))?$/;
+      let suffix = regex.exec(val.url)[1];
+      return suffix == "pdf";
+    },
+    // 点击商品图
+    modalPicTap(tit, num, i) {
+      const _this = this;
+      const attr = [];
+      this.$modalUpload(function (img) {
+        console.log(_this.ruleForm);
+        if (tit === "1" && !num) {
+          _this.ruleForm.status_img = img[0];
+        }
+        if (tit === "2" && !num) {
+          img.map((item) => {
+            attr.push(item.attachment_src);
+            _this.ruleForm.status_img.push(item);
+            if (_this.ruleForm.status_img.length > 10) {
+              _this.ruleForm.status_img.length = 10;
+            }
+          });
+        }
+      }, tit);
+    },
     onSubmit() {
-      this.isShow ? this.ruleForm.id = this.proId : this.ruleForm.id = this.ids
-      seckillProductStatusApi(this.ruleForm).then(res => {
-        this.$message.success(res.message)
-        this.dialogVisible = false
-        this.activeNames = 'first'
-        this.$emit('subSuccess')
-      }).catch(res => {
-        this.listLoading = false
-        this.$message.error(res.message)
-      })
+      console.log(this.projectData);
+      let mode = {
+        0: {
+          api: productStatusFirstApi,
+          status: 9,
+        },
+        10: {
+          api: productStatusSecondApi,
+          status: 11,
+        },
+        9: {
+          api: productStatusFirstTwoApi,
+          status: 10,
+        },
+        11: {
+          api: productStatusApi,
+          status: 1,
+        },
+        15: {
+          api: productStatusUnlockApi,
+          status: 10,
+        },
+      };
+      this.$refs.ruleForm.validate((valid) => {
+        if (valid) {
+          let params = {};
+          if (this.isShow) {
+            params = {
+              ...this.ruleForm,
+              id: this.proId,
+              status:
+                this.ruleForm.status == -1
+                  ? -1
+                  : mode[this.projectData.status].status,
+            };
+          } else {
+            params = {
+              ...this.ruleForm,
+              id: this.ids,
+              status: this.ruleForm.status == -1 ? -1 : 1,
+            };
+          }
+          mode[this.isShow ? this.projectData.status : 11]
+            .api(params)
+            .then((res) => {
+              this.$message.success(res.message);
+              this.dialogVisible = false;
+              this.activeNames = "first";
+              this.$emit("subSuccess");
+            })
+            .catch((res) => {
+              this.listLoading = false;
+              this.$message.error(res.message);
+            });
+        }
+      });
     },
     handleClose() {
-      this.dialogVisible = false
-      this.activeNames = 'first'
+      this.dialogVisible = false;
+      this.activeNames = "first";
     },
     getInfo(id) {
-      this.proId = id
-      this.loading = true
-      seckillProductDetailApi(id).then(res => {
-        this.projectData = res.data
-        if (this.projectData.spec_type === 0) {
-          this.OneattrValue = res.data.attrValue
-        } else {
-          this.ManyAttrValue = res.data.attrValue
-        }
-        const tmp = {}
-        const tmpTab = {}
-        this.projectData.attr.forEach((o, i) => {
-          tmp['value' + i] = { title: o.value }
-          tmpTab['value' + i] = ''
-        })
-        this.manyTabDate = tmpTab
-        this.formThead = Object.assign({}, this.formThead, tmp)
+      this.proId = id;
+      this.loading = true;
+      this.ruleForm.status_img = [];
+      this.ruleForm.status = 1;
+      this.ruleForm.refusal = "";
+      productDetailApi(id)
+        .then((res) => {
+          this.projectData = res.data;
 
-        this.loading = false
-      }).catch(res => {
-        this.$message.error(res.message)
-        this.loading = false
-      })
-    }
-  }
-}
+          this.ruleForm.status_img = res.data.status_img;
+          let qualification = {
+            production_name: "",
+            businessList: [],
+            licenceList: [],
+            trademarkList: [],
+            authorizedList: [],
+            commodityList: [],
+            otherList: [],
+            importBusinessList: [],
+            importAuthorizedList: [],
+            customsList: [],
+            packingList: [],
+            importOtherList: [],
+            commodity_type: 0,
+            brands_name: "",
+            import_name: "",
+          };
+          this.qualification = res.data.qualification || qualification;
+          this.qualification.commodityList =
+            this.qualification.commodityList.slice(0, 20);
+          this.svip_type = res.data.svip_price_type;
+
+          if (this.projectData.spec_type === 0) {
+            this.OneattrValue = res.data.attrValue;
+          } else {
+            this.ManyAttrValue = res.data.attrValue;
+          }
+          const tmp = {};
+          const tmpTab = {};
+          this.projectData.attr.forEach((o, i) => {
+            tmp["value" + i] = { title: o.value };
+            tmpTab["value" + i] = "";
+          });
+          this.manyTabDate = tmpTab;
+          this.manyTabTit = tmp;
+          this.checkboxGroup = [];
+          this.formThead = Object.assign({}, this.formThead, tmp);
+          if (this.projectData.is_hot === 1) this.checkboxGroup.push("is_hot");
+          if (this.projectData.is_good === 1)
+            this.checkboxGroup.push("is_good");
+          if (this.projectData.is_benefit === 1)
+            this.checkboxGroup.push("is_benefit");
+          if (this.projectData.is_best === 1)
+            this.checkboxGroup.push("is_best");
+          if (this.projectData.is_new === 1) this.checkboxGroup.push("is_new");
+          this.loading = false;
+        })
+        .catch((res) => {
+          this.$message.error(res.message);
+          this.loading = false;
+        });
+    },
+  },
+};
 </script>
 
 <style scoped lang="scss">
-  .projectInfo ::v-deep .el-tabs__content{
-    padding-left: 10px !important;  
+.projectInfo ::v-deep .el-dialog__body {
+  padding-top: 0 !important;
+}
+.is_benefit {
+  ::v-deep .el-form-item__label {
+    color: red;
   }
-  .projectInfo ::v-deep .el-dialog__body{
-    padding-top: 0 !important;
+  ::v-deep .el-radio__input.is-checked + .el-radio__label {
+    color: red;
   }
-  .tabPic{
-    width: 40px !important;
-    height: 40px !important;
-    img{
-      width: 100%;
-      height: 100%;
-    }
-  }
-  .sp {
-    display: block;
-    width: 33%;
-    margin-bottom: 20px;
-  }
-
-  .sp100 {
+}
+.pictrue {
+  width: 60px;
+  height: 60px;
+  border: 1px dotted rgba(0, 0, 0, 0.1);
+  margin-right: 10px;
+  position: relative;
+  cursor: pointer;
+  img {
     width: 100%;
-    margin-bottom: 15px;
-    display: inline-block;
+    height: 100%;
   }
-  .third{
-    width: 100%;
+}
+::v-deep .el-upload--picture-card {
+  width: 58px;
+  height: 58px;
+  line-height: 70px;
+}
+.btndel {
+  position: absolute;
+  z-index: 1;
+  width: 20px !important;
+  height: 20px !important;
+  left: 46px;
+  top: -4px;
+}
+.upload {
+  display: flex;
+  flex-direction: row;
+  align-content: center;
+  height: 60px;
+  // line-height: 60px;
+  margin-bottom: 10px;
+  &_right {
     display: flex;
+    height: 60px;
   }
-  .pictrue {
+  &_left {
+    width: 115px;
+  }
+  .txt {
     width: 60px;
     height: 60px;
-    border: 1px dotted rgba(0, 0, 0, 0.1);
+    line-height: 60px;
+    overflow: hidden;
+    display: inline-block;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    border: 1px solid #dcdfe6;
+    border-radius: 4px;
     margin-right: 10px;
-    position: relative;
-    cursor: pointer;
-    display: inline-block;
-    img {
-      width: 100%;
-      height: 100%;
-    }
+    color: blue;
   }
-  .demo-image__preview{
-    display: inline-block;
+}
+.projectInfo ::v-deep .el-tabs__content {
+  padding-left: 10px !important;
+}
+.tabPic {
+  width: 40px !important;
+  height: 40px !important;
+  img {
+    width: 100%;
+    height: 100%;
   }
-  .contentPic{
-    text-align: center;
+}
+.sp {
+  display: block;
+  width: 33%;
+  margin-bottom: 20px;
+}
+.sp100 {
+  width: 100%;
+  margin-bottom: 15px;
+  display: inline-block;
+}
+.third {
+  width: 100%;
+  display: flex;
+}
+.pictrue {
+  width: 60px;
+  height: 60px;
+  border: 1px dotted rgba(0, 0, 0, 0.1);
+  margin-right: 10px;
+  position: relative;
+  cursor: pointer;
+  display: inline-block;
+  vertical-align: middle;
+  img {
+    width: 100%;
+    height: 100%;
   }
+}
+.demo-image__preview {
+  display: inline-block;
+  vertical-align: middle;
+}
 </style>