update

src/views/FlexEmployee.vue

 <template>
   <!-- 1、已接单 进行中 #077AEC 2、已拒回 #FF9100 3、已完成 #95989E-->
   <div class="fe-bigbox">
-    <div v-if="taskRecordList != null">
+    <div v-if="showList == 1">
       <div class="person-information">
         <div class="person-information-top">
           <div class="person-information-left">
@@ -75,7 +75,7 @@
         </div>
       </div>
     </div>
-    <div class="empty_data" v-else>
+    <div class="empty_data" v-if="showList == 0">
       <p>
         您在亲亲小保未从事灵活用工的相关任务
         <br />暂无相关记录
@@ -108,6 +108,7 @@ export default class FlexEmployee extends Vue {
   private receive_receivable: string = "0.00";
   private fullName: string = "";
   private taskRecordList: any = null;
+  private showList: number = -1;
 
   private toDetail(id: any): void {
     this.$router.push({ name: "FlexEmployeeDetial", query: { id } });
@@ -142,6 +143,9 @@ export default class FlexEmployee extends Vue {
       this.Payment_receivable = res.receivableSalary.toFixed(2); // 应收报酬
       this.receive_receivable = res.receivedSalary.toFixed(2); // 已收报酬
       this.taskRecordList = res.taskList; // 任务记录
+      this.taskRecordList.length > 0
+        ? (this.showList = 1)
+        : (this.showList = 0);
       console.log("taskRecordList=", this.taskRecordList);
 
       localStorage.setItem("taskList", JSON.stringify(res.taskList));