大屏当日订单字段调整

src/module/databoard/index.vue

@@ -88,58 +88,58 @@
           </display-board>
         </div>
         <div style="display: flex; justify-content: space-between; height: 50%; padding-top: 2rem;" >
-          <showcase style="width: 18%;" title="当日订单量">
+          <showcase style="width: 16%;" title="当日订单量">
             <title-content-mark
               style="float:left;width: 100%;height: 50%;color: #5eeef4;padding: 0 15%;font-size: 16px;"
-              content-style="font-size: 16px;" mark-style="font-size: 10px;" :content="drddl.weight"
-              mark="万吨"/>
+              content-style="font-size: 14px;" mark-style="font-size: 10px;" :content="drddl.weight+ ' 万吨'"
+              />
             <title-content-mark style="float:left;width: 100%;height: 50%;color: #5eeef4;padding: 0 15%;"
-                                content-style="font-size: 16px;" mark-style="font-size: 10px;"
-                                :content="drddl.amount" mark="万元"/>
+                                content-style="font-size: 14px;" mark-style="font-size: 10px;"
+                                :content="drddl.amount+' 万元'" />
           </showcase>
-          <showcase style="width: 18%;" title="当日运单量" :mouseHand="true" @click.native="routerTo('/department-shipment')">
+          <showcase style="width: 16%;" title="当日运单量" :mouseHand="true" @click.native="routerTo('/department-shipment')">
             <title-content-mark
               style="float:left;width: 100%;height: 50%;color: #5eeef4;padding: 0 15%;font-size: 16px;"
-              content-style="font-size: 16px;" mark-style="font-size: 10px;" :content="drydl.count"
-              mark="车"/>
+              content-style="font-size: 14px;" mark-style="font-size: 10px;" :content="drydl.count + ' 车'"
+              />
             <title-content-mark style="float:left;width: 100%;height: 50%;color: #5eeef4;padding: 0 15%;"
-                                content-style="font-size: 16px;" mark-style="font-size: 10px;"
-                                :content="drydl.weight" mark="万吨"/>
+                                content-style="font-size: 14px;" mark-style="font-size: 10px;"
+                                :content="drydl.weight + ' 万吨'" />
           </showcase>
-          <showcase style="width: 18%;" title="当日完成量">
+          <showcase style="width: 16%;" title="当日完成量">
             <title-content-mark
               style="float:left;width: 100%;height: 50%;color: #5eeef4;padding: 0 15%;font-size: 16px;"
-              content-style="font-size: 16px;" mark-style="font-size: 10px;" :content="drwcl.weight"
-              mark="万吨"/>
+              content-style="font-size: 14px;" mark-style="font-size: 10px;" :content="drwcl.weight+ ' 万吨'"
+              />
             <title-content-mark style="float:left;width: 100%;height: 50%;color: #5eeef4;padding: 0 15%;"
-                                content-style="font-size: 16px;" mark-style="font-size: 10px;"
-                                :content="drwcl.amount" mark="万元"/>
+                                content-style="font-size: 14px;" mark-style="font-size: 10px;"
+                                :content="drwcl.amount+ ' 万元'" />
           </showcase>
-          <showcase style="width: 18%;" title="余量">
+          <showcase style="width: 16%;" title="余量">
             <title-content-mark
               style="float:left;width: 100%;height: 50%;color: #5eeef4;padding: 0 15%;font-size: 16px;"
-              content-style="font-size: 16px;" mark-style="font-size: 10px;" :content="yl.weight" mark="万吨"/>
+              content-style="font-size: 14px;" mark-style="font-size: 10px;" :content="yl.weight+ ' 万吨'" />
             <title-content-mark style="float:left;width: 100%;height: 50%;color: #5eeef4;padding: 0 15%;"
-                                content-style="font-size: 16px;" mark-style="font-size: 10px;"
-                                :content="yl.amount" mark="万元"/>
+                                content-style="font-size: 14px;" mark-style="font-size: 10px;"
+                                :content="yl.amount+ ' 万元'" />
           </showcase>
-          <showcase style="width: 18%;" title="流失客户" :mouseHand="true" @click.native="routerTo('/lost-add-customer',2)">
+          <showcase style="width: 16%;" title="流失客户" :mouseHand="true" @click.native="routerTo('/lost-add-customer',2)">
             <title-content-mark
               style="float:left;width: 100%;height: 50%;color: #5eeef4;padding: 0 15%;font-size: 16px;"
-              content-style="font-size: 16px;" mark-style="font-size: 10px;" :content="lskh.weight"
-              mark="万吨"/>
+              content-style="font-size: 14px;" mark-style="font-size: 10px;" :content="lskh.weight+' 万吨'"
+              />
             <title-content-mark style="float:left;width: 100%;height: 50%;color: #5eeef4;padding: 0 15%;"
-                                content-style="font-size: 16px;" mark-style="font-size: 10px;"
-                                :content="lskh.amount" mark="万元"/>
+                                content-style="font-size: 14px;" mark-style="font-size: 10px;"
+                                :content="lskh.amount+ ' 万元'" />
           </showcase>
-          <showcase style="width: 18%;" title="新增客户" :mouseHand="true" @click.native="routerTo('/lost-add-customer',1)">
+          <showcase style="width: 16%;" title="新增客户" :mouseHand="true" @click.native="routerTo('/lost-add-customer',1)">
             <title-content-mark
               style="float:left;width: 100%;height: 50%;color: #5eeef4;padding: 0 15%;font-size: 16px;"
-              content-style="font-size: 16px;" mark-style="font-size: 10px;" :content="xzkh.weight"
-              mark="万吨"/>
+              content-style="font-size: 14px;" mark-style="font-size: 10px;" :content="xzkh.weight+ ' 万吨'"
+              />
             <title-content-mark style="float:left;width: 100%;height: 50%;color: #5eeef4;padding: 0 15%;"
-                                content-style="font-size: 16px;" mark-style="font-size: 10px;"
-                                :content="xzkh.amount" mark="万元"/>
+                                content-style="font-size: 14px;" mark-style="font-size: 10px;"
+                                :content="xzkh.amount + ' 万元'" />
           </showcase>
         </div>
       </div>