首页

src/views/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="app-container home" v-if="sysType==1">
+  <div class="app-container home" v-if="sysType == 1">
     <div class="home-fleet">
       <div class="home-left">
         <chi-card title="业务看板" iconName="el-icon-s-cooperation">
@@ -111,6 +111,7 @@
                     align-self: center;
                     font-size: 16px;
                     margin: 2px 0 0 5px;
+                    width:110px
                   "
                 >
                   今日派车数
@@ -149,6 +150,7 @@
                     align-self: center;
                     font-size: 16px;
                     margin: 2px 0 0 5px;
+                    width:110px
                   "
                 >
                   可用车辆数
@@ -164,7 +166,7 @@
           </div>
         </chi-card>
         <chi-card title="新闻公告" iconName="el-icon-s-cooperation">
-          <div slot="content" style="min-height: 280px">
+          <div slot="content" style="min-height: 250px">
             <div style="padding: 5px 5px 0 5px; font-size: 16px">
               【新闻】新闻
             </div>
@@ -179,12 +181,12 @@
               v-for="(item, index) in fleetData.upperRight"
               :key="index"
             >
-              <div style="width: 25%">{{ item.mblno }}</div>
+              <div style="width: 30%">{{ item.mblno }}</div>
               <div style="width: 20%">{{ item.carregNo }}</div>
               <div style="width: 15%">{{ item.orderStatus }}</div>
               <div
                 style="
-                  width: 40%;
+                  width: 35%;
                   overflow: hidden;
                   text-overflow: ellipsis;
                   white-space: nowrap;
@@ -197,35 +199,23 @@
         </chi-card>
         <chi-card title="业务代办" iconName="el-icon-s-order">
           <div slot="content" class="upper-right">
-            <div
-              style="
-                font-size: 16px;
-                display: flex;
-                justify-content: space-between;
-              "
-            >
-              <div>FK221516485645</div>
-              <div>运费运费运费</div>
-              <div>李刚</div>
-              <div>待审批</div>
-              <div>2020/10/10</div>
+            <div style="font-size: 16px; display: flex">
+              <div style="width: 30%">FK221516485645</div>
+              <div style="width: 20%">运费运费运费</div>
+              <div style="width: 15%">李刚</div>
+              <div style="width: 15%">待审批</div>
+              <div style="width: 20%">2020/10/10</div>
             </div>
           </div>
         </chi-card>
         <chi-card title="审核列表" iconName="el-icon-s-order">
           <div slot="content" class="upper-right">
-            <div
-              style="
-                font-size: 16px;
-                display: flex;
-                justify-content: space-between;
-              "
-            >
-              <div>FK221516485645</div>
-              <div>运费运费运费</div>
-              <div>李刚</div>
-              <div>待审批</div>
-              <div>2020/10/10</div>
+            <div style="font-size: 16px; display: flex">
+              <div style="width: 30%">FK221516485645</div>
+              <div style="width: 20%">运费运费运费</div>
+              <div style="width: 15%">李刚</div>
+              <div style="width: 15%">待审批</div>
+              <div style="width: 20%">2020/10/10</div>
             </div>
           </div>
         </chi-card>