申请积分

src/project/pidu/AppPointsApply/AppPointsApply.vue

@@ -8,7 +8,7 @@
     <div class="card" v-for="(item,index) in list" :key="index">
       <div class="top">
         <div class="top_title">{{ item.applyItem }}</div>
-        <div><span class="top_status">{{ item.status }}</span></div>
+        <div><span class="top_status" :class="item.status==0? 'status0' : item.status==1? 'status1': 'status2'">{{ $dict.getLabel('integralApplyStatus',item.status) }}</span></div>
       </div>
       <div class="bottom">
         <div class="bottom_points">积分+{{ item.applyIntegral }}</div>
@@ -29,7 +29,9 @@ export default {
     }
   },
   onShow() {
-    this.getPointsList()
+    this.$dict.load('integralApplyStatus').then(() => {
+      this.getPointsList()
+    })
   },
   methods: {
     toAdd() {
@@ -90,12 +92,24 @@ export default {
       .top_status {
         padding: 6px 16px;
         box-sizing: border-box;
-        background: #F5FCF5;
-        border: 1px solid #E2F6E1;
         border-radius: 8px;
         text-align: right;
         width: calc(100% - 450px);
       }
+      .status0 {
+        background: #FFEDE2;
+        color: #FF883C;
+      }
+
+      .status1 {
+        background: #E2F6E1;
+        color: #3BBC37;
+      }
+
+      .status2 {
+        background: #FAE2E2;
+        color: #E23C3C;
+      }
     }
     .bottom {
       display: flex;