From b002300ef933c26bfdf666632d09af2c5d3b82e8 Mon Sep 17 00:00:00 2001
From: "DESKTOP-GMUNQ1B\\k" <1154079537@qq.com>
Date: Wed, 27 Mar 2024 16:47:15 +0800
Subject: [PATCH] 1

---
 src/views/merchant/list/index.vue             | 191 +++------
 .../product/productExamine/proDetails.vue     | 368 +++++++++---------
 2 files changed, 236 insertions(+), 323 deletions(-)

diff --git a/src/views/merchant/list/index.vue b/src/views/merchant/list/index.vue
index 9484d0b..9285503 100644
--- a/src/views/merchant/list/index.vue
+++ b/src/views/merchant/list/index.vue
@@ -3,82 +3,35 @@
     <div class="selCard">
       <el-form :model="tableFrom" ref="searchForm" size="small" label-width="85px" :inline="true">
         <el-form-item label="选择时间：">
-          <el-date-picker
-            v-model="timeVal"
-            type="daterange"
-            placeholder="选择日期"
-            format="yyyy/MM/dd"
-            value-format="yyyy/MM/dd"
-            range-separator="-"
-            style="width:280px;"
-            :picker-options="pickerOptions"
-            @change="onchangeTime"
-          />
+          <el-date-picker v-model="timeVal" type="daterange" placeholder="选择日期" format="yyyy/MM/dd"
+            value-format="yyyy/MM/dd" range-separator="-" style="width:280px;" :picker-options="pickerOptions"
+            @change="onchangeTime" />
         </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-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="category_id">
-            <el-select
-            v-model="tableFrom.category_id"
-            clearable
-            placeholder="请选择"
-            class="selWidth"
-            @change="getList(1)"
-          >
-            <el-option
-              v-for="item in merCateList"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
-            />
+        <el-form-item label="商户分类：" prop="category_id">
+          <el-select v-model="tableFrom.category_id" clearable placeholder="请选择" class="selWidth" @change="getList(1)">
+            <el-option v-for="item in merCateList" :key="item.value" :label="item.label" :value="item.value" />
           </el-select>
         </el-form-item>
         <el-form-item label="店铺类型：" prop="type_id">
-          <el-select
-            v-model="tableFrom.type_id"
-            clearable
-            placeholder="请选择"
-            class="selWidth"
-            @change="getList(1)"
-          >
-            <el-option
-              v-for="item in storeType"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
-            />
+          <el-select v-model="tableFrom.type_id" clearable placeholder="请选择" class="selWidth" @change="getList(1)">
+            <el-option v-for="item in storeType" :key="item.value" :label="item.label" :value="item.value" />
           </el-select>
         </el-form-item>
         <el-form-item label="是否推荐：" prop="is_best">
-          <el-select
-            v-model="tableFrom.is_best"
-            clearable
-            placeholder="请选择"
-            class="selWidth"
-            @change="getList(1)"
-          >
-            <el-option key="1" label="是" value="1"/>
-            <el-option key="0" label="否" value="0"/>
+          <el-select v-model="tableFrom.is_best" clearable placeholder="请选择" class="selWidth" @change="getList(1)">
+            <el-option key="1" label="是" value="1" />
+            <el-option key="0" label="否" value="0" />
           </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"
-            clearable
-          />
+          <el-input v-model="tableFrom.keyword" @keyup.enter.native="getList(1)" placeholder="请输入店铺关键字/店铺名/联系电话"
+            class="selWidth" clearable />
         </el-form-item>
         <el-form-item>
           <el-button type="primary" size="small" @click="getList(1)">搜索</el-button>
@@ -88,49 +41,27 @@
     </div>
     <el-card class="mt14">
       <div class="mb20">
-        <el-tabs v-if="headeNum.length > 0" v-model="tableFrom.status" @tab-click="getList(1),getHeadNum()">
-          <el-tab-pane
-            v-for="(item,index) in headeNum"
-            :key="index"
-            :name="item.type.toString()"
-            :label="item.title +'('+item.count +')' "
-          />
+        <el-tabs v-if="headeNum.length > 0" v-model="tableFrom.status" @tab-click="getList(1), getHeadNum()">
+          <el-tab-pane v-for="(item, index) in headeNum" :key="index" :name="item.type.toString()"
+            :label="item.title + '(' + item.count + ')'" />
         </el-tabs>
         <el-button size="small" type="primary" class="mt5" @click="onAdd">添加商户</el-button>
       </div>
-      <el-table
-        v-loading="listLoading"
-        :data="tableData.data"
-        size="small"
-        highlight-current-row
-      >
+      <el-table v-loading="listLoading" :data="tableData.data" size="small" highlight-current-row>
         <el-table-column prop="mer_id" label="ID" min-width="60" />
         <el-table-column prop="mer_name" label="商户名称" min-width="150" />
         <el-table-column prop="real_name" label="商户姓名" min-width="150" />
+        <el-table-column prop="spread" label="推广人" min-width="150" />
         <el-table-column prop="status" label="推荐" min-width="100">
           <template slot-scope="scope">
-            <el-switch
-              v-model="scope.row.is_best"
-              :active-value="1"
-              :inactive-value="0"
-              active-text="是"
-              inactive-text="否"
-              :width="40"
-              @click.native="onchangeIsShow(scope.row)"
-            />
+            <el-switch v-model="scope.row.is_best" :active-value="1" :inactive-value="0" active-text="是"
+              inactive-text="否" :width="40" @click.native="onchangeIsShow(scope.row)" />
           </template>
         </el-table-column>
-         <el-table-column prop="status" label="开启/关闭" min-width="100">
+        <el-table-column prop="status" label="开启/关闭" min-width="100">
           <template slot-scope="scope">
-            <el-switch
-              v-model="scope.row.status"
-              :active-value="1"
-              :inactive-value="0"
-              active-text="开启"
-              inactive-text="关闭"
-              :width="55"
-              @click.native="onchangeIsClose(scope.row)"
-            />
+            <el-switch v-model="scope.row.status" :active-value="1" :inactive-value="0" active-text="开启"
+              inactive-text="关闭" :width="55" @click.native="onchangeIsClose(scope.row)" />
           </template>
         </el-table-column>
         <el-table-column prop="purchase_amount" label="采购金额" min-width="120" />
@@ -138,7 +69,7 @@
         <el-table-column prop="create_time" label="创建时间" min-width="150" />
         <el-table-column prop="margin" label="保证金" min-width="150">
           <template slot-scope="scope">
-            <span>{{scope.row.is_margin == 1 ? '未支付' : scope.row.is_margin == 0 ? '无' : '已支付'}}</span>
+            <span>{{ scope.row.is_margin == 1 ? '未支付' : scope.row.is_margin == 0 ? '无' : '已支付' }}</span>
 
           </template>
         </el-table-column>
@@ -147,48 +78,25 @@
 
         <el-table-column label="操作" min-width="150" fixed="right">
           <template slot-scope="scope">
-            <el-button
-              v-if="tableFrom.status === '1'"
-              type="text"
-              size="small"
-              @click="onLogo(scope.row.mer_id)"
-            >登录</el-button>
+            <el-button v-if="tableFrom.status === '1'" type="text" size="small"
+              @click="onLogo(scope.row.mer_id)">登录</el-button>
             <el-button type="text" size="small" @click="onEdit(scope.row.mer_id)">编辑</el-button>
             <el-button type="text" size="small" @click="onDetails(scope.row.mer_id)">详情</el-button>
-            <el-button
-              v-if="tableFrom.status === '0'"
-              type="text"
-              size="small"
-              @click="handleDelete(scope.row.mer_id, scope.$index)"
-            >删除</el-button>
+            <el-button v-if="tableFrom.status === '0'" type="text" size="small"
+              @click="handleDelete(scope.row.mer_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"
-        />
+        <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>
     <!--商户详情-->
-    <mer-detail
-      ref="merDetail"
-      :merId="merId"
-      :merCateList="merCateList"
-      :storeType="storeType"
-      @closeDrawer="closeDrawer"
-      @changeDrawer="changeDrawer"
-      @onPassword="onPassword"
-      @handleTimes="handleTimes"
-      @getList="getList"
-      :drawer="drawer"
-    ></mer-detail>
+    <mer-detail ref="merDetail" :merId="merId" :merCateList="merCateList" :storeType="storeType"
+      @closeDrawer="closeDrawer" @changeDrawer="changeDrawer" @onPassword="onPassword" @handleTimes="handleTimes"
+      @getList="getList" :drawer="drawer"></mer-detail>
   </div>
 </template>
 <script>
@@ -272,7 +180,7 @@ export default {
   },
   methods: {
     /**重置 */
-    searchReset(){
+    searchReset() {
       this.timeVal = []
       this.tableFrom.date = ""
       this.$refs.searchForm.resetFields()
@@ -302,22 +210,22 @@ export default {
           this.headeNum[0]["count"] = res.data.valid;
           this.headeNum[1]["count"] = res.data.invalid;
         })
-        .catch(res => {});
+        .catch(res => { });
     },
     // 商户分类；
     getMerCategory() {
-        getMerCateApi().then(res => {
-            this.merCateList = res.data
-        }).catch(res => {
-            this.$message.error(res.message)
-        })
+      getMerCateApi().then(res => {
+        this.merCateList = res.data
+      }).catch(res => {
+        this.$message.error(res.message)
+      })
     },
-    getStoreType(){
-        getstoreTypeApi().then(res => {
-            this.storeType = res.data
-        }).catch(res => {
-            this.$message.error(res.message)
-        })
+    getStoreType() {
+      getstoreTypeApi().then(res => {
+        this.storeType = res.data
+      }).catch(res => {
+        this.$message.error(res.message)
+      })
     },
     // 列表
     getList(num) {
@@ -417,5 +325,4 @@ export default {
 };
 </script>
 
-<style scoped lang="scss">
-</style>
+<style scoped lang="scss"></style>
diff --git a/src/views/product/productExamine/proDetails.vue b/src/views/product/productExamine/proDetails.vue
index 7a7d5fa..079b7ea 100644
--- a/src/views/product/productExamine/proDetails.vue
+++ b/src/views/product/productExamine/proDetails.vue
@@ -1,12 +1,7 @@
 <template>
   <div>
-    <el-drawer
-      :with-header="false"
-      :visible.sync="drawer"
-      size="1100px"
-      :direction="direction"
-      :before-close="handleClose"
-    >
+    <el-drawer :with-header="false" :visible.sync="drawer" size="1100px" :direction="direction"
+      :before-close="handleClose">
       <div v-loading="loading">
         <div class="head">
           <div class="full">
@@ -21,7 +16,7 @@
           <ul class="list">
             <li class="item">
               <div class="title">商品类型</div>
-              <div>{{productData.type == 0 ? '普通商品' : productData.type == 1 ? '虚拟商品' : '卡密商品' }}</div>
+              <div>{{ productData.type == 0 ? '普通商品' : productData.type == 1 ? '虚拟商品' : '卡密商品' }}</div>
             </li>
             <li class="item">
               <div class="title">商品状态</div>
@@ -48,57 +43,64 @@
               <ul class="list">
                 <li class="item item100">
                   <div class="item-title">封面图：</div>
-                  <img :src="productData.image" style="width:40px;height:40px;margin-right:12px;"/>
+                  <img :src="productData.image" style="width:40px;height:40px;margin-right:12px;" />
                 </li>
                 <li class="item item100">
                   <div class="item-title">轮播图：</div>
-                  <img v-for="(pic,idx) in productData.slider_image" :key="idx" :src="pic" style="width:40px;height:40px;margin-right:12px;"/>
-                </li>  
+                  <img v-for="(pic, idx) in productData.slider_image" :key="idx" :src="pic"
+                    style="width:40px;height:40px;margin-right:12px;" />
+                </li>
               </ul>
               <li class="item item100">
                 <div class="item-title">商品简介：</div>
-                  <div class="value">{{productData.store_info}}</div>
-                </li>
+                <div class="value">{{ productData.store_info }}</div>
+              </li>
               <ul class="list">
                 <li class="item">
                   <div class="item-title">平台分类：</div>
-                  <div class="value">{{productData.storeCategory&&productData.storeCategory.cate_name || '-'}}</div>
+                  <div class="value">{{ productData.storeCategory && productData.storeCategory.cate_name || '-' }}</div>
                 </li>
-                <li v-if="productData.merCateId&&productData.merCateId.length>0" class="item">
+                <li v-if="productData.merCateId && productData.merCateId.length > 0" class="item">
                   <div class="item-title">商户分类：</div>
                   <div class="value">
-                    <span v-for="(item,index) in productData.merCateId" :key="index">{{item.category&&item.category.cate_name}}&nbsp;&nbsp;&nbsp;&nbsp;</span>
+                    <span v-for="(item, index) in productData.merCateId" :key="index">{{ item.category &&
+      item.category.cate_name }}&nbsp;&nbsp;&nbsp;&nbsp;</span>
                   </div>
                 </li>
                 <li class="item">
                   <div class="item-title">商品标签：</div>
-                  <div v-if="(productData.mer_labels&&productData.mer_labels_data.length) || (productData.sys_labels_data&&productData.sys_labels_data.length)" class="value">
-                    <template v-if="productData.mer_labels_data&&productData.mer_labels_data.length">
-                      <span v-for="(item,index) in productData.mer_labels_data" :key="index" class="value-item"> {{item}} </span> 
+                  <div
+                    v-if="(productData.mer_labels && productData.mer_labels_data.length) || (productData.sys_labels_data && productData.sys_labels_data.length)"
+                    class="value">
+                    <template v-if="productData.mer_labels_data && productData.mer_labels_data.length">
+                      <span v-for="(item, index) in productData.mer_labels_data" :key="index" class="value-item">
+                        {{ item }} </span>
                     </template>
-                    <template v-if="productData.sys_labels_data&&productData.sys_labels_data.length">
-                      <span v-for="(item,index) in productData.sys_labels_data" :key="index" class="value-item"> {{item}} </span>
+                    <template v-if="productData.sys_labels_data && productData.sys_labels_data.length">
+                      <span v-for="(item, index) in productData.sys_labels_data" :key="index" class="value-item">
+                        {{ item }} </span>
                     </template>
                   </div>
                   <div v-else class="value"><span>-</span></div>
                 </li>
                 <li class="item">
                   <div class="item-title">品牌选择：</div>
-                  <div class="value">{{productData.brand&&productData.brand.brand_name || '其它'}}</div>
+                  <div class="value">{{ productData.brand && productData.brand.brand_name || '其它' }}</div>
                 </li>
                 <li class="item">
                   <div class="item-title">单位：</div>
-                  <div class="value">{{productData.unit_name}}</div>
+                  <div class="value">{{ productData.unit_name }}</div>
                 </li>
                 <li class="item">
                   <div class="item-title">关键字：</div>
-                  <div class="value">{{productData.keyword || '-'}}</div>
+                  <div class="value">{{ productData.keyword || '-' }}</div>
                 </li>
                 <li class="item">
                   <div class="item-title">配送方式：</div>
-                  <template v-if="productData.type==0">
-                    <div v-if="productData.delivery_way.length==2" class="value">快递/到店自提</div>
-                    <div v-else-if="productData.delivery_way.length==1">{{productData.delivery_way[0]==1 ? "到店自提" : "快递"}}</div>
+                  <template v-if="productData.type == 0">
+                    <div v-if="productData.delivery_way.length == 2" class="value">快递/到店自提</div>
+                    <div v-else-if="productData.delivery_way.length == 1">{{ productData.delivery_way[0] == 1 ? "到店自提" :
+      "快递" }}</div>
                   </template>
                   <template v-else>
                     <div v-if="productData.type == 1" class="value">虚拟发货</div>
@@ -109,7 +111,8 @@
               <ul v-if="productData.video_link" class="list">
                 <li class="item item100">
                   <div class="item-title">主图视频：</div>
-                  <video style="width:300px;height: 150px;border-radius: 10px;" :src="productData.video_link" controls="controls">
+                  <video style="width:300px;height: 150px;border-radius: 10px;" :src="productData.video_link"
+                    controls="controls">
                     您的浏览器不支持 video 标签。
                   </video>
                 </li>
@@ -121,15 +124,17 @@
               <ul class="list">
                 <li class="item">
                   <div class="item-title">佣金设置：</div>
-                  <div class="value">{{productData.extension_type==1?"单独设置":"默认设置"}}</div>
+                  <div class="value">{{ productData.extension_type == 1 ? "单独设置" : "默认设置" }}</div>
                 </li>
-                 <li v-if="mer_svip_status" class="item">
+                <li v-if="mer_svip_status" class="item">
                   <div>付费会员价设置：</div>
-                  <div class="value">{{productData.svip_price_type==0 ? '不设置会员价' : productData.svip_price_type==1 ? '默认设置会员价' : '自定义设置会员价'}}</div>
+                  <div class="value">{{ productData.svip_price_type == 0 ? '不设置会员价' : productData.svip_price_type == 1 ?
+      '默认设置会员价' :
+      '自定义设置会员价' }}</div>
                 </li>
-                 <li class="item">
+                <li class="item">
                   <div class="item-title">规格：</div>
-                  <div class="value">{{productData.spec_type == 1 ? "多规格" : "单规格"}}</div>
+                  <div class="value">{{ productData.spec_type == 1 ? "多规格" : "单规格" }}</div>
                 </li>
               </ul>
             </div>
@@ -141,14 +146,12 @@
                     <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"
-                          />
+                          <el-image style="width: 60px; height: 60px" :src="scope.row.image" />
                         </div>
                       </template>
                     </el-table-column>
-                    <el-table-column v-for="(item,iii) in attrValue" :key="iii" :label="formThead[iii].title" align="center" min-width="120">
+                    <el-table-column v-for="(item, iii) in attrValue" :key="iii" :label="formThead[iii].title"
+                      align="center" min-width="120">
                       <template slot-scope="scope">
                         <span class="priceBox" v-text="scope.row[iii]" />
                       </template>
@@ -169,13 +172,14 @@
                 </template>
                 <template v-if="productData.spec_type === 1">
                   <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="100">
-                          <template slot-scope="scope">
-                            <span class="priceBox" v-text="scope.row[iii]" />
-                          </template>
-                        </el-table-column>
-                      </template>
+                    <template v-if="manyTabDate">
+                      <el-table-column v-for="(item, iii) in manyTabDate" :key="iii" align="center"
+                        :label="manyTabTit[iii].title" min-width="100">
+                        <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">
@@ -183,7 +187,8 @@
                         </div>
                       </template>
                     </el-table-column>
-                    <el-table-column v-for="(item,iii) in attrValue" :key="iii" :label="formThead[iii].title" align="center" min-width="100">
+                    <el-table-column v-for="(item, iii) in attrValue" :key="iii" :label="formThead[iii].title"
+                      align="center" min-width="100">
                       <template slot-scope="scope">
                         <span class="priceBox">{{ scope.row[iii] }}</span>
                       </template>
@@ -207,7 +212,12 @@
           </el-tab-pane>
           <el-tab-pane label="商品详情" name="detail">
             <div class="section">
-              <div class="contentPic" v-html="productData.content"/>
+              <el-form v-if="productData.content && productData.content.image && productData.content.image.length > 0">
+                <el-form-item label="商品图片">
+                  <el-image style="width:100px;margin-right:10px;" v-for="(item, indx) in productData.content.image"
+                    :key="indx" :src="item" :preview-src-list="productData.content.image" />
+                </el-form-item>
+              </el-form>
             </div>
           </el-tab-pane>
           <el-tab-pane label="营销信息" name="marketing">
@@ -215,11 +225,12 @@
               <ul class="list">
                 <li class="item">
                   <div class="item-title">店铺推荐：</div>
-                  <div class="value">{{productData.is_good ? '是' : '否'}}</div>
+                  <div class="value">{{ productData.is_good ? '是' : '否' }}</div>
                 </li>
                 <li class="item">
                   <div class="item-title">平台推荐：</div>
-                  <div v-if="productData.is_benefit||productData.is_new||productData.is_best||productData.is_hot" class="value">
+                  <div v-if="productData.is_benefit || productData.is_new || productData.is_best || productData.is_hot"
+                    class="value">
                     <span class="value-item" v-if="productData.is_benefit">促销单品</span>
                     <span class="value-item" v-if="productData.is_new">首发新品</span>
                     <span class="value-item" v-if="productData.is_best">精品推荐</span>
@@ -229,7 +240,7 @@
                 </li>
                 <li class="item">
                   <div class="item-title">分销礼包：</div>
-                  <div class="value">{{productData.is_gift_bag ? '是' : '否'}}</div>
+                  <div class="value">{{ productData.is_gift_bag ? '是' : '否' }}</div>
                 </li>
                 <li v-if="productData.star" class="item">
                   <div class="item-title">平台推荐星级：</div>
@@ -237,37 +248,40 @@
                     <el-rate disabled v-model="productData.star" :colors="colors"></el-rate>
                   </div>
                 </li>
-                <li v-if="productData.merchant&&productData.integral_rate!=0" class="item">
+                <li v-if="productData.merchant && productData.integral_rate != 0" class="item">
                   <div class="item-title">积分抵扣比例：</div>
-                  <div v-if="productData.integral_rate == -1&&productData.merchant" class="value">默认设置{{'('+productData.merchant.mer_integral_rate+'%)'}}</div>
-                  <div v-else-if="productData.integral_rate > 0" class="value">单独设置{{'('+productData.integral_rate+'%)'}}</div>
+                  <div v-if="productData.integral_rate == -1 && productData.merchant" class="value">
+                    默认设置{{ '(' + productData.merchant.mer_integral_rate + '%)' }}</div>
+                  <div v-else-if="productData.integral_rate > 0" class="value">
+                    单独设置{{ '(' + productData.integral_rate + '%)' }}</div>
                 </li>
-                <li v-if="productData.integral_rate!=0" class="item">
+                <li v-if="productData.integral_rate != 0" class="item">
                   <div class="item-title">积分抵扣金额：</div>
-                  <div class="value">{{productData.integral_price_total}}元</div>
+                  <div class="value">{{ productData.integral_price_total }}元</div>
                 </li>
-                <li v-if="productData.coupon&&productData.coupon.length>0" class="item">
+                <li v-if="productData.coupon && productData.coupon.length > 0" class="item">
                   <div class="item-title">优惠券(赠送券)：</div>
                   <div class="value">
-                    <span v-for="(itm,idx) in productData.coupon" :key="idx" class="value-item"> {{itm.title}} </span>
+                    <span v-for="(itm, idx) in productData.coupon" :key="idx" class="value-item"> {{ itm.title }}
+                    </span>
                   </div>
                 </li>
                 <li class="item">
                   <div class="item-title">收藏人数：</div>
                   <div class="value">
-                    <span> {{productData.care_count}}人</span>
+                    <span> {{ productData.care_count }}人</span>
                   </div>
                 </li>
                 <li class="item">
                   <div class="item-title">已售数量：</div>
                   <div class="value">
-                    <span> {{productData.ficti}} (指手动添加数量)</span>
+                    <span> {{ productData.ficti }} (指手动添加数量)</span>
                   </div>
                 </li>
                 <li class="item">
                   <div class="item-title">实际销量 ：</div>
                   <div class="value">
-                    <span> {{productData.sales-productData.ficti}} (指实际售出数量)</span>
+                    <span> {{ productData.sales - productData.ficti }} (指实际售出数量)</span>
                   </div>
                 </li>
               </ul>
@@ -278,28 +292,35 @@
               <ul class="list">
                 <li class="item">
                   <div class="item-title">支持退款：</div>
-                  <div class="value">{{productData.refund_switch ? '是' : '否'}}</div>
+                  <div class="value">{{ productData.refund_switch ? '是' : '否' }}</div>
                 </li>
                 <li class="item">
                   <div class="item-title">最少购买件数：</div>
-                  <div class="value">{{productData.once_min_count == 0 ? '不限购' : productData.once_min_count}}</div>
+                  <div class="value">{{ productData.once_min_count == 0 ? '不限购' : productData.once_min_count }}</div>
                 </li>
-                <li v-if="productData.pay_limit!=0" class="item">
+                <li v-if="productData.pay_limit != 0" class="item">
                   <div class="item-title">限购类型：</div>
-                  <div class="value">{{productData.pay_limit==1?'单次限购':'长期限购'}}{{productData.once_min_count+'('+productData.unit_name+')'}}</div>
+                  <div class="value">
+                    {{ productData.pay_limit == 1 ? '单次限购' : '长期限购' }}{{ productData.once_min_count + '(' +
+      productData.unit_name
+      + ')' }}
+                  </div>
                 </li>
-               <li v-if="productData.guarantee" class="item item100">
+                <li v-if="productData.guarantee" class="item item100">
                   <div class="item-title">保障服务：</div>
                   <div class="value" style="width: 250px;">
-                    <span>{{productData.guarantee.template_name}}</span>
-                    <div v-if="productData.guarantee.templateValue && productData.guarantee.templateValue.length>0" style="display: inline;">
-                      【<span v-for="(item,i) in productData.guarantee.templateValue" :key="i" class="value-temp">{{item.value&&item.value.guarantee_name}}</span>】
+                    <span>{{ productData.guarantee.template_name }}</span>
+                    <div v-if="productData.guarantee.templateValue && productData.guarantee.templateValue.length > 0"
+                      style="display: inline;">
+                      【<span v-for="(item, i) in productData.guarantee.templateValue" :key="i" class="value-temp">{{
+      item.value &&
+      item.value.guarantee_name }}</span>】
                     </div>
                   </div>
                 </li>
                 <li v-if="productData.refusal" class="item">
                   <div class="item-title">审核拒绝原因：</div>
-                  <div class="value">{{productData.refusal}}</div>
+                  <div class="value">{{ productData.refusal }}</div>
                 </li>
               </ul>
             </div>
@@ -308,26 +329,16 @@
                 <li class="item item100">
                   <div class="item-title">商户商品参数：</div>
                   <div class="value" style="width: 721px;">
-                    <el-table
-                      border
-                      ref="tableParameter"
-                      :data="merParams"
-                      row-key="parameter_value_id"
-                      size="small"
-                      class="ones"
-                    >
-                      <el-table-column
-                        align="center"
-                        label="参数名称"
-                        width="360"
-                      >
+                    <el-table border ref="tableParameter" :data="merParams" row-key="parameter_value_id" size="small"
+                      class="ones">
+                      <el-table-column align="center" label="参数名称" width="360">
                         <template slot-scope="scope">
-                          <span>{{scope.row.name}}</span>
+                          <span>{{ scope.row.name }}</span>
                         </template>
                       </el-table-column>
                       <el-table-column align="center" label="参数值" width="360">
                         <template slot-scope="scope">
-                          <span>{{scope.row.value}}</span>
+                          <span>{{ scope.row.value }}</span>
                         </template>
                       </el-table-column>
                     </el-table>
@@ -336,26 +347,16 @@
                 <li class="item item100">
                   <div class="item-title">平台商品参数：</div>
                   <div class="value" style="width: 721px;">
-                    <el-table
-                      border
-                      ref="tableParameter"
-                      :data="sysParams"
-                      row-key="parameter_value_id"
-                      size="small"
-                      class="ones"
-                    >
-                      <el-table-column
-                        align="center"
-                        label="参数名称"
-                        width="360"
-                      >
+                    <el-table border ref="tableParameter" :data="sysParams" row-key="parameter_value_id" size="small"
+                      class="ones">
+                      <el-table-column align="center" label="参数名称" width="360">
                         <template slot-scope="scope">
-                          <span>{{scope.row.name}}</span>
+                          <span>{{ scope.row.name }}</span>
                         </template>
                       </el-table-column>
                       <el-table-column align="center" label="参数值" width="360">
                         <template slot-scope="scope">
-                          <span>{{scope.row.value}}</span>
+                          <span>{{ scope.row.value }}</span>
                         </template>
                       </el-table-column>
                     </el-table>
@@ -364,9 +365,11 @@
                 <li class="item item100">
                   <div class="item-title">关联系统表单：</div>
                   <div v-if="!productData.mer_form_id" class="value">关闭</div>
-                  <div v-else-if="productData.mer_form_id && formData.length==0" class="value">表单已被删除</div>
-                  <div v-else-if="formData.length>0 && productData.mer_form_id && activeName=='others'" class="value" style="width: 350px;">
-                    <iframe class="iframe-box" :src="formUrl" frameborder="0" ref="iframe" style="min-height: 300px;"></iframe>
+                  <div v-else-if="productData.mer_form_id && formData.length == 0" class="value">表单已被删除</div>
+                  <div v-else-if="formData.length > 0 && productData.mer_form_id && activeName == 'others'"
+                    class="value" style="width: 350px;">
+                    <iframe class="iframe-box" :src="formUrl" frameborder="0" ref="iframe"
+                      style="min-height: 300px;"></iframe>
                     <!-- <el-table
                     border
                     class="specsList"
@@ -395,95 +398,68 @@
               <ul class="list">
                 <li class="item">
                   <div class="item-title">商户名称：</div>
-                  <div class="value">{{productData.merchant.mer_name}}</div>
+                  <div class="value">{{ productData.merchant.mer_name }}</div>
                 </li>
                 <li class="item">
                   <div class="item-title">商户类别：</div>
-                  <div class="value">{{productData.merchant.is_trader == 1 ? '自营' : '非自营'}}</div>
+                  <div class="value">{{ productData.merchant.is_trader == 1 ? '自营' : '非自营' }}</div>
                 </li>
                 <li class="item">
                   <div class="item-title">店铺类型：</div>
-                  <div class="value">{{productData.merchant.type_name}}</div>
+                  <div class="value">{{ productData.merchant.type_name }}</div>
                 </li>
               </ul>
-            </div> 
+            </div>
           </el-tab-pane>
           <el-tab-pane label="商品操作记录" name="records">
             <div class="section">
               <el-form size="small" label-width="90px">
                 <div class="acea-row">
                   <el-form-item label="操作端：">
-                    <el-select
-                      v-model="recordForm.type"
-                      placeholder="请选择"
-                      class="selWidth mr10"
-                      clearable
-                      filterable
-                      @change="getRecordData(productId)"
-                    >
+                    <el-select v-model="recordForm.type" placeholder="请选择" class="selWidth mr10" clearable filterable
+                      @change="getRecordData(productId)">
                       <el-option label="平台端" value="1" />
                       <el-option label="商户端" value="2" />
                     </el-select>
                   </el-form-item>
                   <el-form-item label="操作时间：">
-                    <el-date-picker
-                      class="selWidth"
-                      v-model="timeVal"
-                      type="datetimerange"
-                      placeholder="选择日期"
-                      value-format="yyyy/MM/dd HH:mm:ss"
-                      clearable
-                      @change="onchangeTime"
-                    >
+                    <el-date-picker class="selWidth" v-model="timeVal" type="datetimerange" placeholder="选择日期"
+                      value-format="yyyy/MM/dd HH:mm:ss" clearable @change="onchangeTime">
                     </el-date-picker>
                   </el-form-item>
                 </div>
               </el-form>
-              <el-table
-                border
-                ref="productRecords"
-                :data="recordData.data"
-                row-key="operate_log_id"
-                size="small"
-                class="ones"
-              >
-                <el-table-column
-                  align="center"
-                  label="序号"
-                  min-width="60"
-                  prop="operate_log_id"
-                />
+              <el-table border ref="productRecords" :data="recordData.data" row-key="operate_log_id" size="small"
+                class="ones">
+                <el-table-column align="center" label="序号" min-width="60" prop="operate_log_id" />
                 <el-table-column align="center" label="操作记录" min-width="120">
                   <template slot-scope="scope">
-                    <span>{{scope.row.category_name}}</span>
+                    <span>{{ scope.row.category_name }}</span>
                   </template>
                 </el-table-column>
                 <el-table-column align="center" label="操作端" min-width="100">
                   <template slot-scope="scope">
-                    <span>{{scope.row.type}}</span>
+                    <span>{{ scope.row.type }}</span>
                   </template>
                 </el-table-column>
                 <el-table-column align="center" label="操作角色" min-width="100">
                   <template slot-scope="scope">
-                    <span>{{scope.row.operator_role_nickname}}</span>
+                    <span>{{ scope.row.operator_role_nickname }}</span>
                   </template>
                 </el-table-column>
                 <el-table-column align="center" label="操作人" min-width="100">
                   <template slot-scope="scope">
-                    <span>{{scope.row.operator_nickname}}</span>
+                    <span>{{ scope.row.operator_nickname }}</span>
                   </template>
                 </el-table-column>
-                <el-table-column
-                  align="center"
-                  label="操作时间"
-                  min-width="100"
-                  prop="create_time"
-                />
+                <el-table-column align="center" label="操作时间" min-width="100" prop="create_time" />
               </el-table>
               <div class="block">
-                <el-pagination :page-size="recordForm.limit" :current-page="recordForm.page" layout="prev, pager, next, jumper" :total="recordData.total" @size-change="handleSizeChange" @current-change="pageChange" />
+                <el-pagination :page-size="recordForm.limit" :current-page="recordForm.page"
+                  layout="prev, pager, next, jumper" :total="recordData.total" @size-change="handleSizeChange"
+                  @current-change="pageChange" />
               </div>
-            </div> 
+            </div>
           </el-tab-pane>
         </el-tabs>
       </div>
@@ -609,7 +585,7 @@ export default {
   computed: {
     attrValue() {
       const obj = Object.assign({}, defaultObj.attrValue[0])
-      if(this.svip_type == 0 || this.mer_svip_status == 0)delete obj.svip_price
+      if (this.svip_type == 0 || this.mer_svip_status == 0) delete obj.svip_price
       delete obj.image
       return obj
     },
@@ -646,16 +622,16 @@ export default {
         this.formThead = Object.assign({}, this.formThead, tmp)
         this.sysParams = []
         this.merParams = []
-        if(res.data.params&&res.data.params.length>0){
-          for(var i=0;i<res.data.params.length;i++){
-            if(res.data.params[i]['mer_id'] == 0){
+        if (res.data.params && res.data.params.length > 0) {
+          for (var i = 0; i < res.data.params.length; i++) {
+            if (res.data.params[i]['mer_id'] == 0) {
               this.sysParams.push(res.data.params[i])
-            }else{
+            } else {
               this.merParams.push(res.data.params[i])
             }
           }
         }
-        if(res.data.mer_form_id)this.getFormInfo(res.data.mer_form_id,res.data.mer_id)
+        if (res.data.mer_form_id) this.getFormInfo(res.data.mer_form_id, res.data.mer_id)
         this.getRecordData(id)
         this.loading = false
       }).catch(res => {
@@ -664,16 +640,16 @@ export default {
       })
     },
     // 关联的表单信息
-    getFormInfo(id,merId){
-      associatedFormInfo(id,{mer_id:merId}).then((res) => {
+    getFormInfo(id, merId) {
+      associatedFormInfo(id, { mer_id: merId }).then((res) => {
         this.formData = res.data
         let time = new Date().getTime() * 1000
         let formUrl = `${this.baseURL}/pages/admin/system_form/index?inner_frame=1&form_id=${id}&time=${time}`;
         this.formUrl = formUrl;
       })
-      .catch((res) => {
-        this.$message.error(res.message)
-      })
+        .catch((res) => {
+          this.$message.error(res.message)
+        })
     },
     // 具体日期
     onchangeTime(e) {
@@ -682,8 +658,8 @@ export default {
       this.getRecordData(this.productData.product_id)
     },
     // 商品操作记录
-    getRecordData(id){
-      operateRecordList(id,this.recordForm)
+    getRecordData(id) {
+      operateRecordList(id, this.recordForm)
         .then(res => {
           this.recordData.data = res.data.list
           this.recordData.total = res.data.count
@@ -701,7 +677,7 @@ export default {
       this.getList('')
     },
     tabClick(tab) {
-   
+
     },
   },
 };
@@ -709,19 +685,24 @@ export default {
 <style lang="scss" scoped>
 .head {
   padding: 20px 35px;
+
   .full {
     display: flex;
     align-items: center;
+
     .order_icon {
       width: 60px;
       height: 60px;
     }
+
     .iconfont {
       color: var(--prev-color-primary);
+
       &.sale-after {
         color: #90add5;
       }
     }
+
     .text {
       align-self: center;
       flex: 1;
@@ -729,6 +710,7 @@ export default {
       padding-left: 12px;
       font-size: 13px;
       color: #606266;
+
       .title {
         margin-bottom: 10px;
         font-weight: 500;
@@ -737,24 +719,28 @@ export default {
         font-weight: bold;
         color: #282828;
       }
+
       .order-num {
         padding-top: 10px;
         white-space: nowrap;
       }
     }
   }
+
   .list {
     display: flex;
     margin-top: 20px;
     overflow: hidden;
     list-style: none;
     padding: 0;
+
     .item {
       flex: none;
       width: 20%;
       font-size: 14px;
       line-height: 14px;
-      color: rgba(0, 0, 0, 0.85);      
+      color: rgba(0, 0, 0, 0.85);
+
       .title {
         margin-bottom: 12px;
         font-size: 13px;
@@ -764,17 +750,21 @@ export default {
     }
   }
 }
-.tabNumWidth{
+
+.tabNumWidth {
   max-height: 350px;
   overflow-y: auto;
-  &:before{
+
+  &:before {
     display: none;
   }
 }
+
 .el-tabs--border-card {
   box-shadow: none;
   border-bottom: none;
 }
+
 .section {
   .title {
     margin-bottom: 20px;
@@ -782,6 +772,7 @@ export default {
     line-height: 15px;
     color: #303133;
   }
+
   .list {
     display: flex;
     flex-wrap: wrap;
@@ -789,6 +780,7 @@ export default {
     padding: 0;
     margin: 0;
   }
+
   .item {
     flex: 0 0 calc(100% / 3);
     display: flex;
@@ -796,56 +788,66 @@ export default {
     font-size: 13px;
     color: #606266;
     align-items: center;
+
     &:nth-child(3n + 1) {
       padding-right: 20px;
     }
+
     &:nth-child(3n + 2) {
       padding-right: 10px;
       padding-left: 10px;
     }
+
     &:nth-child(3n + 3) {
       padding-left: 20px;
     }
-    .item-title{
+
+    .item-title {
       width: 100px;
       text-align: right;
     }
   }
-  .item100{
+
+  .item100 {
     padding-left: 0;
     flex: 0 0 calc(100% / 1);
-    padding-left: 0!important;
+    padding-left: 0 !important;
   }
-  .contentPic{
+
+  .contentPic {
     width: 500px;
     margin: 0 auto;
     max-height: 600px;
     overflow-y: auto;
   }
- 
+
   .value {
     .value-item {
-      &::after{
+      &::after {
         content: "/";
         display: inline-block;
       }
-      &:last-child{
-        &::after{
+
+      &:last-child {
+        &::after {
           display: none;
         }
       }
     }
-    .value-temp{
-       &::after{
+
+    .value-temp {
+      &::after {
         content: "、";
         display: inline-block;
       }
-      &:last-child{
-        &::after{
+
+      &:last-child {
+        &::after {
           display: none;
         }
       }
     }
+
     image {
       display: inline-block;
       width: 40px;
@@ -855,23 +857,27 @@ export default {
     }
   }
 }
-.contentPic ::v-deep img{
+
+.contentPic ::v-deep img {
   max-width: 100%;
 }
+
 .tab {
   display: flex;
   align-items: center;
+
   .el-image {
     width: 36px;
     height: 36px;
     margin-right: 10px;
   }
 }
+
 ::v-deep .el-drawer__body {
   overflow: auto;
 }
-::v-deep .ones th{
+
+::v-deep .ones th {
   background: #F0F5FF;
 }
-
 </style>