From 841fc64c31a1e96c8f68acb547be2518606926c6 Mon Sep 17 00:00:00 2001 From: wjt <1797368093@qq.com> Date: 星期二, 25 六月 2024 15:01:11 +0800 Subject: [PATCH] 修改首页字段 --- src/views/index/index.vue | 70 ++++++++++++++++++++++++++++++++++- 1 files changed, 68 insertions(+), 2 deletions(-) diff --git a/src/views/index/index.vue b/src/views/index/index.vue index 3b77371..3b5d154 100644 --- a/src/views/index/index.vue +++ b/src/views/index/index.vue @@ -1,7 +1,73 @@ <template> <div class="app-container"> <div class="content"> - div.box*7>div{153}+div{鍏ヤ綇鎬绘暟} + <div class="box"> + <div>{{dataInfo.companyNum || 0}}</div> + <div>鍏ラ┗浼佷笟鎬绘暟</div> + </div> + <div class="box"> + <div>{{dataInfo.enforceCompanyNum|| 0}}</div> + <div>宸叉鏌ヤ紒涓氭暟</div> + </div> + <div class="box"> + <div>{{dataInfo.enforceDeptNum|| 0}}</div> + <div>鎵ф硶鍗曚綅鏁�</div> + </div> + <div class="box"> + <div>{{dataInfo.enforceUserNum|| 0}}</div> + <div>鎵ф硶浜哄憳鏁�</div> + </div> + <div class="box"> + <div>{{dataInfo.enforceOrderNum|| 0}}</div> + <div>鎵ф硶璁板綍鎬绘暟</div> + </div> + <div class="box"> + <div>{{dataInfo.complaintNum|| 0}}</div> + <div>鎶曡瘔璁板綍鏁�</div> + </div> + <div class="box"> + <div>{{dataInfo.docNum}}</div> + <div>鏀跨瓥鏉℃暟</div> + </div> </div> + <div class="line"></div> + <enforceSituation></enforceSituation> </div> -</template> \ No newline at end of file +</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 #fbfbfb; + box-shadow:0px 0px 12px rgba(0,0,0,0.12); + border-radius: 5px; + padding: 20px; + cursor: pointer; + &>div:nth-child(1){ + font-size: 25px; + font-weight: bold; + margin-bottom: 10px; + } + &>div:nth-child(2){ + color: #818181; + } + } + +} +.line{ + margin: 20px; + } +</style> \ No newline at end of file -- Gitblit v1.9.1