|
|
@ -4,7 +4,7 @@ |
|
|
|
<div class="top-bar"> |
|
|
|
<div class="title"><span class="line"></span>数据汇总</div> |
|
|
|
<div class="query">组织: |
|
|
|
<el-select v-model="selectDetpId" placeholder="全部"> |
|
|
|
<el-select v-model="selectDetpId" placeholder="全部" clearable> |
|
|
|
<el-option |
|
|
|
v-for="item in deptList" |
|
|
|
:key="item.deptId" |
|
|
@ -44,7 +44,7 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="data-item data-item-bg-4"> |
|
|
|
<div class="data-item data-item-bg-4"> |
|
|
|
<div class="item-content"> |
|
|
|
<div class="item-num">{{dataStatistics.itemCaseClosedNum || 0}}</div> |
|
|
|
<div class="item-desc"> |
|
|
@ -53,7 +53,7 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="data-item data-item-bg-5"> |
|
|
|
<div class="data-item data-item-bg-5"> |
|
|
|
<div class="item-content"> |
|
|
|
<div class="item-num">{{dataStatistics.superviseItemNum || 0}}</div> |
|
|
|
<div class="item-desc"> |
|
|
@ -80,7 +80,7 @@ |
|
|
|
<el-radio-group v-model="radio" size="small" @change="onRadioChange"> |
|
|
|
<el-radio-button label="yesterday">昨日</el-radio-button> |
|
|
|
<el-radio-button label="lastWeek">上周</el-radio-button> |
|
|
|
<el-radio-button label="lastMonth">本月</el-radio-button> |
|
|
|
<el-radio-button label="thisMonth">本月</el-radio-button> |
|
|
|
</el-radio-group> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@ -102,7 +102,7 @@ |
|
|
|
@current-change="pageCurrentChangeHandle"> |
|
|
|
</el-pagination> |
|
|
|
</div> |
|
|
|
</el-card> |
|
|
|
</el-card> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
@ -133,7 +133,7 @@ export default { |
|
|
|
userAnalysisDepts: [], |
|
|
|
userAnalysisPartyMemberNum: [], |
|
|
|
userAnalysisUserNum: [], |
|
|
|
|
|
|
|
|
|
|
|
issueItemAnalysisDepts: [], |
|
|
|
issueItemAnalysisIssueNum: [], |
|
|
|
issueItemAnalysisItemNum: [], |
|
|
@ -143,7 +143,7 @@ export default { |
|
|
|
mounted () { |
|
|
|
this.barChart = echarts.init(document.getElementById('chart-bar')) |
|
|
|
this.lineChart = echarts.init(document.getElementById('chart-line')) |
|
|
|
|
|
|
|
|
|
|
|
this.getDepts() |
|
|
|
this.getDataStatistics() |
|
|
|
this.getUserAnalysis() |
|
|
@ -169,7 +169,7 @@ export default { |
|
|
|
this.initData() |
|
|
|
this.dataForm.deptId = this.selectDetpId |
|
|
|
this.dataForm.dateType = this.radio |
|
|
|
|
|
|
|
|
|
|
|
this.getDataStatistics() |
|
|
|
this.getUserAnalysis() |
|
|
|
this.getIssueItemAnalysis() |
|
|
@ -205,7 +205,7 @@ export default { |
|
|
|
this.userAnalysisPartyMemberNum.push(item.partyMemberNum) |
|
|
|
this.userAnalysisUserNum.push(item.userNum) |
|
|
|
}) |
|
|
|
|
|
|
|
|
|
|
|
setTimeout(() => { |
|
|
|
this.barChart.setOption(getBarOption(this.userAnalysisDepts, this.userAnalysisPartyMemberNum, this.userAnalysisUserNum)) |
|
|
|
}, 500) |
|
|
@ -225,7 +225,7 @@ export default { |
|
|
|
this.issueItemAnalysisItemNum.push(item.itemNum) |
|
|
|
this.issueItemAnalysisTopicNum.push(item.topicNum) |
|
|
|
}) |
|
|
|
|
|
|
|
|
|
|
|
setTimeout(() => { |
|
|
|
this.lineChart.setOption(getLineOption(this.issueItemAnalysisDepts, this.issueItemAnalysisIssueNum, this.issueItemAnalysisItemNum, this.issueItemAnalysisTopicNum)) |
|
|
|
}, 500) |
|
|
@ -290,7 +290,7 @@ export default { |
|
|
|
} |
|
|
|
.data-list .data-item { |
|
|
|
width: 270px; |
|
|
|
height: 130px; |
|
|
|
height: 130px; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
@ -334,4 +334,4 @@ export default { |
|
|
|
align-items: center; |
|
|
|
justify-content: space-around; |
|
|
|
} |
|
|
|
</style> |
|
|
|
</style> |
|
|
|