柱状图

This commit is contained in:
shijingjing
2022-07-22 17:40:34 +08:00
parent 048fc9ed24
commit 01db21cd73
4 changed files with 58 additions and 37 deletions

View File

@@ -13,7 +13,7 @@
<div class="yesterday">
<div class="itemYesterday">昨天<span>{{ nowMonth }}.{{ nowDate - 1 }}</span></div>
<div v-if="calendarList && calendarList[nowDate - 1] && calendarList[nowDate - 1].taskList.length > 0">
<div v-if="calendarList && calendarList[nowDate - 1] && calendarList[nowDate - 1].taskList.length">
<div v-show="calendarList[nowDate - 1].taskList.length <= 2">
<div v-for="(item,index) in calendarList[nowDate - 1].taskList.slice(0, 2)" :key="index">{{item.taskTitle}}</div>
</div>
@@ -21,7 +21,7 @@
<div v-for="(item,index) in calendarList[nowDate - 1].taskList.slice(2, calendarList[nowDate - 1].taskList.length)" :key="index">{{item.taskTitle}}</div>
</div>
</div>
<div v-if="!(calendarList && calendarList[nowDate - 1] && calendarList[nowDate - 1].taskList.length > 0)">今日暂无宣发任务</div>
<div v-if="!(calendarList && calendarList[nowDate - 1] && calendarList[nowDate - 1].taskList.length)">今日暂无宣发任务</div>
<div class="isShow" v-if="calendarList && calendarList[nowDate - 1] && calendarList[nowDate - 1].taskList.length > 0 && calendarList[nowDate - 1].taskList.length > 2" @click="showYes = !showYes">{{ showYes ? "收起" : "展开" }}</div>
</div>
@@ -29,7 +29,7 @@
<div class="today">
<div class="itemToday">今天<span>{{ nowMonth }}.{{ nowDate }}</span></div>
<div v-if="calendarList && calendarList[nowDate] && calendarList[nowDate].taskList.length > 0">
<div v-if="calendarList && calendarList[nowDate] && calendarList[nowDate].taskList.length">
<div v-show="calendarList[nowDate].taskList.length <=2">
<div v-for="(item,index) in calendarList[nowDate].taskList.slice(0, 2)" :key="index">{{item.taskTitle}}</div>
</div>
@@ -37,7 +37,7 @@
<div v-for="(item,index) in calendarList[nowDate].taskList.slice(2, calendarList[nowDate].taskList.length)" :key="index">{{item.taskTitle}}</div>
</div>
</div>
<div v-if="!(calendarList && calendarList[nowDate] && calendarList[nowDate].taskList.length > 0)">今日暂无宣发任务</div>
<div v-if="!(calendarList && calendarList[nowDate] && calendarList[nowDate].taskList.length)">今日暂无宣发任务</div>
<div class="isShow" v-if="calendarList && calendarList[nowDate] && calendarList[nowDate].taskList.length > 0 && calendarList[nowDate].taskList.length > 2" @click="showTo=!showTo">{{ showTo ? "收起" : "展开" }}</div>
</div>
@@ -45,7 +45,7 @@
<div class="tomorrow">
<div class="itemTomorrow">明天<span>{{ nowMonth }}.{{ nowDate + 1 }}</span></div>
<div v-if="calendarList && calendarList[nowDate + 1] && calendarList[nowDate + 1].taskList.length > 0">
<div v-if="calendarList && calendarList[nowDate + 1] && calendarList[nowDate + 1].taskList.length">
<div v-show="calendarList[nowDate + 1].taskList.length <= 2">
<div v-for="(item,index) in calendarList[nowDate + 1].taskList.slice(0, 2)" :key="index">{{item.taskTitle}}</div>
</div>
@@ -53,7 +53,7 @@
<div v-for="(item,index) in calendarList[nowDate + 1].taskList.slice(2, calendarList[nowDate + 1].taskList.length)" :key="index">{{item.taskTitle}}</div>
</div>
</div>
<div v-if="!(calendarList && calendarList[nowDate + 1] && calendarList[nowDate + 1].taskList.length > 0)">今日暂无宣发任务</div>
<div v-if="!(calendarList && calendarList[nowDate + 1] && calendarList[nowDate + 1].taskList.length)">今日暂无宣发任务</div>
<div class="isShow" v-if="calendarList && calendarList[nowDate + 1] && calendarList[nowDate + 1].taskList.length > 0 && calendarList[nowDate + 1].taskList.length > 2" @click="showTom=!showTom">{{ showTom ? "收起" : "展开" }}</div>
</div>
</div>
@@ -198,7 +198,7 @@
<script>
import echarts from "echarts";
import { mapActions } from 'vuex'
import { mapState, mapActions } from 'vuex'
export default {
name: "AppPropagandaStatistics",
appName: "宣发统计",
@@ -256,6 +256,9 @@ export default {
this.getBrokenEcharts3();
this.getColumnarEcharts();
},
computed: {
...mapState(['user'])
},
methods: {
checkTime(index) {
if (index == 3) {
@@ -554,7 +557,7 @@ export default {
],
});
},
// ...mapActions(['initOpenData', 'transCanvas']),
...mapActions(['initOpenData', 'transCanvas']),
// 宣发明细
getColData() {
this.$http
@@ -564,24 +567,23 @@ export default {
},
})
.then((res) => {
// if(res.data && res.data.length) {
// this.isDepartData = true
// let items = [], xData = [], yData = []
// res.data.map((item) => {
// var i = {type: 'departmentName', id: item.deptId, corpid: this.user.info.corpId}
// items.push(i)
// yData.push(item.taskCount)
// })
// this.initOpenData({canvas:true})
// this.transCanvas(items).then((data) => {
// data.items.map((i) => {
// xData.push(i.data)
// })
// this.getColumnarEcharts(xData, yData)
// })
// }else {
// this.isDepartData = false
// }
if(res?.data) {
console.log(res.data);
let items = [], xData = [], yData = []
res.data.map((item) => {
var i = {type: 'departmentName', id: item.deptId, corpid: this.user.corpId}
items.push(i)
yData.push(item.taskCount)
})
this.initOpenData({canvas:true})
this.transCanvas(items).then((data) => {
data.items.map((i) => {
xData.push(i.data)
})
console.log(xData,yData);
this.getColumnarEcharts(xData, yData)
})
}
});
},
getColumnarEcharts(xData, yData) {