Browse Source

PC端-党建引领-活动管理页面去掉边框

origin/feature/monitoring
liuchuang 4 years ago
parent
commit
0690248813
  1. 24
      src/views/modules/workbench/workbench.vue

24
src/views/modules/workbench/workbench.vue

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

Loading…
Cancel
Save