diff --git a/src/api/product.js b/src/api/product.js
index 17c1a94..17062bb 100644
--- a/src/api/product.js
+++ b/src/api/product.js
@@ -9,6 +9,14 @@
 // +----------------------------------------------------------------------
 import { dataURItoBlob } from 'dropzone'
 import request from './request'
+
+
+
+// 导出商品数据
+export function outportApi(data) {
+  return request.get('store/product/excel', data)
+}
+
 /*
   上传视频 local
 */
@@ -114,32 +122,32 @@ export function brandStatusApi(id, status) {
 /**
  * @description 标签 -- 新增表单
  */
- export function labelCreateApi() {
-    return request.get('product/label/create/form')
+export function labelCreateApi() {
+  return request.get('product/label/create/form')
 }
 /**
  * @description 标签 -- 编辑表单
  */
- export function labelUpdateApi(id) {
-    return request.get(`product/label/update/${id}/form`)
-  }
+export function labelUpdateApi(id) {
+  return request.get(`product/label/update/${id}/form`)
+}
 /**
  * @description 标签 -- 列表
  */
- export function labelListApi(data) {
-    return request.get('product/label/lst', data)
+export function labelListApi(data) {
+  return request.get('product/label/lst', data)
 }
 /**
  * @description 标签 -- 删除
  */
- export function labelDeleteApi(id) {
-    return request.delete(`product/label/delete/${id}`)
+export function labelDeleteApi(id) {
+  return request.delete(`product/label/delete/${id}`)
 }
 /**
  * @description 标签列表 -- 修改状态
  */
- export function labelStatusApi(id, status) {
-    return request.post(`product/label/status/${id}`, { status })
+export function labelStatusApi(id, status) {
+  return request.post(`product/label/status/${id}`, { status })
 }
 /**
  * @description 商品列表 -- 列表
@@ -300,8 +308,8 @@ export function presellProDetailApi(id) {
 /**
  * @description 预售商品 -- 编辑
  */
-export function presellUpdateApi(id,data) {
-  return request.post(`store/product/presell/update/${id}`,data)
+export function presellUpdateApi(id, data) {
+  return request.post(`store/product/presell/update/${id}`, data)
 }
 /**
  * @description 预售商品审核 -- 表单提交
@@ -325,7 +333,7 @@ export function preSellAgreeInfo() {
  * @description 申请管理 -- 预售协议保存
  */
 export function preSellAgreeUpdate(data) {
-  return request.post(`agreement/sys_product_presell_agree`,data)
+  return request.post(`agreement/sys_product_presell_agree`, data)
 }
 /**
  * @description 助力 -- 列表
@@ -386,79 +394,79 @@ export function assistReviewDetailApi(id) {
 /**
  * @description 助力商品 -- 详情(编辑和查看)
  */
-export function assistProductUpdateApi(id,data) {
-  return request.post(`store/product/assist/update/${id}`,data)
+export function assistProductUpdateApi(id, data) {
+  return request.post(`store/product/assist/update/${id}`, data)
 }
 /**
  * @description 服务保障 -- 添加
  */
 export function guaranteeAddApi() {
-    return request.get(`guarantee/create/form`)
+  return request.get(`guarantee/create/form`)
 }
 /**
  * @description 服务保障 -- 列表
  */
 export function guaranteeLstApi(data) {
-    return request.get(`guarantee/lst`,data)
+  return request.get(`guarantee/lst`, data)
 }
 /**
  * @description 服务保障 -- 编辑排序
  */
-export function guaranteeSortApi(id,data) {
-    return request.post(`guarantee/sort/${id}`,data)
+export function guaranteeSortApi(id, data) {
+  return request.post(`guarantee/sort/${id}`, data)
 }
 /**
  * @description 服务保障 -- 修改显示状态
  */
 export function guaranteeStatusApi(id, status) {
-    return request.post(`guarantee/status/${id}`,  status )
+  return request.post(`guarantee/status/${id}`, status)
 }
 /**
  * @description 服务保障 -- 编辑
  */
 export function guaranteeUpdateApi(id) {
-    return request.get(`guarantee/update/${id}/form`)
+  return request.get(`guarantee/update/${id}/form`)
 }
 /**
  * @description 服务保障 -- 删除
  */
 export function guaranteeDeleteApi(id) {
-    return request.delete(`guarantee/delete/${id}`)
+  return request.delete(`guarantee/delete/${id}`)
 }
 /**
  * @description 商品列表 -- 编辑排序
  */
 export function productSort(id, data) {
-    return request.post(`store/reply/sort/${id}`,data)
+  return request.post(`store/reply/sort/${id}`, data)
 }
 /** 商品列表 -- 获取标签项 */
 export function getProductLabelApi() {
-    return request.get(`product/label/option`)
+  return request.get(`product/label/option`)
 }
 /** 商品列表 -- 编辑标签 */
 export function updatetProductLabel(id, data) {
-    return request.post(`store/product/labels/${id}`, data)
+  return request.post(`store/product/labels/${id}`, data)
 }
 /** 秒杀列表 -- 编辑标签 */
 export function updatetSeckillLabel(id, data) {
-    return request.post(`seckill/product/labels/${id}`, data)
+  return request.post(`seckill/product/labels/${id}`, data)
 }
 /** 预售列表 -- 编辑标签 */
-  export function updatetPresellLabel(id, data) {
-    return request.post(`store/product/presell/labels/${id}`, data)
+export function updatetPresellLabel(id, data) {
+  return request.post(`store/product/presell/labels/${id}`, data)
 }
 /** 助力列表 -- 编辑标签 */
 export function updatetAssistLabel(id, data) {
-    return request.post(`store/product/assist/labels/${id}`, data)
+  return request.post(`store/product/assist/labels/${id}`, data)
 }
 /** 拼团列表 -- 编辑标签 */
 export function updatetCombinationLabel(id, data) {
-    return request.post(`store/product/group/labels/${id}`, data)
+  return request.post(`store/product/group/labels/${id}`, data)
 }
 /**
  * @description 上传视频
  */
- export function productGetTempKeysApi() {
+export function productGetTempKeysApi() {
   return request.get(`upload/temp_key`)
 }
 /** 商品列表 -- 批量设置标签 */
@@ -491,15 +499,15 @@ export function deletePriceRuleApi(id) {
 }
 /** 价格说明 -- 是否显示 */
 export function priceRuleStatusApi(id, status) {
-  return request.post(`price_rule/status/${id}`,status)
+  return request.post(`price_rule/status/${id}`, status)
 }
 /** 参数模板 -- 添加 */
 export function productSpecs(data) {
-  return request.post(`store/params/temp/create`,data)
+  return request.post(`store/params/temp/create`, data)
 }
 /** 参数模板 -- 编辑 */
 export function specsUpdate(id, data) {
-  return request.post(`store/params/temp/update/${id}`,data)
+  return request.post(`store/params/temp/update/${id}`, data)
 }
 /** 参数模板 -- 详情 */
 export function productSpecsInfo(id) {
@@ -525,6 +533,6 @@ export function merProductLstApi(data) {
   return request.get(`store/product/list`, data)
 }
 /** 商品列表 -- 商品操作记录 */
-export function operateRecordList(id,data) {
-  return request.get(`store/product/get_operate_list/${id}`,data)
+export function operateRecordList(id, data) {
+  return request.get(`store/product/get_operate_list/${id}`, data)
 }
\ No newline at end of file
diff --git a/src/views/marketing/assist/assist_goods/info.vue b/src/views/marketing/assist/assist_goods/info.vue
index 3a92657..6c62280 100644
--- a/src/views/marketing/assist/assist_goods/info.vue
+++ b/src/views/marketing/assist/assist_goods/info.vue
@@ -1,25 +1,20 @@
 <template>
-  <el-dialog
-    v-if="dialogVisible"
-    title="商品审核"
-    :visible.sync="dialogVisible"
-    width="900px"
-    :before-close="handleClose"
-    class="projectInfo"
-  >
+  <el-dialog v-if="dialogVisible" title="商品审核" :visible.sync="dialogVisible" width="900px" :before-close="handleClose"
+    class="projectInfo">
     <el-tabs v-if="projectData && isShow" v-model="activeNames" v-loading="loading">
       <el-tab-pane label="商品信息" name="first">
         <div class="acea-row">
           <span class="sp100">商品名称：{{ projectData.store_name }}</span>
-          <span class="sp">平台分类：{{ projectData.storeCategory?projectData.storeCategory.cate_name:'' }}</span>
-          <span class="sp">品牌：{{ projectData.brand?projectData.brand.brand_name:'' }}</span>
+          <span class="sp">平台分类：{{ projectData.storeCategory ? projectData.storeCategory.cate_name : '' }}</span>
+          <span class="sp">品牌：{{ projectData.brand ? projectData.brand.brand_name : '' }}</span>
           <span class="sp">商品关键字：{{ projectData.keyword }}</span>
           <span class="sp">商品单位：{{ projectData.unit_name }}</span>
-          <span class="sp">运费模板：{{ projectData.temp?projectData.temp.name:'' }}</span>
+          <span class="sp">运费模板：{{ projectData.temp ? projectData.temp.name : '' }}</span>
           <span class="sp100">
             商品分类：
             <template v-if="projectData.merCateId">
-              <span v-for="(item, index) in projectData.merCateId" :key="index" class="mr10">{{ item.category?item.category.cate_name:'' }}</span>
+              <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>
@@ -27,31 +22,20 @@
           <span class="sp100">
             商品封面图：
             <div class="demo-image__preview">
-              <el-image
-                style="width: 60px; height: 60px"
-                :src="projectData.image"
-                :preview-src-list="[projectData.image]"
-              />
+              <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 v-for="(item, index) in projectData.slider_image" :key="index" class="pictrue">
+              <el-image style="width: 60px; height: 60px" :src="item" :preview-src-list="[item]" />
             </div>
           </span>
         </div>
       </el-tab-pane>
       <el-tab-pane label="商品详情" name="second">
         <span class="sp100">商品详情：</span>
-        <div class="contentPic" v-html="projectData.content"/>
+        <div class="contentPic" v-html="projectData.content" />
       </el-tab-pane>
       <el-tab-pane label="其他设置" name="third">
         <span class="sp100">商品排序：{{ projectData.sort }}</span>
@@ -66,14 +50,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>
@@ -96,13 +78,14 @@
           </template>
           <template v-if="projectData.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="80">
-                    <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="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">
@@ -110,7 +93,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="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">{{ scope.row[iii] }}</span>
                 </template>
@@ -139,7 +123,7 @@
           <el-radio :label="-1">拒绝</el-radio>
         </el-radio-group>
       </el-form-item>
-      <el-form-item v-if="ruleForm.status===-1" label="原因" prop="refusal">
+      <el-form-item v-if="ruleForm.status === -1" label="原因" prop="refusal">
         <el-input v-model="ruleForm.refusal" type="textarea" placeholder="请输入原因" />
       </el-form-item>
       <el-form-item>
@@ -296,8 +280,8 @@ export default {
           this.OneattrValue[0]['stock'] = this.OneattrValue[0]['assistSku']['stock']
         } else {
           this.ManyAttrValue = []
-          res.data.attrValue.forEach((o,i)=>{
-            if(o.assistSku){
+          res.data.attrValue.forEach((o, i) => {
+            if (o.assistSku) {
               this.ManyAttrValue.push(o)
               this.ManyAttrValue[i]['price'] = this.ManyAttrValue[i]['assistSku']['assist_price']
               this.ManyAttrValue[i]['stock'] = this.ManyAttrValue[i]['assistSku']['stock']
@@ -324,49 +308,57 @@ export default {
 </script>
 
 <style scoped lang="scss">
-  .projectInfo ::v-deep .el-dialog__body{
-    padding-top: 0 !important;
-  }
-  .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;
-  }
+.projectInfo ::v-deep .el-dialog__body {
+  padding-top: 0 !important;
+}
 
-  .sp100 {
+.projectInfo ::v-deep .el-tabs__content {
+  padding-left: 10px !important;
+}
+
+.tabPic {
+  width: 40px !important;
+  height: 40px !important;
+
+  img {
     width: 100%;
-    margin-bottom: 15px;
-    display: inline-block;
+    height: 100%;
   }
-  .third{
+}
+
+.sp {
+  display: block;
+  width: 33%;
+  margin-bottom: 20px;
+}
+
+.sp100 {
+  width: 100%;
+  margin-bottom: 15px;
+  display: inline-block;
+}
+
+.third {
+  width: 100%;
+  display: flex;
+}
+
+.pictrue {
+  width: 60px;
+  height: 60px;
+  border: 1px dotted rgba(0, 0, 0, 0.1);
+  margin-right: 10px;
+  position: relative;
+  cursor: pointer;
+  display: inline-block;
+
+  img {
     width: 100%;
-    display: flex;
-  }
-  .pictrue {
-    width: 60px;
-    height: 60px;
-    border: 1px dotted rgba(0, 0, 0, 0.1);
-    margin-right: 10px;
-    position: relative;
-    cursor: pointer;
-    display: inline-block;
-    img {
-      width: 100%;
-      height: 100%;
-    }
-  }
-  .demo-image__preview{
-    display: inline-block;
+    height: 100%;
   }
+}
+
+.demo-image__preview {
+  display: inline-block;
+}
 </style>
diff --git a/src/views/product/productExamine/index.vue b/src/views/product/productExamine/index.vue
index 4000e07..13c661e 100644
--- a/src/views/product/productExamine/index.vue
+++ b/src/views/product/productExamine/index.vue
@@ -61,6 +61,12 @@
           <el-input v-model="tableFrom.keyword" @keyup.enter.native="getList(1)" placeholder="请输入商品名称，关键字，产品编号"
             class="selWidth" />
         </el-form-item>
+
+        <el-form-item label="时间：" prop="date">
+          <el-date-picker v-model="timeVal" value-format="yyyy/MM/dd" format="yyyy/MM/dd" type="daterange"
+            start-placeholder="开始日期" end-placeholder="结束日期" @change="handleDateChange" />
+        </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>
@@ -68,6 +74,7 @@
       </el-form>
     </div>
     <el-card class="mt14">
+      <el-button size="small" type="primary" @click="exports">导出</el-button>
       <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 + ')'" />
@@ -290,13 +297,15 @@ import {
   updatetProductLabel,
   batchesLabelsApi,
   batchesRecommendApi,
-  batchesOnOffApi
+  batchesOnOffApi,
+  outportApi
 } from '@/api/product'
 import { roterPre } from '@/settings'
 import infoFrom from './info'
 import ueditorFrom from '@/components/ueditorFrom'
 import previewBox from '@/components/previewBox/index'
 import proDetail from './proDetails.vue';
+import createWorkBook from '@/utils/newToExcel.js';
 const proOptions = [{
   name: '热门榜单',
   value: 'is_hot'
@@ -320,6 +329,7 @@ export default {
   },
   data() {
     return {
+      timeVal: [],
       props: {
         emitPath: false
       },
@@ -402,6 +412,7 @@ export default {
         is_trader: '',
         hot_type: '',
         star: '',
+        date: '',
         svip_price_type: '',
         product_id: this.$route.query.id ? this.$route.query.id : ""
       },
@@ -442,6 +453,8 @@ export default {
 
     /**重置 */
     searchReset() {
+      this.timeVal = [];
+      this.tableFrom.date = '';
       this.$refs.searchForm.resetFields()
       this.getList(1)
     },
@@ -686,6 +699,37 @@ export default {
         this.$message.error(res.message)
       })
     },
+
+    handleDateChange(e) {
+      this.tableFrom.date = e[0] + '-' + e[1];
+    },
+
+    // 导出
+    async exports() {
+      let excelData = JSON.parse(JSON.stringify(this.tableFrom)), data = []
+      excelData.page = 1
+      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) => {
+        outportApi(excelData).then((res) => {
+          return resolve(res.data)
+        })
+      })
+    },
+
     batch() {
       if (this.multipleSelection.length === 0) return this.$message.warning('请先选择商品')
       this.$refs.infoFrom.dialogVisible = true
diff --git a/src/views/product/productExamine/info.vue b/src/views/product/productExamine/info.vue
index c5ad86f..9297c54 100644
--- a/src/views/product/productExamine/info.vue
+++ b/src/views/product/productExamine/info.vue
@@ -1,27 +1,23 @@
 <template>
-  <el-dialog
-    v-if="dialogVisible"
-    title="商品审核"
-    :visible.sync="dialogVisible"
-    :append-to-body='isAppend'
-    width="860px"
-    :before-close="handleClose"
-    class="projectInfo"
-  >
+  <el-dialog v-if="dialogVisible" title="商品审核" :visible.sync="dialogVisible" :append-to-body='isAppend' width="860px"
+    :before-close="handleClose" class="projectInfo">
     <el-tabs v-if="projectData && isShow" v-model="activeNames" v-loading="loading">
       <el-tab-pane label="商品信息" name="first">
         <div class="acea-row">
           <span class="sp">商品名称：{{ projectData.store_name }}</span>
-          <span class="sp">平台分类：{{ projectData.storeCategory?projectData.storeCategory.cate_name:'' }}</span>
-          <span class="sp">品牌：{{ projectData.brand?projectData.brand.brand_name:'其他' }}</span>
+          <span class="sp">平台分类：{{ projectData.storeCategory ? projectData.storeCategory.cate_name : '' }}</span>
+          <span class="sp">品牌：{{ projectData.brand ? projectData.brand.brand_name : '其他' }}</span>
           <span class="sp">商品关键字：{{ projectData.keyword }}</span>
           <span class="sp">商品单位：{{ projectData.unit_name }}</span>
-          <span class="sp" 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 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 class="sp100">
             商品分类：
             <template v-if="projectData.merCateId">
-              <span v-for="(item, index) in projectData.merCateId" :key="index" class="mr10">{{ item.category?item.category.cate_name:'' }}</span>
+              <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>
@@ -29,50 +25,45 @@
           <span class="sp100">
             商品封面图：
             <div class="demo-image__preview">
-              <el-image
-                style="width: 60px; height: 60px"
-                :src="projectData.image"
-                :preview-src-list="[projectData.image]"
-              />
+              <el-image style="width: 60px; height: 60px" :src="projectData.image"
+                :preview-src-list="[projectData.image]" />
             </div>
           </span>
-           <span v-if="projectData.video_link" class="sp100">
+          <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>
+            <video style="width:40%;height: 180px;border-radius: 10px;" :src="projectData.video_link"
+              controls="controls">
+              您的浏览器不支持 video 标签。
+            </video>
           </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 v-for="(item, index) in projectData.slider_image" :key="index" class="pictrue">
+              <el-image style="width: 60px; height: 60px" :src="item" :preview-src-list="[item]" />
             </div>
           </span>
         </div>
       </el-tab-pane>
       <el-tab-pane label="商品详情" name="second">
-        <span class="sp100">商品详情：</span>
-        <div class="contentPic" v-html="projectData.content"/>
+        <el-form v-if="projectData && projectData.content">
+          <el-form-item label="商品详情：">
+            <el-image style="width:100px;" :src="srcParse(projectData.content)"
+              :preview-src-list="[srcParse(projectData.content)]"></el-image>
+          </el-form-item>
+        </el-form>
       </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 v-for="(item, index) in recommend" :key="index" disabled :label="item.value">{{ item.name
+              }}</el-checkbox>
           </el-checkbox-group>
         </span>
         <span v-if="projectData.guarantee && projectData.guarantee.templateValue.length" class="third mb20">
           <span>服务保障：</span>
-          <span v-for="(item,index) in projectData.guarantee.templateValue" :key="index">
-              <span v-if="item.value">{{index+1}}. {{item.value.guarantee_name}}；</span>
+          <span v-for="(item, index) in projectData.guarantee.templateValue" :key="index">
+            <span v-if="item.value">{{ index + 1 }}. {{ item.value.guarantee_name }}；</span>
           </span>
         </span>
       </el-tab-pane>
@@ -86,14 +77,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>
@@ -114,13 +103,14 @@
           </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>
+              <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">
@@ -128,7 +118,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="80">
+              <el-table-column v-for="(item, iii) in attrValue" :key="iii" :label="formThead[iii].title" align="center"
+                min-width="80">
                 <template slot-scope="scope">
                   <span class="priceBox">{{ scope.row[iii] }}</span>
                 </template>
@@ -157,14 +148,14 @@
           <el-radio :label="-1">拒绝</el-radio>
         </el-radio-group>
       </el-form-item>
-      <el-form-item v-if="ruleForm.status===-1" label="原因" prop="refusal">
+      <el-form-item v-if="ruleForm.status === -1" label="原因" prop="refusal">
         <el-input v-model="ruleForm.refusal" type="textarea" placeholder="请输入原因" />
       </el-form-item>
     </el-form>
     <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>
+    </div>
   </el-dialog>
 </template>
 
@@ -285,7 +276,7 @@ export default {
   computed: {
     attrValue() {
       const obj = Object.assign({}, defaultObj.attrValue[0])
-      if(this.svip_type == 0)delete obj.svip_price
+      if (this.svip_type == 0) delete obj.svip_price
       delete obj.image
       return obj
     },
@@ -296,6 +287,9 @@ export default {
     }
   },
   methods: {
+    srcParse(e) {
+      return e.image[0]
+    },
     onSubmit() {
       this.isShow ? this.ruleForm.id = this.proId : this.ruleForm.id = this.ids
       productStatusApi(this.ruleForm).then(res => {
@@ -318,7 +312,7 @@ export default {
       productDetailApi(id).then(res => {
         this.projectData = res.data
         this.svip_type = res.data.svip_price_type
-       
+
         if (this.projectData.spec_type === 0) {
           this.OneattrValue = res.data.attrValue
         } else {
@@ -350,48 +344,57 @@ export default {
 </script>
 
 <style scoped lang="scss">
-  .projectInfo ::v-deep .el-dialog__body{
-    padding-top: 0 !important;
-  }
-  .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 {
+.projectInfo ::v-deep .el-dialog__body {
+  padding-top: 0 !important;
+}
+
+.projectInfo ::v-deep .el-tabs__content {
+  padding-left: 10px !important;
+}
+
+.tabPic {
+  width: 40px !important;
+  height: 40px !important;
+
+  img {
     width: 100%;
-    margin-bottom: 15px;
-    display: inline-block;
+    height: 100%;
   }
-  .third{
+}
+
+.sp {
+  display: block;
+  width: 33%;
+  margin-bottom: 20px;
+}
+
+.sp100 {
+  width: 100%;
+  margin-bottom: 15px;
+  display: inline-block;
+}
+
+.third {
+  width: 100%;
+  display: flex;
+}
+
+.pictrue {
+  width: 60px;
+  height: 60px;
+  border: 1px dotted rgba(0, 0, 0, 0.1);
+  margin-right: 10px;
+  position: relative;
+  cursor: pointer;
+  display: inline-block;
+
+  img {
     width: 100%;
-    display: flex;
-  }
-  .pictrue {
-    width: 60px;
-    height: 60px;
-    border: 1px dotted rgba(0, 0, 0, 0.1);
-    margin-right: 10px;
-    position: relative;
-    cursor: pointer;
-    display: inline-block;
-    img {
-      width: 100%;
-      height: 100%;
-    }
-  }
-  .demo-image__preview{
-    display: inline-block;
+    height: 100%;
   }
+}
+
+.demo-image__preview {
+  display: inline-block;
+}
 </style>