柱状图
This commit is contained in:
@@ -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) {
|
||||
|
||||
Reference in New Issue
Block a user