首页优化

src/views/home/equipment-supply/components/PieChart_1.vue

@@ -20,7 +20,7 @@ export default {
         },
         height: {
             type: String,
-            default: '300px'
+            default: '100%'
         }
     },
     data() {

src/views/home/equipment-supply/components/PieChart_2.vue

@@ -20,7 +20,7 @@ export default {
         },
         height: {
             type: String,
-            default: '300px'
+            default: '100%'
         }
     },
     data() {

src/views/home/equipment-supply/index.vue

@@ -13,6 +13,7 @@
                                 start-placeholder="开始日期"
                                 end-placeholder="结束日期"
                                 value-format="yyyy-M"
+                                style="width: 95%"
                             />
                         </el-form-item>
                     </el-col>
@@ -53,7 +54,7 @@
 
             <!-- 卡片区域 -->
             <div class="card-box">
-                <div class="title">需求供应</div>
+                <div class="title-card">需求供应</div>
                 <div class="card-box-content-1">
                     <div v-for="(card, index) in cardList_1" :key="index">
                         <CardModel
@@ -76,7 +77,7 @@
                 </div>
             </div>
             <div class="card-box">
-                <div class="title">仓储状态</div>
+                <div class="title-card">仓储状态</div>
                 <div class="card-box-content">
                     <div v-for="(card, index) in cardList_2" :key="index">
                         <CardModel
@@ -248,7 +249,7 @@ export default {
 // 卡片区样式
 .card-box {
     display: flex;
-    .title {
+    .title-card {
         padding: 16px 0;
         margin-right: 14px;
         writing-mode: vertical-rl;