v-show错误
This commit is contained in:
@@ -64,22 +64,11 @@
|
|||||||
<div class="tab">
|
<div class="tab">
|
||||||
<u-subsection :list="subsection" :current="subIndex" @change="changeSub"></u-subsection>
|
<u-subsection :list="subsection" :current="subIndex" @change="changeSub"></u-subsection>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<AiTable
|
<AiTable
|
||||||
:data="tableData"
|
:data="tableData"
|
||||||
:colConfigs="colConfigs0"
|
:colConfigs="tabIndex==0? colConfigs0 : colConfigs1"
|
||||||
v-if="tabIndex == 0 && tableData.length">
|
v-if="tableData.length">
|
||||||
<u-td slot="groupOwnerId" align="center">
|
|
||||||
<template #slot="{ row }">
|
|
||||||
<p>{{row}}</p>
|
|
||||||
<AiOpenData v-if="row.groupOwnerId" type="userName" :openid="row.groupOwnerId"/>
|
|
||||||
</template>
|
|
||||||
</u-td>
|
|
||||||
</AiTable>
|
|
||||||
<AiTable
|
|
||||||
:data="tableData"
|
|
||||||
:colConfigs="colConfigs1"
|
|
||||||
v-if="tabIndex == 1 && tableData.length"
|
|
||||||
>
|
|
||||||
<u-td slot="groupOwnerId" align="center">
|
<u-td slot="groupOwnerId" align="center">
|
||||||
<template #slot="{ row }">
|
<template #slot="{ row }">
|
||||||
<p>{{row}}</p>
|
<p>{{row}}</p>
|
||||||
|
|||||||
@@ -3,8 +3,8 @@
|
|||||||
<div class="header-middle">
|
<div class="header-middle">
|
||||||
<div class="userCards" v-for="e in userList" :key="e.id">
|
<div class="userCards" v-for="e in userList" :key="e.id">
|
||||||
<div class="imges">
|
<div class="imges">
|
||||||
<div class="imgselect" :class="{checked:e.isChecked}" @click.stop="itemCheck(e)" />
|
<div class="imgselect" :class="{ checked: e.isChecked }" @click.stop="itemCheck(e)" />
|
||||||
<img src="./images/tx@2x.png" alt="" class="avatras"/>
|
<img src="./images/tx@2x.png" alt="" class="avatras"/> {{e}}
|
||||||
</div>
|
</div>
|
||||||
<div class="rights fill">
|
<div class="rights fill">
|
||||||
<div class="applicationNames">
|
<div class="applicationNames">
|
||||||
|
|||||||
@@ -14,10 +14,10 @@
|
|||||||
<div class="itemYesterday">昨天<span>{{ nowMonth }}.{{ nowDate - 1 }}</span></div>
|
<div class="itemYesterday">昨天<span>{{ nowMonth }}.{{ nowDate - 1 }}</span></div>
|
||||||
|
|
||||||
<div v-if="calendarList && calendarList[nowDate - 1] && calendarList[nowDate - 1].taskList.length">
|
<div v-if="calendarList && calendarList[nowDate - 1] && calendarList[nowDate - 1].taskList.length">
|
||||||
<div v-show="calendarList[nowDate - 1].taskList.length <= 2">
|
<div v-if="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 v-for="(item,index) in calendarList[nowDate - 1].taskList.slice(0, 2)" :key="index">{{item.taskTitle}}</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-show="calendarList[nowDate - 1].taskList.length > 2 && showYes">
|
<div v-if="calendarList[nowDate - 1].taskList.length > 2 && showYes">
|
||||||
<div v-for="(item,index) in calendarList[nowDate - 1].taskList.slice(2, calendarList[nowDate - 1].taskList.length)" :key="index">{{item.taskTitle}}</div>
|
<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>
|
</div>
|
||||||
@@ -30,14 +30,14 @@
|
|||||||
<div class="itemToday">今天<span>{{ nowMonth }}.{{ nowDate }}</span></div>
|
<div class="itemToday">今天<span>{{ nowMonth }}.{{ nowDate }}</span></div>
|
||||||
|
|
||||||
<div v-if="calendarList && calendarList[nowDate] && calendarList[nowDate].taskList.length">
|
<div v-if="calendarList && calendarList[nowDate] && calendarList[nowDate].taskList.length">
|
||||||
<div v-show="calendarList[nowDate].taskList.length <=2">
|
<div v-if="calendarList[nowDate].taskList.length <=2">
|
||||||
<div v-for="(item,index) in calendarList[nowDate].taskList.slice(0, 2)" :key="index">{{item.taskTitle}}</div>
|
<div v-for="(item,index) in calendarList[nowDate].taskList.slice(0, 2)" :key="index">{{item.taskTitle}}</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-show="calendarList[nowDate].taskList.length > 2" && showTo>
|
<div v-if="calendarList[nowDate].taskList.length > 2" && showTo>
|
||||||
<div v-for="(item,index) in calendarList[nowDate].taskList.slice(2, calendarList[nowDate].taskList.length)" :key="index">{{item.taskTitle}}</div>
|
<div v-for="(item,index) in calendarList[nowDate].taskList.slice(2, calendarList[nowDate].taskList.length)" :key="index">{{item.taskTitle}}</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="!(calendarList && calendarList[nowDate] && calendarList[nowDate].taskList.length)">今日暂无宣发任务</div>
|
<div v-if="!!!(calendarList && calendarList[nowDate] && calendarList[nowDate].taskList.length>0)">今日暂无宣发任务</div>
|
||||||
<div class="isShow" v-if="calendarList && calendarList[nowDate] && calendarList[nowDate].taskList.length && calendarList[nowDate].taskList.length > 2" @click="showTo=!showTo">{{ showTo ? "收起" : "展开" }}</div>
|
<div class="isShow" v-if="calendarList && calendarList[nowDate] && calendarList[nowDate].taskList.length && calendarList[nowDate].taskList.length > 2" @click="showTo=!showTo">{{ showTo ? "收起" : "展开" }}</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -46,10 +46,10 @@
|
|||||||
<div class="itemTomorrow">明天<span>{{ nowMonth }}.{{ nowDate + 1 }}</span></div>
|
<div class="itemTomorrow">明天<span>{{ nowMonth }}.{{ nowDate + 1 }}</span></div>
|
||||||
|
|
||||||
<div v-if="calendarList && calendarList[nowDate + 1] && calendarList[nowDate + 1].taskList.length">
|
<div v-if="calendarList && calendarList[nowDate + 1] && calendarList[nowDate + 1].taskList.length">
|
||||||
<div v-show="calendarList[nowDate + 1].taskList.length <= 2">
|
<div v-if="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 v-for="(item,index) in calendarList[nowDate + 1].taskList.slice(0, 2)" :key="index">{{item.taskTitle}}</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-show="calendarList[nowDate + 1].taskList.length > 2" && showTom>
|
<div v-if="calendarList[nowDate + 1].taskList.length > 2" && showTom>
|
||||||
<div v-for="(item,index) in calendarList[nowDate + 1].taskList.slice(2, calendarList[nowDate + 1].taskList.length)" :key="index">{{item.taskTitle}}</div>
|
<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>
|
</div>
|
||||||
@@ -567,22 +567,39 @@ export default {
|
|||||||
})
|
})
|
||||||
.then((res) => {
|
.then((res) => {
|
||||||
if(res?.data) {
|
if(res?.data) {
|
||||||
|
let data = [
|
||||||
|
{taskCount: 4, deptId: "10"},
|
||||||
|
{taskCount: 6, deptId: "13"},
|
||||||
|
{taskCount: 24, deptId: "5"},
|
||||||
|
{taskCount: 14, deptId: "22"},
|
||||||
|
{taskCount: 12, deptId: "20"},
|
||||||
|
{taskCount: 11, deptId: "15"}
|
||||||
|
]
|
||||||
let items = [], xData = [], yData = []
|
let items = [], xData = [], yData = []
|
||||||
res.data.map((item) => {
|
// res.data.map((item) => {
|
||||||
|
// var i = {type: 'departmentName', id: item.deptId, corpid: this.user.corpId}
|
||||||
|
// items.push(i)
|
||||||
|
// yData.push(item.taskCount)
|
||||||
|
// })
|
||||||
|
data.map((item) => {
|
||||||
var i = {type: 'departmentName', id: item.deptId, corpid: this.user.corpId}
|
var i = {type: 'departmentName', id: item.deptId, corpid: this.user.corpId}
|
||||||
items.push(i)
|
items.push(i)
|
||||||
|
xData.push(item.deptId)
|
||||||
yData.push(item.taskCount)
|
yData.push(item.taskCount)
|
||||||
})
|
})
|
||||||
this.initOpenData({canvas:true})
|
// this.initOpenData({canvas:true})
|
||||||
this.transCanvas(items).then((data) => {
|
// this.transCanvas(items).then((data) => {
|
||||||
data.items.map((i) => {
|
// console.log(data,'data哈哈哈');
|
||||||
xData.push(i.data)
|
// data.items.map((i) => {
|
||||||
})
|
// xData.push(i.data)
|
||||||
this.getColumnarEcharts(xData, yData)
|
// })
|
||||||
})
|
// this.getColumnarEcharts(xData, yData)
|
||||||
|
// })
|
||||||
|
this.getColumnarEcharts(xData, yData)
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
// 柱状图
|
||||||
getColumnarEcharts(xData, yData) {
|
getColumnarEcharts(xData, yData) {
|
||||||
this.columnarEcharts = echarts.init(
|
this.columnarEcharts = echarts.init(
|
||||||
document.getElementById("columnarEcharts")
|
document.getElementById("columnarEcharts")
|
||||||
|
|||||||
Reference in New Issue
Block a user