From 83abf4c328daa58e8b6c03356245ad66fc1458a5 Mon Sep 17 00:00:00 2001
From: weipengfei <2187978347@qq.com>
Date: Sat, 14 Oct 2023 11:20:32 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E5=95=86=E5=93=81=E5=AE=A1?=
 =?UTF-8?q?=E6=A0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .gitignore                                |   1 +
 src/views/product/productExamine/info.vue | 333 ++++++++++++++++------
 2 files changed, 246 insertions(+), 88 deletions(-)

diff --git a/.gitignore b/.gitignore
index 2e6bd51..2de2600 100644
--- a/.gitignore
+++ b/.gitignore
@@ -17,6 +17,7 @@ selenium-debug.log
 *.njsproj
 *.sln
 *.local
+dist
 
 package-lock.json
 yarn.lock
diff --git a/src/views/product/productExamine/info.vue b/src/views/product/productExamine/info.vue
index 6521807..df26c74 100644
--- a/src/views/product/productExamine/info.vue
+++ b/src/views/product/productExamine/info.vue
@@ -3,25 +3,48 @@
     v-if="dialogVisible"
     title="商品审核"
     :visible.sync="dialogVisible"
-    :append-to-body='isAppend'
+    :append-to-body="isAppend"
     width="900px"
     :before-close="handleClose"
     class="projectInfo"
   >
-    <el-tabs v-if="projectData && isShow" v-model="activeNames" v-loading="loading">
+    <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>
@@ -36,15 +59,20 @@
               />
             </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">商品轮播图：
+          <span class="sp100"
+            >商品轮播图：
             <div
-              v-for="(item,index) in projectData.slider_image"
+              v-for="(item, index) in projectData.slider_image"
               :key="index"
               class="pictrue"
             >
@@ -58,31 +86,92 @@
         </div>
       </el-tab-pane>
       <el-tab-pane label="商品详情" name="second">
-        <span class="sp100">商品详情：</span>
-        <div class="contentPic" v-html="projectData.content"/>
+        <!-- <span class="sp100">商品详情：</span>
+        <div class="contentPic" v-html="projectData.content"/> -->
+        <el-form>
+          <el-form-item label="商品详情：">
+            <el-input
+              v-model="projectData.content.title"
+              placeholder="请输入商品详情"
+              class="selWidth"
+              type="textarea"
+            />
+          </el-form-item>
+          <el-form-item label="商品图片：">
+            <!-- <vue-ueditor-wrap
+                v-model="formValidate.content"
+                :config="myConfig"
+                @beforeInit="addCustomDialog"
+              /> -->
+            <div class="upLoadPicBox" title="750*750px">
+              <div
+                v-for="(item, index) in projectData.content.image"
+                class="pictrue details_pictrue"
+                :key="index + item"
+              >
+                <el-image
+                  class="img"
+                  :preview-src-list="projectData.content.image"
+                  :src="item"
+                  :key="index"
+                  :initial-index="index"
+                />
+              </div>
+            </div>
+          </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
+          v-if="
+            projectData.guarantee && projectData.guarantee.templateValue.length
+          "
+          class="third mb20"
+        >
           <span>服务保障：</span>
-          <span v-for="(item,index) in projectData.guarantee.templateValue" :key="index">
-              <span v-if="item.value">{{index+1}}. {{item.value.guarantee_name}}；</span>
+          <span
+            v-for="(item, index) in projectData.guarantee.templateValue"
+            :key="index"
+          >
+            <span v-if="item.value"
+              >{{ index + 1 }}. {{ item.value.guarantee_name }}；</span
+            >
           </span>
         </span>
       </el-tab-pane>
       <el-tab-pane label="商品规格" name="fourth">
-        <span class="sp">商品规格：{{ projectData.spec_type === 0 ? '单规格' : '多规格' }}</span>
-        <span class="sp">佣金设置：{{ projectData.extension_type === 0 ? '默认设置' : '单独设置' }}</span>
+        <span class="sp"
+          >商品规格：{{
+            projectData.spec_type === 0 ? "单规格" : "多规格"
+          }}</span
+        >
+        <span class="sp"
+          >佣金设置：{{
+            projectData.extension_type === 0 ? "默认设置" : "单独设置"
+          }}</span
+        >
         <span class="sp100">
           <span class="mb15" style="display: block">商品规格:</span>
           <template v-if="projectData.spec_type === 0">
-            <el-table :data="OneattrValue" border class="tabNumWidth" size="mini">
+            <el-table
+              :data="OneattrValue"
+              border
+              class="tabNumWidth"
+              size="mini"
+            >
               <el-table-column align="center" label="图片" min-width="80">
                 <template slot-scope="scope">
                   <div class="demo-image__preview">
@@ -93,18 +182,32 @@
                   </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>
               </el-table-column>
               <template v-if="projectData.extension_type === 1">
-                <el-table-column align="center" label="一级返佣(元)" min-width="120">
+                <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">
+                <el-table-column
+                  align="center"
+                  label="二级返佣(元)"
+                  min-width="120"
+                >
                   <template slot-scope="scope">
                     <span class="priceBox" v-text="scope.row.extension_two" />
                   </template>
@@ -113,33 +216,60 @@
             </el-table>
           </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>
+            <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>
               <el-table-column align="center" label="图片" min-width="80">
                 <template slot-scope="scope">
                   <div class="upLoadPicBox">
-                    <div class="pictrue tabPic"><img :src="scope.row.image"></div>
+                    <div class="pictrue tabPic">
+                      <img :src="scope.row.image" />
+                    </div>
                   </div>
                 </template>
               </el-table-column>
-              <el-table-column v-for="(item,iii) in attrValue" :key="iii" :label="formThead[iii].title" align="center" min-width="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>
               </el-table-column>
               <template v-if="projectData.extension_type === 1">
-                <el-table-column align="center" label="一级返佣(元)" min-width="120">
+                <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">
+                <el-table-column
+                  align="center"
+                  label="二级返佣(元)"
+                  min-width="120"
+                >
                   <template slot-scope="scope">
                     <span class="priceBox">{{ scope.row.extension_two }}</span>
                   </template>
@@ -150,15 +280,25 @@
         </span>
       </el-tab-pane>
     </el-tabs>
-    <el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="80px" class="demo-ruleForm">
+    <el-form
+      ref="ruleForm"
+      :model="ruleForm"
+      :rules="rules"
+      label-width="80px"
+      class="demo-ruleForm"
+    >
       <el-form-item label="审核状态" prop="status">
         <el-radio-group v-model="ruleForm.status">
           <el-radio :label="1">通过</el-radio>
           <el-radio :label="-1">拒绝</el-radio>
         </el-radio-group>
       </el-form-item>
-      <el-form-item v-if="ruleForm.status===-1" label="原因" prop="refusal">
-        <el-input v-model="ruleForm.refusal" type="textarea" placeholder="请输入原因" />
+      <el-form-item v-if="ruleForm.status === -1" label="原因" prop="refusal">
+        <el-input
+          v-model="ruleForm.refusal"
+          type="textarea"
+          placeholder="请输入原因"
+        />
       </el-form-item>
       <el-form-item>
         <el-button type="primary" @click="onSubmit">提交</el-button>
@@ -250,7 +390,7 @@ export default {
       default: () => []
     }
   },
-  data() {
+  data () {
     return {
       rules: {
         status: [
@@ -282,20 +422,20 @@ export default {
     }
   },
   computed: {
-    attrValue() {
+    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
     },
-    oneFormBatch() {
+    oneFormBatch () {
       const obj = [Object.assign({}, defaultObj.attrValue[0])]
       delete obj[0].bar_code
       return obj
     }
   },
   methods: {
-    onSubmit() {
+    onSubmit () {
       this.isShow ? this.ruleForm.id = this.proId : this.ruleForm.id = this.ids
       productStatusApi(this.ruleForm).then(res => {
         this.$message.success(res.message)
@@ -307,17 +447,18 @@ export default {
         this.$message.error(res.message)
       })
     },
-    handleClose() {
+    handleClose () {
       this.dialogVisible = false
       this.activeNames = 'first'
     },
-    getInfo(id) {
+    getInfo (id) {
       this.proId = id
       this.loading = true
       productDetailApi(id).then(res => {
+        if (res.data.content_arr && res.data.content_arr.length > 0) res.data.content = res.data.content_arr;
         this.projectData = res.data
         this.svip_type = res.data.svip_price_type
-       
+
         if (this.projectData.spec_type === 0) {
           this.OneattrValue = res.data.attrValue
         } else {
@@ -349,52 +490,68 @@ export default {
 </script>
 
 <style scoped lang="scss">
-  .projectInfo{
-    /deep/.el-dialog__body{
-      padding-top: 0 !important;
-    }
-    /deep/.el-tabs__content{
-      padding-left: 10px !important;
-    }
+.projectInfo {
+  /deep/.el-dialog__body {
+    padding-top: 0 !important;
   }
-  .tabPic{
-    width: 40px !important;
-    height: 40px !important;
-    img{
-      width: 100%;
-      height: 100%;
-    }
+  /deep/.el-tabs__content {
+    padding-left: 10px !important;
   }
-  .sp {
-    display: block;
-    width: 33%;
-    font-size: 12px;
-    margin-bottom: 20px;
+}
+.tabPic {
+  width: 40px !important;
+  height: 40px !important;
+  img {
+    width: 100%;
+    height: 100%;
   }
+}
+.sp {
+  display: block;
+  width: 33%;
+  font-size: 12px;
+  margin-bottom: 20px;
+}
 
-  .sp100 {
+.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%;
-    margin-bottom: 15px;
-    display: inline-block;
+    height: 100%;
   }
-  .third{
+}
+.demo-image__preview {
+  display: inline-block;
+}
+.pictrue {
+  width: 60px;
+  height: 60px;
+  border: 1px dotted rgba(0, 0, 0, 0.1);
+  margin-right: 10px;
+  position: relative;
+  cursor: pointer;
+  .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%;
   }
+}
+.details_pictrue {
+  width: 400px;
+  height: 400px;
+}
 </style>