selectType
This commit is contained in:
@@ -2,24 +2,28 @@
|
||||
<div class="detail">
|
||||
<div>
|
||||
<div class="item-content" v-for="(item, index) in userList" :key="index">
|
||||
<div class="title" @click="showUserType(index)">
|
||||
<div class="title" @click="showUserType(item, index)">
|
||||
<h2>{{ item.label }}</h2>
|
||||
<img src="./img/down-icon.png" alt="" :class="item.check ? 'img-active' : ''" />
|
||||
</div>
|
||||
<div class="user-list" v-if="item.check">
|
||||
<div class="user-item" v-for="(e, indexs) in item.value" :key="indexs" v-if="item.value && item.value.length">
|
||||
<div class="user-img">
|
||||
<img src="./img/user-img.png" alt="" />
|
||||
</div>
|
||||
<div class="user-info">
|
||||
<p class="name">{{ e.name }}</p>
|
||||
<div class="phone">
|
||||
<div v-if="statisticsList.length > 0">
|
||||
<div class="user-item" v-for="(e, indexs) in statisticsList" :key="indexs">
|
||||
<!-- v-if="item.value && item.value.length" -->
|
||||
<div class="user-img">
|
||||
<img src="./img/user-img.png" alt="" />
|
||||
</div>
|
||||
<div class="user-info">
|
||||
<p class="name">{{ e.name }}</p>
|
||||
<!-- <div class="phone">
|
||||
<span>{{ idNumberInit(e.idNumber) }}</span>
|
||||
<span>{{ e.phone }}</span>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text" v-if="!item.value.length">{{ '暂无' + item.label + '信息' }}</p>
|
||||
|
||||
<p class="text" v-else>{{ '暂无' + item.label + '信息' }}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -112,10 +116,10 @@ export default {
|
||||
// },
|
||||
// ],
|
||||
// nameList: [],
|
||||
// current: 1,
|
||||
// appId: '',
|
||||
current: 1,
|
||||
appId: '',
|
||||
// value: '',
|
||||
// menuLevel3Name: '',
|
||||
menuLevel3Name: '',
|
||||
// num: 1,
|
||||
// flag: false,
|
||||
}
|
||||
@@ -124,15 +128,10 @@ export default {
|
||||
computed: {
|
||||
...mapState(['user']),
|
||||
},
|
||||
// created() {
|
||||
// console.log(1)
|
||||
// this.getDiyList()
|
||||
// },
|
||||
|
||||
created() {
|
||||
this.getStatistic()
|
||||
this.getUserList()
|
||||
uni.$on('specialPeopleList', () => {
|
||||
this.getStatistic()
|
||||
this.getUserList()
|
||||
})
|
||||
},
|
||||
@@ -149,29 +148,33 @@ export default {
|
||||
})
|
||||
},
|
||||
|
||||
getStatistic() {
|
||||
this.statisticsList = []
|
||||
this.$http.post(`/app/appapplicationinfo/specialStatistic?type=0&range=0`).then((res) => {
|
||||
getStatistic(item) {
|
||||
// this.statisticsList = []
|
||||
this.menuLevel3Name = item.value.menuLevel3Name
|
||||
this.appId = item.value.id
|
||||
this.$http.post(`/app/appapplicationinfo/list?appId=${item.value.id}¤t=${this.current}&size=${999}`).then((res) => {
|
||||
if (res.code == 0) {
|
||||
for (let i in res.data) {
|
||||
var obj = {
|
||||
label: i,
|
||||
value: res.data[i],
|
||||
}
|
||||
this.statisticsList.push(obj)
|
||||
}
|
||||
this.statisticsList = res.data.records
|
||||
|
||||
// for (let i in res.data) {
|
||||
// var obj = {
|
||||
// label: i,
|
||||
// value: res.data[i],
|
||||
// }
|
||||
// this.statisticsList.push(obj)
|
||||
// }
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
getUserList() {
|
||||
this.userList = []
|
||||
this.$http.post(`/app/appapplicationinfo/queryApplicationListByType?type=0`).then((res) => {
|
||||
this.$http.post(`/app/appapplicationinfo/queryApplicationListByType?type=0&status=1`).then((res) => {
|
||||
if (res.code == 0) {
|
||||
console.log(res.data);
|
||||
for (let i in res.data) {
|
||||
var obj = {
|
||||
label: i,
|
||||
// label: i,
|
||||
label: res.data[i].applicationName,
|
||||
value: res.data[i],
|
||||
check: false,
|
||||
}
|
||||
@@ -190,16 +193,24 @@ export default {
|
||||
return idNumber
|
||||
},
|
||||
|
||||
showUserType(index) {
|
||||
showUserType(item, index) {
|
||||
this.getStatistic(item)
|
||||
if (this.userList[index].check) {
|
||||
this.userList[index].check = false
|
||||
console.log(1)
|
||||
this.statisticsList = []
|
||||
} else {
|
||||
this.userList.map((item) => {
|
||||
item.check = false
|
||||
this.statisticsList = []
|
||||
})
|
||||
this.userList[index].check = true
|
||||
}
|
||||
},
|
||||
|
||||
radioGroupChange(e) {
|
||||
console.log(e)
|
||||
},
|
||||
},
|
||||
|
||||
// methods: {
|
||||
@@ -207,11 +218,11 @@ export default {
|
||||
// this.num = this.num + 1
|
||||
// this.$forceUpdate()
|
||||
// if (this.num % 2 == 0) {
|
||||
// console.log('偶数')
|
||||
//
|
||||
// this.flag == true
|
||||
// this.$forceUpdate()
|
||||
// } else {
|
||||
// console.log('奇数')
|
||||
//
|
||||
// this.flag == false
|
||||
// this.$forceUpdate()
|
||||
// }
|
||||
@@ -225,16 +236,16 @@ export default {
|
||||
// })
|
||||
// },
|
||||
|
||||
// selectUser(item) {
|
||||
// this.userList = []
|
||||
// this.menuLevel3Name = item.menuLevel3Name
|
||||
// this.appId = item.id
|
||||
// this.$http.post(`/app/appapplicationinfo/list?appId=${item.id}¤t=${this.current}&size=${99}`, { searchParam: this.keyword }).then((res) => {
|
||||
// if (res.code == 0) {
|
||||
// this.userList = res.data.records
|
||||
// }
|
||||
// })
|
||||
// },
|
||||
// selectUser(item) {
|
||||
// this.userList = []
|
||||
// this.menuLevel3Name = item.menuLevel3Name
|
||||
// this.appId = item.id
|
||||
// this.$http.post(`/app/appapplicationinfo/list?appId=${'2677c070764f4779920c1a2923a8afb0'}¤t=${this.current}&size=${99}`, { searchParam: this.keyword }).then((res) => {
|
||||
// if (res.code == 0) {
|
||||
// this.userList = res.data.records
|
||||
// }
|
||||
// })
|
||||
// },
|
||||
|
||||
// submit() {
|
||||
// this.userList.map((item) => {
|
||||
@@ -357,6 +368,7 @@ export default {
|
||||
.user-item {
|
||||
padding: 24px 32px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.user-img {
|
||||
width: 112px;
|
||||
img {
|
||||
|
||||
Reference in New Issue
Block a user