[FIX]【卡单】卡单列表-增加我的订单栏

src/views/ebiz/cardList/CardTotreasure.vue

@@ -7,25 +7,27 @@
             <span :class="{ ac: iNow == index }">{{ item }}</span>
           </div>
         </div> -->
-        <div class="show">
-          <ul class="card-Products" :style="this.iNow == 0 ? 'display:block' : 'display:none'">
-            <li v-for="(itemIcon, index) in list" :key="index" class="border-gb" @click="formsD(itemIcon.productCode)">
-              <div>
-                <img :src="itemIcon.productImageUrl" class="ml10" width="118" height="70" />
-              </div>
-              <div>
-                <p>{{ itemIcon.productName }}</p>
-                <span>{{ itemIcon.productDesc }}</span>
-              </div>
-            </li>
-            <template v-if="list.length === 0">
-              <li class="flex flex-direction-colunm align-items-c">
-                <img src="@/assets/images/pic_page-non.png" class="mt50" alt="" />
-                <p class="gray text-center pt20">暂无产品</p>
-              </li>
-            </template>
-          </ul>
-          <!-- <ul class="myCard" :style="this.iNow == 1 ? 'display:block' : 'display:none'">
+        <van-tabs v-model="activeName" @click="changeTab">
+          <van-tab title="产品列表" name="product">
+            <div class="show">
+              <ul class="card-Products" :style="this.iNow == 0 ? 'display:block' : 'display:none'">
+                <li v-for="(itemIcon, index) in list" :key="index" class="border-gb" @click="formsD(itemIcon.productCode)">
+                  <div>
+                    <img :src="itemIcon.productImageUrl" class="ml10" width="118" height="70" />
+                  </div>
+                  <div>
+                    <p>{{ itemIcon.productName }}</p>
+                    <span>{{ itemIcon.productDesc }}</span>
+                  </div>
+                </li>
+                <template v-if="list.length === 0">
+                  <li class="flex flex-direction-colunm align-items-c">
+                    <img src="@/assets/images/pic_page-non.png" class="mt50" alt="" />
+                    <p class="gray text-center pt20">暂无产品</p>
+                  </li>
+                </template>
+              </ul>
+              <!-- <ul class="myCard" :style="this.iNow == 1 ? 'display:block' : 'display:none'">
             <li
               v-for="(itemiNow, index) in tAb"
               style=" border: 1px solid #dadada;box-shadow: 0 3px 9px 1px hsla(0, 0%, 80%, 0.35);"
@@ -45,7 +47,49 @@
               </li>
             </template>
           </ul> -->
-        </div>
+            </div>
+          </van-tab>
+          <van-tab title="我的订单" name="order"> </van-tab>
+        </van-tabs>
+        <!--<div class="show">
+          <ul class="card-Products" :style="this.iNow == 0 ? 'display:block' : 'display:none'">
+            <li v-for="(itemIcon, index) in list" :key="index" class="border-gb" @click="formsD(itemIcon.productCode)">
+              <div>
+                <img :src="itemIcon.productImageUrl" class="ml10" width="118" height="70" />
+              </div>
+              <div>
+                <p>{{ itemIcon.productName }}</p>
+                <span>{{ itemIcon.productDesc }}</span>
+              </div>
+            </li>
+            <template v-if="list.length === 0">
+              <li class="flex flex-direction-colunm align-items-c">
+                <img src="@/assets/images/pic_page-non.png" class="mt50" alt="" />
+                <p class="gray text-center pt20">暂无产品</p>
+              </li>
+            </template>
+          </ul>
+           <ul class="myCard" :style="this.iNow == 1 ? 'display:block' : 'display:none'">
+            <li
+              v-for="(itemiNow, index) in tAb"
+              style=" border: 1px solid #dadada;box-shadow: 0 3px 9px 1px hsla(0, 0%, 80%, 0.35);"
+              class="mb10 pl15 pt15"
+              :key="index"
+            >
+              <p>{{ itemiNow.h }}</p>
+              <span>{{ itemiNow.span1 }}</span>
+              <span>{{ itemiNow.span2 }}</span>
+              <span>{{ itemiNow.span3 }}</span>
+              <span>{{ itemiNow.span4 }}</span>
+            </li>
+            <template v-if="tAb.length === 0">
+              <li class="flex flex-direction-colunm align-items-c">
+                <img src="@/assets/images/pic_page-non.png" class="mt50" alt="" />
+                <p class="gray text-center pt20">暂无产品</p>
+              </li>
+            </template>
+          </ul> 
+        </div>-->
       </div>
     </div>
   </div>
@@ -53,11 +97,16 @@
 
 <script>
 import { getCardList } from '@/api/ebiz/cardList/cardList.js'
+import { Tab, Tabs } from 'vant'
 export default {
   name: 'kadantoubao.vue',
+  components: {
+    [Tab.name]: Tab,
+    [Tabs.name]: Tabs
+  },
   data() {
     return {
-      arr: ['产品列表'],
+      activeName: '产品列表',
       // , '我的卡单'
       list: [
         // {
@@ -102,11 +151,30 @@ export default {
   },
   mounted() {
     document.body.style.backgroundColor = '#fff'
+    setTimeout(() => {
+      // eslint-disable-next-line no-undef
+      EWebBridge.webCallAppInJs('webview_left_button', {
+        intercept: '1' //是否拦截原生返回事件 1是 其他否
+      })
+    }, 100)
+    window.appCallBack = this.appCallBack
   },
   methods: {
-    fnTab(index) {
-      this.iNow = index
-      console.log(this.iNow)
+    appCallBack(data) {
+      if (data.trigger == 'left_button_click') {
+        this.$jump({
+          flag: 'service'
+        })
+      }
+    },
+    // fnTab(index) {
+    //   this.iNow = index
+    //   console.log(this.iNow)
+    // },
+    changeTab(name) {
+      if (name == '产品列表') {
+        this.getLists()
+      }
     },
     formsD(productCode) {
       localStorage.productDetailCode = productCode