kubbo/dvcp_v2_wxcp_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

BUG 27433

Browse Source
This commit is contained in:
aixianling
2022-03-15 18:15:04 +08:00
parent a8d67211fc
commit a228eededc
2 changed files with 49 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/saas/AppConflictMediation/Content.vue
View File

@@ -51,6 +51,8 @@
</template>
<script>
import qs from 'query-string'
export default {
name: 'Content',
components: {},
@@ -92,7 +94,6 @@ export default {
document.title = this.titleList[this.status]
},
methods: {
typeList() {
this.$http.post(`/app/appclapeventgroup/list`, null, {
params: {
@@ -106,7 +107,6 @@ export default {
}
})
},
confirm() {
if (this.status == 4 && !this.forms.name) {
return this.$u.toast('请选择转交对象')
@@ -161,7 +161,8 @@ export default {
this.forms.groupId = e[0].value
},
toSelectUser() {
uni.navigateTo({url: './SelectUser'})
let {id} = this.selectUser
uni.navigateTo({url: qs.stringifyUrl({url: './SelectUser', query: {id}})})
},
},
}

76
src/saas/AppConflictMediation/SelectUser.vue
View File

@@ -2,7 +2,8 @@
<div class="SelectUser">
<div class="header-middle">
<div class="hint">
<span v-for="(item, index) in slectList" :key="index"><span v-if="index" style="margin:0 4px;">/</span><span style="color:#3F8DF5" @click="girdNameClick(item, index)">{{item.girdName}}</span></span>
<span v-for="(item, index) in slectList" :key="index"><span v-if="index" style="margin:0 4px;">/</span><span
style="color:#3F8DF5" @click="girdNameClick(item, index)">{{ item.girdName }}</span></span>
</div>
<div class="showTypes" v-if="!userList.length">
@@ -11,14 +12,16 @@
<div class="imges">
<span v-if="item.girdLevel == 1" style="width: 24px;"></span>
<span v-if="item.girdLevel == 2">
<img src="./components/img/xzh.png" alt="" class="imgselect" v-if="item.isChecked" @click.stop="girdClick(item, index)" />
<img src="./components/img/xz.png" alt="" class="imgselect" v-else @click.stop="girdClick(item, index)" />
<img src="./components/img/xzh.png" alt="" class="imgselect" v-if="item.isChecked"
@click.stop="girdClick(item, index)"/>
<img src="./components/img/xz.png" alt="" class="imgselect" v-else
@click.stop="girdClick(item, index)"/>
</span>
<img src="./components/img/gird--select-icon.png" alt="" class="avatras" />
<img src="./components/img/gird--select-icon.png" alt="" class="avatras"/>
</div>
<div class="rightes">
<div class="applicationNames">{{ item.girdName }}</div>
<img src="./components/img/right-icon.png" alt="" class="imgs" />
<img src="./components/img/right-icon.png" alt="" class="imgs"/>
</div>
</div>
</div>
@@ -30,14 +33,17 @@
<div v-if="userList.length > 0">
<div class="cards" v-for="(e, index) in userList" :key="index">
<div class="imges">
<img src="./components/img/xzh.png" alt="" class="imgselect" v-if="e.isChecked" @click="userClick(e, index)" />
<img src="./components/img/xz.png" alt="" class="imgselect" v-else @click="userClick(e, index)" />
<img src="./components/img/xzh.png" alt="" class="imgselect" v-if="e.isChecked"
@click="userClick(e, index)"/>
<img src="./components/img/xz.png" alt="" class="imgselect" v-else @click="userClick(e, index)"/>
<img src="./components/img/tx@2x.png" alt="" class="avatras" />
<img src="./components/img/tx@2x.png" alt="" class="avatras"/>
</div>
<div class="rights">
<div class="applicationNames"><AiOpenData v-if="e.name" type="userName" :openid="e.name" style="display: block;"/></div>
<div class="applicationNames">
<AiOpenData v-if="e.name" type="userName" :openid="e.name" style="display: block;"/>
</div>
<div class="idNumbers">{{ e.phone }}</div>
</div>
</div>
@@ -67,6 +73,7 @@ export default {
}
},
onLoad() {
this.selectUser.id = this.$route.query.id
this.getTree()
},
onShow() {
@@ -84,14 +91,14 @@ export default {
},
treeInit() {
if(this.allData[0].girdLevel == 2) {
if(this.allData[0].girdMemberList && this.allData[0].girdMemberList.length) {
this.userList = this.allData[0].girdMemberList
this.userList.map((item) => {
item.isChecked = false
if (this.allData[0].girdLevel == 2) {
if (this.allData[0].girdMemberList && this.allData[0].girdMemberList.length) {
this.userList = this.allData[0].girdMemberList
this.userList.map((item) => {
item.isChecked = item.id == this.selectUser.id
})
}
}else {
} else {
this.treeList = this.allData[0].girdList
}
var obj = {
@@ -114,19 +121,19 @@ export default {
searckGird(row) {
this.treeList = []
if(row.girdLevel != 2) { //查网格
if (row.girdLevel != 2) { //查网格
this.$http.post(`/app/appgirdinfo/list?parentGirdId=${row.id}&size=999`).then((res) => {
if (res?.data) {
this.treeList = res.data.records
this.treeList = res.data.records.map(e => ({...e, isChecked: e.id == this.selectUser.id}))
}
})
}else { //查网格员
} else { //查网格员
this.userList = []
this.$http.post(`/app/appgirdmemberinfo/listByGirdIdByThree?girdId=${row.id}`).then((res) => {
if (res?.data) {
this.userList = res.data
this.userList.map((item) => {
item.isChecked = false
item.isChecked = item.id == this.selectUser.id
})
}
})
@@ -135,13 +142,13 @@ export default {
girdNameClick(row, index) {
this.userList = []
if(!index) { //第一级别
if (!index) { //第一级别
this.slectList = []
this.treeInit()
}else {
} else {
var list = []
this.slectList.map((item, i) => {
if(i <= index) {
if (i <= index) {
list.push(item)
}
})
@@ -149,17 +156,16 @@ export default {
this.searckGird(row)
}
},
girdClick(row, index) {
if (this.treeList[index].isChecked) {//取消
this.treeList[index].isChecked = false
this.selectUser = {}
} else {
this.treeList.map((item) => {
item.isChecked = false
this.treeList.map((item, i) => {
item.isChecked = index == i
})
this.treeList[index].isChecked = true
this.selectUser = row
}
this.$forceUpdate()
@@ -170,10 +176,9 @@ export default {
this.userList[index].isChecked = false
this.selectUser = {}
} else {
this.userList.map((item) => {
item.isChecked = false
this.userList.map((item, i) => {
item.isChecked = index == i
})
this.userList[index].isChecked = true
this.selectUser = row
}
this.$forceUpdate()
@@ -182,7 +187,7 @@ export default {
submit() {
if (this.selectUser.id != null) {
uni.$emit('goback', this.selectUser)
uni.navigateBack()
uni.navigateBack({})
} else {
return this.$u.toast('请选择网格或网格员')
}
@@ -195,6 +200,7 @@ export default {
.SelectUser {
height: 100%;
background: #fff;
.header-top {
background: #fff;
padding: 20px 32px;
@@ -202,10 +208,11 @@ export default {
.header-middle {
padding-bottom: 140px;
.hint {
padding: 28px 20px 28px 32px;
line-height: 56px;
box-shadow: 0px 1px 0px 0px #e4e5e6;
box-shadow: 0 1px 0 0 #e4e5e6;
font-size: 30px;
font-weight: 500;
// word-break: break-all;
@@ -244,11 +251,13 @@ export default {
margin-left: 36px;
}
}
img {
width: 74px;
height: 74px;
border-radius: 8px;
}
.rightes {
width: calc(100% - 160px);
display: flex;
@@ -265,6 +274,7 @@ export default {
white-space: nowrap;
text-overflow: ellipsis;
}
.imgs {
width: 40px;
height: 40px;
@@ -286,6 +296,7 @@ export default {
display: flex;
align-items: center;
width: 200px;
.imgselect {
width: 48px;
height: 48px;
@@ -307,6 +318,7 @@ export default {
margin-left: 32px;
border-bottom: 1px solid #e4e5e6;
padding-right: 40px;
.applicationNames {
font-size: 36px;
font-weight: 500;
@@ -315,6 +327,7 @@ export default {
white-space: nowrap;
text-overflow: ellipsis;
}
.idNumbers {
color: #666;
}
@@ -330,6 +343,7 @@ export default {
width: 100%;
height: 118px;
background: #f4f8fb;
div {
width: 192px;
height: 80px;