kubbo/dvcp_v2_wxcp_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

卢龙

Browse Source
This commit is contained in:
liuye
2023-08-25 15:40:14 +08:00
parent 7f37b812cf
commit b168167e36
4 changed files with 779 additions and 244 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/project/lulong/AppHandSnapshot/Statistics.vue
View File

@@ -2,7 +2,7 @@
<div class="statistics">
<AiTopFixed>
<div class="select-gird">
<AiPagePicker type="gird" v-model="selectGird" valueObj nodeKey="id" formType="2" class="right-span">
<AiPagePicker type="gird" v-model="selectGird" valueObj nodeKey="id" formType="2" class="right-span" @change="handleSelectGird">
<AiMore v-model="selectGird.girdName"/>
</AiPagePicker>
</div>
@@ -19,24 +19,24 @@
</div>
<div class="info-content">
<div class="title">事件办结率</div>
<div class="echart-content" id="finish"></div>
<div class="num" v-if="finishData">{{finshNum}}%</div>
<div class="echart-content" id="finish" v-if="finishData.length && finshNum > 0"></div>
<div class="num" v-if="finishData.length && finshNum > 0">{{finshNum}}%</div>
<AiEmpty v-else></AiEmpty>
</div>
<div class="info-content">
<div class="title">巡查上报趋势图</div>
<div class="echart-content" id="trend"></div>
<AiEmpty v-if="!trendData.length"></AiEmpty>
<div class="echart-content" id="trend" v-else></div>
</div>
<div class="info-content">
<div class="title">巡查事件分类
<div class="type-select" :style="statusInfo.name ? '' : 'color:#999;'" @click="show=true">{{statusInfo.name || '请选择'}}<u-icon name="arrow-right"></u-icon></div>
<!-- <div class="type-select" :style="statusInfo.name ? '' : 'color:#999;'" @click="show=true">{{statusInfo.name || '请选择'}}<u-icon name="arrow-right"></u-icon></div> -->
<u-select v-model="show" :list="$dict.getDict('clapEventStatusHistory')" value-name="dictValue" label-name="dictName" @confirm="selectStatus"></u-select>
</div>
<div class="echart-content" id="type"></div>
<AiEmpty v-if="!typeData.length"></AiEmpty>
<div class="echart-content" id="type" v-else></div>
</div>
<div class="pad-b120"></div>
</div>
@@ -51,7 +51,7 @@ export default {
data() {
return {
todayList: [],
selectGird: {girdId: '', girdName: ''},
selectGird: {id: '', girdName: ''},
finishChart: null,
trendChart: null,
typeChart: null,
@@ -78,7 +78,7 @@ export default {
methods: {
getStatistics() {
this.todayList = [], this.finishData = [], this.trendDataX = [], this.trendData = [], this.typeData = []
this.$http.post(`/app/apppatrolreportinfo/countByGirdId?girdId=${this.selectGird.girdId}&eventStatus=${this.statusInfo.eventStatus}`).then((res) => {
this.$http.post(`/app/apppatrolreportinfo/countByGirdId?girdId=${this.selectGird.id}&eventStatus=${this.statusInfo.eventStatus}`).then((res) => {
if (res.code == 0) {
this.$nextTick(() => {
this.chartInit()
@@ -117,7 +117,9 @@ export default {
this.typeData.push(info)
})
this.chartInit()
this.$nextTick(() => {
this.chartInit()
})
}
})
},
@@ -270,6 +272,11 @@ export default {
this.statusInfo.eventStatus = e[0].value
this.getStatistics()
},
handleSelectGird(v) {
console.log(v)
this.selectGird = v || {}
this.getStatistics()
}
},
}
</script>