From ad0a536bd7534a8eaf477d41294de21c7d7b25df Mon Sep 17 00:00:00 2001
From: linwe <872216996@qq.com>
Date: Thu, 21 Dec 2023 11:50:54 +0800
Subject: [PATCH] 维修基金审核
---
src/views/userHouse/lable/statistics.vue | 71 ++++++++++++++---------------------
1 files changed, 29 insertions(+), 42 deletions(-)
diff --git a/src/views/userHouse/lable/statistics.vue b/src/views/userHouse/lable/statistics.vue
index 9d4e155..60e273c 100644
--- a/src/views/userHouse/lable/statistics.vue
+++ b/src/views/userHouse/lable/statistics.vue
@@ -3,13 +3,7 @@
<div class="current-page-box">
<div v-for="(item, index) in data" :key="index">
<div v-if="index == 0">
- <div class="m10 grid-content bg-purple-dark">
- <el-tag effect="dark" type="danger" color="red">
- <span style="display: inline-block; min-width: 60px;">
- {{ item.name }}
- </span>
- </el-tag>
- </div>
+ <box-title class="m10" :classVal="9" :title="item.name"></box-title>
<div v-for="(item1, childIndex) in item.children" :key="childIndex">
<div class="m20 m-t-28 grid-content bg-purple-dark">
@@ -19,10 +13,10 @@
<div class="grid-container" v-if="item1.children">
<div v-for="(item2, childChildIndex) in item1.children" :key="childChildIndex">
<div>
- {{ item2.name }}
+ {{ item2.count }}
</div>
<div>
- {{ item2.count }}
+ {{ item2.name }}
</div>
</div>
</div>
@@ -30,44 +24,30 @@
</div>
<div v-if="index == 1">
- <div class="m10 grid-content bg-purple-dark">
- <el-tag effect="dark" type="danger" color="red">
- <span style="display: inline-block; min-width: 60px;">
- {{ item.name }}
- </span>
- </el-tag>
- </div>
+ <box-title class="m10" :title="item.name"></box-title>
<div class="grid-container">
<div v-for="(item1, childIndex) in item.children" :key="childIndex">
<div>
- {{ item1.name }}
- </div>
-
- <div>
{{ item1.count }}
</div>
+ <div>
+ {{ item1.name }}
+ </div>
</div>
-
</div>
</div>
<div v-if="index == 2">
- <div class="m10 grid-content bg-purple-dark">
- <el-tag effect="dark" type="danger" color="red">
- <span style="display: inline-block; min-width: 60px;">
- {{ item.name }}
- </span>
- </el-tag>
- </div>
+ <box-title class="m10" :title="item.name"></box-title>
<div class="grid-container">
<div>
<div>
- {{ item.name }}
+ {{ item.count }}
</div>
<div>
- {{ item.count }}
+ {{ item.name }}
</div>
</div>
</div>
@@ -84,6 +64,9 @@
update,
remove
} from '@/api/label/label'
+
+import boxTitle from '../components/boxTitle.vue'
+
export default {
data () {
return {
@@ -104,9 +87,13 @@
},
}
},
+
+ components: { boxTitle },
+
mounted () {
this.onLoad()
},
+
methods: {
onLoad (page, params = {}) {
this.loading = true
@@ -142,25 +129,25 @@
}
.grid-container>div {
- margin: 10px;
- padding: 0 8px;
+ margin: 18px;
+ padding: 10px 8px;
display: flex;
- width: calc(100% / 3 - 20px);
- background-color: #097FFE;
+ flex-direction: column;
+ width: calc(100% / 6 - 36px);
+ background-color: #429FFF;
text-align: center;
- line-height: 40px;
border-radius: 10px;
box-sizing: border-box;
- &>div:first-child {
- width: 0;
- flex: 1;
- text-align: left;
+ &>div {
+ font-size: 14px;
+ line-height: 22px;
+ text-align: center;
}
- &>div:last-child {
- width: 24px;
- text-align: right;
+ &>div:first-child {
+ font-size: 18px;
+ font-weight: bold;
}
}
--
Gitblit v1.9.3