From d14e2c9eab2ce28f1f04285d30d6a579df9e1dc5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A5=8F?= <1978476055@qq.com>
Date: Tue, 24 Dec 2024 17:39:10 +0800
Subject: [PATCH] =?UTF-8?q?=E9=93=B8=E6=BA=90=E6=98=9F,=E4=BC=98=E6=83=A0?=
 =?UTF-8?q?=E5=88=B8,=E8=83=BD=E9=87=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/modules/marketing.js               |   30 +
 .../marketing/energy/energyConfig/index.vue   |  201 +++
 .../marketing/energy/energyGoods/editAttr.vue | 1417 +++++++++++++++++
 .../marketing/energy/energyGoods/index.vue    | 1406 ++++++++++++++++
 .../marketing/energy/energyGoods/info.vue     | 1281 +++++++++++++++
 src/views/marketing/energy/index.vue          |    3 +
 src/views/order/list/orderDetails.vue         |    4 +-
 src/views/order/refund/refundDetail.vue       |    3 +
 8 files changed, 4343 insertions(+), 2 deletions(-)
 create mode 100644 src/views/marketing/energy/energyConfig/index.vue
 create mode 100644 src/views/marketing/energy/energyGoods/editAttr.vue
 create mode 100644 src/views/marketing/energy/energyGoods/index.vue
 create mode 100644 src/views/marketing/energy/energyGoods/info.vue
 create mode 100644 src/views/marketing/energy/index.vue

diff --git a/src/router/modules/marketing.js b/src/router/modules/marketing.js
index 3d43b7f..6b354ba 100644
--- a/src/router/modules/marketing.js
+++ b/src/router/modules/marketing.js
@@ -199,6 +199,36 @@ const marketingRouter =
         }
       ]
     },
+    {
+      path: 'energy',
+      name: 'energy',
+      meta: {
+        title: '能量管理',
+        noCache: true
+      },
+      redirect: 'noRedirect',
+      component: () => import('@/views/marketing/energy/index'),
+      children: [
+        {
+          path: 'energyConfig',
+          name: 'energyConfig',
+          meta: {
+            title: '能量配置',
+            noCache: true
+          },
+          component: () => import('@/views/marketing/energy/energyConfig/index')
+        },
+        {
+          path: 'list',
+          name: 'energyList',
+          meta: {
+            title: '能量列表',
+            noCache: true
+          },
+          component: () => import('@/views/marketing/energy/energyGoods/index.vue')
+        }
+      ]
+    },
     {
       path: 'allDiscount',
       name: 'allDiscount',
diff --git a/src/views/marketing/energy/energyConfig/index.vue b/src/views/marketing/energy/energyConfig/index.vue
new file mode 100644
index 0000000..d01b376
--- /dev/null
+++ b/src/views/marketing/energy/energyConfig/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/energy/energyGoods/editAttr.vue b/src/views/marketing/energy/energyGoods/editAttr.vue
new file mode 100644
index 0000000..935b27a
--- /dev/null
+++ b/src/views/marketing/energy/energyGoods/editAttr.vue
@@ -0,0 +1,1417 @@
+<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,
+        },
+      ],
+      give_discount_rate: "",
+    };
+  },
+  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;
+      // }
+      // console.log(i);
+      if (i == "cost") {
+        if (
+          toFixedNoRounding(1 - Number(val.cost) / Number(val.original_cost)) <
+          this.give_discount_rate
+        ) {
+          return this.$message.warning("成本价过高请重新调整!!!");
+        }
+        // console.log(
+        //   toFixedNoRounding(1 - Number(val.cost) / Number(val.original_cost))
+        // );
+        val.give_discount = toFixedNoRounding(
+          1 - Number(val.cost) / Number(val.original_cost)
+        );
+        // val.price = toFixedNoRounding(
+        //   val.original_price *
+        //     (1 -
+        //       toFixedNoRounding(
+        //         1 - Number(val.cost) / Number(val.original_cost)
+        //       ))
+        // );
+        val.price = toFixedNoRounding(val.cost / 0.89);
+      }
+    },
+    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;
+          this.give_discount_rate = res.data?.sce_give_discount_rate || 0;
+          // 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/energy/energyGoods/index.vue b/src/views/marketing/energy/energyGoods/index.vue
new file mode 100644
index 0000000..8ae300e
--- /dev/null
+++ b/src/views/marketing/energy/energyGoods/index.vue
@@ -0,0 +1,1406 @@
+<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
+        >
+        <el-button type="primary" size="small" @click="exports"
+          >导出列表</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="old_product_id"
+          label="原产品ID"
+          min-width="80"
+        />
+        <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 key="8" label="操作" min-width="180" fixed="right">
+          <template slot-scope="scope">
+            <el-button
+              type="text"
+              size="small"
+              @click="onEdit(scope.row.product_id)"
+              >编辑</el-button
+            >
+            <el-button type="text" size="small" @click="onEditDate(scope.row)"
+              >编辑时间</el-button
+            >
+            <el-button type="text" size="small" @click="onAuditFree(scope.row)"
+              >价格编辑</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="audit"
+              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>
+    <!--编辑时间-->
+    <el-dialog
+      v-if="dialogDate"
+      title="编辑时间"
+      :visible.sync="dialogDate"
+      width="470px"
+      :before-close="handleClose"
+    >
+      <el-form
+        ref="dateForm"
+        :model="dateForm"
+        size="small"
+        @submit.native.prevent
+      >
+        <el-form-item prop="date">
+          <el-date-picker
+            v-model="dateForm.date"
+            type="date"
+            placeholder="选择日期"
+          >
+          </el-date-picker>
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button size="small" @click="dialogDate = false">取消</el-button>
+        <el-button
+          type="primary"
+          size="small"
+          @click="submitDateForm('dateForm')"
+          >提交</el-button
+        >
+      </span>
+    </el-dialog>
+    <edit-attr ref="editAttr" />
+  </div>
+</template>
+
+<script>
+import {
+  seckillChangeApi,
+  seckillProductLstApi,
+  seckillProductDetailApi,
+  categoryListApi,
+  seckillProductUpdateApi,
+  seckillLstFilterApi,
+  seckillMerSelectApi,
+  seckillProductOffApi,
+  getProductLabelApi,
+  updatetSeckillLabel,
+  updatetSeckillUpdate,
+  exportSeckillApi,
+} 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 createWorkBook from "@/utils/newToExcel.js";
+import editAttr from "./editAttr";
+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, editAttr },
+  data() {
+    return {
+      ruleValidate: {},
+      pickerOptions: timeOptions,
+      timeVal: [],
+      dialogVisible: false,
+      detailDialog: false,
+      dateForm: {
+        date: "",
+      },
+      checkboxGroup: [],
+      formValidate: {
+        is_hot: 0,
+        is_best: 0,
+        is_new: 0,
+        is_benefit: 0,
+        ficti: 1,
+        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: [
+        { 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,
+      dialogDate: false,
+      seckill_active_id: "",
+      labelForm: {},
+    };
+  },
+  mounted() {
+    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.timeVal = [];
+      this.tableFrom.seckill_time = "";
+      this.$refs.searchForm.resetFields();
+      this.getList(1);
+    },
+    async exports() {
+      let excelData = JSON.parse(JSON.stringify(this.tableFrom)),
+        data = [];
+      excelData.page = 1;
+      excelData.limit = 200;
+      let pageCount = 1;
+      let lebData = {};
+      for (let i = 0; i < pageCount; i++) {
+        lebData = await this.downData(excelData);
+        pageCount = Math.ceil(lebData.count / excelData.limit);
+        if (lebData.export.length) {
+          data = data.concat(lebData.export);
+          excelData.page++;
+        }
+      }
+      createWorkBook(
+        lebData.header,
+        lebData.title,
+        data,
+        lebData.foot,
+        lebData.filename
+      );
+      return;
+    },
+    /**订单列表 */
+    downData(excelData) {
+      return new Promise((resolve, reject) => {
+        exportSeckillApi(excelData).then((res) => {
+          return resolve(res.data);
+        });
+      });
+    },
+    // 价格编辑
+    onAuditFree(row) {
+      console.log(row);
+
+      this.$refs.editAttr.getAttrDetail(row.product_id);
+    },
+    // 具体日期
+    onchangeTime(e) {
+      this.timeVal = e;
+      this.tableFrom.seckill_time = 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,
+      };
+    },
+    // 编辑时间
+    onEditDate(row) {
+      this.dialogDate = true;
+      this.seckill_active_id = row.seckillActive.seckill_active_id;
+      this.dateForm = {
+        date: row.seckillActive.start_day,
+      };
+    },
+    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;
+        }
+      });
+    },
+    submitDateForm(name) {
+      this.$refs[name].validate((valid) => {
+        if (valid) {
+          updatetSeckillUpdate(this.seckill_active_id, this.dateForm).then(
+            ({ message }) => {
+              this.$message.success(message);
+              this.getList("");
+              this.dialogDate = 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.$refs["dateForm"].resetFields();
+      this.dialogVisible = false;
+      this.dialogLabel = false;
+      this.dialogDate = 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/energy/energyGoods/info.vue b/src/views/marketing/energy/energyGoods/info.vue
new file mode 100644
index 0000000..fc129a4
--- /dev/null
+++ b/src/views/marketing/energy/energyGoods/info.vue
@@ -0,0 +1,1281 @@
+<template>
+  <el-dialog
+    v-if="dialogVisible"
+    title="商品审核"
+    v-el-drag-dialog
+    :visible.sync="dialogVisible"
+    :append-to-body="isAppend"
+    width="1260px"
+    top="60px"
+    :before-close="handleClose"
+    class="projectInfo"
+  >
+    <!-- <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="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" 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">
+              <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="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 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>
+        </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 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="80"
+              >
+                <template slot-scope="scope">
+                  <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="120"
+                >
+                  <template slot-scope="scope">
+                    <span class="priceBox" v-text="scope.row.extension_one" />
+                  </template>
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  label="二级返佣(元)"
+                  min-width="120"
+                >
+                  <template slot-scope="scope">
+                    <span class="priceBox" v-text="scope.row.extension_two" />
+                  </template>
+                </el-table-column>
+              </template> -->
+            </el-table>
+          </template>
+          <template v-if="projectData.spec_type === 1">
+            <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">
+                      <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="80"
+              >
+                <template slot-scope="scope">
+                  <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="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="120"
+                >
+                  <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="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 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
+        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 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: "",
+  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: "",
+      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: "",
+  extension_type: 0,
+  content: "",
+  spec_type: 0,
+};
+const objTitle = {
+  original_price: {
+    title: "原售价",
+  },
+  price: {
+    title: "能量",
+  },
+  original_cost: {
+    title: "原成本价",
+  },
+  cost: {
+    title: "成本价",
+  },
+  give_discount: {
+    title: "让利比例",
+  },
+  svip_price: {
+    title: "付费会员价",
+  },
+  ot_price: {
+    title: "市场价",
+  },
+  proportion: {
+    title: "占比",
+  },
+  coupon: {
+    title: "折扣",
+  },
+  stock: {
+    title: "库存",
+  },
+  growth: {
+    title: "成长值",
+  },
+  as_price: {
+    title: "成长值",
+  },
+  bar_code: {
+    title: "商品编号",
+  },
+  weight: {
+    title: "重量（KG）",
+  },
+  volume: {
+    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",
+  props: {
+    isShow: {
+      type: Boolean,
+      default: true,
+    },
+    ids: {
+      type: Array,
+      default: () => [],
+    },
+  },
+
+  directives: {
+    elDragDialog,
+  },
+  data() {
+    return {
+      rules: {
+        status: [
+          { required: true, message: "请选择审核状态", trigger: "change" },
+        ],
+        refusal: [
+          { 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: "",
+        status: 1,
+        id: "",
+        // is_customize: 0,
+        status_img: [],
+      },
+      formThead: Object.assign({}, objTitle),
+      manyTabDate: {},
+      manyTabTit: {},
+      loading: false,
+      dialogVisible: false,
+      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])], // 多规格
+    };
+  },
+  computed: {
+    fileUrl() {
+      return SettingMer.https + `/upload/image/0/file`;
+    },
+    attrValue() {
+      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;
+    },
+  },
+  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() {
+      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";
+    },
+    getInfo(id) {
+      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.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-dialog__body {
+  padding-top: 0 !important;
+}
+.is_benefit {
+  ::v-deep .el-form-item__label {
+    color: red;
+  }
+  ::v-deep .el-radio__input.is-checked + .el-radio__label {
+    color: red;
+  }
+}
+.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-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;
+  }
+  &_left {
+    width: 115px;
+  }
+  .txt {
+    width: 60px;
+    height: 60px;
+    line-height: 60px;
+    overflow: hidden;
+    display: inline-block;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    border: 1px solid #dcdfe6;
+    border-radius: 4px;
+    margin-right: 10px;
+    color: blue;
+  }
+}
+.projectInfo ::v-deep .el-tabs__content {
+  padding-left: 10px !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;
+  vertical-align: middle;
+  img {
+    width: 100%;
+    height: 100%;
+  }
+}
+.demo-image__preview {
+  display: inline-block;
+  vertical-align: middle;
+}
+</style>
diff --git a/src/views/marketing/energy/index.vue b/src/views/marketing/energy/index.vue
new file mode 100644
index 0000000..98240ae
--- /dev/null
+++ b/src/views/marketing/energy/index.vue
@@ -0,0 +1,3 @@
+<template>
+  <router-view />
+</template>
diff --git a/src/views/order/list/orderDetails.vue b/src/views/order/list/orderDetails.vue
index f0cc547..29eb673 100644
--- a/src/views/order/list/orderDetails.vue
+++ b/src/views/order/list/orderDetails.vue
@@ -175,10 +175,10 @@
                       }}
                     </div>
                   </li>
-                  <!-- <li class="item">
+                  <li class="item">
                     <div>优惠券金额：</div>
                     <div class="value">{{ orderDetailList.coupon_price ? orderDetailList.coupon_price : '-' }}</div>
-                  </li> -->
+                  </li>
                   <li v-if="orderDetailList.integral" class="item">
                     <div>铸源星抵扣：</div>
                     <div class="value">
diff --git a/src/views/order/refund/refundDetail.vue b/src/views/order/refund/refundDetail.vue
index cc21da4..79d50c6 100644
--- a/src/views/order/refund/refundDetail.vue
+++ b/src/views/order/refund/refundDetail.vue
@@ -74,6 +74,9 @@
           退货金额：{{ orderDatalist.refund_good_price }}
         </div>
         <div class="description-term">退折扣：{{ orderDatalist.amount }}</div>
+        <div class="description-term">
+          退铸源星：{{ orderDatalist.integral }}
+        </div>
         <div class="description-term">
           退运费金额：{{ orderDatalist.refund_postage }}
         </div>