调整走访对象跨应用跳转特殊人群

This commit is contained in:
aixianling
2022-03-10 14:18:17 +08:00
parent 5d3c2c30e1
commit f61a5d5e12
4 changed files with 84 additions and 35 deletions

View File

@@ -1,7 +1,9 @@
<template>
<div class="selectType">
<div class="header-top" v-if="!showType">
<u-search v-model="keyword" placeholder="请输入姓名" :show-action="false" bg-color="#F5F5F5" search-icon-color="#CCCCCC" placeholder-color="#999999" @search="handerSearch" @clear="handerClear"></u-search>
<u-search v-model="keyword" placeholder="请输入姓名" :show-action="false" bg-color="#F5F5F5"
search-icon-color="#CCCCCC" placeholder-color="#999999" @search="handerSearch"
@clear="handerClear"></u-search>
</div>
<div class="header-middle">
@@ -15,12 +17,12 @@
<div v-if="typeList.length > 0">
<div class="cards" v-for="(item, i) in typeList" :key="i" @click="toUserSelect(item)">
<img src="./img/tx@2x.png" alt="" />
<img src="./img/tx@2x.png" alt=""/>
<div class="rightes">
<div class="applicationNames">{{ item.applicationName }}</div>
<img src="./img/2.png" alt="" class="imgs" />
<img src="./img/2.png" alt="" class="imgs"/>
</div>
</div>
</div>
@@ -32,10 +34,10 @@
<div v-if="userList.length > 0">
<div class="cards" v-for="(e, index) in userList" :key="index">
<div class="imges">
<img src="./img/xzh.png" alt="" class="imgselect" v-if="e.isChecked" @click="userClick(e, index)" />
<img src="./img/xz.png" alt="" class="imgselect" v-else @click="userClick(e, index)" />
<img src="./img/xzh.png" alt="" class="imgselect" v-if="e.isChecked" @click="userClick(e, index)"/>
<img src="./img/xz.png" alt="" class="imgselect" v-else @click="userClick(e, index)"/>
<img src="./img/tx@2x.png" alt="" class="avatras" />
<img src="./img/tx@2x.png" alt="" class="avatras"/>
</div>
<div class="rights">
@@ -49,8 +51,9 @@
</div>
</div>
<div class="subBtn" @click="submit">
<div>确定选择</div>
<div class="subBtn" flex>
<div @click="gotoSpecialPersion">新增</div>
<div @click="submit">确定选择</div>
</div>
<!-- <AiBck /> -->
@@ -79,7 +82,8 @@ export default {
onLoad() {
this.getTypeList()
},
onShow() {},
onShow() {
},
methods: {
userClick(row, index) {
if (this.userList[index].isChecked) {
@@ -113,7 +117,7 @@ export default {
uni.showLoading({
title: '加载中',
})
this.$http.post(`/app/appapplicationinfo/list?appId=${this.appId}&current=${this.current}&size=${999}`, { searchParam: this.keyword }).then((res) => {
this.$http.post(`/app/appapplicationinfo/list?appId=${this.appId}&current=${this.current}&size=${999}`, {searchParam: this.keyword}).then((res) => {
if (res.code == 0) {
res.data.records.map((item) => {
item.isChecked = false
@@ -126,7 +130,11 @@ export default {
submit() {
if (this.selectUser.id != null) {
uni.$emit('goBack', { selectUser: this.selectUser, applicationName: this.applicationName, applicationId: this.applicationId })
uni.$emit('goBack', {
selectUser: this.selectUser,
applicationName: this.applicationName,
applicationId: this.applicationId
})
uni.navigateBack()
} else {
return this.$u.toast('请选择人员')
@@ -165,6 +173,9 @@ export default {
this.current = 1
this.getUsers()
},
gotoSpecialPersion() {
uni.navigateTo({url: '/apps/AppSpecialPeople/add'})
}
},
}
</script>
@@ -173,6 +184,7 @@ export default {
.selectType {
height: 100%;
background: #fff;
.header-top {
background: #fff;
padding: 20px 32px;
@@ -180,11 +192,12 @@ export default {
.header-middle {
padding-bottom: 140px;
.hint {
padding: 0 20px 0 32px;
height: 112px;
line-height: 112px;
box-shadow: 0px 1px 0px 0px #e4e5e6;
box-shadow: 0 1px 0 0 #e4e5e6;
font-size: 30px;
font-weight: 500;
}
@@ -208,6 +221,7 @@ export default {
height: 74px;
border-radius: 8px;
}
.rightes {
width: 100%;
display: flex;
@@ -215,11 +229,13 @@ export default {
align-items: center;
margin-left: 32px;
border-bottom: 1px solid #e4e5e6;
.applicationNames {
font-size: 36px;
font-weight: 500;
color: #333333;
}
.imgs {
width: 40px;
height: 40px;
@@ -242,6 +258,7 @@ export default {
display: flex;
align-items: center;
width: 200px;
.imgselect {
width: 48px;
height: 48px;
@@ -263,11 +280,13 @@ export default {
margin-left: 32px;
border-bottom: 1px solid #e4e5e6;
padding-right: 40px;
.applicationNames {
font-size: 36px;
font-weight: 500;
color: #333333;
}
.idNumbers {
color: #666;
}
@@ -280,9 +299,11 @@ export default {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
width: 100vw;
height: 118px;
background: #f4f8fb;
justify-content: flex-end;
div {
width: 192px;
height: 80px;
@@ -293,7 +314,6 @@ export default {
font-size: 32px;
color: #fff;
margin: 20px 34px 0 0;
float: right;
}
}
}