|
@@ -9,7 +9,7 @@
|
|
|
@search="onSearch"
|
|
|
>
|
|
|
<template #action>
|
|
|
- <div @click="onClickButton">
|
|
|
+ <div>
|
|
|
<van-dropdown-menu>
|
|
|
<van-dropdown-item
|
|
|
overlay="false"
|
|
@@ -22,10 +22,10 @@
|
|
|
</template>
|
|
|
</van-search>
|
|
|
</div>
|
|
|
- <div class="PersonList">
|
|
|
+ <div class="PersonList" v-if="value1 == 0">
|
|
|
<div
|
|
|
class="PersonItem"
|
|
|
- v-for="item in Person.PersonList"
|
|
|
+ v-for="item in dataList"
|
|
|
:key="item.id"
|
|
|
@click="goPlacePersonInfo(item)"
|
|
|
>
|
|
@@ -38,20 +38,128 @@
|
|
|
>)
|
|
|
</p>
|
|
|
</van-col>
|
|
|
- <van-col span="6">
|
|
|
- <p v-if="item.userManagenmetDetailsDTOList[1].value == 1" style="color: #36a7f3">伊斯兰教</p>
|
|
|
- <p v-if="item.userManagenmetDetailsDTOList[1].value == 2" style="color: #36a7f3">基督教</p>
|
|
|
- <p v-if="item.userManagenmetDetailsDTOList[1].value == 3" style="color: #36a7f3">天主教</p>
|
|
|
- <p v-if="item.userManagenmetDetailsDTOList[1].value == 4" style="color: #36a7f3">佛教</p>
|
|
|
- <p v-if="item.userManagenmetDetailsDTOList[1].value == 5" style="color: #36a7f3">道教</p>
|
|
|
+ <van-col span="6" style="">
|
|
|
+ <div
|
|
|
+ v-for="(item2, index) in item.userManagenmetDetailsDTOList"
|
|
|
+ :key="index"
|
|
|
+ style="font-size: 12px"
|
|
|
+ >
|
|
|
+ <p
|
|
|
+ v-if="
|
|
|
+ item2.dataType == 1 &&
|
|
|
+ item2.dataDictionary == 'hs_religion_type'
|
|
|
+ "
|
|
|
+ style="color: #36a7f3"
|
|
|
+ >
|
|
|
+ <span v-if="item2.value == 1" style="color: #1eba56"
|
|
|
+ >伊斯兰教</span
|
|
|
+ >
|
|
|
+ <span v-if="item2.value == 2" style="color: #36a7f3">基督教</span>
|
|
|
+ <span v-if="item2.value == 3" style="color: #ffa500">天主教</span>
|
|
|
+ <span v-if="item2.value == 4" style="color: #d3c701">佛教</span>
|
|
|
+ <span v-if="item2.value == 5" style="color: #a0522d">道教</span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
</van-col>
|
|
|
</van-row>
|
|
|
<van-row>
|
|
|
<van-col span="18">
|
|
|
- <p>{{ item.nativePlace }}</p>
|
|
|
+ <span style="color:#a2a2a2;" v-if="item.location.id">{{item.location.value}}</span>
|
|
|
</van-col>
|
|
|
- <van-col span="6">
|
|
|
- <p>{{ item.position }}</p>
|
|
|
+ <van-col span="6" style="text-align: right; font-size: 12px">
|
|
|
+ <span v-if="item.personnelType == 1">宗教从业人员</span>
|
|
|
+ <span v-else-if="item.personnelType == 2">民族场所从业人员</span>
|
|
|
+ <span v-else-if="item.personnelType == 3">教职人员</span>
|
|
|
+ <span v-else-if="item.personnelType == 4">固定信徒</span>
|
|
|
+ <span v-else-if="item.personnelType == 5">场所居住人员</span>
|
|
|
+ <span v-else-if="item.personnelType == 6">境外人员</span>
|
|
|
+ <span v-else-if="item.personnelType == 7">非本市人员</span>
|
|
|
+ <span v-else-if="item.personnelType == 8">非本教人员</span>
|
|
|
+ <span v-else-if="item.personnelType == 9">新增信徒人员</span>
|
|
|
+ <span v-else-if="item.personnelType == 10">临时人员</span>
|
|
|
+ <span v-else-if="item.personnelType == 11">异常人员</span>
|
|
|
+ <span v-else-if="item.personnelType == 12">邪教人员</span>
|
|
|
+ <span v-else-if="item.personnelType == 13">管理人员</span>
|
|
|
+ <span v-else-if="item.personnelType == 14">全能神离家人员</span>
|
|
|
+ <span v-else-if="item.personnelType == 15">全能神骨干人员</span>
|
|
|
+ <span v-else-if="item.personnelType == 16">网络运营人员</span>
|
|
|
+ <span v-else-if="item.personnelType == 17">涉政有害活动人员</span>
|
|
|
+ <span v-else-if="item.personnelType == 18">境内外记者</span>
|
|
|
+ <span v-else-if="item.personnelType == 19">境外法轮功骨干人员</span>
|
|
|
+ <span v-else-if="item.personnelType == 20">其他邪教骨干人员</span>
|
|
|
+ <span v-else-if="item.personnelType == 21">心灵法门骨干人员</span>
|
|
|
+ <span v-else>“精神控制”有害培训骨干人员</span>
|
|
|
+ </van-col>
|
|
|
+ </van-row>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="PersonList" v-if="value1 != 0">
|
|
|
+ <div
|
|
|
+ class="PersonItem"
|
|
|
+ v-for="item in PersonList"
|
|
|
+ :key="item.id"
|
|
|
+ @click="goPlacePersonInfo(item)"
|
|
|
+ >
|
|
|
+ <van-row>
|
|
|
+ <van-col span="18">
|
|
|
+ <p>
|
|
|
+ {{ item.name }}(<span style="color: #36a7f3">{{
|
|
|
+ item.idcard
|
|
|
+ }}</span
|
|
|
+ >)
|
|
|
+ </p>
|
|
|
+ </van-col>
|
|
|
+ <van-col span="6" style="">
|
|
|
+ <div
|
|
|
+ v-for="(item2, index) in item.userManagenmetDetailsDTOList"
|
|
|
+ :key="index"
|
|
|
+ style="font-size: 12px"
|
|
|
+ >
|
|
|
+ <p
|
|
|
+ v-if="
|
|
|
+ item2.dataType == 1 &&
|
|
|
+ item2.dataDictionary == 'hs_religion_type'
|
|
|
+ "
|
|
|
+ style="color: #36a7f3"
|
|
|
+ >
|
|
|
+ <span v-if="item2.value == 1" style="color: #1eba56"
|
|
|
+ >伊斯兰教</span
|
|
|
+ >
|
|
|
+ <span v-if="item2.value == 2" style="color: #36a7f3">基督教</span>
|
|
|
+ <span v-if="item2.value == 3" style="color: #ffa500">天主教</span>
|
|
|
+ <span v-if="item2.value == 4" style="color: #d3c701">佛教</span>
|
|
|
+ <span v-if="item2.value == 5" style="color: #a0522d">道教</span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </van-col>
|
|
|
+ </van-row>
|
|
|
+ <van-row>
|
|
|
+ <van-col span="18">
|
|
|
+ <span style="color:#a2a2a2;" v-if="item.location.id">{{item.location.value}}</span>
|
|
|
+ </van-col>
|
|
|
+ <van-col span="6" style="text-align: right; font-size: 12px">
|
|
|
+ <span v-if="item.personnelType == 1">宗教从业人员</span>
|
|
|
+ <span v-else-if="item.personnelType == 2">民族场所从业人员</span>
|
|
|
+ <span v-else-if="item.personnelType == 3">教职人员</span>
|
|
|
+ <span v-else-if="item.personnelType == 4">固定信徒</span>
|
|
|
+ <span v-else-if="item.personnelType == 5">场所居住人员</span>
|
|
|
+ <span v-else-if="item.personnelType == 6">境外人员</span>
|
|
|
+ <span v-else-if="item.personnelType == 7">非本市人员</span>
|
|
|
+ <span v-else-if="item.personnelType == 8">非本教人员</span>
|
|
|
+ <span v-else-if="item.personnelType == 9">新增信徒人员</span>
|
|
|
+ <span v-else-if="item.personnelType == 10">临时人员</span>
|
|
|
+ <span v-else-if="item.personnelType == 11">异常人员</span>
|
|
|
+ <span v-else-if="item.personnelType == 12">邪教人员</span>
|
|
|
+ <span v-else-if="item.personnelType == 13">管理人员</span>
|
|
|
+ <span v-else-if="item.personnelType == 14">全能神离家人员</span>
|
|
|
+ <span v-else-if="item.personnelType == 15">全能神骨干人员</span>
|
|
|
+ <span v-else-if="item.personnelType == 16">网络运营人员</span>
|
|
|
+ <span v-else-if="item.personnelType == 17">涉政有害活动人员</span>
|
|
|
+ <span v-else-if="item.personnelType == 18">境内外记者</span>
|
|
|
+ <span v-else-if="item.personnelType == 19">境外法轮功骨干人员</span>
|
|
|
+ <span v-else-if="item.personnelType == 20">其他邪教骨干人员</span>
|
|
|
+ <span v-else-if="item.personnelType == 21">心灵法门骨干人员</span>
|
|
|
+ <span v-else>“精神控制”有害培训骨干人员</span>
|
|
|
</van-col>
|
|
|
</van-row>
|
|
|
</div>
|
|
@@ -59,9 +167,10 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import { reactive, ref } from "vue";
|
|
|
+import { ref } from "vue";
|
|
|
import { useRouter } from "vue-router";
|
|
|
import UserManage from "@/api/user/UserManage";
|
|
|
+import placeRegister from "@/api/placeRegister/placeRegister";
|
|
|
export default {
|
|
|
setup() {
|
|
|
const value = ref("");
|
|
@@ -74,14 +183,27 @@ export default {
|
|
|
{ text: "佛教", value: 4 },
|
|
|
{ text: "道教", value: 5 },
|
|
|
];
|
|
|
- const Person = reactive({
|
|
|
- PersonList: [],
|
|
|
- });
|
|
|
+ let PersonList = ref([]);
|
|
|
+ let dataList = ref([]);
|
|
|
//宗教选择
|
|
|
- const changeValue = (value1) => {
|
|
|
- Person.PersonList.forEach((item) => {
|
|
|
- console.log(item);
|
|
|
- });
|
|
|
+ const changeValue = (value2) => {
|
|
|
+ if (value2 == 0) {
|
|
|
+ PersonList.value = dataList.value;
|
|
|
+ } else {
|
|
|
+ let dealList = [];
|
|
|
+ dataList.value.forEach((L1) => {
|
|
|
+ L1.userManagenmetDetailsDTOList.forEach((L2) => {
|
|
|
+ if (
|
|
|
+ L2.value == value2 &&
|
|
|
+ L2.dataType === "1" &&
|
|
|
+ L2.dataDictionary == "hs_religion_type"
|
|
|
+ ) {
|
|
|
+ dealList.push(L1);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+ PersonList.value = dealList;
|
|
|
+ }
|
|
|
};
|
|
|
|
|
|
//跳转
|
|
@@ -111,12 +233,20 @@ export default {
|
|
|
});
|
|
|
Ids.forEach((item2) => {
|
|
|
new UserManage().queryById(item2).then((res) => {
|
|
|
- Person.PersonList.push(res);
|
|
|
+ if (res.location.id) {
|
|
|
+ let locationIds = [];
|
|
|
+ let ids = res.location.id;
|
|
|
+ locationIds = ids.split(",");
|
|
|
+ locationIds.forEach((res2) => {
|
|
|
+ new placeRegister().queryById(res2).then((res3) => {
|
|
|
+ res.location.value += "" + res3.name + ",";
|
|
|
+ });
|
|
|
+ });
|
|
|
+ }
|
|
|
+ dataList.value.push(res);
|
|
|
});
|
|
|
});
|
|
|
- console.log(Person.PersonList);
|
|
|
});
|
|
|
-
|
|
|
//返回
|
|
|
const goback = () => {
|
|
|
history.back();
|
|
@@ -126,11 +256,12 @@ export default {
|
|
|
value,
|
|
|
value1,
|
|
|
option1,
|
|
|
- Person,
|
|
|
loading,
|
|
|
finished,
|
|
|
goPlacePersonInfo,
|
|
|
changeValue,
|
|
|
+ PersonList,
|
|
|
+ dataList
|
|
|
};
|
|
|
},
|
|
|
};
|