补充提交

zkqy-ui/src/views/tablelist/components/cardCountPanel.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div class="cardBox" v-show="showCount" >
+    <div class="cardBox" v-show="showCount">
       <el-card
         shadow="hover"
         :body-style="{ padding: '20px' }"
@@ -11,11 +11,19 @@
         <el-tooltip
           class="item"
           effect="dark"
-          :content="item.statisticTitle ? item.statisticTitle : item.statisticDescription"
+          :content="
+            item.statisticTitle
+              ? item.statisticTitle
+              : item.statisticDescription
+          "
           placement="top-start"
         >
           <div class="title">
-            <span class="left">{{ item.statisticTitle ? item.statisticTitle : item.statisticDescription }}</span>
+            <span class="left">{{
+              item.statisticTitle
+                ? item.statisticTitle
+                : item.statisticDescription
+            }}</span>
             <span class="right">{{ item.result }}</span>
           </div>
         </el-tooltip>
@@ -26,31 +34,24 @@
       </el-card>
     </div>
   </div>
-
-  
 </template>
 
 <script>
-
 export default {
   name: "cardcountpanel",
   props: {
-    showCount : {
+    showCount: {
       type: Boolean,
     },
-    statisticList:{
+    statisticList: {
       type: Array,
-    }
+    },
   },
-  data () {
-   return {
-    
-   }
- },
-  methods: {
-   
-  }
-}
+  data() {
+    return {};
+  },
+  methods: {},
+};
 </script>
 
 <style lang="scss" scoped>
@@ -62,11 +63,11 @@ export default {
   display: flex;
 }
 .card {
-  width:100%;
+  width: 100%;
   /* flex-basis: 15%; */
   margin-bottom: 10px;
   margin-right: 15px;
-  /* min-width: 130px; */
+  max-width: 200px;
   .title {
     /* width:20%; */
     /* display: flex; */
@@ -77,11 +78,11 @@ export default {
     overflow: hidden;
     text-overflow: ellipsis;
 
-    .left{
+    .left {
       float: left;
     }
 
-    .right{
+    .right {
       float: right;
       font-size: 20px;
       font-weight: 800;
@@ -107,5 +108,4 @@ export default {
     font-size: 30px;
   }
 }
-  
 </style>