|  | @@ -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
 | 
	
		
			
				|  |  |      };
 | 
	
		
			
				|  |  |    },
 | 
	
		
			
				|  |  |  };
 |