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 | 196 +++++++++++++++++++++++++++++++++++-------------
1 files changed, 141 insertions(+), 55 deletions(-)
diff --git a/src/views/userHouse/lable/statistics.vue b/src/views/userHouse/lable/statistics.vue
index 41f6706..60e273c 100644
--- a/src/views/userHouse/lable/statistics.vue
+++ b/src/views/userHouse/lable/statistics.vue
@@ -1,71 +1,157 @@
<template>
- <!-- <avue-data-box :option="option"></avue-data-box> -->
+ <basic-container style="margin-bottom: 40px;">
+ <div class="current-page-box">
+ <div v-for="(item, index) in data" :key="index">
+ <div v-if="index == 0">
+ <box-title class="m10" :classVal="9" :title="item.name"></box-title>
- <!-- <div v-for="item in items" :key="item.id"> -->
- <div id="">
+ <div v-for="(item1, childIndex) in item.children" :key="childIndex">
+ <div class="m20 m-t-28 grid-content bg-purple-dark">
+ <el-divider content-position="left">{{ item1.name }}</el-divider>
+ </div>
- <div id="" v-for="(item,index) in 10">
- <el-row>
- <el-col :span="24">
- <div class="grid-content bg-purple-dark">
- <el-tag type="danger">标签五</el-tag>
- </div>
- </el-col>
- </el-row>
+ <div class="grid-container" v-if="item1.children">
+ <div v-for="(item2, childChildIndex) in item1.children" :key="childChildIndex">
+ <div>
+ {{ item2.count }}
+ </div>
+ <div>
+ {{ item2.name }}
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
- <el-row>
- <el-col :span="24">
- <div class="grid-content bg-purple-dark">
- <el-divider content-position="left">少年包青天</el-divider>
- </div>
- </el-col>
- </el-row>
+ <div v-if="index == 1">
+ <box-title class="m10" :title="item.name"></box-title>
- <!-- <el-row :gutter="20">
- <el-col :span="6">
- <div class="grid-content bg-purple"></div>
- </el-col>
- <el-col :span="6">
- <div class="grid-content bg-purple"></div>
- </el-col>
- <el-col :span="6">
- <div class="grid-content bg-purple"></div>
- </el-col>
- <el-col :span="6">
- <div class="grid-content bg-purple"></div>
- </el-col>
- </el-row> -->
+ <div class="grid-container">
+ <div v-for="(item1, childIndex) in item.children" :key="childIndex">
+ <div>
+ {{ item1.count }}
+ </div>
+ <div>
+ {{ item1.name }}
+ </div>
+ </div>
+ </div>
+ </div>
- <div id="" v-for="(item,index) in 10" style="display: flex;">
- <div id="">
- {{index}}
+ <div v-if="index == 2">
+ <box-title class="m10" :title="item.name"></box-title>
+
+ <div class="grid-container">
+ <div>
+ <div>
+ {{ item.count }}
+ </div>
+ <div>
+ {{ item.name }}
+ </div>
+ </div>
+ </div>
+ </div>
+
+ </div>
</div>
- </div>
-
-
- </div>
-
- </div>
-
- <!-- </div> -->
-
+ </basic-container>
</template>
<script>
- export default {
- data() {
- return {
- items: [],
- option: {
- span: 4,
- data: []
+import {
+ getTreeList,
+ add,
+ update,
+ remove
+} from '@/api/label/label'
+
+import boxTitle from '../components/boxTitle.vue'
+
+export default {
+ data () {
+ return {
+ items: [],
+ query: {
+ parentId: 0
+ },
+ data: [],
+ loading: true,
+ page: {
+ pageSize: 10,
+ currentPage: 1,
+ total: 0
+ },
+ option: {
+ span: 4,
+ data: []
+ },
+ }
+ },
+
+ components: { boxTitle },
+
+ mounted () {
+ this.onLoad()
+ },
+
+ methods: {
+ onLoad (page, params = {}) {
+ this.loading = true
+ getTreeList().then(res => {
+ const data = res.data.data
+ this.data = data
+ this.loading = false
+ // this.selectionClear();
+ })
},
- }
}
- }
+}
</script>
-<style>
- /* .el-row {
+<style lang="scss" scoped>
+.m10 {
+ margin: 10px;
+}
+
+.m20 {
+ margin: 20px;
+}
+
+.m-t-28 {
+ margin-top: 28px;
+}
+
+.grid-container {
+ display: flex;
+ flex-wrap: wrap;
+ font-size: 15px;
+ color: #fff;
+}
+
+.grid-container>div {
+ margin: 18px;
+ padding: 10px 8px;
+ display: flex;
+ flex-direction: column;
+ width: calc(100% / 6 - 36px);
+ background-color: #429FFF;
+ text-align: center;
+ border-radius: 10px;
+ box-sizing: border-box;
+
+ &>div {
+ font-size: 14px;
+ line-height: 22px;
+ text-align: center;
+ }
+
+ &>div:first-child {
+ font-size: 18px;
+ font-weight: bold;
+ }
+}
+
+/* .el-row {
margin-bottom: 20px;
&:last-child {
--
Gitblit v1.9.3