feat: 产品详情页面修改

- 移除了制作建议书的功能
- 优化产品资料的显示

src/views/ebiz/productFlowImprove/ProductDetail.vue

@@ -7,24 +7,28 @@
         <van-tab title="产品资料" class="mt10"> </van-tab>
       </van-tabs>
     </van-sticky>
-    <div v-show="active == '0'" class="pt10 pb45 clearfix">
+    <div v-show="active === 0" class="pt10 pb45 clearfix">
       <img class="product-detail-introduct-image fl" :src="item" alt="" v-for="(item, index) in introductImages" :key="index" />
     </div>
-    <van-list v-show="active == '1'">
+    <!--      <van-button class="m-btn fl green" color="#FEEFD8" @click="goProposal">制作建议书</van-button>-->
+    <van-list v-if="active === 1">
       <van-cell
         class="product-detail-list-item p10 fs12 fw400 bg-white"
         :title="item.name"
         is-link
         v-for="(item, index) in docuList"
         :key="index"
-        @click="goDocu(item.url, item.type, item.name)"
-      />
+        @click="handleViewDocClick(item.url, item.type, item.name)"
+      >
+        <template #right-icon>
+          <van-button type="danger" size="mini">查看</van-button>
+        </template>
+      </van-cell>
     </van-list>
-    <!-- 底部按钮 -->
-    <div class="bottom-area bottom-btn" v-if="branchType != 3">
-      <van-button class="m-btn fl green" color="#FEEFD8" @click="goProposal">制作建议书</van-button>
-      <van-button class="m-btn fr" type="danger" @click="goInsure">立即投保</van-button>
+    <div class="bottom-area bottom-btn" v-if="branchType !== '3'">
+      <van-button block type="danger" @click="goInsure">立即投保</van-button>
     </div>
+    <!-- 底部按钮 -->
   </div>
 </template>
 
@@ -53,7 +57,7 @@ export default {
       docuList: [], // 产品资料文件
       introductImages: [], // 产品特色图片
       itemProductDTOS: [], // 产品信息
-      branchType:'3',
+      branchType: '3'
     }
   },
   created() {
@@ -66,19 +70,19 @@ export default {
       this.isCheck = res.result
     })
   },
-  mounted(){
+  mounted() {
     this.getAgentInfo()
   },
   methods: {
-    getAgentInfo(){
-      getAgentInfo({}).then(res=>{
-        if(res.result == 0){
-          console.log('getAgentInfo',res)
+    getAgentInfo() {
+      getAgentInfo({}).then(res => {
+        if (res.result == 0) {
+          console.log('getAgentInfo', res)
           this.branchType = res.branchType
         }
       })
     },
-    goDocu(url, type, name) {
+    handleViewDocClick(url, type, name) {
       let pdfUrl = encodeURIComponent(url)
       this.$jump({
         flag: 'h5',
@@ -126,7 +130,7 @@ export default {
       localStorage.chooseProductCodes = '' //置空所选险种
       let path = `/sale/insuredInfo`
       let flagPermission = {
-        flag:true
+        flag: true
       }
       if (this.$route.params.productDetailCode == 'GFRSPRO_M0024' || this.$route.params.productDetailCode == 'GFRSPRO_M0040') {
         flagPermission = await riskRules.getProductSellPermissionList('GFRS_M0040', this)
@@ -136,7 +140,7 @@ export default {
         flagPermission = await riskRules.getProductSellPermissionList('GFRS_M0044', this)
         let specilFlag = '1'
         path = `${path}?specilFlag=${specilFlag}`
-      }else if (this.$route.params.productDetailCode == 'GFRSPRO_M0051') {
+      } else if (this.$route.params.productDetailCode == 'GFRSPRO_M0051') {
         flagPermission = await riskRules.getProductSellPermissionList('GFRS_M0051', this)
         let specilFlag = '1'
         path = `${path}?specilFlag=${specilFlag}`
@@ -148,7 +152,7 @@ export default {
         return this.$toast(flagPermission.resultMessage)
       }
       // 从产品列表进入时，存储所选产品的code--如果是选择产品, 进入电子投保, 在主险列表能默认选中我在产品列表选择的产品
-      localStorage.productCodeChooseFromList = this.itemProductDTOS[0].productCode      // 跳转到投保建议
+      localStorage.productCodeChooseFromList = this.itemProductDTOS[0].productCode // 跳转到投保建议
       this.$jump({
         flag: 'h5',
         extra: {
@@ -185,29 +189,8 @@ export default {
 
 <style lang="scss" scoped>
 .product-detail-container {
-  /deep/.van-sticky {
-    background: #fff;
-  }
   .product-detail-introduct-image {
     width: 100%;
   }
-  // /deep/.van-tabs__content {
-  //   margin-bottom: 45px;
-  // }
-  // /deep/.van-tabs__content::after {
-  //   content: '';
-  //   display: table;
-  //   clear: both;
-  // }
-}
-.bottom-area {
-  /deep/.m-btn {
-    width: 50%;
-    border-color: transparent;
-  }
-  /deep/.van-button--default {
-    background-color: #feefd8;
-    color: #e9332e;
-  }
 }
 </style>