新增会议、项目详情、表格状态插槽

src/components/tools/StatusSlot.vue

@@ -1,9 +1,14 @@
 <template>
   <div>
-    <img src=".././../assets/imgs/zero.png"/>
-<!--    <img src=".././../assets/imgs/finished.png"/>-->
-<!--    <img src=".././../assets/imgs/half.png"/>-->
-<!--    <img src=".././../assets/imgs/error.png"/>-->
+    <!--应收金额为 0 到账 开票 邮寄 显示zero-->
+    <img v-if="status === 0" src=".././../assets/imgs/zero.png"/>
+    <!--完成 -->
+    <img v-if="status === 1" src=".././../assets/imgs/finished.png"/>
+    <!--进行一半-->
+    <img v-if="status === 2" src=".././../assets/imgs/half.png"/>
+<!--    &lt;!&ndash;没有&ndash;&gt;-->
+    <img v-if="status === 3" src=".././../assets/imgs/error.png" @click="s"/>
+<!--    <slot :name="name">{{name}}</slot>-->
   </div>
 </template>
 
@@ -13,12 +18,52 @@ export default {
   props: {
     statuObj: {
       type: Object,
-      required: true
-    }
+      required: false
+    },
+    /*
+    *  0 代表是打包 和需要发票
+    *  1 代表其他三个
+    * */
+    statusType: {
+      type: Number,
+      required: false
+    },
+    /*
+    *  具体的状态值
+    * */
+    statusNo:{
+      type: Number,
+      required: false
+    },
+    // name:{
+    //   type:Number,
+    // }
   },
   computed: {
     status() {
-      return this.statuObj
+      // 应收金额为 0 到账 开票 邮寄 显示zero
+      if (this.statuObj.amountReceivable === 0 || this.statuObj.amountReceivable < 0  ) {
+        return 0
+      } else {
+        // 应收金额不为0
+        // 未完成
+        if(this.statusNo === 0){
+          return 3
+        }
+        // 完成
+        if(this.statusNo === 1){
+          return 1
+        }
+        // 一半
+        if(this.statusNo === 2){
+          return 2
+        }
+      }
+    }
+  },
+  methods: {
+    s() {
+      console.log(this.statuObj)
     }
   }
 }