updata

src/views/FlexEmployeeDetial.vue

@@ -2,8 +2,8 @@
   <div class="fe-detial-box">
     <div class="fe-detial-top">
       <h4>任务报酬</h4>
-      <h3>+8,000.22</h3>
-      <p>待发放</p>
+      <h3>+{{money}}</h3>
+      <p>{{status}}</p>
     </div>
     <div class="fe-detial-bottom">
       <div class="fe-detial-bottom-title">
@@ -13,17 +13,31 @@
         <p>收款账户</p>
       </div>
       <div class="fe-detial-bottom-detial">
-        <p>天津有米科技有限公司</p>
-        <p>市场推广-地推</p>
-        <p>2019-11-12</p>
-        <p>622254889999888900</p>
+        <p>{{company}}</p>
+        <p>{{task_count}}</p>
+        <p>{{date}}</p>
+        <p>{{account}}</p>
       </div>
     </div>
   </div>
 </template>
 
-<script>
-export default {};
+<script lang="ts">
+import {Component,Vue} from 'vue-property-decorator'
+@Component
+export default class FlexEmployee extends Vue  {
+  private money:number=9999.99;
+  private status:string='待发放';
+  private company:string='天津有米科技有限公司';
+  private task_count:string='市场推广-地推';
+  private date:string='2020-5-29';
+  private account:string='622254889999888900'
+
+  private toDetail(id:any):void{
+    this.$router.push({name:'FlexEmployeeDetial',query:{id:id}})
+  }
+
+};
 </script>
 
 <style lang="less">