v-show错误

This commit is contained in:
shijingjing
2022-07-25 10:46:48 +08:00
parent 44d5e489db
commit 1eb989b0bf
3 changed files with 37 additions and 31 deletions

View File

@@ -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>

View File

@@ -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">

View File

@@ -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")