Monthly credit limt Ui modification

https://dev.wormwood.com.sg/zentao/task-view-447.html

Strides-Admin/src/views/limit2/index.vue

@@ -79,9 +79,20 @@
         min-width="140"/>
       <el-table-column
         align="center"
-        label="Status"
+        label="Contract Status"
+        prop="contractStatus"
+        min-width="130">
+        <template slot-scope="{row}">
+          <div :class="'status-' + row.contractStatus">
+            {{row.contractStatus}}
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column
+        align="center"
+        label="Approval Status"
         prop="auditStatusName"
-        min-width="90">
+        min-width="130">
         <template slot-scope="{row}">
           <div
             class="link-type"
@@ -268,13 +279,15 @@ export default {
     background-color: #ffa028;
   }
 }
-.status-Approved {
+.status-Approved,
+.status-Active {
   color: #07a378;
   &::before {
     background-color: #07a378;
   }
 }
-.status-Rejected {
+.status-Rejected,
+.status-Expired {
   color: #ed3f3f;
   &::before {
     background-color: #ed3f3f;