style(ebiz/sale): 调整IndexBar组件代码格式与结构

- 统一v-for和v-if指令顺序以优化渲染性能
- 调整图片组件属性顺序提升可读性
- 格式化提示文本段落增强视觉效果
- 规范data属性定义空格
- 优化条件判断逻辑及函数调用格式
- 完善页面跳转控制流程判断环境变量
- 修正组件滚动定位方法结尾符号

src/components/ebiz/sale/IndexBar.vue

@@ -2,28 +2,29 @@
   <div>
     <div class="own_content">
       <ul class="index-bar">
-        <li @click="changePage(item.pageNo)" v-for="(item, index) in pageTitle" :key="index" :class="item.tabClass" :id="item.tabClass" v-if="item.show">
+        <li v-for="(item, index) in pageTitle" v-if="item.show" :id="item.tabClass" :key="index" :class="item.tabClass" @click="changePage(item.pageNo)">
           <!-- 选中 -->
           <div v-if="item.tabClass" class="flex justify-content-fs align-items-c">
             <div class="flex flex-direction-colunm align-items-c">
               <van-image :src="item.imgCheckedUrl" class="image_head" />
               <span class="fs12 mt12">{{ item.pageItem }}</span>
             </div>
-            <van-image :src="doneUrl" v-if="index !== 10" class="image_done" />
+            <van-image v-if="index !== 10" :src="doneUrl" class="image_done" />
           </div>
           <div v-if="!item.tabClass" class="flex justify-content-fs align-items-c">
             <div class="flex flex-direction-colunm align-items-c">
               <van-image :src="item.imgNoCheckedUrl" class="image_head" />
               <span class="fs12 mt12" style="color: #999999">{{ item.pageItem }}</span>
             </div>
-            <van-image :src="doneNurl" v-if="index !== 10" class="image_done" />
+            <van-image v-if="index !== 10" :src="doneNurl" class="image_done" />
           </div>
         </li>
       </ul>
     </div>
-    <p v-if="branchType == '13'" style="margin-top: 10px;color: red;background-color: #ffdddc;padding: 5px 10px;">提示：您目前正在投保的项目为【{{projectName}}】</p>
+    <p v-if="branchType == '13'" style="margin-top: 10px;color: red;background-color: #ffdddc;padding: 5px 10px;">
+      提示：您目前正在投保的项目为【{{ projectName }}】
+    </p>
   </div>
-
 </template>
 <script>
 import { Icon, Image } from 'vant'
@@ -56,8 +57,8 @@ export default {
   },
   data() {
     return {
-      branchType:'',
-      projectName:'',
+      branchType: '',
+      projectName: '',
       thisShow: false,
       doneUrl: this.$assetsUrl + 'images/kmh/done.png',
       doneNurl: this.$assetsUrl + 'images/kmh/done_n.png',
@@ -67,7 +68,7 @@ export default {
           pageItem: '投保人信息',
           urlStr: '/sale/insuredInfo',
           tabClass: '',
-          show:true,
+          show: true,
           imgCheckedUrl: this.$assetsUrl + 'images/kmh/tbrxx.png',
           imgNoCheckedUrl: this.$assetsUrl + 'images/kmh/tbrxx_n.png'
         },
@@ -76,7 +77,7 @@ export default {
           pageItem: '被保险人信息',
           urlStr: '/sale/insuredPerson',
           tabClass: '',
-          show:true,
+          show: true,
           imgCheckedUrl: this.$assetsUrl + 'images/kmh/bbrxx.png',
           imgNoCheckedUrl: this.$assetsUrl + 'images/kmh/bbrxx_n.png'
         },
@@ -85,7 +86,7 @@ export default {
           pageItem: '选择产品',
           urlStr: '/common/selectedProduct',
           tabClass: '',
-          show:true,
+          show: true,
           imgCheckedUrl: this.$assetsUrl + 'images/kmh/xzcp.png',
           imgNoCheckedUrl: this.$assetsUrl + 'images/kmh/xzcp_n.png'
         },
@@ -94,7 +95,7 @@ export default {
           pageItem: '受益人信息',
           urlStr: '/sale/beneficiary',
           tabClass: '',
-          show:true,
+          show: true,
           imgCheckedUrl: this.$assetsUrl + 'images/kmh/syrxx.png',
           imgNoCheckedUrl: this.$assetsUrl + 'images/kmh/syrxx_n.png'
         },
@@ -103,7 +104,7 @@ export default {
           pageItem: '告知信息',
           urlStr: '/sale/notifyingMessage',
           tabClass: '',
-           show:true,
+          show: true,
           imgCheckedUrl: this.$assetsUrl + 'images/kmh/gzxx.png',
           imgNoCheckedUrl: this.$assetsUrl + 'images/kmh/gzxx_n.png'
         },
@@ -112,7 +113,7 @@ export default {
           pageItem: '风险测评',
           urlStr: '/sale/answerPage',
           tabClass: '',
-          show:false,
+          show: false,
           imgCheckedUrl: this.$assetsUrl + 'images/kmh/fx1.png',
           imgNoCheckedUrl: this.$assetsUrl + 'images/kmh/fx2.png'
         },
@@ -121,7 +122,7 @@ export default {
           pageItem: '风险测评结果',
           urlStr: '/sale/answerSuccess',
           tabClass: '',
-          show:false,
+          show: false,
           imgCheckedUrl: this.$assetsUrl + 'images/kmh/fxjg1.png',
           imgNoCheckedUrl: this.$assetsUrl + 'images/kmh/fxjg2.png'
         },
@@ -130,7 +131,7 @@ export default {
           pageItem: '风险告知',
           urlStr: '/sale/universalRiskNotifyingMessage',
           tabClass: '',
-          show:false,
+          show: false,
           imgCheckedUrl: this.$assetsUrl + 'images/kmh/zhxx.png',
           imgNoCheckedUrl: this.$assetsUrl + 'images/kmh/zhxx_n.png'
         },
@@ -139,7 +140,7 @@ export default {
           pageItem: '账户信息',
           urlStr: '/sale/accountInformation',
           tabClass: '',
-          show:true,
+          show: true,
           imgCheckedUrl: this.$assetsUrl + 'images/kmh/zhxx.png',
           imgNoCheckedUrl: this.$assetsUrl + 'images/kmh/zhxx_n.png'
         },
@@ -148,7 +149,7 @@ export default {
           pageItem: '附件上传',
           urlStr: '/sale/attachmentManagement',
           tabClass: '',
-          show:true,
+          show: true,
           imgCheckedUrl: this.$assetsUrl + 'images/kmh/fjsc.png',
           imgNoCheckedUrl: this.$assetsUrl + 'images/kmh/fjsc_n.png'
         },
@@ -157,7 +158,7 @@ export default {
           pageItem: '签名确认',
           urlStr: '/sale/signatureConfirmation',
           tabClass: '',
-          show:true,
+          show: true,
           imgCheckedUrl: this.$assetsUrl + 'images/kmh/qmqr.png',
           imgNoCheckedUrl: this.$assetsUrl + 'images/kmh/qmqr_n.png'
         }
@@ -173,47 +174,45 @@ export default {
     }
     getOrderDetail1(data).then(res => {
       if (res.result == '0') {
-        if(res.orderDTO.universalRiskNotifyDTO){
-          if(res.orderDTO.universalRiskNotifyDTO.isUniversalRiskNotifyShowPoint == 1){
-            this.pageTitle.forEach(item=>{
-              if(item.pageNo == 7.1){
+        if (res.orderDTO.universalRiskNotifyDTO) {
+          if (res.orderDTO.universalRiskNotifyDTO.isUniversalRiskNotifyShowPoint == 1) {
+            this.pageTitle.forEach(item => {
+              if (item.pageNo == 7.1) {
                 item.show = true
               }
             })
           }
         }
-        if(res.orderDTO.riskEvaluationDTO){
-          if(res.orderDTO.riskEvaluationDTO.isShowEvaluationPoint == 1){
-            this.pageTitle.forEach(item=>{
-              if(item.pageNo == 6){
+        if (res.orderDTO.riskEvaluationDTO) {
+          if (res.orderDTO.riskEvaluationDTO.isShowEvaluationPoint == 1) {
+            this.pageTitle.forEach(item => {
+              if (item.pageNo == 6) {
                 item.show = true
               }
-              if(item.pageNo == 7){
+              if (item.pageNo == 7) {
                 item.show = true
               }
             })
           }
         }
-        if(this.$route.query.orderNo) {
+        if (this.$route.query.orderNo) {
           this.projectName = res.orderDTO.ebizOrderGbcRelDTO.projectName
         }
       }
     })
     this.selectTab()
-    if(window.localStorage.getItem('branchType') == '13') {
+    if (window.localStorage.getItem('branchType') == '13') {
       this.branchType = '13'
-      if(!this.$route.query.orderNo) {
+      if (!this.$route.query.orderNo) {
         that.gbcProjectDetail()
       }
     }
   },
   methods: {
-    gbcProjectDetail(){
-      let params = {
-
-      }
-      gbcProjectDetail(params).then(res=>{
-        if(res.result == '0') {
+    gbcProjectDetail() {
+      let params = {}
+      gbcProjectDetail(params).then(res => {
+        if (res.result == '0') {
           this.projectName = res.content.projectName
         } else {
           this.$toast(res.resultMessage)
@@ -226,7 +225,11 @@ export default {
       if (localStorage.salePageFlag == '-10' && pageIndex != 10) {
         this.$toast('已到达签名确认流程，不可以回到前面的流程')
       }
-      if (Number(localStorage.salePageFlag) < Number(pageIndex)) return
+      if (Number(localStorage.salePageFlag) < Number(pageIndex)) {
+        if (process.env.NODE_ENV !== 'development') {
+          return
+        }
+      }
       switch (pageIndex) {
         case 1: //跳到投保人页面
           url = `/sale/insuredInfo?edit=1&salePageFlag=${pageIndex}&orderNo=` + this.$route.query.orderNo
@@ -311,7 +314,7 @@ export default {
         this.$el.querySelector('#active').scrollIntoView(true)
       })
     }
-  },
+  }
 }
 </script>
 <style lang="scss" scoped>