feat: 大屏调整

buhuazhen

2026-05-25 b460359cb46342712e2efc2b5a6e6aa84b729c4c

 src/views/index.vue

@@ -19,20 +19,6 @@
               </div>
            </div>
            <div class="data-cards">
               <div class="data-card sales">
                  <div class="data-title">销售数据</div>
                  <div class="data-num">
                     <div>
                        <div class="data-desc">本月销售额/元</div>
                        <div class="data-value">{{businessInfo.monthSaleMoney}}</div>
                     </div>
                     <div>
                        <div class="data-desc">未开票金额/元</div>
                        <div class="data-value">{{businessInfo.monthSaleHaveMoney}}</div>
                     </div>
                  </div>
						
               </div>
               <div class="data-card purchase">
                  <div class="data-title">采购数据</div>
                  <div class="data-num">
@@ -43,19 +29,6 @@
                     <div>
                        <div class="data-desc">待付款金额/元</div>
                        <div class="data-value">{{businessInfo.monthPurchaseHaveMoney}}</div>
                     </div>
                  </div>
               </div>
               <div class="data-card inventory">
                  <div class="data-title">库存数据</div>
                  <div class="data-num">
                     <div>
                        <div class="data-desc">当前库存总量/件</div>
                        <div class="data-value">{{businessInfo.inventoryNum}}</div>
                     </div>
                     <div>
                        <div class="data-desc">今日入库/件</div>
                        <div class="data-value">{{businessInfo.todayInventoryNum}}</div>
                     </div>
                  </div>
               </div>
@@ -81,11 +54,11 @@
            </div>
         </div>
      </div>
		

      <!-- 中部横向两栏 -->
      <div class="dashboard-row">
         <div class="main-panel">
            <div class="section-title">客户合同金额分析</div>
            <div class="section-title">采购金额分析</div>
            <div class="contract-summary">
               <div class="contract-info">
                  <img src="../assets/images/khtitle.png" alt="" style="width: 42px"/>
@@ -135,7 +108,7 @@
                         style="height: 260px"></Echarts>
         </div>
      </div>
		

      <!-- 底部横向两栏 -->
      <div class="dashboard-row">
<!--         <div class="main-panel">-->
@@ -170,7 +143,7 @@
import * as echarts from 'echarts';
import useUserStore from "@/store/modules/user.js";
import {
   analysisCustomerContractAmounts, getAmountHalfYear,
  analysisSupplierContractAmounts, getAmountHalfYear,
   getBusiness,
   homeTodos,
   qualityStatistics,
@@ -367,7 +340,7 @@
}
// 合同金额
const analysisCustomer = () => {
   analysisCustomerContractAmounts().then((res) => {
  analysisSupplierContractAmounts().then((res) => {
      sum.value = res.data.sum
      yny.value = res.data.yny
      chain.value = res.data.chain
@@ -575,23 +548,11 @@
   box-shadow: 0 2px 8px #eee;
   display: flex;
   flex-direction: column;
   width: 32%;
   width: 100%;
   height: 140px;
}
.data-card.sales {
   background-image: url("../assets/images/xioashoushuju.png");
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
}
.data-card.purchase {
   background-image: url("../assets/images/caigou.png");
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
}
.data-card.inventory {
   background-image: url("../assets/images/kucun.png");
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
@@ -789,7 +750,7 @@
}
.quality-card.three {
   background-image: url("../assets/images/chuchang.png");
	

}
.quality-card span {
   color: #4fc3f7;
@@ -801,4 +762,4 @@
   height: 220px;
   margin-top: 10px;
}
</style>
</style>