深圳三院首页样式同步

src/assets/styles/pages/dashboard.scss

@@ -57,7 +57,7 @@ $transition: all .5s;
             }
             @media (max-width: 1580px) {
                 .item-header > p {
-                    font-size: 14px;
+                    font-size: 16px;
                 }
                 .item-body {
                     & > span {
@@ -69,9 +69,14 @@ $transition: all .5s;
                 }
                 
             }
+            @media (max-width: 1455px) {
+                .item-bottom {
+                    font-size: 10px;
+                }
+            }
             @media (max-width: 1450px) {
                 .item-header > p {
-                    font-size: 12px;
+                    font-size: 16px;
                 }
                 .item-body {
                     & > span {
@@ -79,11 +84,6 @@ $transition: all .5s;
                     }
                 }
             }
-            @media (max-width: 1455px) {
-                .item-bottom {
-                    font-size: 10px;
-                }
-            }
             @media (max-width: 1355px) {
                 .item-bottom {
                     font-size: 9px;

src/filters/index.js

@@ -110,6 +110,10 @@ export function firstStr (val) {
     return val.substr(0, 1)
 }
 
+export function fiveStr (val) {
+    return val.substr(0, 5)
+}
+
 export function filterDataMethod (val1, val2) {
     if (!val1) {
         return 0

src/views/system/dashboard/templates/bpmApprove.vue

@@ -16,7 +16,7 @@
                 >
                     <div :class="'bg-'+item.color" class="item" @click="openPlate(item.url)">
                         <div class="item-header">
-                            <p>{{ item.dataContent }}</p>
+                            <p>{{ item.dataContent | fiveStr}}</p>
                         </div>
                         <div class="item-body">
                             <h2><count-to :end-val="parseInt(item.dataText,10)" :duration="2000" /></h2>