table,已选中人员回显 重置

This commit is contained in:
shijingjing
2022-07-26 10:32:07 +08:00
parent faea4c65bd
commit 601640eea1
6 changed files with 35 additions and 32 deletions

View File

@@ -6,7 +6,7 @@
</u-tr> </u-tr>
<u-tr v-for="(row,j) in data" :key="j"> <u-tr v-for="(row,j) in data" :key="j">
<u-td v-for="(col,i) in colConfigs" :key="i" :width="col.width"> <u-td v-for="(col,i) in colConfigs" :key="i" :width="col.width">
<slot v-if="col.slot" :name="col.slot"/> <slot v-if="col.slot" :name="col.slot" :row="row"/>
<p v-else-if="col.dict">{{ $dict.getLabel(col.dict, row[col.prop]) }}</p> <p v-else-if="col.dict">{{ $dict.getLabel(col.dict, row[col.prop]) }}</p>
<p v-else>{{ row[col.prop] || "-" }}</p> <p v-else>{{ row[col.prop] || "-" }}</p>
</u-td> </u-td>

View File

@@ -129,24 +129,21 @@ export default {
this.startTime = '', this.startTime = '',
this.endTime = '' this.endTime = ''
this.userIdList = [] this.userIdList = []
// uni.clearStorageSync('userSelect') //清空会导致状态字典出问题 this.createUserId = ''
uni.clearStorageSync('userSelect')
this.current = 1 this.current = 1
this.list = [] this.list = []
this.$dict.load(['mstStatus']).then(() => {
this.getList() this.getList()
})
this.filterShow = false
}, },
selectConfirm() { selectConfirm() {
if(this.userIdList.length) { if(this.userIdList.length) {
this.createUserId = this.userIdList?.[0].userId this.createUserId = this.userIdList?.[0].userId
console.log(this.userIdList,'userIdList');
console.log(this.createUserId,'createUserId');
} }
// let arr = this.userIdList
// console.log(arr[0],222);
// console.log(this.userIdList,111);
this.start = this.startTime, this.start = this.startTime,
this.end = this.endTime this.end = this.endTime
let startTmp = this.start.split("-"); let startTmp = this.start.split("-");
@@ -172,7 +169,7 @@ export default {
}, },
onShow() { onShow() {
document.title = '群发居民群' document.title = '群发居民群'
this.getList() // this.getList()
this.$dict.load(['mstStatus']).then(() => { this.$dict.load(['mstStatus']).then(() => {
this.getList() this.getList()
}) })

View File

@@ -65,11 +65,8 @@
:data="tableData" :data="tableData"
:colConfigs="tabIndex==0? colConfigs0 : colConfigs1" :colConfigs="tabIndex==0? colConfigs0 : colConfigs1"
v-if="tableData.length"> v-if="tableData.length">
<u-td slot="groupOwnerId" align="center"> <u-td slot="groupOwnerId" slot-scope="{row}">
<template #slot="{ row }">
<p>{{row}}</p>
<AiOpenData v-if="row.groupOwnerId" type="userName" :openid="row.groupOwnerId"/> <AiOpenData v-if="row.groupOwnerId" type="userName" :openid="row.groupOwnerId"/>
</template>
</u-td> </u-td>
</AiTable> </AiTable>
<AiEmpty v-if="!tableData.length" description="暂无数据"></AiEmpty> <AiEmpty v-if="!tableData.length" description="暂无数据"></AiEmpty>
@@ -107,7 +104,7 @@ export default {
computed: { computed: {
colConfigs0() { colConfigs0() {
return [ return [
{ slot: "groupOwnerId",label: "成员" }, { slot: "groupOwnerId",label: "成员",prop: "groupOwnerId" },
{ label: "预计送达居民群", prop: "groupCount" } { label: "预计送达居民群", prop: "groupCount" }
]; ];
}, },
@@ -115,7 +112,7 @@ export default {
return [ return [
{ label: "居民群",prop: "groupName" }, { label: "居民群",prop: "groupName" },
{ label: "群人数", prop: "memberCount"}, { label: "群人数", prop: "memberCount"},
{ slot: "groupOwnerId",label: "群主"} { slot: "groupOwnerId",label: "群主",prop: "groupOwnerId" }
]; ];
}, },
}, },

View File

@@ -65,7 +65,7 @@
</div> </div>
<!-- 小程序 --> <!-- 小程序 -->
<div class="miniapp" v-show="miniapp.length"> <div class="miniapp" v-show="miniapp.length">
<p>小程序地址</p> <p>小程序</p>
<div v-for="(item, index) in miniapp" :key="index">{{item.mpTitle}}</div> <div v-for="(item, index) in miniapp" :key="index">{{item.mpTitle}}</div>
</div> </div>
</div> </div>

View File

@@ -3,7 +3,7 @@
<div class="header-middle"> <div class="header-middle">
<div class="userCards" v-for="e in userList" :key="e.userId"> <div class="userCards" v-for="e in userList" :key="e.userId">
<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"/> {{e.userId}} <img src="./images/tx@2x.png" alt="" class="avatras"/> {{e.userId}}
</div> </div>
<div class="rights fill"> <div class="rights fill">
@@ -41,11 +41,10 @@ export default {
onLoad() { onLoad() {
this.selected = uni.getStorageSync('userSelect') || [] this.selected = uni.getStorageSync('userSelect') || []
this.getDeptsAndUsersByParent() this.getDeptsAndUsersByParent()
console.log(this.selected);
}, },
methods: { methods: {
isSelected(id) { isSelected(id) {
return !!this.selected.find(e => e.id == id) return this.selected.userId===id
}, },
getDeptsAndUsersByParent() { getDeptsAndUsersByParent() {
this.userList = [] this.userList = []
@@ -53,7 +52,7 @@ export default {
params: {} params: {}
}).then(res => { }).then(res => {
if (res?.data) { if (res?.data) {
let userArr = res.data.records.map(e => ({userId: e.createUserId, isChecked: this.isSelected(e.id)})) let userArr = res.data.records.map(e => ({userId: e.createUserId, isChecked: this.isSelected(e.createUserId)}))
// 数组去重 // 数组去重
this.userList = [] this.userList = []
userArr.forEach(item=> { userArr.forEach(item=> {
@@ -61,20 +60,27 @@ export default {
this.userList.push(item) this.userList.push(item)
} }
}) })
} }
}) })
}, },
itemCheck(row) { itemCheck(row) {
this.userList.forEach(e => e.isChecked = false) this.userList.forEach(e => e.isChecked = false)
row.isChecked = !row.isChecked
this.selected[0] = this.userList.filter(e => e.isChecked == true) const index= this.userList.findIndex(o => {
this.$forceUpdate()
return row.userId===o.userId
})
this.userList[index].isChecked=true
this.selected = this.userList[index]
console.log( this.selected)
// this.$forceUpdate()
}, },
submit() { submit() {
if(!this.selected.length) { if(!this.selected.userId) {
return this.$u.toast('请选择创建人') return this.$u.toast('请选择创建人')
} }
uni.$emit("pagePicker:custom", this.selected) uni.$emit("pagePicker:custom",[ this.selected])
uni.setStorageSync('userSelect', this.selected) uni.setStorageSync('userSelect', this.selected)
uni.navigateBack() uni.navigateBack()
}, },

View File

@@ -218,7 +218,7 @@ export default {
nowDate: "", nowDate: "",
calendarList: [], calendarList: [],
colData: {}, colData: {},
detailType: '0', detailType: 0,
timeType: "", timeType: "",
departId: "", departId: "",
startTime: "", startTime: "",
@@ -278,6 +278,8 @@ export default {
this.end = ""; this.end = "";
this.departId = ""; this.departId = "";
this.departmentId = ""; this.departmentId = "";
this.getBrokenDate()
this.filterShow = false;
}, },
selectConfirm() { selectConfirm() {
@@ -286,7 +288,7 @@ export default {
this.start = this.startTime; this.start = this.startTime;
this.end = this.endTime; this.end = this.endTime;
} else { } else {
this.detailType = this.timeSelect; this.detailType = this.timeSelect || 0;
} }
this.departId = this.departmentId this.departId = this.departmentId
this.getBrokenDate(); this.getBrokenDate();
@@ -563,7 +565,7 @@ export default {
.then((res) => { .then((res) => {
if(res?.data) { if(res?.data) {
let items = [], xData = [], yData = [] let items = [], xData = [], yData = []
res.data.map((item) => { res.data.forEach((item) => {
const i = {type: 'departmentName', id: item.deptId, corpid: this.user.corpId} const i = {type: 'departmentName', id: item.deptId, corpid: this.user.corpId}
items.push(i) items.push(i)
yData.push(item.taskCount) yData.push(item.taskCount)
@@ -572,9 +574,10 @@ export default {
this.initOpenData({canvas:true}) this.initOpenData({canvas:true})
this.transCanvas(items).then((data) => { this.transCanvas(items).then((data) => {
console.log(data.items,"data.items"); // console.log(data.items,"data.items");
data.items.map((a) => { data.items.map((a) => {
xData.push(a.data) xData.push(a.data)
console.log( xData)
}) })
console.log(xData, yData, '111222'); console.log(xData, yData, '111222');
this.getColumnarEcharts(xData, yData) this.getColumnarEcharts(xData, yData)