首页

src/views/index.vue

@@ -184,10 +184,11 @@
               style="display: flex; padding: 2px; font-size: 16px"
               v-for="(item, index) in fleetData.upperRight"
               :key="index"
+               :style="{ backgroundColor:index%2==0 ? '#e6ebf5' : '#FFFFFF' }"
             >
               <div style="width: 30%">{{ item.mblno }}</div>
               <div style="width: 20%">{{ item.carregNo }}</div>
-              <div style="width: 15%">{{ item.orderStatus|statusType }}</div>
+              <div style="width: 15%;color:#67c23a">{{ item.orderStatus|statusType }}</div>
               <div
                 style="
                   width: 35%;
@@ -203,22 +204,36 @@
         </chi-card>
         <chi-card title="业务待办" iconName="el-icon-s-order" :More="true">
           <div slot="content" class="upper-right">
-            <div style="font-size: 16px; display: flex">
+            <div style="font-size: 16px; display: flex;margin: 4px 0;border-bottom:1px dashed #e6ebf5">
               <div style="width: 30%">FK221516485645</div>
               <div style="width: 20%">运费运费运费</div>
               <div style="width: 15%">李刚</div>
-              <div style="width: 15%">待审批</div>
+              <div style="width: 15%;color:#67c23a">待审批</div>
+              <div style="width: 20%">2020/10/10</div>
+            </div>
+            <div style="font-size: 16px; display: flex;margin: 4px 0;">
+              <div style="width: 30%">FK221516485645</div>
+              <div style="width: 20%">运费运费运费</div>
+              <div style="width: 15%">李刚</div>
+              <div style="width: 15%;color:#67c23a">待审批</div>
               <div style="width: 20%">2020/10/10</div>
             </div>
           </div>
         </chi-card>
         <chi-card title="审核列表" iconName="el-icon-s-order" :More="true">
           <div slot="content" class="upper-right">
-            <div style="font-size: 16px; display: flex">
+            <div style="font-size: 16px; display: flex;margin: 4px 0;border-bottom:1px dashed #e6ebf5">
+              <div style="width: 30%">FK221516485645</div>
+              <div style="width: 20%">运费运费运费</div>
+              <div style="width: 15%">李刚</div>
+              <div style="width: 15%;color:#67c23a">待审批</div>
+              <div style="width: 20%">2020/10/10</div>
+            </div>
+            <div style="font-size: 16px; display: flex;;margin: 4px 0;">
               <div style="width: 30%">FK221516485645</div>
               <div style="width: 20%">运费运费运费</div>
               <div style="width: 15%">李刚</div>
-              <div style="width: 15%">待审批</div>
+              <div style="width: 15%;color:#67c23a">待审批</div>
               <div style="width: 20%">2020/10/10</div>
             </div>
           </div>