From 8e1323b1cd842f9364d89089d342a176d9242d45 Mon Sep 17 00:00:00 2001 From: wjt <1797368093@qq.com> Date: 星期一, 24 六月 2024 15:18:44 +0800 Subject: [PATCH] 首页数据添加 --- src/views/index/index.vue | 34 +++++++++++++++++++++++++--------- 1 files changed, 25 insertions(+), 9 deletions(-) diff --git a/src/views/index/index.vue b/src/views/index/index.vue index 3e0f350..e54b052 100644 --- a/src/views/index/index.vue +++ b/src/views/index/index.vue @@ -2,45 +2,57 @@ <div class="app-container"> <div class="content"> <div class="box"> - <div>153</div> + <div>{{dataInfo.companyNum || 0}}</div> <div>鍏ラ┗浼佷笟鎬绘暟</div> </div> <div class="box"> - <div>153</div> + <div>{{dataInfo.enforceOrderCheckedNum|| 0}}</div> <div>宸叉鏌ヤ紒涓氭暟</div> </div> <div class="box"> - <div>153</div> + <div>{{dataInfo.enforceCompanyNum|| 0}}</div> <div>鎵ф硶鍗曚綅鏁�</div> </div> <div class="box"> - <div>153</div> + <div>{{dataInfo.enforceUserNum|| 0}}</div> <div>鎵ф硶浜哄憳鏁�</div> </div> <div class="box"> - <div>153</div> + <div>{{dataInfo.enforceOrderNum|| 0}}</div> <div>鎵ф硶璁板綍鎬绘暟</div> </div> <div class="box"> - <div>153</div> + <div>{{dataInfo.enforceOrderCompleteNum|| 0}}</div> <div>鎶曡瘔璁板綍鏁�</div> </div> <div class="box"> - <div>153</div> + <div>{{dataInfo.docNum}}</div> <div>鏀跨瓥鏉℃暟</div> </div> </div> <div class="line"></div> + <enforceSituation></enforceSituation> </div> </template> - +<script lang="ts" setup> +import { getTotalInfo } from '@/api/system/company/company' +import enforceSituation from './component/enforceSituation.vue' +const dataInfo = ref({}) +function getTotalInfoHttp() { + getTotalInfo().then(res => { + dataInfo.value = res.data + }) +} +getTotalInfoHttp() +</script> <style lang="scss" scoped> .content{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-gap: 20px; &>.box{ - border: 1px solid #bfbfbf; + border: 1px solid #fbfbfb; + box-shadow:0px 0px 12px rgba(0,0,0,0.12); border-radius: 5px; padding: 20px; cursor: pointer; @@ -53,5 +65,9 @@ color: #818181; } } + } +.line{ + margin: 20px; + } </style> \ No newline at end of file -- Gitblit v1.9.1