[FIX]电投优化

src/components/ebiz/sale/IndexBar.vue

@@ -1,8 +1,8 @@
 <template>
-  <div class="ml6 mr6">
+  <div class="ml6 mr6 pt5 pb5">
     <ul class="index-bar">
-      <li @click="changePage(Number(index) + 1)" v-for="(item, index) in pageTitle" :key="item">
-        <span>{{ Number(index) + 1 }}.{{ item }}</span>
+      <li @click="changePage(Number(index) + 1)" v-for="(item, index) in pageTitle" :key="item.pageNo" :class="item.tabClass">
+        <span>{{ item.pageNo }}.{{ item.pageItem }}</span>
         <van-icon name="arrow" size="18" />
       </li>
     </ul>
@@ -13,18 +13,10 @@ import { Field, Popup, Picker, Icon } from 'vant'
 export default {
   name: 'IndexBar',
   props: {
-    label: {
-      type: String,
-      default: '11'
-    },
     value: {
       type: String,
       default: ''
     },
-    placeholder: {
-      type: String,
-      default: '请选择'
-    },
     required: {
       type: Boolean,
       default: false
@@ -48,13 +40,26 @@ export default {
   },
   data() {
     return {
-      pageTitle: ['投保人信息', '被保人信息', '选择产品', '受益人信息', '告知信息', '账户信息', '附件上传', '签名确认']
+      pageTitle: [
+        { pageNo: 1, pageItem: '投保人信息', urlStr: '/sale/insuredInfo', tabClass: '' },
+        { pageNo: 2, pageItem: '被保人信息', urlStr: '/sale/insuredPerson', tabClass: '' },
+        { pageNo: 3, pageItem: '选择产品', urlStr: '/common/selectedProduct', tabClass: '' },
+        { pageNo: 4, pageItem: '受益人信息', urlStr: '/sale/beneficiary', tabClass: '' },
+        { pageNo: 5, pageItem: '告知信息', urlStr: '/sale/NotifyingMessage', tabClass: '' },
+        { pageNo: 6, pageItem: '账户信息', urlStr: '/sale/AccountInformation', tabClass: '' },
+        { pageNo: 7, pageItem: '附件上传', urlStr: '/sale/AttachmentManagement', tabClass: '' },
+        { pageNo: 8, pageItem: '签名确认', urlStr: '/sale/SignatureConfirmation', tabClass: '' }
+      ],
+      salePageFlag: Number(localStorage.salePageFlag)
     }
   },
-  mounted() {},
+  mounted() {
+    this.selectTab()
+  },
   methods: {
     changePage(pageIndex) {
       let url = ''
+      if (this.salePageFlag < pageIndex) return
       switch (pageIndex) {
         case 1: //跳到投保人页面
           url = `/sale/insuredInfo?edit=1&salePageFlag=${pageIndex}`
@@ -93,6 +98,15 @@ export default {
         },
         routerInfo: { path: url }
       })
+    },
+    selectTab() {
+      let endIndex = location.hash.indexOf('?', 1)
+      let str = endIndex == -1 ? location.hash.slice(1) : location.hash.slice(1, endIndex)
+      this.pageTitle.forEach(v => {
+        if (v.urlStr == str) {
+          v.tabClass = 'active'
+        }
+      })
     }
   }
 }