diff --git a/src/views/modules/shequzhili/analysis/css/index.scss b/src/views/modules/shequzhili/analysis/css/index.scss index 53e367690..5a6b2ad80 100644 --- a/src/views/modules/shequzhili/analysis/css/index.scss +++ b/src/views/modules/shequzhili/analysis/css/index.scss @@ -82,4 +82,170 @@ .br{ padding: 20px 0; border-left: #777 solid 1px; -} \ No newline at end of file +} +.div_room { + // height: calc(88vh - 40px); + // margin-top: 9px; + display: flex; + flex-wrap: wrap; + justify-content: flex-start; + margin-left: 42px; + // margin: 0 21px 0 21px; + + .item { + width: 282px; + height: 86px; + background: #E6F0FF; + border-radius: 6px; + margin: 15px 25px 15px 0; + display: flex; + position: relative; + + + .item_category { + width: 100%; + display: flex; + align-items: center; + padding: 8px; + > img { + width: 66px; + height: 66px; + } + .item_content { + margin-left: 5px; + width: 100%; + text-align: left; + display: flex; + flex-direction: column; + justify-content: flex-start; + + .item_count { + font-size: 28px; + font-family: PingFang SC; + font-weight: bold; + color: #333333; + } + .item_row1 { + border-radius: 4px; + display: flex; + justify-content: space-between; + align-items: center; + height: 23px; + + .row_left { + font-size: 14px; + font-family: PingFang SC; + font-weight: 500; + color: #666666; + text-align: center; + margin-left: 5px; + } + + .row_right { + margin: 0px 5px 0 0; + + cursor: pointer; + display: flex; + flex-direction: row; + .img{ + width: 16px; + height: 16px; + margin-top: 2px; + } + .text{ + font-size: 20px; + font-family: PingFang SC; + color: #333333; + margin-right: 5px; + } + + } + } + .item_row2 { + border-radius: 4px; + display: flex; + justify-content: space-between; + align-items: center; + height: 23px; + margin-top: 10px; + .row_left { + font-size: 14px; + font-family: PingFang SC; + font-weight: 500; + color: #666666; + text-align: center; + margin-left: 5px; + } + + .row_right { + margin: 0px 5px 0 0; + + cursor: pointer; + display: flex; + flex-direction: row; + .img{ + width: 16px; + height: 16px; + margin-top: 2px + } + .text{ + font-size: 18px; + font-family: PingFang SC; + color: #666666; + margin-right: 5px; + } + + } + } + } + + > span { + margin-left: 16px; + font-size: 24px; + } + } + + .item_add { + cursor: pointer; + font-size: 24px; + font-family: PingFang SC; + font-weight: 500; + color: #333333; + display: flex; + align-items: center; + padding: 17px 16px; + + > img { + width: 86px; + height: 86px; + } + + > span { + font-size: 24px; + font-family: PingFang SC; + font-weight: 500; + color: #333333; + + margin-left: 16px; + } + } + + .icon_circle { + cursor: pointer; + position: absolute; + top: -10px; + right: -10px; + height: 23px; + width: 23px; + background-color: #ffffff; + border-radius: 50%; + border: 1px solid #a5a5a5; + } + + .icon_sel { + cursor: pointer; + background-color: #6bb9f8; + border: 1px solid #6bb9f8; + } + } + } \ No newline at end of file diff --git a/src/views/modules/shequzhili/analysis/index.vue b/src/views/modules/shequzhili/analysis/index.vue index 9200ce586..afbe8014d 100644 --- a/src/views/modules/shequzhili/analysis/index.vue +++ b/src/views/modules/shequzhili/analysis/index.vue @@ -671,16 +671,16 @@ export default { ...mapGetters(["clientHeight", "iframeHeight"]), }, watch: {}, - async mounted() { + mounted() { this.user = this.$store.state.user; this.agencyId = this.user.agencyId; - await this.getOrgData(); + this.getOrgData(); this.agencyLevel = localStorage.getItem("level", this.orgData.level); - await this.getTableData(); - await this.initEcharts(); - await this.EventCategoryAnalysis(); - await this.EventCate(); - await this.getCategoryTree() + this.getTableData(); + // this.initEcharts(); + this.EventCategoryAnalysis(); + this.EventCate(); + this.getCategoryTree() }, methods: { calculateRowspan(item) { @@ -831,15 +831,15 @@ export default { }, // 搜索事件 - async handleSearch(val) { + handleSearch(val) { console.log(this.formData); // 清空数据 this.cleanReportData(); - await this.getTableData(); - await this.initEcharts(); - await this.EventCategoryAnalysis(); - await this.EventCate(); - await this.getCategoryTree() + this.getTableData(); + // await this.initEcharts(); + this.EventCategoryAnalysis(); + this.EventCate(); + this.getCategoryTree() }, //事件类型统计 async getCategoryTree(){