update

src/views/FlexEmployee.vue

 <template>
   <!-- 1、已接单 进行中 #077AEC 2、已拒回 #FF9100 3、已完成 #95989E-->
   <div class="fe-bigbox">
-    <div v-if="taskRecordList!=null">
+    <div v-if="taskRecordList != null">
       <div class="person-information">
         <div class="person-information-top">
           <div class="person-information-left">
-            <h3>{{name}}</h3>
-            <p>{{birthday}}</p>
+            <h3>{{ name }}</h3>
+            <p>{{ birthday }}</p>
           </div>
-          
         </div>
         <div class="person-information-bottom">
-          <div class="person-information-bottom-child" id="person-information-yjrw">
-            <h3>{{accept_work | isEmpty}}</h3>
+          <div
+            class="person-information-bottom-child"
+            id="person-information-yjrw"
+          >
+            <h3>{{ accept_work | isEmpty }}</h3>
             <p>已接任务</p>
           </div>
-          <div class="person-information-bottom-child" id="person-information-wcrw">
-            <h3>{{perform_work | isEmpty}}</h3>
+          <div
+            class="person-information-bottom-child"
+            id="person-information-wcrw"
+          >
+            <h3>{{ perform_work | isEmpty }}</h3>
             <p>完成任务</p>
           </div>
-          <div class="person-information-bottom-child" id="person-information-ysbc">
-            <h3>{{Payment_receivable | money(true,false) | isEmpty}}</h3>
+          <div
+            class="person-information-bottom-child"
+            id="person-information-ysbc"
+          >
+            <h3>{{ Payment_receivable | money(true, false) | isEmpty }}</h3>
             <p>应收报酬</p>
           </div>
-          <div class="person-information-bottom-child" id="person-information-yysbc">
-            <h3>{{receive_receivable | isEmpty}}</h3>
+          <div
+            class="person-information-bottom-child"
+            id="person-information-yysbc"
+          >
+            <h3>{{ receive_receivable | isEmpty }}</h3>
             <p>已收报酬</p>
           </div>
         </div>
@@ -42,13 +53,15 @@
             @click="toDetail(item.id)"
           >
             <div class="fe-list-child-left">
-              <h3>{{item.description}}</h3>
-              <p>{{item.createTime |format}}</p>
+              <h3>{{ item.title }}</h3>
+              <p>{{ item.createTime | format }}</p>
             </div>
             <div class="fe-list-child-right">
               <div class="fe-list-child-right-desc">
-                <h3>{{item.paidSalary | money(true,true)}}</h3>
-                <p :style="matchColor(item.billStatus)">{{item.billStatus}}</p>
+                <h3>{{ item.paidSalary | money(true, true) }}</h3>
+                <p :style="matchColor(item.billStatus)">
+                  {{ item.billStatus }}
+                </p>
               </div>
               <img src="../assets/images/agent/next_gray.png" alt />
             </div>
@@ -80,8 +93,8 @@ import { Component, Vue } from "vue-property-decorator";
   // }
 })
 export default class FlexEmployee extends Vue {
-  private name: string = "迪丽热巴";//入参
-  private birthday: string = "1987-10-16";//入参
+  private name: string = "迪丽热巴"; //入参
+  private birthday: string = "1987-10-16"; //入参
 
   private accept_work: string = "";
   private perform_work: string = "";
@@ -109,7 +122,6 @@ export default class FlexEmployee extends Vue {
   }
 
   mounted() {
-
     let params = {
       idNo: this.$route.query.id_no //371327198511175134
     };

src/views/FlexEmployeeDetial.vue

@@ -2,21 +2,23 @@
   <div class="fe-detial-box">
     <div class="fe-detial-top">
       <h4>任务报酬</h4>
-      <h3>+{{item.paidSalary | money}}</h3>
-      <p :style="matchColor(item.status)">{{item.status}}</p>
+      <h3>+{{ item.paidSalary | money }}</h3>
+      <p :style="matchColor(item.status)">{{ item.status }}</p>
     </div>
     <div class="fe-detial-bottom">
       <div class="fe-detial-bottom-title">
         <p>发包企业</p>
-        <p>任务内容</p>
+        <p>订单标题</p>
+        <p>服务类别</p>
         <p>发放时间</p>
         <p>收款账户</p>
       </div>
       <div class="fe-detial-bottom-detial">
-        <p>{{item.fullName}}</p>
-        <p>{{item.description}}</p>
-        <p>{{item.payTime}}</p>
-        <p>{{item.banko}}</p>
+        <p>{{ item.fullName }}</p>
+        <p>{{ item.description }}</p>
+        <p>{{ item.description }}</p>
+        <p>{{ item.payTime }}</p>
+        <p>{{ item.banko }}</p>
       </div>
     </div>
   </div>
@@ -32,7 +34,6 @@ import { toMoney } from "@/utils/public";
   }
 })
 export default class FlexEmployee extends Vue {
-  
   private item: any;
 
   get matchColor() {