update

src/views/FlexEmployee.vue

 <template>
 <template>
   <!-- 1、已接单 进行中 #077AEC 2、已拒回 #FF9100 3、已完成 #95989E-->
   <!-- 1、已接单 进行中 #077AEC 2、已拒回 #FF9100 3、已完成 #95989E-->
   <div class="fe-bigbox">
   <div class="fe-bigbox">
-    <div >
+    <div>
       <div class="person-information">
       <div class="person-information">
         <div class="person-information-top">
         <div class="person-information-top">
           <div class="person-information-left">
           <div class="person-information-left">
@@ -93,14 +93,13 @@
           </div>
           </div>
         </div>
         </div>
         <div class="empty_data" v-if="showList == 0">
         <div class="empty_data" v-if="showList == 0">
-      <p>
-        您在亲亲小保未从事灵活用工的相关任务
-        <br />暂无相关记录
-      </p>
-    </div>
+          <p>
+            您在亲亲小保未从事灵活用工的相关任务
+            <br />暂无相关记录
+          </p>
+        </div>
       </van-popup>
       </van-popup>
     </div>
     </div>
-    
   </div>
   </div>
 </template>
 </template>
 
 
@@ -155,7 +154,37 @@ export default class FlexEmployee extends Vue {
     };
     };
   }
   }
 
 
+  private callJSBridage() {
+    const userAgent = navigator.userAgent.toLowerCase();
+    console.log("userAgent=", userAgent);
+    try {
+      if (userAgent.indexOf("qqxbua") != -1) {
+        console.log("setPageNavState");
+        //@ts-ignore
+        this.$bridge
+          .setPageNavState({
+            isShowClose: false,
+            isShowBack: true,
+            isCloseLeft: false,
+            isShowTitle: true,
+            isShowNav: true,
+            isCloseWebView: false
+          })
+          //@ts-ignore
+          .then(res => {
+            console.log("couponlist setpageNavState callback", res);
+          });
+      }
+    } catch (error) {
+      console.log(error);
+    }
+  }
+
   mounted() {
   mounted() {
+    setTimeout(() => {
+      this.callJSBridage();
+    }, 500);
+
     this.name = localStorage.getItem("name") as string;
     this.name = localStorage.getItem("name") as string;
     this.birthday = localStorage.getItem("birthday") as string;
     this.birthday = localStorage.getItem("birthday") as string;
     const idNo = window.atob(decodeURI(String(this.$route.query.id_no)));
     const idNo = window.atob(decodeURI(String(this.$route.query.id_no)));
@@ -166,12 +195,20 @@ export default class FlexEmployee extends Vue {
       console.log("res=", res);
       console.log("res=", res);
       this.accept_work = res.alCount; // 已接任务
       this.accept_work = res.alCount; // 已接任务
       this.perform_work = res.comCount; // 完成任务
       this.perform_work = res.comCount; // 完成任务
-      this.Payment_receivable = res.receivableSalary ? res.receivableSalary.toFixed(2) : 0.0; // 应收报酬
-      this.receive_receivable = res.receivedSalary ? res.receivedSalary.toFixed(2) : 0.0; // 已收报酬
+      this.Payment_receivable = res.receivableSalary
+        ? res.receivableSalary.toFixed(2)
+        : 0.0; // 应收报酬
+      this.receive_receivable = res.receivedSalary
+        ? res.receivedSalary.toFixed(2)
+        : 0.0; // 已收报酬
       this.taskRecordList = res.taskList == null ? [] : res.taskList; // 任务记录
       this.taskRecordList = res.taskList == null ? [] : res.taskList; // 任务记录
 
 
-      this.taskRecordList.length > 0 ? (this.showList = 1) : (this.showList = 0);
-      this.taskRecordList.length >= 3?this.expand = false:this.expand = true;
+      this.taskRecordList.length > 0
+        ? (this.showList = 1)
+        : (this.showList = 0);
+      this.taskRecordList.length >= 3
+        ? (this.expand = false)
+        : (this.expand = true);
       localStorage.setItem("taskList", JSON.stringify(this.taskRecordList));
       localStorage.setItem("taskList", JSON.stringify(this.taskRecordList));
     });
     });
   }
   }