无token图片上传

src/views/activityMan/differentbelievers/ReligiousPeopleReportView.vue

@@ -91,9 +91,6 @@
 		onMounted,
 		getCurrentInstance
 	} from "vue";
-	import {
-		useStore
-	} from "vuex";
 	import {
 		useCascaderAreaData
 	} from "@vant/area-data";
@@ -106,7 +103,6 @@
 	import $base from "@/utils/config";
 	export default {
 		setup() {
-			const store = useStore();
 			// 返回
 			const onClickLeft = () => {
 				history.back();
@@ -245,26 +241,26 @@
 			let fileList = ref([]);
 			let fileupList = ref([]);
 			const chooseImg = () => {
-				if (store.state.pctoken != "") {
-					xm.chooseFile({
-						count: 1,
-						name: "file",
-						url: $base +
-							`/sys/file/webupload/upload?uploadPath=differentbelievers/religiousPeopleReport`,
-						headers: {
-							"Content-Type": "multipart/form-data",
-							"token": store.state.pctoken,
-						},
-					}).then((res) => {
-						let data = res[0].data;
-						data.name = decodeURIComponent(
-							data.id.substring(data.url.lastIndexOf("/") + 1)
-						);
-						data.url = $base + data.url;
-						fileupList.value.push(data);
-						fileList.value.push(data);
+				xm.chooseFile({
+					count: 1,
+					name: "file",
+					url: $base +
+						`/sys/file/webupload/upload?uploadPath=differentbelievers/religiousPeopleReport`,
+					headers: {
+						"Content-Type": "multipart/form-data"
+					},
+				}).then((res) => {
+					let data = res[0].data;
+					data.name = decodeURIComponent(
+						data.id.substring(data.url.lastIndexOf("/") + 1)
+					);
+					data.url = $base + data.url;
+					fileupList.value.push(data);
+					fileList.value.push(data);
+					xm.showToast({
+						message: "上传成功",
 					});
-				}
+				});
 			};
 			// 删除文件
 			const deleteRead = (file) => {

src/views/activityMan/nonReligiousInformation/nonReligiousInformationView.vue

@@ -162,9 +162,6 @@
 		ref,
 		onMounted
 	} from "vue";
-	import {
-		useStore
-	} from "vuex";
 	import personList from "../personList.vue";
 	import organizationsList from "../organizationsList.vue";
 	import tools from "@/api/sys/tools";
@@ -182,14 +179,13 @@
 	// 图片路径
 	import $base from "@/utils/config";
 	export default {
-		
+
 		components: {
 			personList,
 			WangEditor,
 			organizationsList
 		},
 		setup() {
-			const store = useStore();
 			// 导航栏颜色
 			const selectColor = ref(window.localStorage.getItem("MZ_COLOR"));
 			// 加载
@@ -420,26 +416,26 @@
 			let fileList = ref([]);
 			let fileupList = ref([]);
 			const chooseImg = () => {
-				if (store.state.pctoken != "") {
-					xm.chooseFile({
-						count: 1,
-						name: "file",
-						url: $base +
-							`/sys/file/webupload/upload?uploadPath=nonReligiousInformation/nonReligiousInformation`,
-						headers: {
-							'Content-Type': 'multipart/form-data',
-							"token": store.state.pctoken,
-						},
-					}).then(res => {
-						let data = res[0].data
-						data.name = decodeURIComponent(
-							data.id.substring(data.url.lastIndexOf("/") + 1)
-						);
-						data.url = $base + data.url;
-						fileupList.value.push(data);
-						fileList.value.push(data)
-					})
-				}
+				xm.chooseFile({
+					count: 1,
+					name: "file",
+					url: $base +
+						`/sys/file/webupload/upload?uploadPath=nonReligiousInformation/nonReligiousInformation`,
+					headers: {
+						'Content-Type': 'multipart/form-data'
+					},
+				}).then(res => {
+					let data = res[0].data
+					data.name = decodeURIComponent(
+						data.id.substring(data.url.lastIndexOf("/") + 1)
+					);
+					data.url = $base + data.url;
+					fileupList.value.push(data);
+					fileList.value.push(data)
+					xm.showToast({
+						message: "上传成功",
+					});
+				})
 			};
 
 			// const afterRead = (file) => {

src/views/activityMan/placeactivity/placeActivityView.vue

@@ -1,405 +1,429 @@
 <template>
-  <van-nav-bar fixed title="场所活动信息上报" left-text="" left-arrow @click-left="onClickLeft" />
-  <van-loading size="16px" v-show="isLoading">加载中...</van-loading>
-  <div class="main" v-show="!isLoading">
-    <!-- <p class="title">场所活动上报</p> -->
-    <van-form class="formArea" @submit="submit" show-error :show-error-message="false" validate-trigger="onChange">
-      <!-- <p class="miniTitle">基础信息</p> -->
-      <van-cell-group>
-        <van-field v-model="placeActivity.activityName" center clearable label="活动名称:" placeholder="请填写活动名称"
-          input-align="right" />
-      </van-cell-group>
-      <van-cell-group>
-        <van-field v-model="placeActivity.siteName.name" readonly required :rules="[{ required: true }]" label="场所名称:"
-          placeholder="请选择场所名称" input-align="right" right-icon="arrow-down" @click="showPlace = true" />
-        <van-popup v-model:show="showPlace" round position="bottom">
-          <van-search placeholder="请输入场所名称" shape="round" input-align="center" v-model="interSearch" show-action
-            @search="onSearch" @cancel="onCancel" />
-          <van-picker title="活动场所" :columns="places" :columns-field-names="customFieldName" @cancel="showPlace = false"
-            @confirm="getPlace" />
-        </van-popup>
-      </van-cell-group>
-      <van-cell-group>
-        <van-field v-model="placeActivity.activityTime" center readonly label="活动时间:" placeholder="请选择时间"
-          input-align="right" right-icon="arrow-down" @click="showAct = true" />
-        <van-popup v-model:show="showAct" round position="bottom">
-          <van-picker-group title="活动时间" :tabs="['选择日期', '选择时间']" next-step-text="下一步" @confirm="getTime"
-            @cancel="showAct = false">
-            <van-date-picker v-model="currentDate" />
-            <van-time-picker v-model="currentTime" :columns-type="columnsType" />
-          </van-picker-group>
-        </van-popup>
-      </van-cell-group>
-      <van-cell-group>
-        <van-field v-model="placeActivity.participantsNum" center clearable label="参会人数:" placeholder="请填写参会人数"
-          input-align="right" type="digit" />
-      </van-cell-group>
-      <van-cell-group>
-        <van-field v-model="placeActivity.knownList.name" center label="已知名单:" placeholder="请选择参会已知名单" input-align="right"
-          right-icon="arrow-down" @click="showPerson = true" />
-        <van-dialog v-model:show="showPerson" title="选择人员名单" show-cancel-button @confirm="reselected">
-          <person-list v-if="showPerson" @selected="selected" :type="1" :siteId="placeActivity.siteName.id"></person-list>
-        </van-dialog>
-      </van-cell-group>
-      <van-cell-group>
-        <van-field v-model="placeActivity.reporter.name" center readonly label="报告人:" placeholder="请选择报告人"
-          input-align="right" />
-      </van-cell-group>
-      <van-cell-group>
-        <van-field v-model="placeActivity.participation" center clearable label="参加范围:" placeholder="请填写参加范围"
-          input-align="right" />
-      </van-cell-group>
-      <van-cell-group>
-        <van-field v-model="placeActivity.place" center readonly label="活动地点:" placeholder="请选择场所" input-align="right"
-          right-icon="arrow-down" />
-      </van-cell-group>
-      <van-cell-group>
-        <van-field v-model="placeActivity.placeDel" center readonly label="详细地址:" placeholder="请选择场所" input-align="right">
-          <template #right-icon>
-            <van-icon name="location" @click="getLocation" />
-          </template>
-        </van-field>
-      </van-cell-group>
-      <van-cell-group>
-        <van-field v-model="placeActivity.sourceFunds" center clearable label="经费来源:" placeholder="请填写经费来源"
-          input-align="right" />
-      </van-cell-group>
-      <van-cell-group>
-        <van-field v-model="placeActivity.activityPerson" center label="活动负责人:" placeholder="请填写活动负责人"
-          input-align="right" />
-      </van-cell-group>
-      <van-cell-group>
-        <van-field v-model="placeActivity.phone" center type="tel" label="联系方式:" placeholder="请填写联系方式"
-          input-align="right" />
-      </van-cell-group>
-      <van-cell-group>
-        <van-field name="uploader" label="安全预案:">
-          <template #input>
-            <van-uploader readonly v-model="fileList" :max-count="5" accept="" :preview-full-image="false"
-              :before-delete="deleteRead" @click-upload="chooseImg">
-              <van-button>上传文件(可添加图片、音、视频和文本等)</van-button>
-            </van-uploader>
-          </template>
-        </van-field>
-      </van-cell-group>
-      <van-cell-group>
-        <van-field name="content" label="主题内容:" label-align="top">
-          <template #input>
-            <wang-editor ref="subjectContentEditor" v-model="placeActivity.subjectContent" />
-          </template>
-        </van-field>
-      </van-cell-group>
-      <div class="subbtn">
-        <van-button type="primary" native-type="submit">提交</van-button>
-        <van-button type="default" hairline @click="onClickLeft">取消</van-button>
-      </div>
-    </van-form>
-  </div>
+	<van-nav-bar fixed title="场所活动信息上报" left-text="" left-arrow @click-left="onClickLeft" />
+	<van-loading size="16px" v-show="isLoading">加载中...</van-loading>
+	<div class="main" v-show="!isLoading">
+		<!-- <p class="title">场所活动上报</p> -->
+		<van-form class="formArea" @submit="submit" show-error :show-error-message="false" validate-trigger="onChange">
+			<!-- <p class="miniTitle">基础信息</p> -->
+			<van-cell-group>
+				<van-field v-model="placeActivity.activityName" center clearable label="活动名称:" placeholder="请填写活动名称"
+					input-align="right" />
+			</van-cell-group>
+			<van-cell-group>
+				<van-field v-model="placeActivity.siteName.name" readonly required :rules="[{ required: true }]"
+					label="场所名称:" placeholder="请选择场所名称" input-align="right" right-icon="arrow-down"
+					@click="showPlace = true" />
+				<van-popup v-model:show="showPlace" round position="bottom">
+					<van-search placeholder="请输入场所名称" shape="round" input-align="center" v-model="interSearch"
+						show-action @search="onSearch" @cancel="onCancel" />
+					<van-picker title="活动场所" :columns="places" :columns-field-names="customFieldName"
+						@cancel="showPlace = false" @confirm="getPlace" />
+				</van-popup>
+			</van-cell-group>
+			<van-cell-group>
+				<van-field v-model="placeActivity.activityTime" center readonly label="活动时间:" placeholder="请选择时间"
+					input-align="right" right-icon="arrow-down" @click="showAct = true" />
+				<van-popup v-model:show="showAct" round position="bottom">
+					<van-picker-group title="活动时间" :tabs="['选择日期', '选择时间']" next-step-text="下一步" @confirm="getTime"
+						@cancel="showAct = false">
+						<van-date-picker v-model="currentDate" />
+						<van-time-picker v-model="currentTime" :columns-type="columnsType" />
+					</van-picker-group>
+				</van-popup>
+			</van-cell-group>
+			<van-cell-group>
+				<van-field v-model="placeActivity.participantsNum" center clearable label="参会人数:" placeholder="请填写参会人数"
+					input-align="right" type="digit" />
+			</van-cell-group>
+			<van-cell-group>
+				<van-field v-model="placeActivity.knownList.name" center label="已知名单:" placeholder="请选择参会已知名单"
+					input-align="right" right-icon="arrow-down" @click="showPerson = true" />
+				<van-dialog v-model:show="showPerson" title="选择人员名单" show-cancel-button @confirm="reselected">
+					<person-list v-if="showPerson" @selected="selected" :type="1"
+						:siteId="placeActivity.siteName.id"></person-list>
+				</van-dialog>
+			</van-cell-group>
+			<van-cell-group>
+				<van-field v-model="placeActivity.reporter.name" center readonly label="报告人:" placeholder="请选择报告人"
+					input-align="right" />
+			</van-cell-group>
+			<van-cell-group>
+				<van-field v-model="placeActivity.participation" center clearable label="参加范围:" placeholder="请填写参加范围"
+					input-align="right" />
+			</van-cell-group>
+			<van-cell-group>
+				<van-field v-model="placeActivity.place" center readonly label="活动地点:" placeholder="请选择场所"
+					input-align="right" right-icon="arrow-down" />
+			</van-cell-group>
+			<van-cell-group>
+				<van-field v-model="placeActivity.placeDel" center readonly label="详细地址:" placeholder="请选择场所"
+					input-align="right">
+					<template #right-icon>
+						<van-icon name="location" @click="getLocation" />
+					</template>
+				</van-field>
+			</van-cell-group>
+			<van-cell-group>
+				<van-field v-model="placeActivity.sourceFunds" center clearable label="经费来源:" placeholder="请填写经费来源"
+					input-align="right" />
+			</van-cell-group>
+			<van-cell-group>
+				<van-field v-model="placeActivity.activityPerson" center label="活动负责人:" placeholder="请填写活动负责人"
+					input-align="right" />
+			</van-cell-group>
+			<van-cell-group>
+				<van-field v-model="placeActivity.phone" center type="tel" label="联系方式:" placeholder="请填写联系方式"
+					input-align="right" />
+			</van-cell-group>
+			<van-cell-group>
+				<van-field name="uploader" label="安全预案:">
+					<template #input>
+						<van-uploader readonly v-model="fileList" :max-count="5" accept="" :preview-full-image="false"
+							:before-delete="deleteRead" @click-upload="chooseImg">
+							<van-button>上传文件(可添加图片、音、视频和文本等)</van-button>
+						</van-uploader>
+					</template>
+				</van-field>
+			</van-cell-group>
+			<van-cell-group>
+				<van-field name="content" label="主题内容:" label-align="top">
+					<template #input>
+						<wang-editor ref="subjectContentEditor" v-model="placeActivity.subjectContent" />
+					</template>
+				</van-field>
+			</van-cell-group>
+			<div class="subbtn">
+				<van-button type="primary" native-type="submit">提交</van-button>
+				<van-button type="default" hairline @click="onClickLeft">取消</van-button>
+			</div>
+		</van-form>
+	</div>
 </template>
 
 <script>
-import { ref, onMounted } from "vue";
-import { useStore } from "vuex";
-import personList from "../personList.vue";
-import placeActivityServer from "@/api/placeActivity/placeActivityServer";
-import tools from "@/api/sys/tools";
-import UserManage from "@/api/user/UserManage";
-import { useRoute } from "vue-router";
-import { formatDate, formatTime } from "@/utils/datatime";
-// 图片路径
-import $base from "@/utils/config";
-// 富文本编辑器
-import WangEditor from "@/components/editor/WangEditor";
+	import {
+		ref,
+		onMounted
+	} from "vue";
+	import personList from "../personList.vue";
+	import placeActivityServer from "@/api/placeActivity/placeActivityServer";
+	import tools from "@/api/sys/tools";
+	import UserManage from "@/api/user/UserManage";
+	import {
+		useRoute
+	} from "vue-router";
+	import {
+		formatDate,
+		formatTime
+	} from "@/utils/datatime";
+	// 图片路径
+	import $base from "@/utils/config";
+	// 富文本编辑器
+	import WangEditor from "@/components/editor/WangEditor";
 
-export default {
-  components: { personList, WangEditor },
-  setup() {
-	  const store = useStore();
-    // 加载
-    let isLoading = ref(true);
-    // 返回
-    const onClickLeft = () => {
-      history.back();
-    };
-    // 活动信息
-    let placeActivity = ref({
-      id: "",
-      activityName: "",
-      activitiesType: "1",
-      siteName: {
-        id: "",
-        name: "",
-      },
-      activityTime: "",
-      participantsNum: "",
-      knownList: {
-        id: "",
-        name: "",
-      },
-      subjectContent: "",
-      reporter: {
-        id: "",
-        name: "",
-      },
-      participation: "",
-      place: "",
-      placeDel: "",
-      sourceFunds: "",
-      safetyPlan: "",
-      activityPerson: "",
-      phone: "",
-      state: "0",
-      assessment: "0",
-    });
-    // 富文本编辑器
-    const subjectContentEditor = ref(null);
-    // 根据路由初始化
-    let route = useRoute();
-    onMounted(() => {
-      if (route.query.id) {
-        new placeActivityServer().queryById(route.query.id).then((data) => {
-          placeActivity.value = data;
-          let ids = data.knownList.id.split(",");
-          placeActivity.value.knownList.name = "";
-          ids.forEach((item) => {
-            new UserManage().queryById(item).then((data) => {
-              placeActivity.value.knownList.name += data.name + ",";
-            });
-          });
-          placeActivity.value.safetyPlan.split("|").forEach((item) => {
-            if (item.trim().length > 0) {
-              fileupList.value.push({
-                name: decodeURIComponent(
-                  item.substring(item.lastIndexOf("/") + 1)
-                ),
-                url: $base + item.replace("程序附件//", "程序附件/"),
-                id: item.replace("程序附件//", "程序附件/")
-              });
-              fileList.value.push({
-                name: decodeURIComponent(
-                  item.substring(item.lastIndexOf("/") + 1)
-                ),
-                url: $base + item.replace("程序附件//", "程序附件/"),
-                id: item.replace("程序附件//", "程序附件/")
-              });
-            }
-          });
-          subjectContentEditor.value.init(placeActivity.value.subjectContent);
-          isLoading.value = false;
-        });
-      } else {
-        subjectContentEditor.value.init(placeActivity.value.subjectContent);
-        // 获取当前登录用户
-        new placeActivityServer().queryListLonginId().then((data) => {
-          new tools().queryById(data.id).then((res) => {
-            placeActivity.value.reporter = res;
-          });
-        });
-        isLoading.value = false;
-      }
-    });
-    // 场所名称
-    let places = ref([]);
-    // 场所搜索
-    let interSearch = ref("");
-    const onCancel = () => {
-      interSearch.value = "";
-      places.value = [];
-      placelist();
-    };
-    const onSearch = () => {
-      places.value = [];
-      new tools()
-        .placeList({
-          current: 1,
-          size: 10000,
-          name: interSearch.value
-        })
-        .then(({ records }) => {
-          places.value.push(...records);
-        });
-    };
-    const customFieldName = {
-      text: "name",
-      value: "id",
-    };
-    const placelist = () => {
-      new tools()
-        .placeList({
-          current: 1,
-          size: 10000,
-        })
-        .then(({ records }) => {
-          places.value.push(...records);
-        });
-    }
-    placelist();
-    let showPlace = ref(false);
-    const getPlace = ({ selectedOptions }) => {
-      showPlace.value = false;
-      placeActivity.value.siteName = selectedOptions[0];
-      placeActivity.value.place = selectedOptions[0].placeSelectName;
-      placeActivity.value.placeDel = selectedOptions[0].place;
-      let searchForm = {
-        location: {
-          id: selectedOptions[0].id
-        }
-      }
-      new UserManage()
-        .list({
-          current: 1,
-          size: 10000,
-          ...searchForm
-        }).then(({ records }) => {
-          placeActivity.value.knownList.name = "";
-          placeActivity.value.knownList.id = "";
-          records.forEach((item) => {
-            placeActivity.value.knownList.name += item.name + ",";
-            placeActivity.value.knownList.id += item.id + ",";
-          });
-        })
-    };
-    const getLocation = () => {
-      xm.getLocation().then(data => {
-        placeActivity.value.placeDel = data.POIName;
-      })
-    }
-    // 获取活动时间
-    let showAct = ref(false);
-    let currentDate = ref(formatDate(new Date()));
-    let currentTime = ref(formatTime(new Date()));
-    const columnsType = ["hour", "minute", "second"];
-    const getTime = () => {
-      showAct.value = false;
-      placeActivity.value.activityTime = `${currentDate.value.join(
+	export default {
+		components: {
+			personList,
+			WangEditor
+		},
+		setup() {
+			// 加载
+			let isLoading = ref(true);
+			// 返回
+			const onClickLeft = () => {
+				history.back();
+			};
+			// 活动信息
+			let placeActivity = ref({
+				id: "",
+				activityName: "",
+				activitiesType: "1",
+				siteName: {
+					id: "",
+					name: "",
+				},
+				activityTime: "",
+				participantsNum: "",
+				knownList: {
+					id: "",
+					name: "",
+				},
+				subjectContent: "",
+				reporter: {
+					id: "",
+					name: "",
+				},
+				participation: "",
+				place: "",
+				placeDel: "",
+				sourceFunds: "",
+				safetyPlan: "",
+				activityPerson: "",
+				phone: "",
+				state: "0",
+				assessment: "0",
+			});
+			// 富文本编辑器
+			const subjectContentEditor = ref(null);
+			// 根据路由初始化
+			let route = useRoute();
+			onMounted(() => {
+				if (route.query.id) {
+					new placeActivityServer().queryById(route.query.id).then((data) => {
+						placeActivity.value = data;
+						let ids = data.knownList.id.split(",");
+						placeActivity.value.knownList.name = "";
+						ids.forEach((item) => {
+							new UserManage().queryById(item).then((data) => {
+								placeActivity.value.knownList.name += data.name + ",";
+							});
+						});
+						placeActivity.value.safetyPlan.split("|").forEach((item) => {
+							if (item.trim().length > 0) {
+								fileupList.value.push({
+									name: decodeURIComponent(
+										item.substring(item.lastIndexOf("/") + 1)
+									),
+									url: $base + item.replace("程序附件//", "程序附件/"),
+									id: item.replace("程序附件//", "程序附件/")
+								});
+								fileList.value.push({
+									name: decodeURIComponent(
+										item.substring(item.lastIndexOf("/") + 1)
+									),
+									url: $base + item.replace("程序附件//", "程序附件/"),
+									id: item.replace("程序附件//", "程序附件/")
+								});
+							}
+						});
+						subjectContentEditor.value.init(placeActivity.value.subjectContent);
+						isLoading.value = false;
+					});
+				} else {
+					subjectContentEditor.value.init(placeActivity.value.subjectContent);
+					// 获取当前登录用户
+					new placeActivityServer().queryListLonginId().then((data) => {
+						new tools().queryById(data.id).then((res) => {
+							placeActivity.value.reporter = res;
+						});
+					});
+					isLoading.value = false;
+				}
+			});
+			// 场所名称
+			let places = ref([]);
+			// 场所搜索
+			let interSearch = ref("");
+			const onCancel = () => {
+				interSearch.value = "";
+				places.value = [];
+				placelist();
+			};
+			const onSearch = () => {
+				places.value = [];
+				new tools()
+					.placeList({
+						current: 1,
+						size: 10000,
+						name: interSearch.value
+					})
+					.then(({
+						records
+					}) => {
+						places.value.push(...records);
+					});
+			};
+			const customFieldName = {
+				text: "name",
+				value: "id",
+			};
+			const placelist = () => {
+				new tools()
+					.placeList({
+						current: 1,
+						size: 10000,
+					})
+					.then(({
+						records
+					}) => {
+						places.value.push(...records);
+					});
+			}
+			placelist();
+			let showPlace = ref(false);
+			const getPlace = ({
+				selectedOptions
+			}) => {
+				showPlace.value = false;
+				placeActivity.value.siteName = selectedOptions[0];
+				placeActivity.value.place = selectedOptions[0].placeSelectName;
+				placeActivity.value.placeDel = selectedOptions[0].place;
+				let searchForm = {
+					location: {
+						id: selectedOptions[0].id
+					}
+				}
+				new UserManage()
+					.list({
+						current: 1,
+						size: 10000,
+						...searchForm
+					}).then(({
+						records
+					}) => {
+						placeActivity.value.knownList.name = "";
+						placeActivity.value.knownList.id = "";
+						records.forEach((item) => {
+							placeActivity.value.knownList.name += item.name + ",";
+							placeActivity.value.knownList.id += item.id + ",";
+						});
+					})
+			};
+			const getLocation = () => {
+				xm.getLocation().then(data => {
+					placeActivity.value.placeDel = data.POIName;
+				})
+			}
+			// 获取活动时间
+			let showAct = ref(false);
+			let currentDate = ref(formatDate(new Date()));
+			let currentTime = ref(formatTime(new Date()));
+			const columnsType = ["hour", "minute", "second"];
+			const getTime = () => {
+				showAct.value = false;
+				placeActivity.value.activityTime = `${currentDate.value.join(
         "-"
       )} ${currentTime.value.join(":")}`;
-    };
-    // 已知名单
-    let showPerson = ref(false);
-    let list = {
-      value: [],
-      type: "",
-    };
-    const selected = (val, type) => {
-      list.value = val;
-      list.type = type;
-    };
-    const reselected = () => {
-      let ids = [];
-      let names = [];
-      if (list.type == 1) {
-        list.value.forEach((item) => {
-          ids.push(item.id);
-          names.push(item.name);
-        });
-        placeActivity.value.knownList.id = ids.join(",");
-        placeActivity.value.knownList.name = names.join(",");
-      }
-    };
-    // 文件上传
-    let fileList = ref([]);
-    let fileupList = ref([]);
-    const chooseImg = () => {
-		if (store.state.pctoken != "") {
-			xm.chooseFile({
-			  count: 1,
-			  name: "file",
-			  url: $base + `/sys/file/webupload/upload?uploadPath=reporting/reportingActivities`,
-			  headers: { 'Content-Type': 'multipart/form-data', "token": store.state.pctoken },
-			}).then(res => {
-			  let data = res[0].data
-			  data.name = decodeURIComponent(
-			    data.id.substring(data.url.lastIndexOf("/") + 1)
-			  );
-			  data.url = $base + data.url;
-			  fileupList.value.push(data);
-			  fileList.value.push(data)
-			})
-		}
-      
-    }
+			};
+			// 已知名单
+			let showPerson = ref(false);
+			let list = {
+				value: [],
+				type: "",
+			};
+			const selected = (val, type) => {
+				list.value = val;
+				list.type = type;
+			};
+			const reselected = () => {
+				let ids = [];
+				let names = [];
+				if (list.type == 1) {
+					list.value.forEach((item) => {
+						ids.push(item.id);
+						names.push(item.name);
+					});
+					placeActivity.value.knownList.id = ids.join(",");
+					placeActivity.value.knownList.name = names.join(",");
+				}
+			};
+			// 文件上传
+			let fileList = ref([]);
+			let fileupList = ref([]);
+			const chooseImg = () => {
+				xm.chooseFile({
+					count: 1,
+					name: "file",
+					url: $base + `/sys/file/webupload/upload?uploadPath=reporting/reportingActivities`,
+					headers: {
+						'Content-Type': 'multipart/form-data'
+					},
+				}).then(res => {
+					let data = res[0].data
+					data.name = decodeURIComponent(
+						data.id.substring(data.url.lastIndexOf("/") + 1)
+					);
+					data.url = $base + data.url;
+					fileupList.value.push(data);
+					fileList.value.push(data)
+					xm.showToast({
+						message: "上传成功",
+					});
+				})
+			}
 
-    // 删除文件
-    const deleteRead = (file) => {
-      //删除文件操作
-      for (let index = 0; index < fileList.value.length; index++) {
-        if (file.id == fileList.value[index].id) {
-          fileList.value.splice(index, 1);
-          if (fileupList.value[index]) {
-            let delurl = fileupList.value[index].url;
-            new tools().uploadFiledelete("", delurl).then(({ data }) => { });
-            fileupList.value.splice(index, 1);
-          }
-        }
-      }
-    };
-    // 提交数据
-    const submit = () => {
-      isLoading.value = true;
-      //保存前附件处理
-      placeActivity.value.safetyPlan = fileupList.value
-        .map((option) => option.id)
-        .join("|");
-      new placeActivityServer().save(placeActivity.value).then((res) => {
-        if (res.status == 200 || res.statusText == "OK") {
-          // xm.showToast({
-          //   message: res.data,
-          // });
-        }
-        onClickLeft();
-      });
-    };
+			// 删除文件
+			const deleteRead = (file) => {
+				//删除文件操作
+				for (let index = 0; index < fileList.value.length; index++) {
+					if (file.id == fileList.value[index].id) {
+						fileList.value.splice(index, 1);
+						if (fileupList.value[index]) {
+							let delurl = fileupList.value[index].url;
+							new tools().uploadFiledelete("", delurl).then(({
+								data
+							}) => {});
+							fileupList.value.splice(index, 1);
+						}
+					}
+				}
+			};
+			// 提交数据
+			const submit = () => {
+				isLoading.value = true;
+				//保存前附件处理
+				placeActivity.value.safetyPlan = fileupList.value
+					.map((option) => option.id)
+					.join("|");
+				new placeActivityServer().save(placeActivity.value).then((res) => {
+					if (res.status == 200 || res.statusText == "OK") {
+						// xm.showToast({
+						//   message: res.data,
+						// });
+					}
+					onClickLeft();
+				});
+			};
 
-    return {
-      isLoading,
-      placeActivity,
-      // 活动场所
-      customFieldName,
-      showPlace,
-      places,
-      interSearch,
-      onSearch,
-      onCancel,
-      getPlace,
-      getLocation,
-      // 活动时间
-      showAct,
-      columnsType,
-      currentDate,
-      currentTime,
-      getTime,
-      // 返回
-      onClickLeft,
-      // 人员选择
-      showPerson,
-      selected,
-      reselected,
-      // 文件上传
-      deleteRead,
-      fileList,
-      submit,
-      subjectContentEditor,
-      chooseImg
-    };
-  },
-};
+			return {
+				isLoading,
+				placeActivity,
+				// 活动场所
+				customFieldName,
+				showPlace,
+				places,
+				interSearch,
+				onSearch,
+				onCancel,
+				getPlace,
+				getLocation,
+				// 活动时间
+				showAct,
+				columnsType,
+				currentDate,
+				currentTime,
+				getTime,
+				// 返回
+				onClickLeft,
+				// 人员选择
+				showPerson,
+				selected,
+				reselected,
+				// 文件上传
+				deleteRead,
+				fileList,
+				submit,
+				subjectContentEditor,
+				chooseImg
+			};
+		},
+	};
 </script>
 
 <style scoped>
-.van-uploader .van-button {
-  border: none;
-  color: #36a7f3;
-  top: -4px;
-}
+	.van-uploader .van-button {
+		border: none;
+		color: #36a7f3;
+		top: -4px;
+	}
 
-.van-dialog {
-  width: 80%;
-  top: 50%;
-}
+	.van-dialog {
+		width: 80%;
+		top: 50%;
+	}
 
-.van-loading {
-  text-align: center;
-  margin-top: 80px;
-}
+	.van-loading {
+		text-align: center;
+		margin-top: 80px;
+	}
 </style>

src/views/activityMan/securityFacilitiesErr/securityFacilitiesErrView.vue

@@ -95,9 +95,6 @@
 		ref,
 		onMounted
 	} from "vue";
-	import {
-		useStore
-	} from "vuex";
 	import personList from "../personList.vue";
 	import securityFacilitiesErrService from "@/api/securityFacilitiesErr/securityFacilitiesErrService";
 	import tools from "@/api/sys/tools";
@@ -108,12 +105,11 @@
 	import $base from "@/utils/config";
 
 	export default {
-		
+
 		components: {
 			personList
 		},
 		setup() {
-			const store = useStore();
 			// 导航栏颜色
 			const selectColor = ref(window.localStorage.getItem("MZ_COLOR"));
 			const onClickLeft = () => {
@@ -314,141 +310,141 @@
 			let fileupList = ref([]);
 
 			const chooseImg = () => {
-					if (store.state.pctoken != "") {
-						xm.chooseFile({
-							count: 1,
-							name: "file",
-							url: $base + `/sys/file/webupload/upload?uploadPath=afssyc/securityFacilitiesErr`,
-							headers: {
-								'Content-Type': 'multipart/form-data',
-								"token": store.state.pctoken,
-							},
-						}).then(res => {
-							let data = res[0].data
-							data.name = decodeURIComponent(
-								data.id.substring(data.url.lastIndexOf("/") + 1)
-							);
-							data.url = $base + data.url;
-							fileupList.value.push(data);
-							fileList.value.push(data)
-						})
+				xm.chooseFile({
+					count: 1,
+					name: "file",
+					url: $base + `/sys/file/webupload/upload?uploadPath=afssyc/securityFacilitiesErr`,
+					headers: {
+						'Content-Type': 'multipart/form-data'
+					},
+				}).then(res => {
+					let data = res[0].data
+					data.name = decodeURIComponent(
+						data.id.substring(data.url.lastIndexOf("/") + 1)
+					);
+					data.url = $base + data.url;
+					fileupList.value.push(data);
+					fileList.value.push(data)
+					xm.showToast({
+						message: "上传成功",
+					});
+				})
+			}
+
+
+			// const afterRead = (file) => {
+			//   // 此时可以自行将文件上传至服务器
+			//   new tools()
+			//     .uploadFile(file, `afssyc/securityFacilitiesErr`)
+			//     .then(({ data }) => {
+
+			//       data.name = decodeURIComponent(
+			//         data.url.substring(
+			//           data.url.lastIndexOf("/") + 1
+			//         )
+			//       );
+
+			//       //data.url = `${$base}` + data.url;    
+			//       fileupList.value.push(data);
+
+			//     });
+			// };
+
+			// 删除文件
+			const deleteRead = (file) => {
+				//删除文件操作
+				for (let index = 0; index < fileList.value.length; index++) {
+					if (file.id == fileList.value[index].id) {
+						fileList.value.splice(index, 1);
+						if (fileupList.value[index]) {
+							let delurl = fileupList.value[index].url;
+							new tools().uploadFiledelete("", delurl).then(({
+								data
+							}) => {});
+							fileupList.value.splice(index, 1);
 						}
 					}
+				}
+			};
 
+			// const fjdelete = (file) => {
+			//   //删除文件操作
+			//   for (let index = 0; index < fileList.value.length; index++) {
+			//     if(file.file==fileList.value[index].file){
+			//       let delurl=fileupList.value[index].url;                   
+			//       new tools()
+			//         .uploadFiledelete("", delurl)
+			//         .then(({ data }) => {
+			//       });
+			//       fileupList.value.splice(index,1);
+			//       fileList.value.splice(index,1); 
+			//     }        
+			//   }      
+			// };
+
+			// 提交数据
+			const submit = () => {
+				//添加保存前判断
+				if (info.value.siteName.id == "") {
+					window.xm.showToast({
+						message: "请先选择场所信息!"
+					})
+				} else {
 
-					// const afterRead = (file) => {
-					//   // 此时可以自行将文件上传至服务器
-					//   new tools()
-					//     .uploadFile(file, `afssyc/securityFacilitiesErr`)
-					//     .then(({ data }) => {
-
-					//       data.name = decodeURIComponent(
-					//         data.url.substring(
-					//           data.url.lastIndexOf("/") + 1
-					//         )
-					//       );
-
-					//       //data.url = `${$base}` + data.url;    
-					//       fileupList.value.push(data);
-
-					//     });
-					// };
-
-					// 删除文件
-					const deleteRead = (file) => {
-						//删除文件操作
-						for (let index = 0; index < fileList.value.length; index++) {
-							if (file.id == fileList.value[index].id) {
-								fileList.value.splice(index, 1);
-								if (fileupList.value[index]) {
-									let delurl = fileupList.value[index].url;
-									new tools().uploadFiledelete("", delurl).then(({
-										data
-									}) => {});
-									fileupList.value.splice(index, 1);
-								}
-							}
-						}
-					};
-
-					// const fjdelete = (file) => {
-					//   //删除文件操作
-					//   for (let index = 0; index < fileList.value.length; index++) {
-					//     if(file.file==fileList.value[index].file){
-					//       let delurl=fileupList.value[index].url;                   
-					//       new tools()
-					//         .uploadFiledelete("", delurl)
-					//         .then(({ data }) => {
-					//       });
-					//       fileupList.value.splice(index,1);
-					//       fileList.value.splice(index,1); 
-					//     }        
-					//   }      
-					// };
-
-					// 提交数据
-					const submit = () => {
-						//添加保存前判断
-						if (info.value.siteName.id == "") {
+					//保存前附件处理
+					info.value.enclosure = fileupList.value.map((option) => option.id).join("|");
+					new securityFacilitiesErrService().save(info.value).then((res) => {
+						if (res.data == "保存安防设施异常成功") {
 							window.xm.showToast({
-								message: "请先选择场所信息!"
+								message: "保存成功!"
 							})
-						} else {
-
-							//保存前附件处理
-							info.value.enclosure = fileupList.value.map((option) => option.id).join("|");
-							new securityFacilitiesErrService().save(info.value).then((res) => {
-								if (res.data == "保存安防设施异常成功") {
-									window.xm.showToast({
-										message: "保存成功!"
-									})
-									history.back();
-								}
+							history.back();
+						}
 
-							});
+					});
 
-						}
-					};
-					return {
-						// 导航栏颜色
-						selectColor,
-						info,
-						// 场所
-						customFieldName,
-						showPlace,
-						places,
-						interSearch,
-						onSearch,
-						onCancel,
-						getPlace,
-						//设施类型选择
-						showLx,
-						facilityTypes,
-						getfacilityType,
-						//选择视频音频点位
-						showVideoAudio,
-						getVideoAudioList,
-						VideoAudios,
-						setVideoAudios,
-
-						//选择消防点位
-						showFireStation,
-						getFireStationList,
-						FireStations,
-						setFireStations,
-
-						// 文件上传
-						chooseImg,
-						fileList,
-						fileupList,
-						deleteRead,
-
-						// 返回
-						onClickLeft,
-						submit,
-					};
-				},
-		};
+				}
+			};
+			return {
+				// 导航栏颜色
+				selectColor,
+				info,
+				// 场所
+				customFieldName,
+				showPlace,
+				places,
+				interSearch,
+				onSearch,
+				onCancel,
+				getPlace,
+				//设施类型选择
+				showLx,
+				facilityTypes,
+				getfacilityType,
+				//选择视频音频点位
+				showVideoAudio,
+				getVideoAudioList,
+				VideoAudios,
+				setVideoAudios,
+
+				//选择消防点位
+				showFireStation,
+				getFireStationList,
+				FireStations,
+				setFireStations,
+
+				// 文件上传
+				chooseImg,
+				fileList,
+				fileupList,
+				deleteRead,
+
+				// 返回
+				onClickLeft,
+				submit,
+			};
+		},
+	};
 </script>
 
 <style scoped>

src/views/activityMan/siteInspection/siteInspectionView.vue

@@ -1,61 +1,33 @@
 <template>
-  <van-nav-bar
-    fixed
-    title="场所检查情况上报"
-    left-text=""
-    left-arrow
-    @click-left="onClickLeft"
-    :style="{ 'background-color': selectColor }"
-  />
-  <van-loading size="16px" v-show="isLoading">加载中...</van-loading>
-  <div class="main" v-show="!isLoading">
-    <div class="formArea">
-      <!-- <p class="miniTitle">基础信息</p> -->
-      <van-cell-group>
-        <van-field
-          v-model="siteInspection.siteName.name"
-          readonly
-          required
-          center
-          label="场所名称:"
-          placeholder="请选择"
-          input-align="right"
-          right-icon="arrow-down"
-          @click="showPlace = true"
-        />
-        <van-popup v-model:show="showPlace" round position="bottom">
-			
-			<van-search placeholder="请输入场所名称" shape="round" input-align="center" v-model="interSearch" @search="onSearch"
-			  @cancel="onCancel" />
-			<van-picker title="场所选择" :columns="places" :columns-field-names="customFieldName" @cancel="showPlace = false"
-			  @confirm="getPlace" />
-			          
-        </van-popup>
-      </van-cell-group>
-
-      <van-cell-group>
-        <van-field
-          v-model="siteInspection.place"
-          center
-          readonly
-          label="地点:"
-          placeholder="请填写地点"
-          input-align="right"
-          right-icon="arrow-down"
-        />
-        <van-popup v-model:show="showArea" round position="bottom">
-          <van-cascader
-            v-model="cascaderValue"
-            title="请选择所在地区"
-            :options="options"
-            @close="showArea = false"
-            @finish="onFinish"
-            :field-names="fieldNames"
-          />
-        </van-popup>
-      </van-cell-group>
-
-      <!-- <van-cell-group>
+	<van-nav-bar fixed title="场所检查情况上报" left-text="" left-arrow @click-left="onClickLeft"
+		:style="{ 'background-color': selectColor }" />
+	<van-loading size="16px" v-show="isLoading">加载中...</van-loading>
+	<div class="main" v-show="!isLoading">
+		<div class="formArea">
+			<!-- <p class="miniTitle">基础信息</p> -->
+			<van-cell-group>
+				<van-field v-model="siteInspection.siteName.name" readonly required center label="场所名称:"
+					placeholder="请选择" input-align="right" right-icon="arrow-down" @click="showPlace = true" />
+				<van-popup v-model:show="showPlace" round position="bottom">
+
+					<van-search placeholder="请输入场所名称" shape="round" input-align="center" v-model="interSearch"
+						@search="onSearch" @cancel="onCancel" />
+					<van-picker title="场所选择" :columns="places" :columns-field-names="customFieldName"
+						@cancel="showPlace = false" @confirm="getPlace" />
+
+				</van-popup>
+			</van-cell-group>
+
+			<van-cell-group>
+				<van-field v-model="siteInspection.place" center readonly label="地点:" placeholder="请填写地点"
+					input-align="right" right-icon="arrow-down" />
+				<van-popup v-model:show="showArea" round position="bottom">
+					<van-cascader v-model="cascaderValue" title="请选择所在地区" :options="options" @close="showArea = false"
+						@finish="onFinish" :field-names="fieldNames" />
+				</van-popup>
+			</van-cell-group>
+
+			<!-- <van-cell-group>
         <van-field
           v-model="siteInspection.placeDel"
           center
@@ -66,67 +38,42 @@
         />
       </van-cell-group> -->
 
-	  <van-cell-group>
-	    <van-field v-model="siteInspection.placeDel" center label="详细地址:" placeholder="请填写具体地址" input-align="right">
-	      <template #right-icon>
-	        <van-icon name="location" @click="getLocation" />
-	      </template>
-	    </van-field>
-	  </van-cell-group>
-
-      <van-cell-group>
-        <van-field
-          v-model="siteInspection.supervisionTime"
-          center
-          readonly
-          label="督查时间:"
-          placeholder="请选择督查时间"
-          input-align="right"
-          right-icon="arrow-down"
-          @click="showAct = true"
-        />
-        <van-popup v-model:show="showAct" round position="bottom">
-          <van-picker-group
-            title="督查时间"
-            :tabs="['选择日期', '选择时间']"
-            next-step-text="下一步"
-            @confirm="getTime"
-            @cancel="showAct = false"
-          >
-            <van-date-picker v-model="currentDate" />
-            <van-time-picker v-model="currentTime" :columns-type="columnsType" />
-          </van-picker-group>
-        </van-popup>
-      </van-cell-group>
-
-	  <van-cell-group>
-
-	    <van-field
-	      v-model="siteInspection.assessmentName"
-	      center
-	      readonly
-	      required
-	      label="排查结果:"
-	      placeholder="请选择"
-	      input-align="right"
-	      right-icon="arrow-down"
-	      @click="showLx = true"
-	    />
-	    <van-popup v-model:show="showLx" round position="bottom">
-	      <van-picker
-	        title="排查结果"
-	        :columns="facilityTypes"
-	        @cancel="showLx = false"
-	        @confirm="getfacilityType"
-	      />
-	    </van-popup>
-	  </van-cell-group>
-
-      <van-cell-group>
-        <van-field name="uploader" label="附件:">
-          <template #input>
-
-            <!-- <van-uploader
+			<van-cell-group>
+				<van-field v-model="siteInspection.placeDel" center label="详细地址:" placeholder="请填写具体地址"
+					input-align="right">
+					<template #right-icon>
+						<van-icon name="location" @click="getLocation" />
+					</template>
+				</van-field>
+			</van-cell-group>
+
+			<van-cell-group>
+				<van-field v-model="siteInspection.supervisionTime" center readonly label="督查时间:" placeholder="请选择督查时间"
+					input-align="right" right-icon="arrow-down" @click="showAct = true" />
+				<van-popup v-model:show="showAct" round position="bottom">
+					<van-picker-group title="督查时间" :tabs="['选择日期', '选择时间']" next-step-text="下一步" @confirm="getTime"
+						@cancel="showAct = false">
+						<van-date-picker v-model="currentDate" />
+						<van-time-picker v-model="currentTime" :columns-type="columnsType" />
+					</van-picker-group>
+				</van-popup>
+			</van-cell-group>
+
+			<van-cell-group>
+
+				<van-field v-model="siteInspection.assessmentName" center readonly required label="排查结果:"
+					placeholder="请选择" input-align="right" right-icon="arrow-down" @click="showLx = true" />
+				<van-popup v-model:show="showLx" round position="bottom">
+					<van-picker title="排查结果" :columns="facilityTypes" @cancel="showLx = false"
+						@confirm="getfacilityType" />
+				</van-popup>
+			</van-cell-group>
+
+			<van-cell-group>
+				<van-field name="uploader" label="附件:">
+					<template #input>
+
+						<!-- <van-uploader
               :after-read="afterRead"
               v-model="fileList"
               :max-count="6"
@@ -137,382 +84,380 @@
               <van-button icon="plus">上传文件</van-button>
             </van-uploader> -->
 
-            <van-uploader readonly v-model="fileList" :max-count="5" accept="" :preview-full-image="false"
-              :before-delete="deleteRead" @click-upload="chooseImg">
-              <van-button>上传文件</van-button>
-            </van-uploader>
-
-
-          </template>
-        </van-field>
-      </van-cell-group>
-
-      <van-cell-group>
-        <div class="rowTextArea">
-          <van-field
-            v-model="siteInspection.supervisionContent"
-            center
-            rows="2"
-            type="textarea"
-            label="督查内容:"
-            label-align="top"
-          />
-        </div>
-      </van-cell-group>
-    </div>
-    <div class="subbtn">
-      <van-button type="primary" @click="submit">提交</van-button>
-      <van-button type="default" hairline>取消</van-button>
-    </div>
-  </div>
+						<van-uploader readonly v-model="fileList" :max-count="5" accept="" :preview-full-image="false"
+							:before-delete="deleteRead" @click-upload="chooseImg">
+							<van-button>上传文件</van-button>
+						</van-uploader>
+
+
+					</template>
+				</van-field>
+			</van-cell-group>
+
+			<van-cell-group>
+				<div class="rowTextArea">
+					<van-field v-model="siteInspection.supervisionContent" center rows="2" type="textarea" label="督查内容:"
+						label-align="top" />
+				</div>
+			</van-cell-group>
+		</div>
+		<div class="subbtn">
+			<van-button type="primary" @click="submit">提交</van-button>
+			<van-button type="default" hairline>取消</van-button>
+		</div>
+	</div>
 </template>
 
 <script>
-import { reactive, ref , onMounted} from "vue";
-import personList from "../personList.vue";
-import siteInspectionService from "@/api/siteInspection/siteInspectionService";
-import { useRoute } from "vue-router";
-import tools from "@/api/sys/tools";
-import { formatDate, formatTime } from "@/utils/datatime";
-// 图片路径
-import $base from "@/utils/config";
-export default {
-  components: { personList },
-  setup() {
-	  const store = useStore();
-    // 导航栏颜色
-    const selectColor = ref(window.localStorage.getItem("MZ_COLOR"));
-    const onClickLeft = () => {
-      history.back();
-    };
-    const siteInspection = ref({
-      id: "",
-      siteName: {
-        id: "",
-      },
-      place: "",
-      placeDel: "",
-      supervisionTime: "",
-      supervisionContent: "",
-      //附件
-      enclosure: "",
-      state: "0",
-      assessment: "0",
-	  assessmentName: "",
-    });
-
-    // 根据路由初始化
-    let route = useRoute();
-    onMounted(() => {
-      if (route.query.id) {
-        new siteInspectionService().queryById(route.query.id).then((data) => {
-          siteInspection.value = data;
-		  
-		  if(siteInspection.value.assessment=='1'){
-			  siteInspection.value.assessmentName="正常";
-		  }else{
-			  siteInspection.value.assessmentName="异常";
-		  }
-		  
-          //附件处理
-          siteInspection.value.enclosure.split("|").forEach((item) => {
-            if (item.trim().length > 0) {
-              fileList.value.push({
-                name: decodeURIComponent(
-                  item.substring(item.lastIndexOf("/") + 1)
-                ),
-                url: $base +"/"+ item.replace('程序附件//','程序附件/'),
-              });
-              fileupList.value.push({
-                name: decodeURIComponent(
-                  item.substring(item.lastIndexOf("/") + 1)
-                ),
-                url: item,
-              });
-            }
-          });
-
-        });
-      }
-    });
-
-	// 场所名称
-    let places = ref([]);
-    // 场所搜索
-    let interSearch = ref("");
-    const onCancel = () => {
-      interSearch.value = "";
-      places.value = [];
-      placelist();
-    };
-    const onSearch = () => {
-      places.value = [];
-      new tools()
-        .placeList({
-          current: 1,
-          size: 10000,
-          name: interSearch.value
-        })
-        .then(({ records }) => {
-          places.value.push(...records);
-        });
-    };
-    const customFieldName = {
-      text: "name",
-      value: "id",
-    };
-    const placelist = () => {
-      new tools()
-        .placeList({
-          current: 1,
-          size: 10000,
-        })
-        .then(({ records }) => {
-          places.value.push(...records);
-        });
-    }
-    placelist();
-    let showPlace = ref(false);
-    const getPlace = ({ selectedOptions }) => {
-      if(selectedOptions[0]!=undefined&&selectedOptions[0]!=null){
-        showPlace.value = false;
-        siteInspection.value.siteName = selectedOptions[0];
-        siteInspection.value.place = selectedOptions[0].placeSelectName;
-		siteInspection.value.placeDel = selectedOptions[0].place;
-      }
-    };
-    // 获取督查时间
-    let showAct = ref(false);
-    let currentDate = ref(formatDate(new Date()));
-    let currentTime = ref(formatTime(new Date()));
-    const columnsType = ['hour', 'minute', 'second'];
-    const getTime = () => {
-      showAct.value = false;
-      siteInspection.value.supervisionTime = `${currentDate.value.join(
+	import {
+		reactive,
+		ref,
+		onMounted
+	} from "vue";
+	import personList from "../personList.vue";
+	import siteInspectionService from "@/api/siteInspection/siteInspectionService";
+	import {
+		useRoute
+	} from "vue-router";
+	import tools from "@/api/sys/tools";
+	import {
+		formatDate,
+		formatTime
+	} from "@/utils/datatime";
+	// 图片路径
+	import $base from "@/utils/config";
+	export default {
+		components: {
+			personList
+		},
+		setup() {
+			// 导航栏颜色
+			const selectColor = ref(window.localStorage.getItem("MZ_COLOR"));
+			const onClickLeft = () => {
+				history.back();
+			};
+			const siteInspection = ref({
+				id: "",
+				siteName: {
+					id: "",
+				},
+				place: "",
+				placeDel: "",
+				supervisionTime: "",
+				supervisionContent: "",
+				//附件
+				enclosure: "",
+				state: "0",
+				assessment: "0",
+				assessmentName: "",
+			});
+
+			// 根据路由初始化
+			let route = useRoute();
+			onMounted(() => {
+				if (route.query.id) {
+					new siteInspectionService().queryById(route.query.id).then((data) => {
+						siteInspection.value = data;
+
+						if (siteInspection.value.assessment == '1') {
+							siteInspection.value.assessmentName = "正常";
+						} else {
+							siteInspection.value.assessmentName = "异常";
+						}
+
+						//附件处理
+						siteInspection.value.enclosure.split("|").forEach((item) => {
+							if (item.trim().length > 0) {
+								fileList.value.push({
+									name: decodeURIComponent(
+										item.substring(item.lastIndexOf("/") + 1)
+									),
+									url: $base + "/" + item.replace('程序附件//', '程序附件/'),
+								});
+								fileupList.value.push({
+									name: decodeURIComponent(
+										item.substring(item.lastIndexOf("/") + 1)
+									),
+									url: item,
+								});
+							}
+						});
+
+					});
+				}
+			});
+
+			// 场所名称
+			let places = ref([]);
+			// 场所搜索
+			let interSearch = ref("");
+			const onCancel = () => {
+				interSearch.value = "";
+				places.value = [];
+				placelist();
+			};
+			const onSearch = () => {
+				places.value = [];
+				new tools()
+					.placeList({
+						current: 1,
+						size: 10000,
+						name: interSearch.value
+					})
+					.then(({
+						records
+					}) => {
+						places.value.push(...records);
+					});
+			};
+			const customFieldName = {
+				text: "name",
+				value: "id",
+			};
+			const placelist = () => {
+				new tools()
+					.placeList({
+						current: 1,
+						size: 10000,
+					})
+					.then(({
+						records
+					}) => {
+						places.value.push(...records);
+					});
+			}
+			placelist();
+			let showPlace = ref(false);
+			const getPlace = ({
+				selectedOptions
+			}) => {
+				if (selectedOptions[0] != undefined && selectedOptions[0] != null) {
+					showPlace.value = false;
+					siteInspection.value.siteName = selectedOptions[0];
+					siteInspection.value.place = selectedOptions[0].placeSelectName;
+					siteInspection.value.placeDel = selectedOptions[0].place;
+				}
+			};
+			// 获取督查时间
+			let showAct = ref(false);
+			let currentDate = ref(formatDate(new Date()));
+			let currentTime = ref(formatTime(new Date()));
+			const columnsType = ['hour', 'minute', 'second'];
+			const getTime = () => {
+				showAct.value = false;
+				siteInspection.value.supervisionTime = `${currentDate.value.join(
         "-"
       )} ${currentTime.value.join(":")}`;
-    };
-    let list = {
-      value: [],
-      type: "",
-    };
-
-    // 地区选择
-    let showArea = ref(false);
-    const cascaderValue = ref("");
-    const fieldNames = {
-      text: "name",
-      value: "code",
-      children: "children",
-    };
-    // 选项列表，children 代表子选项，支持多级嵌套
-    let options = ref([]);
-    new tools().treeData().then((res) => {
-      options.value.push(res[0]);
-    });
-    // 全部选项选择完毕后，会触发 finish 事件
-    const onFinish = ({ selectedOptions }) => {
-      if(selectedOptions[0]!=undefined&&selectedOptions[0]!=null){
-        showArea.value = false;
-        siteInspection.value.place = selectedOptions
-          .map((option) => option.name)
-          .join("/");
-      }
-    };
-
-	//选择排查结果
-	let showLx = ref(false);
-	const facilityTypes = [{text:"正常",value:"1"},{text:"异常",value:"2"}];
-	const getfacilityType= ({ selectedOptions }) => {
-	  if(selectedOptions[0]!=undefined&&selectedOptions[0]!=null){
-	    siteInspection.value.assessment = selectedOptions[0].value;
-	    siteInspection.value.assessmentName = selectedOptions[0].text;
-	    // getVideoAudioList();
-	    // getFireStationList();
-	    showLx.value = false;
-	  }
+			};
+			let list = {
+				value: [],
+				type: "",
+			};
+
+			// 地区选择
+			let showArea = ref(false);
+			const cascaderValue = ref("");
+			const fieldNames = {
+				text: "name",
+				value: "code",
+				children: "children",
+			};
+			// 选项列表，children 代表子选项，支持多级嵌套
+			let options = ref([]);
+			new tools().treeData().then((res) => {
+				options.value.push(res[0]);
+			});
+			// 全部选项选择完毕后，会触发 finish 事件
+			const onFinish = ({
+				selectedOptions
+			}) => {
+				if (selectedOptions[0] != undefined && selectedOptions[0] != null) {
+					showArea.value = false;
+					siteInspection.value.place = selectedOptions
+						.map((option) => option.name)
+						.join("/");
+				}
+			};
+
+			//选择排查结果
+			let showLx = ref(false);
+			const facilityTypes = [{
+				text: "正常",
+				value: "1"
+			}, {
+				text: "异常",
+				value: "2"
+			}];
+			const getfacilityType = ({
+				selectedOptions
+			}) => {
+				if (selectedOptions[0] != undefined && selectedOptions[0] != null) {
+					siteInspection.value.assessment = selectedOptions[0].value;
+					siteInspection.value.assessmentName = selectedOptions[0].text;
+					// getVideoAudioList();
+					// getFireStationList();
+					showLx.value = false;
+				}
+			};
+
+			// 文件上传
+			let fileList = ref([]);
+			let fileupList = ref([]);
+			const chooseImg = () => {
+
+				xm.chooseFile({
+					count: 1,
+					name: "file",
+					url: $base + `/sys/file/webupload/upload?uploadPath=csjcqk/siteInspection`,
+					headers: {
+						'Content-Type': 'multipart/form-data'
+					},
+				}).then(res => {
+					let data = res[0].data
+					data.name = decodeURIComponent(
+						data.id.substring(data.url.lastIndexOf("/") + 1)
+					);
+					data.url = $base + data.url;
+					fileupList.value.push(data);
+					fileList.value.push(data)
+					xm.showToast({
+						message: "上传成功",
+					});
+				})
+			}
+			
+			// 删除文件
+			const deleteRead = (file) => {
+				//删除文件操作
+				for (let index = 0; index < fileList.value.length; index++) {
+					if (file.id == fileList.value[index].id) {
+						fileList.value.splice(index, 1);
+						if (fileupList.value[index]) {
+							let delurl = fileupList.value[index].url;
+							new tools().uploadFiledelete("", delurl).then(({
+								data
+							}) => {});
+							fileupList.value.splice(index, 1);
+						}
+					}
+				}
+			};
+
+			const getLocation = () => {
+				xm.getLocation().then(data => {
+					siteInspection.value.placeDel = data.POIName;
+				})
+			}
+
+			// 提交数据
+			const submit = () => {
+				//添加保存前判断
+				if (siteInspection.value.siteName.id == "") {
+					window.xm.showToast({
+						message: "请先选择场所信息!"
+					})
+				} else {
+
+					//保存前附件处理
+					siteInspection.value.enclosure = fileupList.value.map((option) => option.id).join("|");
+					new siteInspectionService().save(siteInspection.value).then((res) => {
+						if (res.data == "保存场所检查情况成功") {
+							window.xm.showToast({
+								message: "保存成功!"
+							})
+							history.back();
+						}
+					});
+
+				}
+
+			};
+			return {
+				// 导航栏颜色
+				selectColor,
+				siteInspection,
+				// 场所
+				customFieldName,
+				showPlace,
+				places,
+				interSearch,
+				onSearch,
+				onCancel,
+				getPlace,
+				// 时间
+				showAct,
+				currentDate,
+				currentTime,
+				columnsType,
+				getTime,
+				// 返回
+				onClickLeft,
+				// 地区选择
+				showArea,
+				fieldNames,
+				options,
+				onFinish,
+				cascaderValue,
+
+				//排查结果选择
+				showLx,
+				facilityTypes,
+				getfacilityType,
+
+				getLocation,
+				// 文件上传
+				chooseImg,
+				fileList,
+				fileupList,
+				deleteRead,
+				submit,
+			};
+		},
 	};
+</script>
 
-    // 文件上传
-    let fileList = ref([]);
-    let fileupList = ref([]);
-    const chooseImg = () => {
-		if (store.state.pctoken != "") {
-      xm.chooseFile({
-        count: 1,
-        name: "file",
-        url: $base + `/sys/file/webupload/upload?uploadPath=csjcqk/siteInspection`,
-        headers: { 'Content-Type': 'multipart/form-data', "token": store.state.pctoken, },
-      }).then(res => {
-        let data = res[0].data
-        data.name = decodeURIComponent(
-          data.id.substring(data.url.lastIndexOf("/") + 1)
-        );
-        data.url = $base + data.url;
-        fileupList.value.push(data);
-        fileList.value.push(data)
-      })
-	  }
-    }
-
-    // const afterRead = (file) => {
-    //   // 此时可以自行将文件上传至服务器
-    //   new tools()
-    //     .uploadFile(file, `csjcqk/siteInspection`)
-    //     .then(({ data }) => {
-    //       console.log(data);
-    //       data.name = decodeURIComponent(
-    //         data.url.substring(
-    //           data.url.lastIndexOf("/") + 1
-    //         )
-    //       );
-
-    //       //data.url = `${$base}` + data.url;
-    //       fileupList.value.push(data);
-
-    //     });
-    // };
-
-    // 删除文件
-    const deleteRead = (file) => {
-      //删除文件操作
-      for (let index = 0; index < fileList.value.length; index++) {
-        if (file.id == fileList.value[index].id) {
-          fileList.value.splice(index, 1);
-          if (fileupList.value[index]) {
-            let delurl = fileupList.value[index].url;
-            new tools().uploadFiledelete("", delurl).then(({ data }) => { });
-            fileupList.value.splice(index, 1);
-          }
-        }
-      }
-    };
-
-    // const fjdelete = (file) => {
-    //   //删除文件操作
-    //   for (let index = 0; index < fileList.value.length; index++) {
-    //     if(file.file==fileList.value[index].file){
-    //       let delurl=fileupList.value[index].url;
-    //       new tools()
-    //         .uploadFiledelete("", delurl)
-    //         .then(({ data }) => {
-    //       });
-    //       fileupList.value.splice(index,1);
-    //       fileList.value.splice(index,1);
-    //     }
-    //   }
-    // };
-
-	const getLocation = () => {
-	  xm.getLocation().then(data => {
-	    siteInspection.value.placeDel = data.POIName;
-	  })
+<style scoped>
+	.van-cell__value .van-field__right-icon .van-icon-location {
+		color: #36a7f3 !important;
 	}
 
-    // 提交数据
-    const submit = () => {
-      //添加保存前判断
-      if(siteInspection.value.siteName.id==""){
-        window.xm.showToast({
-          message:"请先选择场所信息!"
-        })
-      }else{
-
-        //保存前附件处理
-        siteInspection.value.enclosure = fileupList.value.map((option) => option.id).join("|");
-        new siteInspectionService().save(siteInspection.value).then((res) => {
-          if(res.data=="保存场所检查情况成功"){
-            window.xm.showToast({
-              message:"保存成功!"
-            })
-            history.back();
-          }
-        });
-
-      }
-
-    };
-    return {
-      // 导航栏颜色
-      selectColor,
-      siteInspection,
-      // 场所
-      customFieldName,
-      showPlace,
-      places,
-	  interSearch,
-	  onSearch,
-	  onCancel,
-      getPlace,
-      // 时间
-      showAct,
-      currentDate,
-      currentTime,
-      columnsType,
-      getTime,
-      // 返回
-      onClickLeft,
-      // 地区选择
-      showArea,
-      fieldNames,
-      options,
-      onFinish,
-      cascaderValue,
-
-	  //排查结果选择
-	  showLx,
-	  facilityTypes,
-	  getfacilityType,
-
-	  getLocation,
-      // 文件上传
-      chooseImg,
-      fileList,
-      fileupList,
-      deleteRead,
-      submit,
-    };
-  },
-};
-</script>
+	.van-uploader .van-button {
+		border: none;
+		color: #36a7f3;
+		top: -4px;
+	}
 
-<style scoped>
-.van-cell__value .van-field__right-icon .van-icon-location {
-  color: #36a7f3 !important;
-}
-.van-uploader .van-button {
-  border: none;
-  color: #36a7f3;
-  top: -4px;
-}
-.van-dialog {
-  width: 80%;
-  top: 50%;
-}
-.van-loading {
-  text-align: center;
-  margin-top: 80px;
-}
-.preview-cover {
-  position: absolute;
-  bottom: 0;
-  box-sizing: border-box;
-  width: 100%;
-  padding: 4px;
-  color: #fff;
-  font-size: 12px;
-  text-align: center;
-  background: rgba(0, 0, 0, 0.3);
-}
-
-
-.rowTextArea::v-deep .van-field__value {
-  width: 94%;
-  border: 2px solid #ccc;
-  border-radius: 10px;
-  padding: 10px;
-}
-.rowTextArea::v-deep .van-cell {
-  display: flow-root;
-}
-</style>
+	.van-dialog {
+		width: 80%;
+		top: 50%;
+	}
+
+	.van-loading {
+		text-align: center;
+		margin-top: 80px;
+	}
+
+	.preview-cover {
+		position: absolute;
+		bottom: 0;
+		box-sizing: border-box;
+		width: 100%;
+		padding: 4px;
+		color: #fff;
+		font-size: 12px;
+		text-align: center;
+		background: rgba(0, 0, 0, 0.3);
+	}
+
+
+	.rowTextArea::v-deep .van-field__value {
+		width: 94%;
+		border: 2px solid #ccc;
+		border-radius: 10px;
+		padding: 10px;
+	}
+
+	.rowTextArea::v-deep .van-cell {
+		display: flow-root;
+	}
+</style>

src/views/placeManage/placeFirefighting/placeFirefightingInfo.vue

@@ -1,458 +1,392 @@
 <template>
-  <van-nav-bar
-    fixed
-    title="场所消防设备信息"
-    left-arrow
-    @click-left="onClickLeft"
-    :style="{ 'background-color': selectColor }"
-  />
-  <div class="main">
-    <div class="banner">
-      <img src="../../../../public/loginbg/banner.jpg" alt="" />
-    </div>
-    <div class="info">
-      <van-form @submit="submit" @failed="failed" show-error :show-error-message="false">
-        <van-cell-group>
-          <van-field
-            v-model="inputForm.name"
-            center
-            required
-            :rules="[{ required: true }]"
-            label="设备名称："
-            placeholder="请填写设备名称"
-            input-align="right"
-          />
-        </van-cell-group>
-        <van-cell-group>
-          <van-field
-            v-model="locationName"
-            readonly
-            required
-            :rules="[{ required: true }]"
-            label="所属场所："
-            placeholder="请选择所属场所"
-            input-align="right"
-            right-icon="arrow-down"
-            @click="hs_site = true"
-          >
-          </van-field>
-          <van-dialog
-            v-model:show="hs_site"
-            title="所属场所"
-            show-cancel-button
-          >
-            <div class="dialog">
-              <van-list
-                v-model:loading="loading"
-                :finished="finished"
-                finished-text="没有更多了"
-                @load="onLoad"
-              >
-                <van-radio-group v-model="checked">
-                  <van-cell-group inset>
-                    <van-cell
-                      v-for="item in sitelist"
-                      :key="item"
-                      :title="item.name"
-                      clickable
-                      @click="getsite(item)"
-                    >
-                      <template #right-icon>
-                        <van-radio :name="item.id" @click="getsite(item)" />
-                      </template>
-                    </van-cell>
-                  </van-cell-group>
-                </van-radio-group>
-              </van-list>
-            </div>
-          </van-dialog>
-        </van-cell-group>
-        <van-cell-group>
-          <van-field
-            v-model="inputForm.personInCharge"
-            center
-            required
-            label-width="7.2em"
-            :rules="[{ required: true }]"
-            label="消防负责人："
-            placeholder="请填写消防负责人"
-            input-align="right"
-          />
-        </van-cell-group>
-        <van-cell-group>
-          <van-field
-            v-model="inputForm.contactInformation"
-            center
-            label="联系方式："
-            placeholder="请填写联系方式"
-            input-align="right"
-          />
-        </van-cell-group>
-        <van-cell-group>
-          <van-field
-            v-model="typeOfEmployeesName"
-            readonly
-            required
-            :rules="[{ required: true }]"
-            label-width="7.2em"
-            label="设备类型："
-            placeholder="请选择设备类型"
-            input-align="right"
-            right-icon="arrow-down"
-            @click="hs_typeOfEmployees = true"
-          />
-          <van-popup v-model:show="hs_typeOfEmployees" round position="bottom">
-            <van-picker
-              title="设备类型"
-              :columns="$dictUtils.getDictList('hs_site_fire_type')"
-              :columns-field-names="{
+	<van-nav-bar fixed title="场所消防设备信息" left-arrow @click-left="onClickLeft"
+		:style="{ 'background-color': selectColor }" />
+	<div class="main">
+		<div class="banner">
+			<img src="../../../../public/loginbg/banner.jpg" alt="" />
+		</div>
+		<div class="info">
+			<van-form @submit="submit" @failed="failed" show-error :show-error-message="false">
+				<van-cell-group>
+					<van-field v-model="inputForm.name" center required :rules="[{ required: true }]" label="设备名称："
+						placeholder="请填写设备名称" input-align="right" />
+				</van-cell-group>
+				<van-cell-group>
+					<van-field v-model="locationName" readonly required :rules="[{ required: true }]" label="所属场所："
+						placeholder="请选择所属场所" input-align="right" right-icon="arrow-down" @click="hs_site = true">
+					</van-field>
+					<van-dialog v-model:show="hs_site" title="所属场所" show-cancel-button>
+						<div class="dialog">
+							<van-list v-model:loading="loading" :finished="finished" finished-text="没有更多了"
+								@load="onLoad">
+								<van-radio-group v-model="checked">
+									<van-cell-group inset>
+										<van-cell v-for="item in sitelist" :key="item" :title="item.name" clickable
+											@click="getsite(item)">
+											<template #right-icon>
+												<van-radio :name="item.id" @click="getsite(item)" />
+											</template>
+										</van-cell>
+									</van-cell-group>
+								</van-radio-group>
+							</van-list>
+						</div>
+					</van-dialog>
+				</van-cell-group>
+				<van-cell-group>
+					<van-field v-model="inputForm.personInCharge" center required label-width="7.2em"
+						:rules="[{ required: true }]" label="消防负责人：" placeholder="请填写消防负责人" input-align="right" />
+				</van-cell-group>
+				<van-cell-group>
+					<van-field v-model="inputForm.contactInformation" center label="联系方式：" placeholder="请填写联系方式"
+						input-align="right" />
+				</van-cell-group>
+				<van-cell-group>
+					<van-field v-model="typeOfEmployeesName" readonly required :rules="[{ required: true }]"
+						label-width="7.2em" label="设备类型：" placeholder="请选择设备类型" input-align="right"
+						right-icon="arrow-down" @click="hs_typeOfEmployees = true" />
+					<van-popup v-model:show="hs_typeOfEmployees" round position="bottom">
+						<van-picker title="设备类型" :columns="$dictUtils.getDictList('hs_site_fire_type')"
+							:columns-field-names="{
                 text: 'label',
                 value: 'value',
-              }"
-              @cancel="hs_typeOfEmployees = false"
-              @confirm="gettypeOfEmployees"
-            />
-          </van-popup>
-        </van-cell-group>
-        <van-cell-group>
-        <van-field v-model="inputForm.effectiveDateStart" center readonly required label-width="8em"
-          :rules="[{ required: true }]" label="有效起始时间:" placeholder="请选择时间"
-          input-align="right" right-icon="arrow-down" @click="hs_Start = true" />
-        <van-popup v-model:show="hs_Start" round position="bottom">
-          <van-picker-group title="有效起始时间" :tabs="['选择日期', '选择时间']" next-step-text="下一步" @confirm="getTime"
-            @cancel="hs_Start = false">
-            <van-date-picker v-model="currentDate" />
-            <van-time-picker v-model="currentTime" :columns-type="columnsType" />
-          </van-picker-group>
-        </van-popup>
-      </van-cell-group>
-      <van-cell-group>
-        <van-field v-model="inputForm.effectiveDateEnd" center readonly required label-width="8em"
-          :rules="[{ required: true }]" label="有效结束时间:" placeholder="请选择时间"
-          input-align="right" right-icon="arrow-down" @click="hs_End = true" />
-        <van-popup v-model:show="hs_End" round position="bottom">
-          <van-picker-group title="有效结束时间" :tabs="['选择日期', '选择时间']" next-step-text="下一步" @confirm="getTimeend"
-            @cancel="hs_End = false">
-            <van-date-picker v-model="currentDate" />
-            <van-time-picker v-model="currentTime" :columns-type="columnsType" />
-          </van-picker-group>
-        </van-popup>
-      </van-cell-group>
-      <van-cell-group>
-        <van-field v-model="inputForm.nextMaintenanceDate" center readonly label-width="8em"
-           label="下次保养时期:" placeholder="请选择时间"
-          input-align="right" right-icon="arrow-down" @click="hs_upkeep = true" />
-        <van-popup v-model:show="hs_upkeep" round position="bottom">
-          <van-picker-group title="下次保养时期" :tabs="['选择日期', '选择时间']" next-step-text="下一步" @confirm="getTimeupkeep"
-            @cancel="hs_upkeep = false">
-            <van-date-picker v-model="currentDate" />
-            <van-time-picker v-model="currentTime" :columns-type="columnsType" />
-          </van-picker-group>
-        </van-popup>
-      </van-cell-group>
-        <van-cell-group>
-          <van-field
-            v-model="inputForm.position"
-            center
-            required
-            :rules="[{ required: true }]"
-            label="位置："
-            placeholder="请填写设备位置"
-            input-align="right"
-          />
-        </van-cell-group>
-        <van-cell-group>
-          <van-field
-            name="uploader"
-            label-align="top"
-            label-width="8em"
-            label="设备图片:"
-          >
-            <template #input>
-              <van-uploader
-                readonly
-                v-model="fileList"
-                :max-count="5"
-                accept=""
-                :preview-full-image="false"
-                :before-delete="deleteRead"
-                @click-upload="chooseImg"
-              >
-              </van-uploader>
-            </template>
-          </van-field>
-        </van-cell-group>
-        <div class="subbtn">
-          <van-button type="primary" native-type="submit">提交</van-button>
-          <van-button @click="onClickLeft" type="default" hairline
-            >取消</van-button
-          >
-        </div>
-      </van-form>
-    </div>
-  </div>
+              }" @cancel="hs_typeOfEmployees = false" @confirm="gettypeOfEmployees" />
+					</van-popup>
+				</van-cell-group>
+				<van-cell-group>
+					<van-field v-model="inputForm.effectiveDateStart" center readonly required label-width="8em"
+						:rules="[{ required: true }]" label="有效起始时间:" placeholder="请选择时间" input-align="right"
+						right-icon="arrow-down" @click="hs_Start = true" />
+					<van-popup v-model:show="hs_Start" round position="bottom">
+						<van-picker-group title="有效起始时间" :tabs="['选择日期', '选择时间']" next-step-text="下一步"
+							@confirm="getTime" @cancel="hs_Start = false">
+							<van-date-picker v-model="currentDate" />
+							<van-time-picker v-model="currentTime" :columns-type="columnsType" />
+						</van-picker-group>
+					</van-popup>
+				</van-cell-group>
+				<van-cell-group>
+					<van-field v-model="inputForm.effectiveDateEnd" center readonly required label-width="8em"
+						:rules="[{ required: true }]" label="有效结束时间:" placeholder="请选择时间" input-align="right"
+						right-icon="arrow-down" @click="hs_End = true" />
+					<van-popup v-model:show="hs_End" round position="bottom">
+						<van-picker-group title="有效结束时间" :tabs="['选择日期', '选择时间']" next-step-text="下一步"
+							@confirm="getTimeend" @cancel="hs_End = false">
+							<van-date-picker v-model="currentDate" />
+							<van-time-picker v-model="currentTime" :columns-type="columnsType" />
+						</van-picker-group>
+					</van-popup>
+				</van-cell-group>
+				<van-cell-group>
+					<van-field v-model="inputForm.nextMaintenanceDate" center readonly label-width="8em" label="下次保养时期:"
+						placeholder="请选择时间" input-align="right" right-icon="arrow-down" @click="hs_upkeep = true" />
+					<van-popup v-model:show="hs_upkeep" round position="bottom">
+						<van-picker-group title="下次保养时期" :tabs="['选择日期', '选择时间']" next-step-text="下一步"
+							@confirm="getTimeupkeep" @cancel="hs_upkeep = false">
+							<van-date-picker v-model="currentDate" />
+							<van-time-picker v-model="currentTime" :columns-type="columnsType" />
+						</van-picker-group>
+					</van-popup>
+				</van-cell-group>
+				<van-cell-group>
+					<van-field v-model="inputForm.position" center required :rules="[{ required: true }]" label="位置："
+						placeholder="请填写设备位置" input-align="right" />
+				</van-cell-group>
+				<van-cell-group>
+					<van-field name="uploader" label-align="top" label-width="8em" label="设备图片:">
+						<template #input>
+							<van-uploader readonly v-model="fileList" :max-count="5" accept=""
+								:preview-full-image="false" :before-delete="deleteRead" @click-upload="chooseImg">
+							</van-uploader>
+						</template>
+					</van-field>
+				</van-cell-group>
+				<div class="subbtn">
+					<van-button type="primary" native-type="submit">提交</van-button>
+					<van-button @click="onClickLeft" type="default" hairline>取消</van-button>
+				</div>
+			</van-form>
+		</div>
+	</div>
 </template>
 
 <script>
-import { onMounted, ref, getCurrentInstance } from "vue";
-import { useRouter } from "vue-router";
-import placeFirefighting from "@/api/placeFirefighting/placeFirefighting";
-import PlaceRegister from "@/api/placeRegister/placeRegister";
-import placeRegister from '@/api/placeRegister/placeRegister';
-import tools from "@/api/sys/tools";
-import $base from "@/utils/config";
-import { formatDate, formatTime } from "@/utils/datatime";
-export default {
-  setup() {
-	  const store = useStore();
-    const inputForm = ref({
-      id: "",
-      name: "",
-      siteId: "",
-      personInCharge: "",
-      contactInformation: "",
-      equipmentType: "",
-      devicePicture: "",
-      effectiveDate: [],
-      effectiveDateStart: "",
-      effectiveDateEnd: "",
-      nextMaintenanceDate: "",
-      position: "",
-    });
+	import {
+		onMounted,
+		ref,
+		getCurrentInstance
+	} from "vue";
+	import {
+		useRouter
+	} from "vue-router";
+	import placeFirefighting from "@/api/placeFirefighting/placeFirefighting";
+	import PlaceRegister from "@/api/placeRegister/placeRegister";
+	import placeRegister from '@/api/placeRegister/placeRegister';
+	import tools from "@/api/sys/tools";
+	import $base from "@/utils/config";
+	import {
+		formatDate,
+		formatTime
+	} from "@/utils/datatime";
+	export default {
+		setup() {
+			const inputForm = ref({
+				id: "",
+				name: "",
+				siteId: "",
+				personInCharge: "",
+				contactInformation: "",
+				equipmentType: "",
+				devicePicture: "",
+				effectiveDate: [],
+				effectiveDateStart: "",
+				effectiveDateEnd: "",
+				nextMaintenanceDate: "",
+				position: "",
+			});
 
-    const current = getCurrentInstance();
-    onMounted(() => {
-      var id = JSON.parse(router.currentRoute.value.query.id);
-      new placeFirefighting().placeFirefightingid(id).then((res) => {
-        inputForm.value = res;
-        typeOfEmployeesName.value =
-          current.appContext.config.globalProperties.$dictUtils.getDictLabel(
-            "hs_site_fire_type",
-            inputForm.value.equipmentType
-          );
-          let csid = inputForm.value.siteId
-        new placeRegister().queryById(csid).then((data)=>{
-            locationName.value = data.name
-        })
-        inputForm.value.devicePicture.split("|").forEach((item) => {
-          if (item.trim().length > 0) {
-            fileImg.value.push({
-              name: decodeURIComponent(
-                item.substring(item.lastIndexOf("/") + 1)
-              ),
-              url: $base +"/"+ item.replace("程序附件//", "程序附件/"),
-              id: item.replace("程序附件//", "程序附件/"),
-            });
-            fileList.value.push({
-              name: decodeURIComponent(
-                item.substring(item.lastIndexOf("/") + 1)
-              ),
+			const current = getCurrentInstance();
+			onMounted(() => {
+				var id = JSON.parse(router.currentRoute.value.query.id);
+				new placeFirefighting().placeFirefightingid(id).then((res) => {
+					inputForm.value = res;
+					typeOfEmployeesName.value =
+						current.appContext.config.globalProperties.$dictUtils.getDictLabel(
+							"hs_site_fire_type",
+							inputForm.value.equipmentType
+						);
+					let csid = inputForm.value.siteId
+					new placeRegister().queryById(csid).then((data) => {
+						locationName.value = data.name
+					})
+					inputForm.value.devicePicture.split("|").forEach((item) => {
+						if (item.trim().length > 0) {
+							fileImg.value.push({
+								name: decodeURIComponent(
+									item.substring(item.lastIndexOf("/") + 1)
+								),
+								url: $base + "/" + item.replace("程序附件//", "程序附件/"),
+								id: item.replace("程序附件//", "程序附件/"),
+							});
+							fileList.value.push({
+								name: decodeURIComponent(
+									item.substring(item.lastIndexOf("/") + 1)
+								),
 
-              url: $base +"/"+ item.replace("程序附件//", "程序附件/"),
-              id: item.replace("程序附件//", "程序附件/"),
-            });
-          }
-        });
-      });
-    });
-    // 导航栏颜色
-    const selectColor = ref(window.localStorage.getItem("MZ_COLOR"));
-    //返回取消按钮
-    const onClickLeft = () => {
-      history.back();
-    };
-    // 所属场所
-    const locationName = ref("");
-    const checked = ref("");
-    const sitelist = ref([]);
-    let hs_site = ref(false);
-    const getsite = (val) => {
-      let id = "";
-      id = val.id;
-      locationName.value = val.name;
-      const json = Object.assign(inputForm.value, { siteId: val.id });
-      inputForm.value = json;
-      checked.value = val.id;
-    };
-    const loading = ref(false);
-    const finished = ref(false);
-    const refreshing = ref(false);
-    let index = 0;
-    const onLoad = () => {
-      loading.value = true;
-      finished.value = false;
-      // 异步更新数据
-      new PlaceRegister()
-        .religiousList({
-          current: index + 1,
-          size: 10,
-        })
-        .then(({ records, pages }) => {
-          sitelist.value = sitelist.value.concat(records);
-          // 加载状态结束
-          loading.value = false;
-          if (index + 1 >= pages) {
-            finished.value = true;
-          }
-          index++;
-        });
-    };
-    // 设备类型
-    const typeOfEmployeesName = ref("");
-    let hs_typeOfEmployees = ref(false);
-    const gettypeOfEmployees = ({ selectedOptions }) => {
-      hs_typeOfEmployees.value = false;
-      const json = Object.assign(inputForm.value, {
-        equipmentType: selectedOptions[0].value,
-      });
-      inputForm.value = json;
-      typeOfEmployeesName.value = selectedOptions[0].label;
-    };
-    //有效期起始时间
-    let hs_Start = ref(false);
-    let currentDate = ref(formatDate(new Date()));
-    let currentTime = ref(formatTime(new Date()));
-    const columnsType = ["hour", "minute", "second"];
-    const getTime = () => {
-      hs_Start.value = false;
-      inputForm.value.effectiveDateStart = `${currentDate.value.join(
+								url: $base + "/" + item.replace("程序附件//", "程序附件/"),
+								id: item.replace("程序附件//", "程序附件/"),
+							});
+						}
+					});
+				});
+			});
+			// 导航栏颜色
+			const selectColor = ref(window.localStorage.getItem("MZ_COLOR"));
+			//返回取消按钮
+			const onClickLeft = () => {
+				history.back();
+			};
+			// 所属场所
+			const locationName = ref("");
+			const checked = ref("");
+			const sitelist = ref([]);
+			let hs_site = ref(false);
+			const getsite = (val) => {
+				let id = "";
+				id = val.id;
+				locationName.value = val.name;
+				const json = Object.assign(inputForm.value, {
+					siteId: val.id
+				});
+				inputForm.value = json;
+				checked.value = val.id;
+			};
+			const loading = ref(false);
+			const finished = ref(false);
+			const refreshing = ref(false);
+			let index = 0;
+			const onLoad = () => {
+				loading.value = true;
+				finished.value = false;
+				// 异步更新数据
+				new PlaceRegister()
+					.religiousList({
+						current: index + 1,
+						size: 10,
+					})
+					.then(({
+						records,
+						pages
+					}) => {
+						sitelist.value = sitelist.value.concat(records);
+						// 加载状态结束
+						loading.value = false;
+						if (index + 1 >= pages) {
+							finished.value = true;
+						}
+						index++;
+					});
+			};
+			// 设备类型
+			const typeOfEmployeesName = ref("");
+			let hs_typeOfEmployees = ref(false);
+			const gettypeOfEmployees = ({
+				selectedOptions
+			}) => {
+				hs_typeOfEmployees.value = false;
+				const json = Object.assign(inputForm.value, {
+					equipmentType: selectedOptions[0].value,
+				});
+				inputForm.value = json;
+				typeOfEmployeesName.value = selectedOptions[0].label;
+			};
+			//有效期起始时间
+			let hs_Start = ref(false);
+			let currentDate = ref(formatDate(new Date()));
+			let currentTime = ref(formatTime(new Date()));
+			const columnsType = ["hour", "minute", "second"];
+			const getTime = () => {
+				hs_Start.value = false;
+				inputForm.value.effectiveDateStart = `${currentDate.value.join(
         "-"
       )} ${currentTime.value.join(":")}`;
-    };
-    //有效期结束时间
-    let hs_End = ref(false);
-    const getTimeend = () => {
-      hs_End.value = false;
-      inputForm.value.effectiveDateEnd = `${currentDate.value.join(
+			};
+			//有效期结束时间
+			let hs_End = ref(false);
+			const getTimeend = () => {
+				hs_End.value = false;
+				inputForm.value.effectiveDateEnd = `${currentDate.value.join(
         "-"
       )} ${currentTime.value.join(":")}`;
-    };
-    //下次保养日期
-    let hs_upkeep = ref(false);
-    const getTimeupkeep = () => {
-      hs_upkeep.value = false;
-      inputForm.value.nextMaintenanceDate = `${currentDate.value.join(
+			};
+			//下次保养日期
+			let hs_upkeep = ref(false);
+			const getTimeupkeep = () => {
+				hs_upkeep.value = false;
+				inputForm.value.nextMaintenanceDate = `${currentDate.value.join(
         "-"
       )} ${currentTime.value.join(":")}`;
-    };
-    //图片上传
-    let fileList = ref([]);
-    let fileImg = ref([]);
-    const chooseImg = () => {
-		 if (store.state.pctoken != "") {
-      xm.chooseFile({
-        count: 1,
-        name: "file",
-        url:
-          $base +
-          `/sys/file/webupload/upload?uploadPath=religioussites/fire/fireEquipment`,
-        headers: {
-          "Content-Type": "multipart/form-data",
-          "token": store.state.pctoken,
-        },
-      }).then((res) => {
-        let data = res[0].data;
-        data.name = decodeURIComponent(
-          data.id.substring(data.url.lastIndexOf("/") + 1)
-        );
-        data.url = $base + data.url;
-        fileImg.value.push(data);
-        fileList.value.push(data);
-      });
-	  }
-    };
-    // 删除文件
-    const deleteRead = (file) => {
-      //删除文件操作
-      for (let index = 0; index < fileList.value.length; index++) {
-        if (file.id == fileList.value[index].id) {
-          fileList.value.splice(index, 1);
-          if (fileImg.value[index]) {
-            let delurl = fileImg.value[index].url;
-            new tools().uploadFiledelete("", delurl).then(({ data }) => {});
-            fileImg.value.splice(index, 1);
-          }
-        }
-      }
-    };
-    //校验
-    const failed = () => {
-      xm.showToast({
-        message: "请检查表单必填项是否存在填写遗漏！",
-      });
-    };
-    let router = useRouter();
-    //数据提交
-    const submit = () => {
-      //保存前附件处理
-      inputForm.value.devicePicture = fileImg.value
-        .map((option) => option.id)
-        .join("|");
-      new placeFirefighting()
-        .placeFirefightingsave(inputForm.value)
-        .then((res) => {
-          console.log(res);
-          if (res.status == 200) {
-            xm.showToast({
-              message: "设备添加成功",
-            });
-            router.push({
-              path: "/placeFirefightingList",
-            });
-          } else {
-            xm.showToast({
-              message: "设备添加失败",
-            });
-          }
-        });
-    };
-    return {
-      inputForm,
-      selectColor,
-      onClickLeft,
-      //所属场所
-      locationName,
-      checked,
-      hs_site,
-      getsite,
-      sitelist,
-      loading,
-      finished,
-      onLoad,
-      refreshing,
-      //设备类型
-      typeOfEmployeesName,
-      hs_typeOfEmployees,
-      gettypeOfEmployees,
-      // 有效起始时间
-      currentDate,
-      currentTime,
-      columnsType,
-      hs_Start,
-      getTime,
-      // 有效结束时间
-      hs_End,
-      getTimeend,
-      // 下次保养日期
-      hs_upkeep,
-      getTimeupkeep,
-      //图片上传
-      fileList,
-      chooseImg,
-      deleteRead,
-      //校验
-      failed,
-      //数据提交
-      submit,
-    };
-  },
-};
+			};
+			//图片上传
+			let fileList = ref([]);
+			let fileImg = ref([]);
+			const chooseImg = () => {
+
+				xm.chooseFile({
+					count: 1,
+					name: "file",
+					url: $base +
+						`/sys/file/webupload/upload?uploadPath=religioussites/fire/fireEquipment`,
+					headers: {
+						"Content-Type": "multipart/form-data"
+					},
+				}).then((res) => {
+					let data = res[0].data;
+					data.name = decodeURIComponent(
+						data.id.substring(data.url.lastIndexOf("/") + 1)
+					);
+					data.url = $base + data.url;
+					fileImg.value.push(data);
+					fileList.value.push(data);
+					xm.showToast({
+						message: "上传成功",
+					});
+				});
+			};
+			// 删除文件
+			const deleteRead = (file) => {
+				//删除文件操作
+				for (let index = 0; index < fileList.value.length; index++) {
+					if (file.id == fileList.value[index].id) {
+						fileList.value.splice(index, 1);
+						if (fileImg.value[index]) {
+							let delurl = fileImg.value[index].url;
+							new tools().uploadFiledelete("", delurl).then(({
+								data
+							}) => {});
+							fileImg.value.splice(index, 1);
+						}
+					}
+				}
+			};
+			//校验
+			const failed = () => {
+				xm.showToast({
+					message: "请检查表单必填项是否存在填写遗漏！",
+				});
+			};
+			let router = useRouter();
+			//数据提交
+			const submit = () => {
+				//保存前附件处理
+				inputForm.value.devicePicture = fileImg.value
+					.map((option) => option.id)
+					.join("|");
+				new placeFirefighting()
+					.placeFirefightingsave(inputForm.value)
+					.then((res) => {
+						console.log(res);
+						if (res.status == 200) {
+							xm.showToast({
+								message: "设备添加成功",
+							});
+							router.push({
+								path: "/placeFirefightingList",
+							});
+						} else {
+							xm.showToast({
+								message: "设备添加失败",
+							});
+						}
+					});
+			};
+			return {
+				inputForm,
+				selectColor,
+				onClickLeft,
+				//所属场所
+				locationName,
+				checked,
+				hs_site,
+				getsite,
+				sitelist,
+				loading,
+				finished,
+				onLoad,
+				refreshing,
+				//设备类型
+				typeOfEmployeesName,
+				hs_typeOfEmployees,
+				gettypeOfEmployees,
+				// 有效起始时间
+				currentDate,
+				currentTime,
+				columnsType,
+				hs_Start,
+				getTime,
+				// 有效结束时间
+				hs_End,
+				getTimeend,
+				// 下次保养日期
+				hs_upkeep,
+				getTimeupkeep,
+				//图片上传
+				fileList,
+				chooseImg,
+				deleteRead,
+				//校验
+				failed,
+				//数据提交
+				submit,
+			};
+		},
+	};
 </script>
 
-<style >
-.dialog {
-  width: 100%;
-  height: 400px;
-  overflow: auto;
-}
+<style>
+	.dialog {
+		width: 100%;
+		height: 400px;
+		overflow: auto;
+	}
 </style>

src/views/placeManage/placeFirefighting/placeFirefightingView.vue

@@ -240,7 +240,6 @@
 
 <script>
 import { ref } from "vue";
-import { useStore } from "vuex";
 import { useRouter } from "vue-router";
 import placeFirefighting from "@/api/placeFirefighting/placeFirefighting";
 import PlaceRegister from "@/api/placeRegister/placeRegister";
@@ -249,7 +248,6 @@ import $base from "@/utils/config";
 import { formatDate, formatTime } from "@/utils/datatime";
 export default {
   setup() {
-    const store = useStore();
     const inputForm = ref({
       id: "",
       name: "",
@@ -351,8 +349,6 @@ export default {
     let fileImg = ref([]);
 
     const chooseImg = () => {
-      // if (store.state.pctoken != "") {
-        // xm.showLoading();
         xm.chooseFile({
           count: 1,
           name: "file",
@@ -361,7 +357,6 @@ export default {
             `/sys/file/webupload/upload?uploadPath=religioussites/fire/fireEquipment`,
           headers: {
             "Content-Type": "multipart/form-data",
-			// "token": store.state.pctoken,
           },
         }).then((res) => {
           
@@ -372,8 +367,10 @@ export default {
           data.url = $base + data.url;
           fileImg.value.push(data);
           fileList.value.push(data);
+		  xm.showToast({
+		    message: "上传成功",
+		  });
         });
-      // }
     };
     // 删除文件
     const deleteRead = (file) => {

src/views/placeManage/placePerson/placePersonAdd.vue

@@ -1,933 +1,1133 @@
 <template>
-  <van-nav-bar fixed title="人员信息录入" left-arrow @click-left="onClickLeft" :style="{ 'background-color': selectColor }" />
-  <div class="main">
-    <div class="formArea">
-      <van-form @submit="submit" show-error :show-error-message="false">
-        <van-cell-group>
-          <van-field v-model="idTypeName" readonly required label="证件类型:" name="validator" placeholder="请选择证件类型"
-            input-align="right" right-icon="arrow-down" @click="showPicker = true" :rules="[{ required: true }]" />
-          <van-popup v-model:show="showPicker" round position="bottom">
-            <van-picker title="证件类型" :columns="$dictUtils.getDictList('hs_cert_type')" :columns-field-names="{
+	<van-nav-bar fixed title="人员信息录入" left-arrow @click-left="onClickLeft"
+		:style="{ 'background-color': selectColor }" />
+	<div class="main">
+		<div class="formArea">
+			<van-form @submit="submit" show-error :show-error-message="false">
+				<van-cell-group>
+					<van-field v-model="idTypeName" readonly required label="证件类型:" name="validator"
+						placeholder="请选择证件类型" input-align="right" right-icon="arrow-down" @click="showPicker = true"
+						:rules="[{ required: true }]" />
+					<van-popup v-model:show="showPicker" round position="bottom">
+						<van-picker title="证件类型" :columns="$dictUtils.getDictList('hs_cert_type')" :columns-field-names="{
               text: 'label',
               value: 'value',
             }" @cancel="showPicker = false" @confirm="getPlace" />
-          </van-popup>
-        </van-cell-group>
-        <van-cell-group>
-          <van-field v-model="inputForm.idcard" center required :rules="[{ required: true }]" label="证件号码:"
-            placeholder="请填写证件号码" input-align="right" />
-        </van-cell-group>
-        
-        <van-cell-group>
-          <van-field v-model="inputForm.name" center required :rules="[{ required: true }]" label="姓名："
-            placeholder="请填写姓名" input-align="right" />
-        </van-cell-group>
-        <van-cell-group>
-          <van-field v-model="inputForm.age" center required :rules="[{ required: true }]" label="年龄："
-            placeholder="请填写年龄" input-align="right" />
-        </van-cell-group>
-        <van-cell-group>
-          <van-field name="uploader" label="个人照片:">
-            <template #input>
-              <van-uploader readonly v-model="fileList" :max-count="1" accept="" :preview-full-image="false"
-                :before-delete="deleteRead" @click-upload="chooseImg">
-              </van-uploader>
-            </template>
-          </van-field>
-        </van-cell-group>
-        <van-cell-group>
-          <van-field v-model="inputForm.beforeUsedName" center label="曾用名：" placeholder="请填写曾用名" input-align="right" />
-        </van-cell-group>
-        <van-cell-group>
-          <van-field v-model="nationName" readonly label="民族：" placeholder="请选择民族" input-align="right"
-            right-icon="arrow-down" @click="hs_nation = true" />
-          <van-popup v-model:show="hs_nation" round position="bottom">
-            <van-picker title="民族类型" :columns="$dictUtils.getDictList('hs_nation')" :columns-field-names="{
+					</van-popup>
+				</van-cell-group>
+				<van-cell-group>
+					<van-field v-model="inputForm.idcard" center required :rules="[{ required: true }]" label="证件号码:"
+						placeholder="请填写证件号码" input-align="right" />
+				</van-cell-group>
+
+				<van-cell-group>
+					<van-field v-model="inputForm.name" center required :rules="[{ required: true }]" label="姓名："
+						placeholder="请填写姓名" input-align="right" />
+				</van-cell-group>
+				<van-cell-group>
+					<van-field v-model="inputForm.age" center required :rules="[{ required: true }]" label="年龄："
+						placeholder="请填写年龄" input-align="right" />
+				</van-cell-group>
+				<van-cell-group>
+					<van-field name="uploader" label="个人照片:">
+						<template #input>
+							<van-uploader readonly v-model="fileList" :max-count="1" accept=""
+								:preview-full-image="false" :before-delete="deleteRead" @click-upload="chooseImg">
+							</van-uploader>
+						</template>
+					</van-field>
+				</van-cell-group>
+				<van-cell-group>
+					<van-field v-model="inputForm.beforeUsedName" center label="曾用名：" placeholder="请填写曾用名"
+						input-align="right" />
+				</van-cell-group>
+				<van-cell-group>
+					<van-field v-model="nationName" readonly label="民族：" placeholder="请选择民族" input-align="right"
+						right-icon="arrow-down" @click="hs_nation = true" />
+					<van-popup v-model:show="hs_nation" round position="bottom">
+						<van-picker title="民族类型" :columns="$dictUtils.getDictList('hs_nation')" :columns-field-names="{
               text: 'label',
               value: 'value',
             }" @cancel="hs_nation = false" @confirm="getnation" />
-          </van-popup>
-        </van-cell-group>
-        <van-cell-group>
-          <van-field v-model="sexName" readonly required :rules="[{ required: true }]" label="性别：" placeholder="请选择性别"
-            input-align="right" right-icon="arrow-down" @click="hs_sex = true" />
-          <van-popup v-model:show="hs_sex" round position="bottom">
-            <van-picker title="性别" :columns="$dictUtils.getDictList('sex')" :columns-field-names="{
+					</van-popup>
+				</van-cell-group>
+				<van-cell-group>
+					<van-field v-model="sexName" readonly required :rules="[{ required: true }]" label="性别："
+						placeholder="请选择性别" input-align="right" right-icon="arrow-down" @click="hs_sex = true" />
+					<van-popup v-model:show="hs_sex" round position="bottom">
+						<van-picker title="性别" :columns="$dictUtils.getDictList('sex')" :columns-field-names="{
               text: 'label',
               value: 'value',
             }" @cancel="hs_sex = false" @confirm="getsex" />
-          </van-popup>
-        </van-cell-group>
-        <van-cell-group>
-          <van-field v-model="inputForm.phone" center label="手机号：" placeholder="请填写手机号" input-align="right" />
-        </van-cell-group>
-        <van-cell-group>
-          <van-field v-model="inputForm.nativePlace" readonly label="籍贯：" placeholder="请选择籍贯地区" input-align="right"
-            right-icon="arrow-down" @click="hs_nativePlace = true" />
-          <van-popup v-model:show="hs_nativePlace" round position="bottom">
-            <van-picker title="籍贯" :columns="nativePlace" :columns-field-names="customFieldName"
-              @cancel="hs_nativePlace = false" @confirm="getnativePlace" />
-          </van-popup>
-        </van-cell-group>
-        <van-cell-group>
-          <van-field v-model="educationName" readonly label="教育程度" placeholder="请选择教育程度" input-align="right"
-            right-icon="arrow-down" @click="hs_education = true" />
-          <van-popup v-model:show="hs_education" round position="bottom">
-            <van-picker title="教育程度" :columns="education" @cancel="hs_education = false" @confirm="geteducation" />
-          </van-popup>
-        </van-cell-group>
-        <van-cell-group>
-          <van-field v-model="inputForm.graduatedFrom" center label="毕业院校：" placeholder="请填写毕业院校" input-align="right" />
-        </van-cell-group>
-        <van-cell-group>
-          <van-field v-model="religiousName" readonly label="教别:" name="validator" placeholder="请选择教别" input-align="right"
-            right-icon="arrow-down" @click="hs_religious = true" />
-          <van-popup v-model:show="hs_religious" round position="bottom">
-            <van-picker title="教别" :columns="religious" @cancel="hs_religious = false" @confirm="getreligious" />
-          </van-popup>
-        </van-cell-group>
-        <van-cell-group>
-          <van-field v-model="inputForm.religiousAppellation" center label="宗教称谓：" placeholder="请填写宗教称谓"
-            input-align="right" />
-        </van-cell-group>
-        <van-cell-group>
-          <van-field v-model="locationName" readonly required label="所属场所：" placeholder="请选择所属场所" input-align="right"
-            right-icon="arrow-down" @click="hs_site = true">
-          </van-field>
-          <van-dialog v-model:show="hs_site" title="所属场所" show-cancel-button>
-            <div class="dialog">
-              <van-list v-model:loading="loading" :finished="finished" finished-text="没有更多了" @load="onLoad">
-                <van-search placeholder="请输入场所名称" shape="round" input-align="center" v-model="interSearch" show-action
-                  @update:model-value="onSearch" @cancel="onCancel" />
-                <van-radio-group v-model="checked">
-                  <van-cell-group inset>
-                    <van-cell v-for="item in sitelist" :key="item" :title="item.name" clickable @click="getsite(item)">
-                      <template #right-icon>
-                        <van-radio :name="item.id" @click="getsite(item)" />
-                      </template>
-                    </van-cell>
-                  </van-cell-group>
-                </van-radio-group>
-              </van-list>
-            </div>
-          </van-dialog>
-        </van-cell-group>
-        <van-cell-group>
-          <van-field v-model="typeOfEmployeesName" readonly label-width="7.2em" label="场所任职情况：" placeholder="请选择场所任职情况"
-            input-align="right" right-icon="arrow-down" @click="hs_typeOfEmployees = true" />
-          <van-popup v-model:show="hs_typeOfEmployees" round position="bottom">
-            <van-picker title="任职情况" :columns="typeOfEmployees" @cancel="hs_typeOfEmployees = false"
-              @confirm="gettypeOfEmployees" />
-          </van-popup>
-        </van-cell-group>
-        <van-cell-group>
-          <van-field v-model="inputForm.currentResidence" center required readonly :rules="[{ required: true }]"
-            label="现居地：" placeholder="请填写现居地" input-align="right" right-icon="arrow-down" @click="showPlace1 = true" />
-          <van-popup v-model:show="showPlace1" round position="bottom">
-            <van-picker title="现居地选择" :columns="options" :columns-field-names="customFieldName"
-              @cancel="showPlace1 = false" @confirm="getPlace1" />
-          </van-popup>
-        </van-cell-group>
-        <van-cell-group>
-          <van-field v-model="inputForm.place" center label="详细地址：" placeholder="请填写详细场所" input-align="right">
-            <template #right-icon>
-              <van-icon name="location" @click="getLocation()" />
-            </template>
-          </van-field>
-        </van-cell-group>
-        <van-cell-group>
-          <van-field v-model="personnalType" readonly required :rules="[{ required: true }]" label="人员类型："
-            placeholder="请选择人员类型" input-align="right" right-icon="arrow-down" @click="hs_persontype = true" />
-          <van-dialog v-model:show="hs_persontype" title="人员类型" show-cancel-button @confirm="changperson">
-            <div class="dialog">
-              <van-list>
-                <van-checkbox-group v-model="checked2">
-                  <van-cell-group inset>
-                    <van-cell v-for="(item, index) in $dictUtils.getDictList(
+					</van-popup>
+				</van-cell-group>
+				<van-cell-group>
+					<van-field v-model="inputForm.phone" center label="手机号：" placeholder="请填写手机号" input-align="right" />
+				</van-cell-group>
+				<van-cell-group>
+					<van-field v-model="inputForm.nativePlace" readonly label="籍贯：" placeholder="请选择籍贯地区"
+						input-align="right" right-icon="arrow-down" @click="hs_nativePlace = true" />
+					<van-popup v-model:show="hs_nativePlace" round position="bottom">
+						<van-picker title="籍贯" :columns="nativePlace" :columns-field-names="customFieldName"
+							@cancel="hs_nativePlace = false" @confirm="getnativePlace" />
+					</van-popup>
+				</van-cell-group>
+				<van-cell-group>
+					<van-field v-model="educationName" readonly label="教育程度" placeholder="请选择教育程度" input-align="right"
+						right-icon="arrow-down" @click="hs_education = true" />
+					<van-popup v-model:show="hs_education" round position="bottom">
+						<van-picker title="教育程度" :columns="education" @cancel="hs_education = false"
+							@confirm="geteducation" />
+					</van-popup>
+				</van-cell-group>
+				<van-cell-group>
+					<van-field v-model="inputForm.graduatedFrom" center label="毕业院校：" placeholder="请填写毕业院校"
+						input-align="right" />
+				</van-cell-group>
+				<van-cell-group>
+					<van-field v-model="religiousName" readonly label="教别:" name="validator" placeholder="请选择教别"
+						input-align="right" right-icon="arrow-down" @click="hs_religious = true" />
+					<van-popup v-model:show="hs_religious" round position="bottom">
+						<van-picker title="教别" :columns="religious" @cancel="hs_religious = false"
+							@confirm="getreligious" />
+					</van-popup>
+				</van-cell-group>
+				<van-cell-group>
+					<van-field v-model="inputForm.religiousAppellation" center label="宗教称谓：" placeholder="请填写宗教称谓"
+						input-align="right" />
+				</van-cell-group>
+				<van-cell-group>
+					<van-field v-model="locationName" readonly required label="所属场所：" placeholder="请选择所属场所"
+						input-align="right" right-icon="arrow-down" @click="hs_site = true">
+					</van-field>
+					<van-dialog v-model:show="hs_site" title="所属场所" show-cancel-button>
+						<div class="dialog">
+							<van-list v-model:loading="loading" :finished="finished" finished-text="没有更多了"
+								@load="onLoad">
+								<van-search placeholder="请输入场所名称" shape="round" input-align="center"
+									v-model="interSearch" show-action @update:model-value="onSearch"
+									@cancel="onCancel" />
+								<van-radio-group v-model="checked">
+									<van-cell-group inset>
+										<van-cell v-for="item in sitelist" :key="item" :title="item.name" clickable
+											@click="getsite(item)">
+											<template #right-icon>
+												<van-radio :name="item.id" @click="getsite(item)" />
+											</template>
+										</van-cell>
+									</van-cell-group>
+								</van-radio-group>
+							</van-list>
+						</div>
+					</van-dialog>
+				</van-cell-group>
+				<van-cell-group>
+					<van-field v-model="typeOfEmployeesName" readonly label-width="7.2em" label="场所任职情况："
+						placeholder="请选择场所任职情况" input-align="right" right-icon="arrow-down"
+						@click="hs_typeOfEmployees = true" />
+					<van-popup v-model:show="hs_typeOfEmployees" round position="bottom">
+						<van-picker title="任职情况" :columns="typeOfEmployees" @cancel="hs_typeOfEmployees = false"
+							@confirm="gettypeOfEmployees" />
+					</van-popup>
+				</van-cell-group>
+				<van-cell-group>
+					<van-field v-model="inputForm.currentResidence" center required readonly
+						:rules="[{ required: true }]" label="现居地：" placeholder="请填写现居地" input-align="right"
+						right-icon="arrow-down" @click="showPlace1 = true" />
+					<van-popup v-model:show="showPlace1" round position="bottom">
+						<van-picker title="现居地选择" :columns="options" :columns-field-names="customFieldName"
+							@cancel="showPlace1 = false" @confirm="getPlace1" />
+					</van-popup>
+				</van-cell-group>
+				<van-cell-group>
+					<van-field v-model="inputForm.place" center label="详细地址：" placeholder="请填写详细场所" input-align="right">
+						<template #right-icon>
+							<van-icon name="location" @click="getLocation()" />
+						</template>
+					</van-field>
+				</van-cell-group>
+				<van-cell-group>
+					<van-field v-model="personnalType" readonly required :rules="[{ required: true }]" label="人员类型："
+						placeholder="请选择人员类型" input-align="right" right-icon="arrow-down"
+						@click="hs_persontype = true" />
+					<van-dialog v-model:show="hs_persontype" title="人员类型" show-cancel-button @confirm="changperson">
+						<div class="dialog">
+							<van-list>
+								<van-checkbox-group v-model="checked2">
+									<van-cell-group inset>
+										<van-cell v-for="(item, index) in $dictUtils.getDictList(
                       'hs_people_type'
                     )" clickable :key="item" :title="`${item.label}`" @click="toggle(index)">
-                      <template #right-icon>
-                        <van-checkbox :name="item.value" :ref="(el) => (checkboxRefs[index] = el)" @click.stop
-                          @click="toggle(index)" />
-                      </template>
-                    </van-cell>
-                  </van-cell-group>
-                </van-checkbox-group>
-              </van-list>
-            </div>
-          </van-dialog>
-        </van-cell-group>
-        <van-cell-group>
-          <van-field v-model="tissueName" readonly label="宗教组织:" placeholder="请选择宗教组织" input-align="right"
-            right-icon="arrow-down" @click="hs_tissue = true" />
-          <van-dialog v-model:show="hs_tissue" title="宗教组织" show-cancel-button @confirm="tissue()">
-            <div class="dialog">
-              <van-list v-model:loading="loading1" :finished="finished1" finished-text="没有更多了" @load="onLoad1">
-                <van-radio-group v-model="checked1">
-                  <van-cell-group inset>
-                    <van-cell v-for="item in tissuelist" :key="item" :title="item.organizationName" clickable
-                      @click="gettissue(item)">
-                      <template #right-icon>
-                        <van-radio :name="item.id" @click="gettissue(item)" />
-                      </template>
-                    </van-cell>
-                  </van-cell-group>
-                </van-radio-group>
-              </van-list>
-            </div>
-          </van-dialog>
-        </van-cell-group>
-        <van-cell-group>
-          <van-field v-model="inputForm.zjzzJob" center label-width="6.5em" label="团体任职情况:" placeholder="请填写团体任职情况"
-            input-align="right" />
-        </van-cell-group>
-        <van-cell-group>
-          <van-field v-model="activitytext" readonly required :rules="[{ required: true }]" label-width="7em"
-            label="非法活动参加:" placeholder="请选择是否参加非法活动" input-align="right" right-icon="arrow-down"
-            @click="hs_activity = true" />
-          <van-popup v-model:show="hs_activity" round position="bottom">
-            <van-picker title="选择是否参加" :columns="$dictUtils.getDictList('yes_no')" :columns-field-names="{
+											<template #right-icon>
+												<van-checkbox :name="item.value"
+													:ref="(el) => (checkboxRefs[index] = el)" @click.stop
+													@click="toggle(index)" />
+											</template>
+										</van-cell>
+									</van-cell-group>
+								</van-checkbox-group>
+							</van-list>
+						</div>
+					</van-dialog>
+				</van-cell-group>
+				<van-cell-group>
+					<van-field v-model="tissueName" readonly label="宗教组织:" placeholder="请选择宗教组织" input-align="right"
+						right-icon="arrow-down" @click="hs_tissue = true" />
+					<van-dialog v-model:show="hs_tissue" title="宗教组织" show-cancel-button @confirm="tissue()">
+						<div class="dialog">
+							<van-list v-model:loading="loading1" :finished="finished1" finished-text="没有更多了"
+								@load="onLoad1">
+								<van-radio-group v-model="checked1">
+									<van-cell-group inset>
+										<van-cell v-for="item in tissuelist" :key="item" :title="item.organizationName"
+											clickable @click="gettissue(item)">
+											<template #right-icon>
+												<van-radio :name="item.id" @click="gettissue(item)" />
+											</template>
+										</van-cell>
+									</van-cell-group>
+								</van-radio-group>
+							</van-list>
+						</div>
+					</van-dialog>
+				</van-cell-group>
+				<van-cell-group>
+					<van-field v-model="inputForm.zjzzJob" center label-width="6.5em" label="团体任职情况:"
+						placeholder="请填写团体任职情况" input-align="right" />
+				</van-cell-group>
+				<van-cell-group>
+					<van-field v-model="activitytext" readonly required :rules="[{ required: true }]" label-width="7em"
+						label="非法活动参加:" placeholder="请选择是否参加非法活动" input-align="right" right-icon="arrow-down"
+						@click="hs_activity = true" />
+					<van-popup v-model:show="hs_activity" round position="bottom">
+						<van-picker title="选择是否参加" :columns="$dictUtils.getDictList('yes_no')" :columns-field-names="{
               text: 'label',
               value: 'value',
             }" @cancel="hs_activity = false" @confirm="getactivity" />
-          </van-popup>
-        </van-cell-group>
-        <van-cell-group>
-          <van-field v-model="Dead" readonly required :rules="[{ required: true }]" label="是否死亡：" placeholder="请选择人员是否死亡"
-            input-align="right" right-icon="arrow-down" @click="hs_dead = true" />
-          <van-popup v-model:show="hs_dead" round position="bottom">
-            <van-picker title="是否死亡" :columns="$dictUtils.getDictList('yes_no')" :columns-field-names="{
+					</van-popup>
+				</van-cell-group>
+				<van-cell-group>
+					<van-field v-model="Dead" readonly required :rules="[{ required: true }]" label="是否死亡："
+						placeholder="请选择人员是否死亡" input-align="right" right-icon="arrow-down" @click="hs_dead = true" />
+					<van-popup v-model:show="hs_dead" round position="bottom">
+						<van-picker title="是否死亡" :columns="$dictUtils.getDictList('yes_no')" :columns-field-names="{
               text: 'label',
               value: 'value',
             }" @cancel="hs_dead = false" @confirm="getdead" />
-          </van-popup>
-        </van-cell-group>
-        <p class="miniTitle">扩展信息</p>
-        <van-col span="24" v-for="(item, index) in inputForm.userManagenmetDetailsDTOList" :key="index">
-          <van-cell-group v-if="item.dataType === '1' && item.dataDictionary == ''">
-            <van-field v-model="item.value" center placeholder="请填写内容" :label="item.chineseName" input-align="right" />
-          </van-cell-group>
-          <van-cell-group v-else-if="item.dataType && item.dataDictionary != ''">
-            <van-field v-model="item.value" center :label="item.chineseName" placeholder="请选择" input-align="right"
-              right-icon="arrow-down" @click="hs_select[index + '_select'] = true" />
-            <van-popup v-model:show="hs_select[index + '_select']" round position="bottom">
-              <van-picker :title="item.chineseName" :columns="$dictUtils.getDictList(item.dataDictionary)"
-                :columns-field-names="{
+					</van-popup>
+				</van-cell-group>
+				<p class="miniTitle">扩展信息</p>
+				<van-col span="24" v-for="(item, index) in inputForm.userManagenmetDetailsDTOList" :key="index">
+					<van-cell-group v-if="item.dataType === '1' && item.dataDictionary == ''">
+						<van-field v-model="item.value" center placeholder="请填写内容" :label="item.chineseName"
+							input-align="right" />
+					</van-cell-group>
+					<van-cell-group v-else-if="item.dataType && item.dataDictionary != ''">
+						<van-field v-model="item.value" center :label="item.chineseName" placeholder="请选择"
+							input-align="right" right-icon="arrow-down" @click="hs_select[index + '_select'] = true" />
+						<van-popup v-model:show="hs_select[index + '_select']" round position="bottom">
+							<van-picker :title="item.chineseName" :columns="$dictUtils.getDictList(item.dataDictionary)"
+								:columns-field-names="{
                   text: 'label',
                   value: 'value',
                 }" @cancel="hs_select[index + '_select'] = false" @confirm="getselect(index + '_select', $event)" />
-            </van-popup>
-          </van-cell-group>
-          <van-cell-group v-else-if="item.dataType === '2'">
-            <van-field v-model="item.value" center :label="item.chineseName" input-align="right" />
-          </van-cell-group>
-          <van-cell-group v-else-if="item.dataType === '3'">
-            <van-field :v-model="item.value" center :label="item.chineseName" input-align="right" />
-          </van-cell-group>
-          <van-cell-group v-else-if="item.dataType === '4'">
-            <van-field name="uploader" label-align="top" :label="item.chineseName">
-              <template #input>
-                <van-uploader v-model="fileList" :after-read="afterRead1" :max-count="1" capture="camera" accept=""
-                  :before-delete="fjdelete">
-                </van-uploader>
-              </template>
-            </van-field>
-          </van-cell-group>
-          <van-cell-group v-else-if="item.dataType === '5'">
-            <van-field v-model="item.value" center required :label="item.chineseName" placeholder="请选择地点"
-              input-align="right" />
-          </van-cell-group>
-          <van-cell-group v-else-if="item.dataType === '6'">
-            <van-field v-model="item.value" center :label="item.chineseName" label-width="6.5em" placeholder="请选择日期时间"
-              input-align="right" right-icon="arrow-down" @click="hs_Date[index + '_Date'] = true" />
-            <van-popup v-model:show="hs_Date[index + '_Date']" round position="bottom">
-              <van-picker-group title="选择时间" :tabs="['选择日期', '选择时间']" next-step-text="下一步"
-                @confirm="getDate(index + '_Date', $event)" @cancel="hs_Date[index + '_Date'] = false">
-                <van-date-picker v-model="currentDate" />
-                <van-time-picker v-model="currentTime" :columns-type="columnsType" />
-              </van-picker-group>
-            </van-popup>
-          </van-cell-group>
-        </van-col>
-        <div class="subbtn">
-          <van-button type="primary" native-type="submit">提交</van-button>
-          <van-button @click="onClickLeft" type="default" hairline>取消</van-button>
-        </div>
-      </van-form>
-    </div>
-  </div>
+						</van-popup>
+					</van-cell-group>
+					<van-cell-group v-else-if="item.dataType === '2'">
+						<van-field v-model="item.value" center :label="item.chineseName" input-align="right" />
+					</van-cell-group>
+					<van-cell-group v-else-if="item.dataType === '3'">
+						<van-field :v-model="item.value" center :label="item.chineseName" input-align="right" />
+					</van-cell-group>
+					<van-cell-group v-else-if="item.dataType === '4'">
+						<van-field name="uploader" label-align="top" :label="item.chineseName">
+							<template #input>
+								<van-uploader v-model="fileList" :after-read="afterRead1" :max-count="1"
+									capture="camera" accept="" :before-delete="fjdelete">
+								</van-uploader>
+							</template>
+						</van-field>
+					</van-cell-group>
+					<van-cell-group v-else-if="item.dataType === '5'">
+						<van-field v-model="item.value" center required :label="item.chineseName" placeholder="请选择地点"
+							input-align="right" />
+					</van-cell-group>
+					<van-cell-group v-else-if="item.dataType === '6'">
+						<van-field v-model="item.value" center :label="item.chineseName" label-width="6.5em"
+							placeholder="请选择日期时间" input-align="right" right-icon="arrow-down"
+							@click="hs_Date[index + '_Date'] = true" />
+						<van-popup v-model:show="hs_Date[index + '_Date']" round position="bottom">
+							<van-picker-group title="选择时间" :tabs="['选择日期', '选择时间']" next-step-text="下一步"
+								@confirm="getDate(index + '_Date', $event)" @cancel="hs_Date[index + '_Date'] = false">
+								<van-date-picker v-model="currentDate" />
+								<van-time-picker v-model="currentTime" :columns-type="columnsType" />
+							</van-picker-group>
+						</van-popup>
+					</van-cell-group>
+				</van-col>
+				<div class="subbtn">
+					<van-button type="primary" native-type="submit">提交</van-button>
+					<van-button @click="onClickLeft" type="default" hairline>取消</van-button>
+				</div>
+			</van-form>
+		</div>
+	</div>
 </template>
 
 <script>
-import { onBeforeUpdate, onMounted, ref, getCurrentInstance } from "vue";
-import { useStore } from "vuex";
-import placePerson from "@/api/placePerson/placePerson";
-import PlaceRegister from "@/api/placeRegister/placeRegister";
-import { useRouter } from "vue-router";
-import tools from "@/api/sys/tools";
-import $base from "@/utils/config";
-import { formatDate, formatTime } from "@/utils/datatime";
-export default {
-  setup() {
-	   const store = useStore();
-    const onClickLeft = () => {
-      history.back();
-    };
-    // 导航栏颜色
-    const selectColor = ref(window.localStorage.getItem("MZ_COLOR"));
-    //人员添加
-    const inputForm = ref({
-      id: "",
-      userManagenmetDetailsDTOList: [],
-      name: "",
-      sex: "",
-      age:"",
-      idType: "",
-      idcard: "",
-      phone: "",
-      location: {
-        id: "",
-      },
-      typeOfEmployees: "",
-      workPicture: "",
-      nativePlace: "",
-      currentResidence: "",
-      currentResidenceDetail: "",
-      personnelType: "",
-      currentResidenceId: "100000/320000/320900",
-      currentResidenceLevel1: "100000",
-      currentResidenceLevel2: "320000",
-      currentResidenceLevel3: "320900",
-      currentResidenceLevel4: "",
-      currentResidenceLevel5: "",
-      currentResidenceLevel6: "",
-      beforeUsedName: "",
-      nation: "",
-      religion: "",
-      religiousAppellation: "",
-      nationalEducationLevel: "",
-      graduatedFrom: "",
-      zjzzJob: "",
-      zjzz: {
-        id: "",
-      },
-      bkcheck: "0",
-      dead: 0,
-    });
-    onMounted(() => {
-      //籍贯接口
-      new placePerson().nativePlace().then((res) => {
-        nativePlace.value.push(...res);
-        options.value.push(...res);
-      });
-      var us = JSON.parse(window.localStorage.getItem("MZ_USER"));
-      new placePerson().queryUser(us).then((res) => {
-        inputForm.value.location.id = res.location
-        
-        new PlaceRegister().queryById(res.location).then((data)=>{
-          locationName.value = data.name
-        })
-      }); 
-    });
-    // 证件类型
-    const idTypeName = ref("");
-    let showPicker = ref(false);
-    const getPlace = ({ selectedOptions }) => {
-      showPicker.value = false;
-      const json = Object.assign(inputForm.value, {
-        idType: selectedOptions[0].value,
-      });
-      inputForm.value = json;
-      idTypeName.value = selectedOptions[0].label;
-    };
-    // 民族
-    const nationName = ref("");
-    let hs_nation = ref(false);
-    const getnation = ({ selectedOptions }) => {
-      hs_nation.value = false;
-      const json = Object.assign(inputForm.value, {
-        nation: selectedOptions[0].value,
-      });
-      inputForm.value = json;
-      nationName.value = selectedOptions[0].label;
-    };
-    // 性别
-    const sexName = ref("");
-    let hs_sex = ref(false);
-    const getsex = ({ selectedOptions }) => {
-      hs_sex.value = false;
-      const json = Object.assign(inputForm.value, {
-        sex: selectedOptions[0].value,
-      });
-      inputForm.value = json;
-      sexName.value = selectedOptions[0].label;
-    };
-    // 教育程度
-    const educationName = ref("");
-    const education = [
-      { text: "小学", value: "1" },
-      { text: "初中", value: "2" },
-      { text: "中专", value: "3" },
-      { text: "高中", value: "4" },
-      { text: "大专", value: "5" },
-      { text: "本科", value: "6" },
-      { text: "硕士研究生", value: "7" },
-      { text: "博士研究生", value: "8" },
-      { text: "其他", value: "9" },
-    ];
-    let hs_education = ref(false);
-    const geteducation = ({ selectedOptions }) => {
-      hs_education.value = false;
-      const json = Object.assign(inputForm.value, {
-        nationalEducationLevel: selectedOptions[0].value,
-      });
-      inputForm.value = json;
-      educationName.value = selectedOptions[0].text;
-    };
-    // 宗教类别
-    const religiousName = ref("");
-    const religious = [
-      { text: "伊斯兰教", value: "1" },
-      { text: "基督教", value: "2" },
-      { text: "天主教", value: "3" },
-      { text: "佛教", value: "4" },
-      { text: "道教", value: "5" },
-    ];
-    let hs_religious = ref(false);
-    const getreligious = ({ selectedOptions }) => {
-      hs_religious.value = false;
-      const json = Object.assign(inputForm.value, {
-        religion: selectedOptions[0].value,
-      });
-      inputForm.value = json;
-      religiousName.value = selectedOptions[0].text;
-    };
-    // 宗教类别2
-    const religiousName2 = ref("");
-    const religioustype2 = ref("");
-    const religious2 = [
-      { text: "伊斯兰教", value: "1" },
-      { text: "基督教", value: "2" },
-      { text: "天主教", value: "3" },
-      { text: "佛教", value: "4" },
-      { text: "道教", value: "5" },
-    ];
-    let hs_religious2 = ref(false);
-    const getreligious2 = ({ selectedOptions }) => {
-      hs_religious2.value = false;
-      religioustype2.value = selectedOptions[0].value;
-      religiousName2.value = selectedOptions[0].text;
-    };
-    // 所属场所
-    const locationName = ref("");
-    const checked = ref("");
-    const sitelist = ref([]);
-    let hs_site = ref(false);
-    const getsite = (val) => {
-      let id = "";
-      id = val.id;
-      locationName.value = val.name;
-      const json = Object.assign(inputForm.value, { location: { id: id } });
-      inputForm.value = json;
-      checked.value = val.id;
-    };
-    const loading = ref(false);
-    const finished = ref(false);
-    const refreshing = ref(false);
-    let index = 0;
-    const onLoad = () => {
+	import {
+		onBeforeUpdate,
+		onMounted,
+		ref,
+		getCurrentInstance
+	} from "vue";
+	import placePerson from "@/api/placePerson/placePerson";
+	import PlaceRegister from "@/api/placeRegister/placeRegister";
+	import {
+		useRouter
+	} from "vue-router";
+	import tools from "@/api/sys/tools";
+	import $base from "@/utils/config";
+	import {
+		formatDate,
+		formatTime
+	} from "@/utils/datatime";
+	export default {
+		setup() {
+			const onClickLeft = () => {
+				history.back();
+			};
+			// 导航栏颜色
+			const selectColor = ref(window.localStorage.getItem("MZ_COLOR"));
+			//人员添加
+			const inputForm = ref({
+				id: "",
+				userManagenmetDetailsDTOList: [],
+				name: "",
+				sex: "",
+				age: "",
+				idType: "",
+				idcard: "",
+				phone: "",
+				location: {
+					id: "",
+				},
+				typeOfEmployees: "",
+				workPicture: "",
+				nativePlace: "",
+				currentResidence: "",
+				currentResidenceDetail: "",
+				personnelType: "",
+				currentResidenceId: "100000/320000/320900",
+				currentResidenceLevel1: "100000",
+				currentResidenceLevel2: "320000",
+				currentResidenceLevel3: "320900",
+				currentResidenceLevel4: "",
+				currentResidenceLevel5: "",
+				currentResidenceLevel6: "",
+				beforeUsedName: "",
+				nation: "",
+				religion: "",
+				religiousAppellation: "",
+				nationalEducationLevel: "",
+				graduatedFrom: "",
+				zjzzJob: "",
+				zjzz: {
+					id: "",
+				},
+				bkcheck: "0",
+				dead: 0,
+			});
+			onMounted(() => {
+				//籍贯接口
+				new placePerson().nativePlace().then((res) => {
+					nativePlace.value.push(...res);
+					options.value.push(...res);
+				});
+				var us = JSON.parse(window.localStorage.getItem("MZ_USER"));
+				new placePerson().queryUser(us).then((res) => {
+					inputForm.value.location.id = res.location
+
+					new PlaceRegister().queryById(res.location).then((data) => {
+						locationName.value = data.name
+					})
+				});
+			});
+			// 证件类型
+			const idTypeName = ref("");
+			let showPicker = ref(false);
+			const getPlace = ({
+				selectedOptions
+			}) => {
+				showPicker.value = false;
+				const json = Object.assign(inputForm.value, {
+					idType: selectedOptions[0].value,
+				});
+				inputForm.value = json;
+				idTypeName.value = selectedOptions[0].label;
+			};
+			// 民族
+			const nationName = ref("");
+			let hs_nation = ref(false);
+			const getnation = ({
+				selectedOptions
+			}) => {
+				hs_nation.value = false;
+				const json = Object.assign(inputForm.value, {
+					nation: selectedOptions[0].value,
+				});
+				inputForm.value = json;
+				nationName.value = selectedOptions[0].label;
+			};
+			// 性别
+			const sexName = ref("");
+			let hs_sex = ref(false);
+			const getsex = ({
+				selectedOptions
+			}) => {
+				hs_sex.value = false;
+				const json = Object.assign(inputForm.value, {
+					sex: selectedOptions[0].value,
+				});
+				inputForm.value = json;
+				sexName.value = selectedOptions[0].label;
+			};
+			// 教育程度
+			const educationName = ref("");
+			const education = [{
+					text: "小学",
+					value: "1"
+				},
+				{
+					text: "初中",
+					value: "2"
+				},
+				{
+					text: "中专",
+					value: "3"
+				},
+				{
+					text: "高中",
+					value: "4"
+				},
+				{
+					text: "大专",
+					value: "5"
+				},
+				{
+					text: "本科",
+					value: "6"
+				},
+				{
+					text: "硕士研究生",
+					value: "7"
+				},
+				{
+					text: "博士研究生",
+					value: "8"
+				},
+				{
+					text: "其他",
+					value: "9"
+				},
+			];
+			let hs_education = ref(false);
+			const geteducation = ({
+				selectedOptions
+			}) => {
+				hs_education.value = false;
+				const json = Object.assign(inputForm.value, {
+					nationalEducationLevel: selectedOptions[0].value,
+				});
+				inputForm.value = json;
+				educationName.value = selectedOptions[0].text;
+			};
+			// 宗教类别
+			const religiousName = ref("");
+			const religious = [{
+					text: "伊斯兰教",
+					value: "1"
+				},
+				{
+					text: "基督教",
+					value: "2"
+				},
+				{
+					text: "天主教",
+					value: "3"
+				},
+				{
+					text: "佛教",
+					value: "4"
+				},
+				{
+					text: "道教",
+					value: "5"
+				},
+			];
+			let hs_religious = ref(false);
+			const getreligious = ({
+				selectedOptions
+			}) => {
+				hs_religious.value = false;
+				const json = Object.assign(inputForm.value, {
+					religion: selectedOptions[0].value,
+				});
+				inputForm.value = json;
+				religiousName.value = selectedOptions[0].text;
+			};
+			// 宗教类别2
+			const religiousName2 = ref("");
+			const religioustype2 = ref("");
+			const religious2 = [{
+					text: "伊斯兰教",
+					value: "1"
+				},
+				{
+					text: "基督教",
+					value: "2"
+				},
+				{
+					text: "天主教",
+					value: "3"
+				},
+				{
+					text: "佛教",
+					value: "4"
+				},
+				{
+					text: "道教",
+					value: "5"
+				},
+			];
+			let hs_religious2 = ref(false);
+			const getreligious2 = ({
+				selectedOptions
+			}) => {
+				hs_religious2.value = false;
+				religioustype2.value = selectedOptions[0].value;
+				religiousName2.value = selectedOptions[0].text;
+			};
+			// 所属场所
+			const locationName = ref("");
+			const checked = ref("");
+			const sitelist = ref([]);
+			let hs_site = ref(false);
+			const getsite = (val) => {
+				let id = "";
+				id = val.id;
+				locationName.value = val.name;
+				const json = Object.assign(inputForm.value, {
+					location: {
+						id: id
+					}
+				});
+				inputForm.value = json;
+				checked.value = val.id;
+			};
+			const loading = ref(false);
+			const finished = ref(false);
+			const refreshing = ref(false);
+			let index = 0;
+			const onLoad = () => {
+
+				// 异步更新数据
+				new PlaceRegister()
+					.religiousList({
+						current: index + 1,
+						size: 10,
+					})
+					.then(({
+						records,
+						pages
+					}) => {
+						sitelist.value.push(...records);
+						// 加载状态结束
+						loading.value = false;
+						if (index + 1 >= pages) {
+							finished.value = true;
+						}
+						index++;
+					});
+			};
+			// 场所搜索
+			let interSearch = ref("");
+			const onCancel = () => {
+				interSearch.value = "";
+				sitelist.value = [];
+				index = 0;
+				loading.value = true;
+				finished.value = false;
+				onLoad();
+			};
+			const onSearch = () => {
+				sitelist.value = [];
+				new tools()
+					.placeList({
+						current: 1,
+						size: 10000,
+						name: interSearch.value
+					})
+					.then(({
+						records
+					}) => {
+						sitelist.value.push(...records);
+					});
+			};
+			// 场所任职情况
+			const typeOfEmployeesName = ref("");
+			const typeOfEmployees = [{
+					text: "场所负责人",
+					value: "1"
+				},
+				{
+					text: "堂委",
+					value: "2"
+				},
+				{
+					text: "主要教职人员",
+					value: "3"
+				},
+				{
+					text: "财会",
+					value: "4"
+				},
+				{
+					text: "传道（已退休）",
+					value: "5"
+				},
+				{
+					text: "保安",
+					value: "6"
+				},
+				{
+					text: "信息审核员",
+					value: "7"
+				},
+				{
+					text: "常住",
+					value: "8"
+				},
+				{
+					text: "传道",
+					value: "9"
+				},
+				{
+					text: "道士",
+					value: "10"
+				},
+				{
+					text: "法人",
+					value: "11"
+				},
+				{
+					text: "法务",
+					value: "12"
+				},
+				{
+					text: "副主任",
+					value: "13"
+				},
+				{
+					text: "副组长",
+					value: "14"
+				},
+				{
+					text: "监院",
+					value: "15"
+				},
+				{
+					text: "清众",
+					value: "16"
+				},
+				{
+					text: "僧职",
+					value: "17"
+				},
+				{
+					text: "僧值",
+					value: "18"
+				},
+				{
+					text: "退居",
+					value: "19"
+				},
+				{
+					text: "维那",
+					value: "20"
+				},
+				{
+					text: "长老",
+					value: "21"
+				},
+				{
+					text: "知客",
+					value: "22"
+				},
+				{
+					text: "住持",
+					value: "23"
+				},
+				{
+					text: "组长",
+					value: "24"
+				},
+				{
+					text: "组长及讲道",
+					value: "25"
+				},
+			];
+			let hs_typeOfEmployees = ref(false);
+			const gettypeOfEmployees = ({
+				selectedOptions
+			}) => {
+				hs_typeOfEmployees.value = false;
+				const json = Object.assign(inputForm.value, {
+					typeOfEmployees: selectedOptions[0].value,
+				});
+				inputForm.value = json;
+				typeOfEmployeesName.value = selectedOptions[0].text;
+			};
+
+			//籍贯
+			const nativePlace = ref([]);
+			let hs_nativePlace = ref(false);
+			const getnativePlace = ({
+				selectedOptions
+			}) => {
+				hs_nativePlace.value = false;
+				let str = "";
+				selectedOptions.forEach((item) => {
+					if (inputForm.nativePlace) {
+						str = inputForm.nativePlace;
+					}
+					str += item.name + "/";
+				});
+				inputForm.nativePlace = str;
+				const json = Object.assign(inputForm.value, {
+					nativePlace: str
+				});
+				inputForm.value = json;
+			};
+			//图片上传
+			let fileList = ref([]);
+			let fileImg = ref([]);
+			const chooseImg = () => {
 
-      // 异步更新数据
-      new PlaceRegister()
-        .religiousList({
-          current: index + 1,
-          size: 10,
-        })
-        .then(({ records, pages }) => {
-          sitelist.value.push(...records);
-          // 加载状态结束
-          loading.value = false;
-          if (index + 1 >= pages) {
-            finished.value = true;
-          }
-          index++;
-        });
-    };
-    // 场所搜索
-    let interSearch = ref("");
-    const onCancel = () => {
-      interSearch.value = "";
-      sitelist.value = [];
-      index = 0;
-      loading.value = true;
-      finished.value = false;
-      onLoad();
-    };
-    const onSearch = () => {
-      sitelist.value = [];
-      new tools()
-        .placeList({
-          current: 1,
-          size: 10000,
-          name: interSearch.value
-        })
-        .then(({ records }) => {
-          sitelist.value.push(...records);
-        });
-    };
-    // 场所任职情况
-    const typeOfEmployeesName = ref("");
-    const typeOfEmployees = [
-      { text: "场所负责人", value: "1" },
-      { text: "堂委", value: "2" },
-      { text: "主要教职人员", value: "3" },
-      { text: "财会", value: "4" },
-      { text: "传道（已退休）", value: "5" },
-      { text: "保安", value: "6" },
-      { text: "信息审核员", value: "7" },
-      { text: "常住", value: "8" },
-      { text: "传道", value: "9" },
-      { text: "道士", value: "10" },
-      { text: "法人", value: "11" },
-      { text: "法务", value: "12" },
-      { text: "副主任", value: "13" },
-      { text: "副组长", value: "14" },
-      { text: "监院", value: "15" },
-      { text: "清众", value: "16" },
-      { text: "僧职", value: "17" },
-      { text: "僧值", value: "18" },
-      { text: "退居", value: "19" },
-      { text: "维那", value: "20" },
-      { text: "长老", value: "21" },
-      { text: "知客", value: "22" },
-      { text: "住持", value: "23" },
-      { text: "组长", value: "24" },
-      { text: "组长及讲道", value: "25" },
-    ];
-    let hs_typeOfEmployees = ref(false);
-    const gettypeOfEmployees = ({ selectedOptions }) => {
-      hs_typeOfEmployees.value = false;
-      const json = Object.assign(inputForm.value, {
-        typeOfEmployees: selectedOptions[0].value,
-      });
-      inputForm.value = json;
-      typeOfEmployeesName.value = selectedOptions[0].text;
-    };
+				xm.chooseFile({
+					count: 1,
+					name: "file",
+					url: $base + `/sys/file/webupload/upload?uploadPath=logo`,
+					headers: {
+						"Content-Type": "multipart/form-data"
+					},
+				}).then((res) => {
+					let data = res[0].data;
+					data.name = decodeURIComponent(
+						data.id.substring(data.url.lastIndexOf("/") + 1)
+					);
+					data.url = $base + data.url;
+					fileImg.value.push(data);
+					fileList.value.push(data);
+					xm.showToast({
+						message: "上传成功",
+					});
+				});
 
-    //籍贯
-    const nativePlace = ref([]);
-    let hs_nativePlace = ref(false);
-    const getnativePlace = ({ selectedOptions }) => {
-      hs_nativePlace.value = false;
-      let str = "";
-      selectedOptions.forEach((item) => {
-        if (inputForm.nativePlace) {
-          str = inputForm.nativePlace;
-        }
-        str += item.name + "/";
-      });
-      inputForm.nativePlace = str;
-      const json = Object.assign(inputForm.value, { nativePlace: str });
-      inputForm.value = json;
-    };
-    //图片上传
-    let fileList = ref([]);
-    let fileImg = ref([]);
-    const chooseImg = () => {
-		if (store.state.pctoken != "") {
-      xm.chooseFile({
-        count: 1,
-        name: "file",
-        url: $base + `/sys/file/webupload/upload?uploadPath=logo`,
-        headers: {
-          "Content-Type": "multipart/form-data",
-          "token": store.state.pctoken,
-        },
-      }).then((res) => {
-        let data = res[0].data;
-        data.name = decodeURIComponent(
-          data.id.substring(data.url.lastIndexOf("/") + 1)
-        );
-        data.url = $base + data.url;
-        fileImg.value.push(data);
-        fileList.value.push(data);
-      });
-	  }
-    };
-    // 删除文件
-    const deleteRead = (file) => {
-      //删除文件操作
-      for (let index = 0; index < fileList.value.length; index++) {
-        if (file.id == fileList.value[index].id) {
-          fileList.value.splice(index, 1);
-          if (fileImg.value[index]) {
-            let delurl = fileImg.value[index].url;
-            new tools().uploadFiledelete("", delurl).then(({ data }) => { });
-            fileImg.value.splice(index, 1);
-          }
-        }
-      }
-    };
-    //详细地址定位
-    const getLocation = () => {
-      xm.getLocation().then((data) => {
-        inputForm.currentResidenceDetail = data.POIName;
-      });
-    };
-    // 地区选择
-    let placeAddress = ref("");
-    const customFieldName = {
-      text: "name",
-      value: "id",
-    };
-    const options = ref([]);
-    let showPlace1 = ref(false);
-    const getPlace1 = ({ selectedOptions }) => {
-      showPlace1.value = false;
-      const json = Object.assign(inputForm.value, {
-        currentResidence: selectedOptions
-          .map((option) => option.name)
-          .join("/"),
-        currentResidenceId: selectedOptions
-          .map((option) => option.id)
-          .join("/"),
-        currentResidenceLevel2: selectedOptions[1] ? selectedOptions[1].id : "",
-        currentResidenceLevel3: selectedOptions[2] ? selectedOptions[2].id : "",
-        currentResidenceLevel4: selectedOptions[3] ? selectedOptions[3].id : "",
-        currentResidenceLevel5: selectedOptions[4] ? selectedOptions[4].id : "",
-        currentResidenceLevel6: selectedOptions[5] ? selectedOptions[5].id : "",
-      });
-      inputForm.value = json;
-    };
+			};
+			// 删除文件
+			const deleteRead = (file) => {
+				//删除文件操作
+				for (let index = 0; index < fileList.value.length; index++) {
+					if (file.id == fileList.value[index].id) {
+						fileList.value.splice(index, 1);
+						if (fileImg.value[index]) {
+							let delurl = fileImg.value[index].url;
+							new tools().uploadFiledelete("", delurl).then(({
+								data
+							}) => {});
+							fileImg.value.splice(index, 1);
+						}
+					}
+				}
+			};
+			//详细地址定位
+			const getLocation = () => {
+				xm.getLocation().then((data) => {
+					inputForm.currentResidenceDetail = data.POIName;
+				});
+			};
+			// 地区选择
+			let placeAddress = ref("");
+			const customFieldName = {
+				text: "name",
+				value: "id",
+			};
+			const options = ref([]);
+			let showPlace1 = ref(false);
+			const getPlace1 = ({
+				selectedOptions
+			}) => {
+				showPlace1.value = false;
+				const json = Object.assign(inputForm.value, {
+					currentResidence: selectedOptions
+						.map((option) => option.name)
+						.join("/"),
+					currentResidenceId: selectedOptions
+						.map((option) => option.id)
+						.join("/"),
+					currentResidenceLevel2: selectedOptions[1] ? selectedOptions[1].id : "",
+					currentResidenceLevel3: selectedOptions[2] ? selectedOptions[2].id : "",
+					currentResidenceLevel4: selectedOptions[3] ? selectedOptions[3].id : "",
+					currentResidenceLevel5: selectedOptions[4] ? selectedOptions[4].id : "",
+					currentResidenceLevel6: selectedOptions[5] ? selectedOptions[5].id : "",
+				});
+				inputForm.value = json;
+			};
 
-    //宗教组织
-    const tissueName = ref("");
-    const checked1 = ref("");
-    const tissuelist = ref([]);
-    let hs_tissue = ref(false);
-    const tiname = ref("");
-    const gettissue = (val) => {
-      tiname.value = val.organizationName;
-      checked1.value = val.id;
-    };
-    const tissue = () => {
-      tissueName.value = tiname.value;
-      const json = Object.assign(inputForm.value, {
-        zjzz: { id: checked1.value },
-      });
-      inputForm.value = json;
-    };
-    const loading1 = ref(false);
-    const finished1 = ref(false);
-    const refreshing1 = ref(false);
-    let index1 = 0;
-    const onLoad1 = () => {
-      loading1.value = true;
-      finished1.value = false;
-      // 异步更新数据
-      new placePerson()
-        .zjzz({
-          current: index1 + 1,
-          size: 10,
-        })
-        .then(({ records, pages }) => {
-          tissuelist.value = tissuelist.value.concat(records);
-          // 加载状态结束
-          loading1.value = false;
-          if (index1 + 1 >= pages) {
-            finished1.value = true;
-          }
-          index1++;
-        });
-    };
-    //人员类型
-    const personnalType = ref("");
-    const checked2 = ref([]);
-    const showZW = ref("");
-    const checkboxRefs = ref([]);
-    let hs_persontype = ref(false);
-    const toggle = (index) => {
-      checkboxRefs.value[index].toggle();
-    };
-    const changperson = () => {
-      personnalType.value = getValue(checked2.value).join();
-      showZW.value = checked2.value.join();
-      const json = Object.assign(
-        { ...inputForm.value },
-        { personnelType: showZW.value }
-      );
-      inputForm.value = json;
-      changePersonnelType();
-    };
-    const changePersonnelType = () => {
-      let userManagenmetDetailsDTOList = [];
-      new placePerson()
-        .userDTOqueryId(inputForm.value.personnelType.toString())
-        .then((data) => {
-          data.forEach((item) => {
-            let userManagenmetDetail = {};
-            userManagenmetDetail = Object.assign(userManagenmetDetail, {
-              id: "",
-              chineseName: item.chineseName,
-              englishName: item.englishName,
-              dataType: item.dataType,
-              value: "",
-              orderNum: item.orderNum,
-              dataDictionary: item.dataDictionary,
-              dataDictionaryId: item.dataDictionaryId,
-            });
-            userManagenmetDetailsDTOList.push(userManagenmetDetail);
-          });
-          inputForm.value.userManagenmetDetailsDTOList =
-            userManagenmetDetailsDTOList;
-        });
-    };
-    onBeforeUpdate(() => {
-      checkboxRefs.value = [];
-    });
-    const current = getCurrentInstance()
-    const getValue = (item) => {
-      let Array = [];
-      item.forEach((chilr) => {
-        Array.push(current.appContext.config.globalProperties.$dictUtils.getDictLabel('hs_people_type', chilr));
-      });
-      return Array;
-    };
-    // 是否参加非法活动
-    const activitytext = ref("否");
-    let hs_activity = ref(false);
-    const getactivity = ({ selectedOptions }) => {
-      hs_activity.value = false;
-      const json = Object.assign(inputForm.value, {
-        bkcheck: selectedOptions[0].value,
-      });
-      inputForm.value = json;
-      activitytext.value = selectedOptions[0].label;
-    };
-    // 是否死亡
-    const Dead = ref("否");
-    let hs_dead = ref(false);
-    const getdead = ({ selectedOptions }) => {
-      hs_dead.value = false;
-      const json = Object.assign(inputForm.value, {
-        dead: selectedOptions[0].value,
-      });
-      inputForm.value = json;
-      Dead.value = selectedOptions[0].label;
-    };
-    // 扩展信息选择
-    let hs_select = ref({});
-    const getselect = (index, { selectedOptions }) => {
-      hs_select.value[index] = false;
-      let inputIndex = index.split("_")[0];
-      inputForm.value.userManagenmetDetailsDTOList[inputIndex].value =
-        selectedOptions[0].label;
-    };
-    // 扩展信息的时间
-    let hs_Date = ref({});
-    let currentDate = ref(formatDate(new Date()));
-    let currentTime = ref(formatTime(new Date()));
-    const columnsType = ["hour", "minute", "second"];
-    const getDate = (index, { selectedOptions }) => {
-      hs_Date.value[index] = false;
-      let inputIndex = index.split("_")[0];
-      inputForm.value.userManagenmetDetailsDTOList[
-        inputIndex
-      ].value = `${currentDate.value.join("-")} ${currentTime.value.join(":")}`;
-      hs_Date.value[index] = false;
-    };
-    //跳转
-    let router = useRouter();
-    //数据提交
-    const submit = () => {
-      //保存前附件处理
-      inputForm.value.workPicture = fileImg.value
-        .map((option) => option.id)
-        .join("|");
-      inputForm.value.userManagenmetDetailsDTOList.forEach((item) => {
-        if (item.chineseName === "教职身份") {
-          const teachType = {
-            阿訇: 1,
-            牧师: 2,
-            长老: 3,
-            传道员: 4,
-            神学生: 5,
-            "道士（正一）": 6,
-            比丘: 7,
-            "教师（副牧师）": 8,
-            比丘尼: 9,
-          };
-          item.value = teachType[item.value];
-        }
-        if (item.chineseName === "宗教教育程度") {
-          const Type = {
-            小学: 1,
-            初中: 2,
-            中专: 3,
-            高中: 4,
-            大专: 5,
-            本科: 6,
-            硕士研究生: 7,
-            博士研究生: 8,
-            其他: 9,
-          };
-          item.value = Type[item.value];
-        }
-      });
-      new placePerson().save(inputForm.value).then((res) => {
-        if (res.status == 200) {
-          xm.showToast({
-            message: "人员添加成功",
-          });
-          router.push({
-            path: "/placePerson",
-          });
-        } else {
-          xm.showToast({
-            message: "人员添加失败",
-          });
-        }
-      });
-    };
+			//宗教组织
+			const tissueName = ref("");
+			const checked1 = ref("");
+			const tissuelist = ref([]);
+			let hs_tissue = ref(false);
+			const tiname = ref("");
+			const gettissue = (val) => {
+				tiname.value = val.organizationName;
+				checked1.value = val.id;
+			};
+			const tissue = () => {
+				tissueName.value = tiname.value;
+				const json = Object.assign(inputForm.value, {
+					zjzz: {
+						id: checked1.value
+					},
+				});
+				inputForm.value = json;
+			};
+			const loading1 = ref(false);
+			const finished1 = ref(false);
+			const refreshing1 = ref(false);
+			let index1 = 0;
+			const onLoad1 = () => {
+				loading1.value = true;
+				finished1.value = false;
+				// 异步更新数据
+				new placePerson()
+					.zjzz({
+						current: index1 + 1,
+						size: 10,
+					})
+					.then(({
+						records,
+						pages
+					}) => {
+						tissuelist.value = tissuelist.value.concat(records);
+						// 加载状态结束
+						loading1.value = false;
+						if (index1 + 1 >= pages) {
+							finished1.value = true;
+						}
+						index1++;
+					});
+			};
+			//人员类型
+			const personnalType = ref("");
+			const checked2 = ref([]);
+			const showZW = ref("");
+			const checkboxRefs = ref([]);
+			let hs_persontype = ref(false);
+			const toggle = (index) => {
+				checkboxRefs.value[index].toggle();
+			};
+			const changperson = () => {
+				personnalType.value = getValue(checked2.value).join();
+				showZW.value = checked2.value.join();
+				const json = Object.assign({
+					...inputForm.value
+				}, {
+					personnelType: showZW.value
+				});
+				inputForm.value = json;
+				changePersonnelType();
+			};
+			const changePersonnelType = () => {
+				let userManagenmetDetailsDTOList = [];
+				new placePerson()
+					.userDTOqueryId(inputForm.value.personnelType.toString())
+					.then((data) => {
+						data.forEach((item) => {
+							let userManagenmetDetail = {};
+							userManagenmetDetail = Object.assign(userManagenmetDetail, {
+								id: "",
+								chineseName: item.chineseName,
+								englishName: item.englishName,
+								dataType: item.dataType,
+								value: "",
+								orderNum: item.orderNum,
+								dataDictionary: item.dataDictionary,
+								dataDictionaryId: item.dataDictionaryId,
+							});
+							userManagenmetDetailsDTOList.push(userManagenmetDetail);
+						});
+						inputForm.value.userManagenmetDetailsDTOList =
+							userManagenmetDetailsDTOList;
+					});
+			};
+			onBeforeUpdate(() => {
+				checkboxRefs.value = [];
+			});
+			const current = getCurrentInstance()
+			const getValue = (item) => {
+				let Array = [];
+				item.forEach((chilr) => {
+					Array.push(current.appContext.config.globalProperties.$dictUtils.getDictLabel(
+						'hs_people_type', chilr));
+				});
+				return Array;
+			};
+			// 是否参加非法活动
+			const activitytext = ref("否");
+			let hs_activity = ref(false);
+			const getactivity = ({
+				selectedOptions
+			}) => {
+				hs_activity.value = false;
+				const json = Object.assign(inputForm.value, {
+					bkcheck: selectedOptions[0].value,
+				});
+				inputForm.value = json;
+				activitytext.value = selectedOptions[0].label;
+			};
+			// 是否死亡
+			const Dead = ref("否");
+			let hs_dead = ref(false);
+			const getdead = ({
+				selectedOptions
+			}) => {
+				hs_dead.value = false;
+				const json = Object.assign(inputForm.value, {
+					dead: selectedOptions[0].value,
+				});
+				inputForm.value = json;
+				Dead.value = selectedOptions[0].label;
+			};
+			// 扩展信息选择
+			let hs_select = ref({});
+			const getselect = (index, {
+				selectedOptions
+			}) => {
+				hs_select.value[index] = false;
+				let inputIndex = index.split("_")[0];
+				inputForm.value.userManagenmetDetailsDTOList[inputIndex].value =
+					selectedOptions[0].label;
+			};
+			// 扩展信息的时间
+			let hs_Date = ref({});
+			let currentDate = ref(formatDate(new Date()));
+			let currentTime = ref(formatTime(new Date()));
+			const columnsType = ["hour", "minute", "second"];
+			const getDate = (index, {
+				selectedOptions
+			}) => {
+				hs_Date.value[index] = false;
+				let inputIndex = index.split("_")[0];
+				inputForm.value.userManagenmetDetailsDTOList[
+					inputIndex
+				].value = `${currentDate.value.join("-")} ${currentTime.value.join(":")}`;
+				hs_Date.value[index] = false;
+			};
+			//跳转
+			let router = useRouter();
+			//数据提交
+			const submit = () => {
+				//保存前附件处理
+				inputForm.value.workPicture = fileImg.value
+					.map((option) => option.id)
+					.join("|");
+				inputForm.value.userManagenmetDetailsDTOList.forEach((item) => {
+					if (item.chineseName === "教职身份") {
+						const teachType = {
+							阿訇: 1,
+							牧师: 2,
+							长老: 3,
+							传道员: 4,
+							神学生: 5,
+							"道士（正一）": 6,
+							比丘: 7,
+							"教师（副牧师）": 8,
+							比丘尼: 9,
+						};
+						item.value = teachType[item.value];
+					}
+					if (item.chineseName === "宗教教育程度") {
+						const Type = {
+							小学: 1,
+							初中: 2,
+							中专: 3,
+							高中: 4,
+							大专: 5,
+							本科: 6,
+							硕士研究生: 7,
+							博士研究生: 8,
+							其他: 9,
+						};
+						item.value = Type[item.value];
+					}
+				});
+				new placePerson().save(inputForm.value).then((res) => {
+					if (res.status == 200) {
+						xm.showToast({
+							message: "人员添加成功",
+						});
+						router.push({
+							path: "/placePerson",
+						});
+					} else {
+						xm.showToast({
+							message: "人员添加失败",
+						});
+					}
+				});
+			};
 
-    return {
-      //人员添加
-      inputForm,
-      // 证件类型
-      idTypeName,
-      showPicker,
-      getPlace,
-      //民族
-      nationName,
-      hs_nation,
-      getnation,
-      //性别
-      sexName,
-      hs_sex,
-      getsex,
-      // 教育程度
-      educationName,
-      hs_education,
-      education,
-      geteducation,
-      // 宗教类别
-      religiousName,
-      hs_religious,
-      religious,
-      getreligious,
-      // 宗教类别2
-      religiousName2,
-      religioustype2,
-      hs_religious2,
-      religious2,
-      getreligious2,
-      //所属场所
-      locationName,
-      checked,
-      hs_site,
-      getsite,
-      sitelist,
-      loading,
-      finished,
-      onLoad,
-      refreshing,
-      interSearch,
-      onSearch,
-      onCancel,
-      //场所任职情况
-      typeOfEmployeesName,
-      hs_typeOfEmployees,
-      typeOfEmployees,
-      gettypeOfEmployees,
-      //籍贯
-      nativePlace,
-      hs_nativePlace,
-      getnativePlace,
-      //宗教组织
-      tissueName,
-      checked1,
-      hs_tissue,
-      gettissue,
-      tissue,
-      tissuelist,
-      loading1,
-      finished1,
-      onLoad1,
-      refreshing1,
-      //人员类型
-      checked2,
-      personnalType,
-      hs_persontype,
-      toggle,
-      changperson,
-      checkboxRefs,
-      showZW,
-      // 是否参加非法活动
-      hs_activity,
-      getactivity,
-      activitytext,
-      //是否死亡
-      Dead,
-      hs_dead,
-      getdead,
-      //扩展信息选择
-      hs_select,
-      getselect,
-      //扩展信息时间
-      currentDate,
-      currentTime,
-      columnsType,
-      hs_Date,
-      getDate,
-      //图片上传
-      fileList,
-      chooseImg,
-      deleteRead,
-      // 返回
-      onClickLeft,
-      // 详细地址定位
-      getLocation,
-      // 地区选择
-      placeAddress,
-      customFieldName,
-      showPlace1,
-      getPlace1,
-      options,
-      //数据提交
-      submit,
-      selectColor,
-    };
-  },
-};
+			return {
+				//人员添加
+				inputForm,
+				// 证件类型
+				idTypeName,
+				showPicker,
+				getPlace,
+				//民族
+				nationName,
+				hs_nation,
+				getnation,
+				//性别
+				sexName,
+				hs_sex,
+				getsex,
+				// 教育程度
+				educationName,
+				hs_education,
+				education,
+				geteducation,
+				// 宗教类别
+				religiousName,
+				hs_religious,
+				religious,
+				getreligious,
+				// 宗教类别2
+				religiousName2,
+				religioustype2,
+				hs_religious2,
+				religious2,
+				getreligious2,
+				//所属场所
+				locationName,
+				checked,
+				hs_site,
+				getsite,
+				sitelist,
+				loading,
+				finished,
+				onLoad,
+				refreshing,
+				interSearch,
+				onSearch,
+				onCancel,
+				//场所任职情况
+				typeOfEmployeesName,
+				hs_typeOfEmployees,
+				typeOfEmployees,
+				gettypeOfEmployees,
+				//籍贯
+				nativePlace,
+				hs_nativePlace,
+				getnativePlace,
+				//宗教组织
+				tissueName,
+				checked1,
+				hs_tissue,
+				gettissue,
+				tissue,
+				tissuelist,
+				loading1,
+				finished1,
+				onLoad1,
+				refreshing1,
+				//人员类型
+				checked2,
+				personnalType,
+				hs_persontype,
+				toggle,
+				changperson,
+				checkboxRefs,
+				showZW,
+				// 是否参加非法活动
+				hs_activity,
+				getactivity,
+				activitytext,
+				//是否死亡
+				Dead,
+				hs_dead,
+				getdead,
+				//扩展信息选择
+				hs_select,
+				getselect,
+				//扩展信息时间
+				currentDate,
+				currentTime,
+				columnsType,
+				hs_Date,
+				getDate,
+				//图片上传
+				fileList,
+				chooseImg,
+				deleteRead,
+				// 返回
+				onClickLeft,
+				// 详细地址定位
+				getLocation,
+				// 地区选择
+				placeAddress,
+				customFieldName,
+				showPlace1,
+				getPlace1,
+				options,
+				//数据提交
+				submit,
+				selectColor,
+			};
+		},
+	};
 </script>
 <style lang="less">
-.subbtn {
-  margin: 20px;
-  text-align: center;
-}
+	.subbtn {
+		margin: 20px;
+		text-align: center;
+	}
 
-.subbtn .van-button {
-  width: 40%;
-  margin: 5px;
-}
+	.subbtn .van-button {
+		width: 40%;
+		margin: 5px;
+	}
 
-.van-uploader .van-button {
-  border: none;
-  color: #36a7f3;
-  top: -4px;
-}
+	.van-uploader .van-button {
+		border: none;
+		color: #36a7f3;
+		top: -4px;
+	}
 
-.van-radio {
-  margin-right: 10px;
-}
+	.van-radio {
+		margin-right: 10px;
+	}
 
-.dialog {
-  width: 100%;
-  height: 400px;
-  overflow: auto;
-}
+	.dialog {
+		width: 100%;
+		height: 400px;
+		overflow: auto;
+	}
 
-.bgList {
-  background: #36a7f3;
-}
+	.bgList {
+		background: #36a7f3;
+	}
 </style>

src/views/placeManage/placePerson/placePersoninfo.vue

@@ -1,1372 +1,1114 @@
 <template>
-  <van-nav-bar
-    fixed
-    title="人员档案信息"
-    left-arrow
-    @click-left="onClickLeft"
-    :style="{ 'background-color': selectColor }"
-  />
-  <div class="main">
-    <div class="banner">
-      <img src="../../../../public/loginbg/banner.jpg" alt="" />
-    </div>
-    <div class="info">
-      <van-form @submit="submit" @failed="failed" show-error :show-error-message="false">
-        <p class="miniTitle">个人信息-{{ data.name }}</p>
-        <van-row justify="space-between">
-          <van-col span="14">
-            <van-cell-group>
-              <van-field
-                v-model="data.name"
-                center
-                clearable
-                label="姓名:"
-                input-align="right"
-              />
-            </van-cell-group>
-            <van-cell-group>
-              <van-field
-                v-model="sexName"
-                readonly
-                required
-                :rules="[{ required: true }]"
-                label="性别："
-                placeholder="请选择选择"
-                input-align="right"
-                right-icon="arrow-down"
-                @click="hs_sex = true"
-              />
-              <van-popup v-model:show="hs_sex" round position="bottom">
-                <van-picker
-                  title="选择"
-                  :columns="sex"
-                  @cancel="hs_sex = false"
-                  @confirm="getsex"
-                />
-              </van-popup>
-            </van-cell-group>
-            <van-cell-group>
-              <van-field
-                v-model="idTypeName"
-                readonly
-                required
-                label="证件类型:"
-                name="validator"
-                placeholder="请选择证件类型"
-                input-align="right"
-                right-icon="arrow-down"
-                @click="showPicker = true"
-                :rules="[{ validator, message: '证件类型不能为空' }]"
-              />
-              <van-popup v-model:show="showPicker" round position="bottom">
-                <van-picker
-                  title="证件类型"
-                  :columns="$dictUtils.getDictList('hs_cert_type')"
-                  :columns-field-names="{
+	<van-nav-bar fixed title="人员档案信息" left-arrow @click-left="onClickLeft"
+		:style="{ 'background-color': selectColor }" />
+	<div class="main">
+		<div class="banner">
+			<img src="../../../../public/loginbg/banner.jpg" alt="" />
+		</div>
+		<div class="info">
+			<van-form @submit="submit" @failed="failed" show-error :show-error-message="false">
+				<p class="miniTitle">个人信息-{{ data.name }}</p>
+				<van-row justify="space-between">
+					<van-col span="14">
+						<van-cell-group>
+							<van-field v-model="data.name" center clearable label="姓名:" input-align="right" />
+						</van-cell-group>
+						<van-cell-group>
+							<van-field v-model="sexName" readonly required :rules="[{ required: true }]" label="性别："
+								placeholder="请选择选择" input-align="right" right-icon="arrow-down"
+								@click="hs_sex = true" />
+							<van-popup v-model:show="hs_sex" round position="bottom">
+								<van-picker title="选择" :columns="sex" @cancel="hs_sex = false" @confirm="getsex" />
+							</van-popup>
+						</van-cell-group>
+						<van-cell-group>
+							<van-field v-model="idTypeName" readonly required label="证件类型:" name="validator"
+								placeholder="请选择证件类型" input-align="right" right-icon="arrow-down"
+								@click="showPicker = true" :rules="[{ validator, message: '证件类型不能为空' }]" />
+							<van-popup v-model:show="showPicker" round position="bottom">
+								<van-picker title="证件类型" :columns="$dictUtils.getDictList('hs_cert_type')"
+									:columns-field-names="{
                     text: 'label',
                     value: 'value',
-                  }"
-                  @cancel="showPicker = false"
-                  @confirm="getPlace"
-                />
-              </van-popup>
-            </van-cell-group>
-          </van-col>
-          <van-col span="8">
-            <van-cell-group>
-              <van-field name="uploader" label-align="top" label="个人照片:">
-                <template #input>
-                  <van-uploader
-                    readonly
-                    v-model="fileList"
-                    :max-count="1"
-                    accept=""
-                    :preview-full-image="false"
-                    :before-delete="deleteRead"
-                    @click-upload="chooseImg"
-                  >
-                  </van-uploader>
-                </template>
-              </van-field>
-            </van-cell-group>
-          </van-col>
-        </van-row>
-        <div class="item">
-          <van-cell-group>
-            <van-field
-              v-model="data.idcard"
-              center
-              required
-              :rules="[{ required: true }]"
-              label="证件号码:"
-              placeholder="请填写证件号码"
-              input-align="right"
-            />
-          </van-cell-group>
-          <van-cell-group>
-            <van-field
-              v-model="data.beforeUsedName"
-              center
-              label="曾用名："
-              placeholder="请填写曾用名"
-              input-align="right"
-            />
-          </van-cell-group>
-          <van-cell-group>
-            <van-field
-              v-model="nationName"
-              readonly
-              label="民族："
-              placeholder="请选择民族"
-              input-align="right"
-              right-icon="arrow-down"
-              @click="hs_nation = true"
-            />
-            <van-popup v-model:show="hs_nation" round position="bottom">
-              <van-picker
-                title="民族类型"
-                :columns="$dictUtils.getDictList('hs_nation')"
-                :columns-field-names="{
+                  }" @cancel="showPicker = false" @confirm="getPlace" />
+							</van-popup>
+						</van-cell-group>
+					</van-col>
+					<van-col span="8">
+						<van-cell-group>
+							<van-field name="uploader" label-align="top" label="个人照片:">
+								<template #input>
+									<van-uploader readonly v-model="fileList" :max-count="1" accept=""
+										:preview-full-image="false" :before-delete="deleteRead"
+										@click-upload="chooseImg">
+									</van-uploader>
+								</template>
+							</van-field>
+						</van-cell-group>
+					</van-col>
+				</van-row>
+				<div class="item">
+					<van-cell-group>
+						<van-field v-model="data.idcard" center required :rules="[{ required: true }]" label="证件号码:"
+							placeholder="请填写证件号码" input-align="right" />
+					</van-cell-group>
+					<van-cell-group>
+						<van-field v-model="data.beforeUsedName" center label="曾用名：" placeholder="请填写曾用名"
+							input-align="right" />
+					</van-cell-group>
+					<van-cell-group>
+						<van-field v-model="nationName" readonly label="民族：" placeholder="请选择民族" input-align="right"
+							right-icon="arrow-down" @click="hs_nation = true" />
+						<van-popup v-model:show="hs_nation" round position="bottom">
+							<van-picker title="民族类型" :columns="$dictUtils.getDictList('hs_nation')"
+								:columns-field-names="{
                   text: 'label',
                   value: 'value',
-                }"
-                @cancel="hs_nation = false"
-                @confirm="getnation"
-              />
-            </van-popup>
-          </van-cell-group>
-          <van-cell-group>
-            <van-field
-              v-model="data.phone"
-              center
-              label="手机号："
-              placeholder="请填写手机号"
-              input-align="right"
-            />
-          </van-cell-group>
-          <van-cell-group>
-            <van-field
-              v-model="data.nativePlace"
-              readonly
-              label="籍贯："
-              placeholder="请选择籍贯地区"
-              input-align="right"
-              right-icon="arrow-down"
-              @click="hs_nativePlace = true"
-            />
-            <van-popup v-model:show="hs_nativePlace" round position="bottom">
-              <van-picker
-                title="籍贯"
-                :columns="nativePlace"
-                :columns-field-names="customFieldName"
-                @cancel="hs_nativePlace = false"
-                @confirm="getnativePlace"
-              />
-            </van-popup>
-          </van-cell-group>
-          <van-cell-group>
-            <van-field
-              v-model="educationName"
-              readonly
-              label="教育程度"
-              placeholder="请选择教育程度"
-              input-align="right"
-              right-icon="arrow-down"
-              @click="hs_education = true"
-            />
-            <van-popup v-model:show="hs_education" round position="bottom">
-              <van-picker
-                title="教育程度"
-                :columns="$dictUtils.getDictList('hs_personnel_education')"
-                :columns-field-names="{
+                }" @cancel="hs_nation = false" @confirm="getnation" />
+						</van-popup>
+					</van-cell-group>
+					<van-cell-group>
+						<van-field v-model="data.phone" center label="手机号：" placeholder="请填写手机号" input-align="right" />
+					</van-cell-group>
+					<van-cell-group>
+						<van-field v-model="data.nativePlace" readonly label="籍贯：" placeholder="请选择籍贯地区"
+							input-align="right" right-icon="arrow-down" @click="hs_nativePlace = true" />
+						<van-popup v-model:show="hs_nativePlace" round position="bottom">
+							<van-picker title="籍贯" :columns="nativePlace" :columns-field-names="customFieldName"
+								@cancel="hs_nativePlace = false" @confirm="getnativePlace" />
+						</van-popup>
+					</van-cell-group>
+					<van-cell-group>
+						<van-field v-model="educationName" readonly label="教育程度" placeholder="请选择教育程度"
+							input-align="right" right-icon="arrow-down" @click="hs_education = true" />
+						<van-popup v-model:show="hs_education" round position="bottom">
+							<van-picker title="教育程度" :columns="$dictUtils.getDictList('hs_personnel_education')"
+								:columns-field-names="{
                   text: 'label',
                   value: 'value',
-                }"
-                @cancel="hs_education = false"
-                @confirm="geteducation"
-              />
-            </van-popup>
-          </van-cell-group>
-          <van-cell-group>
-            <van-field
-              v-model="data.graduatedFrom"
-              center
-              label="毕业院校："
-              placeholder="请填写毕业院校"
-              input-align="right"
-            />
-          </van-cell-group>
-          <van-cell-group>
-            <van-field
-              v-model="religiousName"
-              readonly
-              label="教别:"
-              name="validator"
-              placeholder="请选择教别"
-              input-align="right"
-              right-icon="arrow-down"
-              @click="hs_religious = true"
-            />
-            <van-popup v-model:show="hs_religious" round position="bottom">
-              <van-picker
-                title="教别"
-                :columns="$dictUtils.getDictList('hs_religion_type')"
-                :columns-field-names="{
+                }" @cancel="hs_education = false" @confirm="geteducation" />
+						</van-popup>
+					</van-cell-group>
+					<van-cell-group>
+						<van-field v-model="data.graduatedFrom" center label="毕业院校：" placeholder="请填写毕业院校"
+							input-align="right" />
+					</van-cell-group>
+					<van-cell-group>
+						<van-field v-model="religiousName" readonly label="教别:" name="validator" placeholder="请选择教别"
+							input-align="right" right-icon="arrow-down" @click="hs_religious = true" />
+						<van-popup v-model:show="hs_religious" round position="bottom">
+							<van-picker title="教别" :columns="$dictUtils.getDictList('hs_religion_type')"
+								:columns-field-names="{
                   text: 'label',
                   value: 'value',
-                }"
-                @cancel="hs_religious = false"
-                @confirm="getreligious"
-              />
-            </van-popup>
-          </van-cell-group>
-          <van-cell-group>
-            <van-field
-              v-model="data.religiousAppellation"
-              center
-              label="宗教称谓："
-              placeholder="请填写宗教称谓"
-              input-align="right"
-            />
-          </van-cell-group>
-          <van-cell-group>
-            <van-field
-              v-model="locationName"
-              readonly
-              label="所属场所："
-              placeholder="请选择所属场所"
-              input-align="right"
-              right-icon="arrow-down"
-              @click="hs_site = true"
-            >
-            </van-field>
-            <van-dialog
-              v-model:show="hs_site"
-              title="所属场所"
-              show-cancel-button
-            >
-              <div class="dialog">
-                <van-list
-                  v-model:loading="loading"
-                  :finished="finished"
-                  finished-text="没有更多了"
-                  @load="onLoad"
-                >
-                  <van-radio-group v-model="checked">
-                    <van-cell-group inset>
-                      <van-cell
-                        v-for="item in sitelist"
-                        :key="item"
-                        :title="item.name"
-                        clickable
-                        @click="getsite(item)"
-                      >
-                        <template #right-icon>
-                          <van-radio :name="item.id" @click="getsite(item)" />
-                        </template>
-                      </van-cell>
-                    </van-cell-group>
-                  </van-radio-group>
-                </van-list>
-              </div>
-            </van-dialog>
-          </van-cell-group>
-          <van-cell-group>
-            <van-field
-              v-model="typeOfEmployeesName"
-              readonly
-              label-width="7.2em"
-              label="场所任职情况："
-              placeholder="请选择场所任职情况"
-              input-align="right"
-              right-icon="arrow-down"
-              @click="hs_typeOfEmployees = true"
-            />
-            <van-popup
-              v-model:show="hs_typeOfEmployees"
-              round
-              position="bottom"
-            >
-              <van-picker
-                title="任职情况"
-                :columns="$dictUtils.getDictList('hs_type_of_employees')"
-                :columns-field-names="{
+                }" @cancel="hs_religious = false" @confirm="getreligious" />
+						</van-popup>
+					</van-cell-group>
+					<van-cell-group>
+						<van-field v-model="data.religiousAppellation" center label="宗教称谓：" placeholder="请填写宗教称谓"
+							input-align="right" />
+					</van-cell-group>
+					<van-cell-group>
+						<van-field v-model="locationName" readonly label="所属场所：" placeholder="请选择所属场所"
+							input-align="right" right-icon="arrow-down" @click="hs_site = true">
+						</van-field>
+						<van-dialog v-model:show="hs_site" title="所属场所" show-cancel-button>
+							<div class="dialog">
+								<van-list v-model:loading="loading" :finished="finished" finished-text="没有更多了"
+									@load="onLoad">
+									<van-radio-group v-model="checked">
+										<van-cell-group inset>
+											<van-cell v-for="item in sitelist" :key="item" :title="item.name" clickable
+												@click="getsite(item)">
+												<template #right-icon>
+													<van-radio :name="item.id" @click="getsite(item)" />
+												</template>
+											</van-cell>
+										</van-cell-group>
+									</van-radio-group>
+								</van-list>
+							</div>
+						</van-dialog>
+					</van-cell-group>
+					<van-cell-group>
+						<van-field v-model="typeOfEmployeesName" readonly label-width="7.2em" label="场所任职情况："
+							placeholder="请选择场所任职情况" input-align="right" right-icon="arrow-down"
+							@click="hs_typeOfEmployees = true" />
+						<van-popup v-model:show="hs_typeOfEmployees" round position="bottom">
+							<van-picker title="任职情况" :columns="$dictUtils.getDictList('hs_type_of_employees')"
+								:columns-field-names="{
                   text: 'label',
                   value: 'value',
-                }"
-                @cancel="hs_typeOfEmployees = false"
-                @confirm="gettypeOfEmployees"
-              />
-            </van-popup>
-          </van-cell-group>
-          <van-cell-group>
-            <van-field
-              v-model="data.currentResidence"
-              center
-              required
-              readonly
-              :rules="[{ required: true }]"
-              label="现居地："
-              placeholder="请填写现居地"
-              input-align="right"
-              right-icon="arrow-down"
-              @click="showPlace1 = true"
-            />
-            <van-popup v-model:show="showPlace1" round position="bottom">
-              <van-picker
-                title="现居地选择"
-                :columns="options"
-                :columns-field-names="customFieldName"
-                @cancel="showPlace1 = false"
-                @confirm="getPlace1"
-              />
-            </van-popup>
-          </van-cell-group>
-          <van-cell-group>
-            <van-field
-              v-model="data.currentResidenceDetail"
-              center
-              label="详细地址："
-              placeholder="请填写详细场所"
-              input-align="right"
-            >
-              <template #right-icon>
-                <van-icon name="location" @click="getLocation()" />
-              </template>
-            </van-field>
-          </van-cell-group>
-          <van-cell-group>
-            <van-field
-              v-model="personnalType"
-              readonly
-              required
-              :rules="[{ required: true }]"
-              label="人员类型："
-              placeholder="请选择人员类型"
-              input-align="right"
-              right-icon="arrow-down"
-              @click="hs_persontype = true"
-            />
-            <van-dialog
-              v-model:show="hs_persontype"
-              title="人员类型"
-              show-cancel-button
-              @confirm="changperson"
-            >
-              <div class="dialog">
-                <van-list>
-                  <van-checkbox-group v-model="checked2">
-                    <van-cell-group inset>
-                      <van-cell
-                        v-for="(item, index) in $dictUtils.getDictList(
+                }" @cancel="hs_typeOfEmployees = false" @confirm="gettypeOfEmployees" />
+						</van-popup>
+					</van-cell-group>
+					<van-cell-group>
+						<van-field v-model="data.currentResidence" center required readonly
+							:rules="[{ required: true }]" label="现居地：" placeholder="请填写现居地" input-align="right"
+							right-icon="arrow-down" @click="showPlace1 = true" />
+						<van-popup v-model:show="showPlace1" round position="bottom">
+							<van-picker title="现居地选择" :columns="options" :columns-field-names="customFieldName"
+								@cancel="showPlace1 = false" @confirm="getPlace1" />
+						</van-popup>
+					</van-cell-group>
+					<van-cell-group>
+						<van-field v-model="data.currentResidenceDetail" center label="详细地址：" placeholder="请填写详细场所"
+							input-align="right">
+							<template #right-icon>
+								<van-icon name="location" @click="getLocation()" />
+							</template>
+						</van-field>
+					</van-cell-group>
+					<van-cell-group>
+						<van-field v-model="personnalType" readonly required :rules="[{ required: true }]" label="人员类型："
+							placeholder="请选择人员类型" input-align="right" right-icon="arrow-down"
+							@click="hs_persontype = true" />
+						<van-dialog v-model:show="hs_persontype" title="人员类型" show-cancel-button @confirm="changperson">
+							<div class="dialog">
+								<van-list>
+									<van-checkbox-group v-model="checked2">
+										<van-cell-group inset>
+											<van-cell v-for="(item, index) in $dictUtils.getDictList(
                           'hs_people_type'
-                        )"
-                        clickable
-                        :key="item"
-                        :title="`${item.label}`"
-                        @click="toggle(index)"
-                      >
-                        <template #right-icon>
-                          <van-checkbox
-                            :name="item.value"
-                            :ref="(el) => (checkboxRefs[index] = el)"
-                            @click.stop
-                            @click="toggle(index)"
-                          />
-                        </template>
-                      </van-cell>
-                    </van-cell-group>
-                  </van-checkbox-group>
-                </van-list>
-              </div>
-            </van-dialog>
-          </van-cell-group>
-          <van-cell-group>
-            <van-field
-              v-model="tissueName"
-              readonly
-              label="宗教组织:"
-              placeholder="请选择宗教组织"
-              input-align="right"
-              right-icon="arrow-down"
-              @click="hs_tissue = true"
-            />
-            <van-dialog
-              v-model:show="hs_tissue"
-              title="所属场所"
-              show-cancel-button
-            >
-              <div class="dialog">
-                <van-list
-                  v-model:loading="loading1"
-                  :finished="finished1"
-                  finished-text="没有更多了"
-                  @load="onLoad1"
-                >
-                  <van-radio-group v-model="checked1">
-                    <van-cell-group inset>
-                      <van-cell
-                        v-for="item in tissuelist"
-                        :key="item"
-                        :title="item.organizationName"
-                        clickable
-                        @click="gettissue(item)"
-                      >
-                        <template #right-icon>
-                          <van-radio :name="item.id" @click="gettissue(item)" />
-                        </template>
-                      </van-cell>
-                    </van-cell-group>
-                  </van-radio-group>
-                </van-list>
-              </div>
-            </van-dialog>
-          </van-cell-group>
-          <van-cell-group>
-            <van-field
-              v-model="data.zjzzJob"
-              center
-              label-width="6.5em"
-              label="团体任职情况:"
-              placeholder="请填写团体任职情况"
-              input-align="right"
-            />
-          </van-cell-group>
-          <van-cell-group>
-            <van-field
-              v-model="activitytext"
-              readonly
-              required
-              :rules="[{ required: true }]"
-              label-width="7em"
-              label="非法活动参加:"
-              placeholder="请选择是否参加非法活动"
-              input-align="right"
-              right-icon="arrow-down"
-              @click="hs_activity = true"
-            />
-            <van-popup v-model:show="hs_activity" round position="bottom">
-              <van-picker
-                title="选择是否参加"
-                :columns="$dictUtils.getDictList('yes_no')"
-                :columns-field-names="{
+                        )" clickable :key="item" :title="`${item.label}`" @click="toggle(index)">
+												<template #right-icon>
+													<van-checkbox :name="item.value"
+														:ref="(el) => (checkboxRefs[index] = el)" @click.stop
+														@click="toggle(index)" />
+												</template>
+											</van-cell>
+										</van-cell-group>
+									</van-checkbox-group>
+								</van-list>
+							</div>
+						</van-dialog>
+					</van-cell-group>
+					<van-cell-group>
+						<van-field v-model="tissueName" readonly label="宗教组织:" placeholder="请选择宗教组织" input-align="right"
+							right-icon="arrow-down" @click="hs_tissue = true" />
+						<van-dialog v-model:show="hs_tissue" title="所属场所" show-cancel-button>
+							<div class="dialog">
+								<van-list v-model:loading="loading1" :finished="finished1" finished-text="没有更多了"
+									@load="onLoad1">
+									<van-radio-group v-model="checked1">
+										<van-cell-group inset>
+											<van-cell v-for="item in tissuelist" :key="item"
+												:title="item.organizationName" clickable @click="gettissue(item)">
+												<template #right-icon>
+													<van-radio :name="item.id" @click="gettissue(item)" />
+												</template>
+											</van-cell>
+										</van-cell-group>
+									</van-radio-group>
+								</van-list>
+							</div>
+						</van-dialog>
+					</van-cell-group>
+					<van-cell-group>
+						<van-field v-model="data.zjzzJob" center label-width="6.5em" label="团体任职情况:"
+							placeholder="请填写团体任职情况" input-align="right" />
+					</van-cell-group>
+					<van-cell-group>
+						<van-field v-model="activitytext" readonly required :rules="[{ required: true }]"
+							label-width="7em" label="非法活动参加:" placeholder="请选择是否参加非法活动" input-align="right"
+							right-icon="arrow-down" @click="hs_activity = true" />
+						<van-popup v-model:show="hs_activity" round position="bottom">
+							<van-picker title="选择是否参加" :columns="$dictUtils.getDictList('yes_no')" :columns-field-names="{
                   text: 'label',
                   value: 'value',
-                }"
-                @cancel="hs_activity = false"
-                @confirm="getactivity"
-              />
-            </van-popup>
-          </van-cell-group>
-          <van-cell-group>
-            <van-field
-              v-model="Dead"
-              readonly
-              required
-              :rules="[{ required: true }]"
-              label="是否死亡："
-              placeholder="请选择人员是否死亡"
-              input-align="right"
-              right-icon="arrow-down"
-              @click="hs_dead = true"
-            />
-            <van-popup v-model:show="hs_dead" round position="bottom">
-              <van-picker
-                title="是否死亡"
-                :columns="$dictUtils.getDictList('yes_no')"
-                :columns-field-names="{
+                }" @cancel="hs_activity = false" @confirm="getactivity" />
+						</van-popup>
+					</van-cell-group>
+					<van-cell-group>
+						<van-field v-model="Dead" readonly required :rules="[{ required: true }]" label="是否死亡："
+							placeholder="请选择人员是否死亡" input-align="right" right-icon="arrow-down"
+							@click="hs_dead = true" />
+						<van-popup v-model:show="hs_dead" round position="bottom">
+							<van-picker title="是否死亡" :columns="$dictUtils.getDictList('yes_no')" :columns-field-names="{
                   text: 'label',
                   value: 'value',
-                }"
-                @cancel="hs_dead = false"
-                @confirm="getdead"
-              />
-            </van-popup>
-          </van-cell-group>
-        </div>
-        <p class="miniTitle">扩展信息</p>
-        <van-col
-          span="24"
-          v-for="(item, index) in data.userManagenmetDetailsDTOList"
-          :key="index"
-        >
-          <van-cell-group
-            v-if="item.dataType === '1' && item.dataDictionary == ''"
-          >
-            <van-field
-              v-model="item.value"
-              center
-              placeholder="请填写内容"
-              :label="item.chineseName"
-              input-align="right"
-            />
-          </van-cell-group>
-          <van-cell-group
-            v-else-if="item.dataType && item.dataDictionary != ''"
-          >
-            <van-field
-              v-model="item.value"
-              center
-              :label="item.chineseName"
-              placeholder="请选择"
-              input-align="right"
-              right-icon="arrow-down"
-              @click="hs_select[index + '_select'] = true"
-            />
-            <van-popup
-              v-model:show="hs_select[index + '_select']"
-              round
-              position="bottom"
-            >
-              <van-picker
-                :title="item.chineseName"
-                :columns="$dictUtils.getDictList(item.dataDictionary)"
-                :columns-field-names="{
+                }" @cancel="hs_dead = false" @confirm="getdead" />
+						</van-popup>
+					</van-cell-group>
+				</div>
+				<p class="miniTitle">扩展信息</p>
+				<van-col span="24" v-for="(item, index) in data.userManagenmetDetailsDTOList" :key="index">
+					<van-cell-group v-if="item.dataType === '1' && item.dataDictionary == ''">
+						<van-field v-model="item.value" center placeholder="请填写内容" :label="item.chineseName"
+							input-align="right" />
+					</van-cell-group>
+					<van-cell-group v-else-if="item.dataType && item.dataDictionary != ''">
+						<van-field v-model="item.value" center :label="item.chineseName" placeholder="请选择"
+							input-align="right" right-icon="arrow-down" @click="hs_select[index + '_select'] = true" />
+						<van-popup v-model:show="hs_select[index + '_select']" round position="bottom">
+							<van-picker :title="item.chineseName" :columns="$dictUtils.getDictList(item.dataDictionary)"
+								:columns-field-names="{
                   text: 'label',
                   value: 'value',
-                }"
-                @cancel="hs_select[index + '_select'] = false"
-                @confirm="getselect(index + '_select', $event)"
-              />
-            </van-popup>
-          </van-cell-group>
-          <van-cell-group v-else-if="item.dataType === '2'">
-            <van-field
-              v-model="item.value"
-              center
-              :label="item.chineseName"
-              input-align="right"
-            />
-          </van-cell-group>
-          <van-cell-group v-else-if="item.dataType === '3'">
-            <van-field
-              :v-model="item.value"
-              center
-              :label="item.chineseName"
-              input-align="right"
-            />
-          </van-cell-group>
-          <van-cell-group v-else-if="item.dataType === '4'">
-            <van-field
-              name="uploader"
-              label-align="top"
-              :label="item.chineseName"
-            >
-              <template #input>
-                <van-uploader
-                  v-model="fileList"
-                  :after-read="afterRead1"
-                  :max-count="1"
-                  capture="camera"
-                  accept=""
-                  :before-delete="fjdelete"
-                >
-                </van-uploader>
-              </template>
-            </van-field>
-          </van-cell-group>
-          <van-cell-group v-else-if="item.dataType === '5'">
-            <van-field
-              v-model="item.value"
-              center
-              required
-              readonly
-              :label="item.chineseName"
-              placeholder="请选择地点"
-              input-align="right"
-              right-icon="arrow-down"
-              @click="showPlace1 = true"
-            />
-            <van-popup v-model:show="showPlace1" round position="bottom">
-              <van-picker
-                title="地点选择"
-                :columns="options"
-                :columns-field-names="customFieldName"
-                @cancel="showPlace1 = false"
-                @confirm="getPlace1"
-              />
-            </van-popup>
-          </van-cell-group>
-          <van-cell-group v-else-if="item.dataType === '6'">
-            <van-field
-              v-model="item.value"
-              center
-              :label="item.chineseName"
-              label-width="6.5em"
-              placeholder="请选择日期时间"
-              input-align="right"
-              right-icon="arrow-down"
-              @click="hs_Date[index + '_Date'] = true"
-            />
-            <van-popup
-              v-model:show="hs_Date[index + '_Date']"
-              round
-              position="bottom"
-            >
-              <van-picker-group
-                title="选择时间"
-                :tabs="['选择日期', '选择时间']"
-                next-step-text="下一步"
-                @confirm="getDate(index + '_Date', $event)"
-                @cancel="hs_Date[index + '_Date'] = false"
-              >
-                <van-date-picker v-model="currentDate" />
-                <van-time-picker
-                  v-model="currentTime"
-                  :columns-type="columnsType"
-                />
-              </van-picker-group>
-            </van-popup>
-          </van-cell-group>
-        </van-col>
-        <div class="subbtn">
-          <van-button type="primary" native-type="submit">确认修改</van-button>
-        </div>
-      </van-form>
-    </div>
-  </div>
+                }" @cancel="hs_select[index + '_select'] = false" @confirm="getselect(index + '_select', $event)" />
+						</van-popup>
+					</van-cell-group>
+					<van-cell-group v-else-if="item.dataType === '2'">
+						<van-field v-model="item.value" center :label="item.chineseName" input-align="right" />
+					</van-cell-group>
+					<van-cell-group v-else-if="item.dataType === '3'">
+						<van-field :v-model="item.value" center :label="item.chineseName" input-align="right" />
+					</van-cell-group>
+					<van-cell-group v-else-if="item.dataType === '4'">
+						<van-field name="uploader" label-align="top" :label="item.chineseName">
+							<template #input>
+								<van-uploader v-model="fileList" :after-read="afterRead1" :max-count="1"
+									capture="camera" accept="" :before-delete="fjdelete">
+								</van-uploader>
+							</template>
+						</van-field>
+					</van-cell-group>
+					<van-cell-group v-else-if="item.dataType === '5'">
+						<van-field v-model="item.value" center required readonly :label="item.chineseName"
+							placeholder="请选择地点" input-align="right" right-icon="arrow-down"
+							@click="showPlace1 = true" />
+						<van-popup v-model:show="showPlace1" round position="bottom">
+							<van-picker title="地点选择" :columns="options" :columns-field-names="customFieldName"
+								@cancel="showPlace1 = false" @confirm="getPlace1" />
+						</van-popup>
+					</van-cell-group>
+					<van-cell-group v-else-if="item.dataType === '6'">
+						<van-field v-model="item.value" center :label="item.chineseName" label-width="6.5em"
+							placeholder="请选择日期时间" input-align="right" right-icon="arrow-down"
+							@click="hs_Date[index + '_Date'] = true" />
+						<van-popup v-model:show="hs_Date[index + '_Date']" round position="bottom">
+							<van-picker-group title="选择时间" :tabs="['选择日期', '选择时间']" next-step-text="下一步"
+								@confirm="getDate(index + '_Date', $event)" @cancel="hs_Date[index + '_Date'] = false">
+								<van-date-picker v-model="currentDate" />
+								<van-time-picker v-model="currentTime" :columns-type="columnsType" />
+							</van-picker-group>
+						</van-popup>
+					</van-cell-group>
+				</van-col>
+				<div class="subbtn">
+					<van-button type="primary" native-type="submit">确认修改</van-button>
+				</div>
+			</van-form>
+		</div>
+	</div>
 </template>
 
 <script>
-import { useRouter } from "vue-router";
-import { onBeforeUpdate, onMounted, ref, getCurrentInstance } from "vue";
-import { useStore } from "vuex";
-import $base from "@/utils/config";
-import placePerson from "@/api/placePerson/placePerson";
-import PlaceRegister from "@/api/placeRegister/placeRegister";
-import UserManage from "@/api/user/UserManage";
-import tools from "@/api/sys/tools";
-import { formatDate, formatTime } from "@/utils/datatime";
-export default {
-  setup() {
-	  const store = useStore();
-    const data = ref({});
-    const expansion = ref([]);
-    // 导航栏颜色
-    const selectColor = ref(window.localStorage.getItem("MZ_COLOR"));
-    //数据接收
-    const router = useRouter();
-    const current = getCurrentInstance();
-    onMounted(() => {
-      var id = JSON.parse(router.currentRoute.value.query.id);
-      new UserManage().queryById(id).then((res) => {
-        data.value = res;
-        expansion.value = res.userManagenmetDetailsDTOList;
-        idTypeName.value = getidCardType(data.value.idType);
-        sexName.value = getSex(data.value.sex);
-        idTypeName.value =
-          current.appContext.config.globalProperties.$dictUtils.getDictLabel(
-            "hs_cert_type",
-            data.value.idType
-          );
-        nationName.value =
-          current.appContext.config.globalProperties.$dictUtils.getDictLabel(
-            "hs_nation",
-            data.value.nation
-          );
-        educationName.value =
-          current.appContext.config.globalProperties.$dictUtils.getDictLabel(
-            "hs_personnel_education",
-            data.value.nationalEducationLevel
-          );
-        religiousName.value =
-          current.appContext.config.globalProperties.$dictUtils.getDictLabel(
-            "hs_religion_type",
-            data.value.religion
-          );
-        let location = data.value.location;
-        locationName.value = location.name;
-        typeOfEmployeesName.value =
-          current.appContext.config.globalProperties.$dictUtils.getDictLabel(
-            "hs_type_of_employees",
-            data.value.typeOfEmployees
-          );
-        if(data.value.dead){
-          Dead.value =
-          current.appContext.config.globalProperties.$dictUtils.getDictLabel(
-            "yes_no",
-            data.value.dead
-          );
-        }else{
-          Dead.value = '否'
-          data.value.dead = '1'
-        }
-        if(data.value.bkcheck){
-          activitytext.value =
-          current.appContext.config.globalProperties.$dictUtils.getDictLabel(
-            "yes_no",
-            data.value.bkcheck
-          );
-        }else{
-          activitytext.value = '否'
-          data.value.bkcheck = '1'
-        }
-        
-        let arr = data.value.personnelType.split(",");
-        personnalType.value = getValue1(arr).join(",");
-        let tissid = data.value.zjzz.id;
-        new placePerson().religious().then((res) => {
-          res.records.forEach((item) => {
-            if (item.id == tissid) {
-              tissueName.value = item.organizationName;
-            }
-          });
-        });
-        data.value.workPicture.split("|").forEach((item) => {
-          if (item.trim().length > 0) {
-            fileImg.value.push({
-              name: decodeURIComponent(
-                item.substring(item.lastIndexOf("/") + 1)
-              ),
-              url: $base +"/"+ item.replace("程序附件//", "程序附件/"),
-              id: item.replace("程序附件//", "程序附件/"),
-            });
-            fileList.value.push({
-              name: decodeURIComponent(
-                item.substring(item.lastIndexOf("/") + 1)
-              ),
+	import {
+		useRouter
+	} from "vue-router";
+	import {
+		onBeforeUpdate,
+		onMounted,
+		ref,
+		getCurrentInstance
+	} from "vue";
+	import $base from "@/utils/config";
+	import placePerson from "@/api/placePerson/placePerson";
+	import PlaceRegister from "@/api/placeRegister/placeRegister";
+	import UserManage from "@/api/user/UserManage";
+	import tools from "@/api/sys/tools";
+	import {
+		formatDate,
+		formatTime
+	} from "@/utils/datatime";
+	export default {
+		setup() {
+			const data = ref({});
+			const expansion = ref([]);
+			// 导航栏颜色
+			const selectColor = ref(window.localStorage.getItem("MZ_COLOR"));
+			//数据接收
+			const router = useRouter();
+			const current = getCurrentInstance();
+			onMounted(() => {
+				var id = JSON.parse(router.currentRoute.value.query.id);
+				new UserManage().queryById(id).then((res) => {
+					data.value = res;
+					expansion.value = res.userManagenmetDetailsDTOList;
+					idTypeName.value = getidCardType(data.value.idType);
+					sexName.value = getSex(data.value.sex);
+					idTypeName.value =
+						current.appContext.config.globalProperties.$dictUtils.getDictLabel(
+							"hs_cert_type",
+							data.value.idType
+						);
+					nationName.value =
+						current.appContext.config.globalProperties.$dictUtils.getDictLabel(
+							"hs_nation",
+							data.value.nation
+						);
+					educationName.value =
+						current.appContext.config.globalProperties.$dictUtils.getDictLabel(
+							"hs_personnel_education",
+							data.value.nationalEducationLevel
+						);
+					religiousName.value =
+						current.appContext.config.globalProperties.$dictUtils.getDictLabel(
+							"hs_religion_type",
+							data.value.religion
+						);
+					let location = data.value.location;
+					locationName.value = location.name;
+					typeOfEmployeesName.value =
+						current.appContext.config.globalProperties.$dictUtils.getDictLabel(
+							"hs_type_of_employees",
+							data.value.typeOfEmployees
+						);
+					if (data.value.dead) {
+						Dead.value =
+							current.appContext.config.globalProperties.$dictUtils.getDictLabel(
+								"yes_no",
+								data.value.dead
+							);
+					} else {
+						Dead.value = '否'
+						data.value.dead = '1'
+					}
+					if (data.value.bkcheck) {
+						activitytext.value =
+							current.appContext.config.globalProperties.$dictUtils.getDictLabel(
+								"yes_no",
+								data.value.bkcheck
+							);
+					} else {
+						activitytext.value = '否'
+						data.value.bkcheck = '1'
+					}
 
-              url: $base +"/"+ item.replace("程序附件//", "程序附件/"),
-              id: item.replace("程序附件//", "程序附件/"),
-            });
-          }
-        });
-        data.value.userManagenmetDetailsDTOList.forEach((item) => {
-          if (item.chineseName === "教职身份") {
-            const teachType = {
-              1: "阿訇",
-              2: "牧师",
-              3: "长老",
-              4: "传道员",
-              5: "神学生",
-              6: "道士（正一）",
-              7: "比丘",
-              8: "教师（副牧师）",
-              9: "比丘尼",
-            };
-            item.value = teachType[item.value];
-          }
-          if (item.chineseName === "宗教教育程度") {
-            const Type = {
-              1: "小学",
-              2: "初中",
-              3: "中专",
-              4: "高中",
-              5: "大专",
-              6: "本科",
-              7: "硕士研究生",
-              8: "博士研究生",
-              9: "其他",
-            };
-            item.value = Type[item.value];
-          }
-        });
-      });
-      //籍贯接口
-      new placePerson().nativePlace().then((res) => {
-        nativePlace.value.push(...res);
-        options.value.push(...res);
-      });
-    });
-    const getValue = (item) => {
-      if (item.chineseName === "教职身份") {
-        const type = {
-          1: "阿訇",
-          2: "牧师",
-          3: "长老",
-          4: "传道员",
-          5: "神学生",
-          6: "道士（正一）",
-          7: "比丘",
-          8: "教师（副牧师）",
-          9: "比丘尼",
-        };
-        return type[item.value];
-      }
-      if (item.chineseName === "宗教教育程度") {
-        const type = {
-          1: "小学",
-          2: "初中",
-          3: "中专",
-          4: "高中",
-          5: "大专",
-          6: "本科",
-          7: "硕士研究生",
-          8: "博士研究生",
-          9: "其他",
-        };
-        return type[item.value];
-      }
-      return item.value;
-    };
-    // 证件类型
-    const idTypeName = ref("");
-    let showPicker = ref(false);
-    const getPlace = ({ selectedOptions }) => {
-      showPicker.value = false;
-      const json = Object.assign(data.value, {
-        idType: selectedOptions[0].value,
-      });
-      data.value = json;
-      idTypeName.value = selectedOptions[0].label;
-    };
-    const getidCardType = (item) => {
-      const type = {
-        1: "身份证",
-        2: "护照",
-        3: "港澳通行证",
-        4: "其他",
-      };
-      return type[item];
-    };
-    // 性别
-    const sexName = ref("");
-    const sex = [
-      { text: "男", value: "1" },
-      { text: "女", value: "2" },
-    ];
-    let hs_sex = ref(false);
-    const getsex = ({ selectedOptions }) => {
-      hs_sex.value = false;
-      const json = Object.assign(data.value, {
-        sex: selectedOptions[0].value,
-      });
-      data.value = json;
-      sexName.value = selectedOptions[0].text;
-    };
-    const getSex = (item) => {
-      const type = {
-        1: "男",
-        2: "女",
-      };
-      return type[item];
-    };
-    // 民族
-    const nationName = ref("");
-    let hs_nation = ref(false);
-    const getnation = ({ selectedOptions }) => {
-      hs_nation.value = false;
-      const json = Object.assign(data.value, {
-        nation: selectedOptions[0].value,
-      });
-      data.value = json;
-      nationName.value = selectedOptions[0].label;
-    };
-    // 教育程度
-    const educationName = ref("");
-    let hs_education = ref(false);
-    const geteducation = ({ selectedOptions }) => {
-      hs_education.value = false;
-      const json = Object.assign(data.value, {
-        nationalEducationLevel: selectedOptions[0].value,
-      });
-      data.value = json;
-      educationName.value = selectedOptions[0].label;
-    };
-    // 宗教类别
-    const religiousName = ref("");
-    let hs_religious = ref(false);
-    const getreligious = ({ selectedOptions }) => {
-      hs_religious.value = false;
-      const json = Object.assign(data.value, {
-        religion: selectedOptions[0].value,
-      });
-      data.value = json;
-      religiousName.value = selectedOptions[0].label;
-    };
-    // 宗教类别2
-    const religiousName2 = ref("");
-    const religioustype2 = ref("");
-    const religious2 = [
-      { text: "伊斯兰教", value: "1" },
-      { text: "基督教", value: "2" },
-      { text: "天主教", value: "3" },
-      { text: "佛教", value: "4" },
-      { text: "道教", value: "5" },
-    ];
-    let hs_religious2 = ref(false);
-    const getreligious2 = ({ selectedOptions }) => {
-      hs_religious2.value = false;
-      religioustype2.value = selectedOptions[0].value;
-      religiousName2.value = selectedOptions[0].text;
-    };
-    // 所属场所
-    const locationName = ref("");
-    const checked = ref("");
-    const sitelist = ref([]);
-    let hs_site = ref(false);
-    const getsite = (val) => {
-      console.log(val);
-      let id = "";
-      id = val.id;
-      locationName.value = val.name;
-      const json = Object.assign(data.value, {
-        location: { id: id, name: val.name },
-      });
-      data.value = json;
-      checked.value = val.id;
-    };
-    const loading = ref(false);
-    const finished = ref(false);
-    const refreshing = ref(false);
-    let index = 0;
-    const onLoad = () => {
-      loading.value = true;
-      finished.value = false;
-      // 异步更新数据
-      new PlaceRegister()
-        .religiousList({
-          current: index + 1,
-          size: 10,
-        })
-        .then(({ records, pages }) => {
-          sitelist.value = sitelist.value.concat(records);
-          // 加载状态结束
-          loading.value = false;
-          if (index + 1 >= pages) {
-            finished.value = true;
-          }
-          index++;
-        });
-    };
-    // 场所任职情况
-    const typeOfEmployeesName = ref("");
-    let hs_typeOfEmployees = ref(false);
-    const gettypeOfEmployees = ({ selectedOptions }) => {
-      hs_typeOfEmployees.value = false;
-      const json = Object.assign(data.value, {
-        typeOfEmployees: selectedOptions[0].value,
-      });
-      data.value = json;
-      typeOfEmployeesName.value = selectedOptions[0].label;
-    };
-    //籍贯
-    const nativePlace = ref([]);
-    let hs_nativePlace = ref(false);
-    const getnativePlace = ({ selectedOptions }) => {
-      hs_nativePlace.value = false;
-      let str = "";
-      selectedOptions.forEach((item) => {
-        if (data.nativePlace) {
-          str = data.nativePlace;
-        }
-        str += item.name + "/";
-      });
-      data.nativePlace = str;
-      const json = Object.assign(data.value, { nativePlace: str });
-      data.value = json;
-    };
-    //图片上传
-    let fileList = ref([]);
-    let fileImg = ref([]);
-    const chooseImg = () => {
-		if (store.state.pctoken != "") {
-      xm.chooseFile({
-        count: 1,
-        name: "file",
-        url: $base + `/sys/file/webupload/upload?uploadPath=logo`,
-        headers: {
-          "Content-Type": "multipart/form-data",
-          "token": store.state.pctoken,
-        },
-      }).then((res) => {
-        let data = res[0].data;
-        data.name = decodeURIComponent(
-          data.id.substring(data.url.lastIndexOf("/") + 1)
-        );
-        data.url = $base + data.url;
-        fileImg.value.push(data);
-        fileList.value.push(data);
-      });
-	  }
-    };
-    // 删除文件
-    const deleteRead = (file) => {
-      //删除文件操作
-      for (let index = 0; index < fileList.value.length; index++) {
-        if (file.id == fileList.value[index].id) {
-          fileList.value.splice(index, 1);
-          if (fileImg.value[index]) {
-            let delurl = fileImg.value[index].url;
-            new tools().uploadFiledelete("", delurl).then(({ data }) => {});
-            fileImg.value.splice(index, 1);
-          }
-        }
-      }
-    };
-    //详细地址定位
-    const getLocation = () => {
-      xm.getLocation().then((data) => {
-        inputForm.currentResidenceDetail = data.POIName;
-      });
-    };
-    // 地区选择
-    let placeAddress = ref("");
-    const customFieldName = {
-      text: "name",
-      value: "id",
-    };
-    const options = ref([]);
-    let showPlace1 = ref(false);
-    const getPlace1 = ({ selectedOptions }) => {
-      showPlace1.value = false;
-      let str1 = "";
-      let str2 = "";
-      selectedOptions.forEach((item) => {
-        if (data.currentResidence) {
-          str1 = data.currentResidence;
-          str2 = data.currentResidenceId;
-        }
-        str1 += item.name + "/";
-        str2 += item.code + "/";
-      });
-      const json = Object.assign(data.value, {
-        currentResidence: str1,
-        currentResidenceId: str2,
-      });
-      data.value = json;
-    };
+					let arr = data.value.personnelType.split(",");
+					personnalType.value = getValue1(arr).join(",");
+					let tissid = data.value.zjzz.id;
+					new placePerson().religious().then((res) => {
+						res.records.forEach((item) => {
+							if (item.id == tissid) {
+								tissueName.value = item.organizationName;
+							}
+						});
+					});
+					data.value.workPicture.split("|").forEach((item) => {
+						if (item.trim().length > 0) {
+							fileImg.value.push({
+								name: decodeURIComponent(
+									item.substring(item.lastIndexOf("/") + 1)
+								),
+								url: $base + "/" + item.replace("程序附件//", "程序附件/"),
+								id: item.replace("程序附件//", "程序附件/"),
+							});
+							fileList.value.push({
+								name: decodeURIComponent(
+									item.substring(item.lastIndexOf("/") + 1)
+								),
 
-    //宗教组织
-    const tissueName = ref("");
-    const checked1 = ref("");
-    const tissuelist = ref([]);
-    let hs_tissue = ref(false);
-    const gettissue = (val) => {
-      tissueName.value = val.organizationName;
-      const json = Object.assign(data.value, { zjzz: { id: val.id } });
-      data.value = json;
-      checked1.value = val.id;
-    };
-    const loading1 = ref(false);
-    const finished1 = ref(false);
-    const refreshing1 = ref(false);
-    let index1 = 0;
-    const onLoad1 = () => {
-      loading1.value = true;
-      finished1.value = false;
-      // 异步更新数据
-      new placePerson()
-        .zjzz({
-          current: index1 + 1,
-          size: 10,
-        })
-        .then(({ records, pages }) => {
-          tissuelist.value = tissuelist.value.concat(records);
-          // 加载状态结束
-          loading1.value = false;
-          if (index1 + 1 >= pages) {
-            finished1.value = true;
-          }
-          index1++;
-        });
-    };
-    //人员类型
-    const personnalType = ref("");
-    const checked2 = ref([]);
-    const showZW = ref("");
-    const checkboxRefs = ref([]);
-    let hs_persontype = ref(false);
-    const toggle = (index) => {
-      checkboxRefs.value[index].toggle();
-      personnalType.value = getValue1(checked2.value).join();
-      showZW.value = checked2.value.join();
-    };
-    const changperson = () => {
-      const json = Object.assign(
-        { ...data.value },
-        { personnelType: showZW.value }
-      );
-      data.value = json;
-      changePersonnelType();
-    };
-    const changePersonnelType = () => {
-      let userManagenmetDetailsDTOList = [];
-      new placePerson()
-        .userDTOqueryId(data.value.personnelType.toString())
-        .then((res) => {
-          res.forEach((item) => {
-            let userManagenmetDetail = {};
-            userManagenmetDetail = Object.assign(userManagenmetDetail, {
-              id: "",
-              chineseName: item.chineseName,
-              englishName: item.englishName,
-              dataType: item.dataType,
-              value: "",
-              orderNum: item.orderNum,
-              dataDictionary: item.dataDictionary,
-              dataDictionaryId: item.dataDictionaryId,
-            });
-            userManagenmetDetailsDTOList.push(userManagenmetDetail);
-          });
-          const json = Object.assign(
-            { ...data.value },
-            { userManagenmetDetailsDTOList: userManagenmetDetailsDTOList }
-          );
-          data.value = json;
-        });
-    };
-    onBeforeUpdate(() => {
-      checkboxRefs.value = [];
-    });
-    const getValue1 = (item) => {
-      const type = {
-        1: "宗教从业人员",
-        2: "民族场所从业人员",
-        3: "教职人员",
-        4: "固定信徒",
-        5: "场所居住人员",
-        6: "境外人员",
-        7: "非本市人员",
-        8: "非本教人员",
-        9: "临时人员",
-        10: "异常人员",
-        12: "邪教人员",
-        13: "管理人员",
-        14: "全能神离家人员",
-        15: "全能神骨干人员",
-        16: "网络运营人员",
-        17: "涉政有害活动人员",
-        18: "境内外记者",
-        19: "境外法轮功骨干人员",
-        20: "其他邪教骨干人员",
-        21: "心灵法门骨干人员",
-        22: "“精神控制”有害培训骨干人员",
-        23: "重点人员",
-      };
-      let Array = [];
-      item.forEach((chilr) => {
-        Array.push(type[chilr]);
-      });
-      return Array;
-    };
-    // 扩展信息选择
-    let hs_select = ref({});
-    const getselect = (index, { selectedOptions }) => {
-      hs_select.value[index] = false;
-      let inputIndex = index.split("_")[0];
-      data.value.userManagenmetDetailsDTOList[inputIndex].value =
-        selectedOptions[0].label;
-    };
-    // 扩展信息的时间
-    let hs_Date = ref({});
-    let currentDate = ref(formatDate(new Date()));
-    let currentTime = ref(formatTime(new Date()));
-    const columnsType = ["hour", "minute", "second"];
-    const getDate = (index, { selectedOptions }) => {
-      hs_Date.value[index] = false;
-      let inputIndex = index.split("_")[0];
-      data.value.userManagenmetDetailsDTOList[
-        inputIndex
-      ].value = `${currentDate.value.join("-")} ${currentTime.value.join(":")}`;
-      hs_Date.value[index] = false;
-    };
-    // 是否参加非法活动
-    const activitytext = ref("");
-    let hs_activity = ref(false);
-    const getactivity = ({ selectedOptions }) => {
-      hs_activity.value = false;
-      const json = Object.assign(data.value, {
-        bkcheck: selectedOptions[0].value,
-      });
-      data.value = json;
-      activitytext.value = selectedOptions[0].label;
-    };
-    // 是否死亡
-    const Dead = ref("否");
-    let hs_dead = ref(false);
-    const getdead = ({ selectedOptions }) => {
-      hs_dead.value = false;
-      const json = Object.assign(data.value, {
-        dead: selectedOptions[0].value,
-      });
-      data.value = json;
-      Dead.value = selectedOptions[0].label;
-    };
-    //返回
-    const onClickLeft = () => {
-      history.back();
-    };
-    //校验
-    const failed = () => {
-      xm.showToast({
-        message: "请检查表单必填项是否存在填写遗漏！",
-      });
-    };
-    //数据提交
-    const submit = () => {
-      //保存前附件处理
-      data.value.workPicture = fileImg.value
-        .map((option) => option.id)
-        .join("|");
-      data.value.userManagenmetDetailsDTOList.forEach((item) => {
-        if (item.chineseName === "教职身份") {
-          const teachType = {
-            阿訇: 1,
-            牧师: 2,
-            长老: 3,
-            传道员: 4,
-            神学生: 5,
-            "道士（正一）": 6,
-            比丘: 7,
-            "教师（副牧师）": 8,
-            比丘尼: 9,
-          };
-          item.value = teachType[item.value];
-        }
-        if (item.chineseName === "宗教教育程度") {
-          const Type = {
-            小学: 1,
-            初中: 2,
-            中专: 3,
-            高中: 4,
-            大专: 5,
-            本科: 6,
-            硕士研究生: 7,
-            博士研究生: 8,
-            其他: 9,
-          };
-          item.value = Type[item.value];
-        }
-      });
-      new placePerson().save(data.value).then((res) => {
-        if (res.status == 200) {
-          xm.showToast({
-            message: "人员修改成功",
-          });
-          router.push({
-            path: "/placePerson",
-          });
-        } else {
-          xm.showToast({
-            message: "人员修改失败",
-          });
-          console.log(res);
-        }
-      });
-    };
-    return {
-      onClickLeft,
-      data,
-      selectColor,
-      expansion,
-      getValue,
-      // 证件类型
-      idTypeName,
-      showPicker,
-      getPlace,
-      //性别
-      sexName,
-      hs_sex,
-      sex,
-      getsex,
-      //民族
-      nationName,
-      hs_nation,
-      getnation,
-      // 教育程度
-      educationName,
-      hs_education,
-      geteducation,
-      // 宗教类别
-      religiousName,
-      hs_religious,
-      getreligious,
-      // 宗教类别2
-      religiousName2,
-      religioustype2,
-      hs_religious2,
-      religious2,
-      getreligious2,
-      //所属场所
-      locationName,
-      checked,
-      hs_site,
-      getsite,
-      sitelist,
-      loading,
-      finished,
-      onLoad,
-      refreshing,
-      //场所任职情况
-      typeOfEmployeesName,
-      hs_typeOfEmployees,
-      gettypeOfEmployees,
-      //籍贯
-      nativePlace,
-      hs_nativePlace,
-      getnativePlace,
-      //宗教组织
-      tissueName,
-      checked1,
-      hs_tissue,
-      gettissue,
-      tissuelist,
-      loading1,
-      finished1,
-      onLoad1,
-      refreshing1,
-      //人员类型
-      checked2,
-      personnalType,
-      hs_persontype,
-      toggle,
-      checkboxRefs,
-      showZW,
-      changperson,
-      // 是否参加非法活动
-      hs_activity,
-      getactivity,
-      activitytext,
-      //是否死亡
-      Dead,
-      hs_dead,
-      getdead,
-      // 地区选择
-      placeAddress,
-      customFieldName,
-      showPlace1,
-      getPlace1,
-      options,
-      getLocation,
-      //扩展信息选择
-      hs_select,
-      getselect,
-      //扩展信息时间
-      currentDate,
-      currentTime,
-      columnsType,
-      hs_Date,
-      getDate,
-      //图片上传
-      fileList,
-      chooseImg,
-      deleteRead,
-      submit,
-      //校验
-      failed,
-    };
-  },
-};
+								url: $base + "/" + item.replace("程序附件//", "程序附件/"),
+								id: item.replace("程序附件//", "程序附件/"),
+							});
+						}
+					});
+					data.value.userManagenmetDetailsDTOList.forEach((item) => {
+						if (item.chineseName === "教职身份") {
+							const teachType = {
+								1: "阿訇",
+								2: "牧师",
+								3: "长老",
+								4: "传道员",
+								5: "神学生",
+								6: "道士（正一）",
+								7: "比丘",
+								8: "教师（副牧师）",
+								9: "比丘尼",
+							};
+							item.value = teachType[item.value];
+						}
+						if (item.chineseName === "宗教教育程度") {
+							const Type = {
+								1: "小学",
+								2: "初中",
+								3: "中专",
+								4: "高中",
+								5: "大专",
+								6: "本科",
+								7: "硕士研究生",
+								8: "博士研究生",
+								9: "其他",
+							};
+							item.value = Type[item.value];
+						}
+					});
+				});
+				//籍贯接口
+				new placePerson().nativePlace().then((res) => {
+					nativePlace.value.push(...res);
+					options.value.push(...res);
+				});
+			});
+			const getValue = (item) => {
+				if (item.chineseName === "教职身份") {
+					const type = {
+						1: "阿訇",
+						2: "牧师",
+						3: "长老",
+						4: "传道员",
+						5: "神学生",
+						6: "道士（正一）",
+						7: "比丘",
+						8: "教师（副牧师）",
+						9: "比丘尼",
+					};
+					return type[item.value];
+				}
+				if (item.chineseName === "宗教教育程度") {
+					const type = {
+						1: "小学",
+						2: "初中",
+						3: "中专",
+						4: "高中",
+						5: "大专",
+						6: "本科",
+						7: "硕士研究生",
+						8: "博士研究生",
+						9: "其他",
+					};
+					return type[item.value];
+				}
+				return item.value;
+			};
+			// 证件类型
+			const idTypeName = ref("");
+			let showPicker = ref(false);
+			const getPlace = ({
+				selectedOptions
+			}) => {
+				showPicker.value = false;
+				const json = Object.assign(data.value, {
+					idType: selectedOptions[0].value,
+				});
+				data.value = json;
+				idTypeName.value = selectedOptions[0].label;
+			};
+			const getidCardType = (item) => {
+				const type = {
+					1: "身份证",
+					2: "护照",
+					3: "港澳通行证",
+					4: "其他",
+				};
+				return type[item];
+			};
+			// 性别
+			const sexName = ref("");
+			const sex = [{
+					text: "男",
+					value: "1"
+				},
+				{
+					text: "女",
+					value: "2"
+				},
+			];
+			let hs_sex = ref(false);
+			const getsex = ({
+				selectedOptions
+			}) => {
+				hs_sex.value = false;
+				const json = Object.assign(data.value, {
+					sex: selectedOptions[0].value,
+				});
+				data.value = json;
+				sexName.value = selectedOptions[0].text;
+			};
+			const getSex = (item) => {
+				const type = {
+					1: "男",
+					2: "女",
+				};
+				return type[item];
+			};
+			// 民族
+			const nationName = ref("");
+			let hs_nation = ref(false);
+			const getnation = ({
+				selectedOptions
+			}) => {
+				hs_nation.value = false;
+				const json = Object.assign(data.value, {
+					nation: selectedOptions[0].value,
+				});
+				data.value = json;
+				nationName.value = selectedOptions[0].label;
+			};
+			// 教育程度
+			const educationName = ref("");
+			let hs_education = ref(false);
+			const geteducation = ({
+				selectedOptions
+			}) => {
+				hs_education.value = false;
+				const json = Object.assign(data.value, {
+					nationalEducationLevel: selectedOptions[0].value,
+				});
+				data.value = json;
+				educationName.value = selectedOptions[0].label;
+			};
+			// 宗教类别
+			const religiousName = ref("");
+			let hs_religious = ref(false);
+			const getreligious = ({
+				selectedOptions
+			}) => {
+				hs_religious.value = false;
+				const json = Object.assign(data.value, {
+					religion: selectedOptions[0].value,
+				});
+				data.value = json;
+				religiousName.value = selectedOptions[0].label;
+			};
+			// 宗教类别2
+			const religiousName2 = ref("");
+			const religioustype2 = ref("");
+			const religious2 = [{
+					text: "伊斯兰教",
+					value: "1"
+				},
+				{
+					text: "基督教",
+					value: "2"
+				},
+				{
+					text: "天主教",
+					value: "3"
+				},
+				{
+					text: "佛教",
+					value: "4"
+				},
+				{
+					text: "道教",
+					value: "5"
+				},
+			];
+			let hs_religious2 = ref(false);
+			const getreligious2 = ({
+				selectedOptions
+			}) => {
+				hs_religious2.value = false;
+				religioustype2.value = selectedOptions[0].value;
+				religiousName2.value = selectedOptions[0].text;
+			};
+			// 所属场所
+			const locationName = ref("");
+			const checked = ref("");
+			const sitelist = ref([]);
+			let hs_site = ref(false);
+			const getsite = (val) => {
+				console.log(val);
+				let id = "";
+				id = val.id;
+				locationName.value = val.name;
+				const json = Object.assign(data.value, {
+					location: {
+						id: id,
+						name: val.name
+					},
+				});
+				data.value = json;
+				checked.value = val.id;
+			};
+			const loading = ref(false);
+			const finished = ref(false);
+			const refreshing = ref(false);
+			let index = 0;
+			const onLoad = () => {
+				loading.value = true;
+				finished.value = false;
+				// 异步更新数据
+				new PlaceRegister()
+					.religiousList({
+						current: index + 1,
+						size: 10,
+					})
+					.then(({
+						records,
+						pages
+					}) => {
+						sitelist.value = sitelist.value.concat(records);
+						// 加载状态结束
+						loading.value = false;
+						if (index + 1 >= pages) {
+							finished.value = true;
+						}
+						index++;
+					});
+			};
+			// 场所任职情况
+			const typeOfEmployeesName = ref("");
+			let hs_typeOfEmployees = ref(false);
+			const gettypeOfEmployees = ({
+				selectedOptions
+			}) => {
+				hs_typeOfEmployees.value = false;
+				const json = Object.assign(data.value, {
+					typeOfEmployees: selectedOptions[0].value,
+				});
+				data.value = json;
+				typeOfEmployeesName.value = selectedOptions[0].label;
+			};
+			//籍贯
+			const nativePlace = ref([]);
+			let hs_nativePlace = ref(false);
+			const getnativePlace = ({
+				selectedOptions
+			}) => {
+				hs_nativePlace.value = false;
+				let str = "";
+				selectedOptions.forEach((item) => {
+					if (data.nativePlace) {
+						str = data.nativePlace;
+					}
+					str += item.name + "/";
+				});
+				data.nativePlace = str;
+				const json = Object.assign(data.value, {
+					nativePlace: str
+				});
+				data.value = json;
+			};
+			//图片上传
+			let fileList = ref([]);
+			let fileImg = ref([]);
+			const chooseImg = () => {
+
+				xm.chooseFile({
+					count: 1,
+					name: "file",
+					url: $base + `/sys/file/webupload/upload?uploadPath=logo`,
+					headers: {
+						"Content-Type": "multipart/form-data"
+					},
+				}).then((res) => {
+					let data = res[0].data;
+					data.name = decodeURIComponent(
+						data.id.substring(data.url.lastIndexOf("/") + 1)
+					);
+					data.url = $base + data.url;
+					fileImg.value.push(data);
+					fileList.value.push(data);
+					xm.showToast({
+						message: "上传成功",
+					});
+				});
+			};
+			// 删除文件
+			const deleteRead = (file) => {
+				//删除文件操作
+				for (let index = 0; index < fileList.value.length; index++) {
+					if (file.id == fileList.value[index].id) {
+						fileList.value.splice(index, 1);
+						if (fileImg.value[index]) {
+							let delurl = fileImg.value[index].url;
+							new tools().uploadFiledelete("", delurl).then(({
+								data
+							}) => {});
+							fileImg.value.splice(index, 1);
+						}
+					}
+				}
+			};
+			//详细地址定位
+			const getLocation = () => {
+				xm.getLocation().then((data) => {
+					inputForm.currentResidenceDetail = data.POIName;
+				});
+			};
+			// 地区选择
+			let placeAddress = ref("");
+			const customFieldName = {
+				text: "name",
+				value: "id",
+			};
+			const options = ref([]);
+			let showPlace1 = ref(false);
+			const getPlace1 = ({
+				selectedOptions
+			}) => {
+				showPlace1.value = false;
+				let str1 = "";
+				let str2 = "";
+				selectedOptions.forEach((item) => {
+					if (data.currentResidence) {
+						str1 = data.currentResidence;
+						str2 = data.currentResidenceId;
+					}
+					str1 += item.name + "/";
+					str2 += item.code + "/";
+				});
+				const json = Object.assign(data.value, {
+					currentResidence: str1,
+					currentResidenceId: str2,
+				});
+				data.value = json;
+			};
+
+			//宗教组织
+			const tissueName = ref("");
+			const checked1 = ref("");
+			const tissuelist = ref([]);
+			let hs_tissue = ref(false);
+			const gettissue = (val) => {
+				tissueName.value = val.organizationName;
+				const json = Object.assign(data.value, {
+					zjzz: {
+						id: val.id
+					}
+				});
+				data.value = json;
+				checked1.value = val.id;
+			};
+			const loading1 = ref(false);
+			const finished1 = ref(false);
+			const refreshing1 = ref(false);
+			let index1 = 0;
+			const onLoad1 = () => {
+				loading1.value = true;
+				finished1.value = false;
+				// 异步更新数据
+				new placePerson()
+					.zjzz({
+						current: index1 + 1,
+						size: 10,
+					})
+					.then(({
+						records,
+						pages
+					}) => {
+						tissuelist.value = tissuelist.value.concat(records);
+						// 加载状态结束
+						loading1.value = false;
+						if (index1 + 1 >= pages) {
+							finished1.value = true;
+						}
+						index1++;
+					});
+			};
+			//人员类型
+			const personnalType = ref("");
+			const checked2 = ref([]);
+			const showZW = ref("");
+			const checkboxRefs = ref([]);
+			let hs_persontype = ref(false);
+			const toggle = (index) => {
+				checkboxRefs.value[index].toggle();
+				personnalType.value = getValue1(checked2.value).join();
+				showZW.value = checked2.value.join();
+			};
+			const changperson = () => {
+				const json = Object.assign({
+					...data.value
+				}, {
+					personnelType: showZW.value
+				});
+				data.value = json;
+				changePersonnelType();
+			};
+			const changePersonnelType = () => {
+				let userManagenmetDetailsDTOList = [];
+				new placePerson()
+					.userDTOqueryId(data.value.personnelType.toString())
+					.then((res) => {
+						res.forEach((item) => {
+							let userManagenmetDetail = {};
+							userManagenmetDetail = Object.assign(userManagenmetDetail, {
+								id: "",
+								chineseName: item.chineseName,
+								englishName: item.englishName,
+								dataType: item.dataType,
+								value: "",
+								orderNum: item.orderNum,
+								dataDictionary: item.dataDictionary,
+								dataDictionaryId: item.dataDictionaryId,
+							});
+							userManagenmetDetailsDTOList.push(userManagenmetDetail);
+						});
+						const json = Object.assign({
+							...data.value
+						}, {
+							userManagenmetDetailsDTOList: userManagenmetDetailsDTOList
+						});
+						data.value = json;
+					});
+			};
+			onBeforeUpdate(() => {
+				checkboxRefs.value = [];
+			});
+			const getValue1 = (item) => {
+				const type = {
+					1: "宗教从业人员",
+					2: "民族场所从业人员",
+					3: "教职人员",
+					4: "固定信徒",
+					5: "场所居住人员",
+					6: "境外人员",
+					7: "非本市人员",
+					8: "非本教人员",
+					9: "临时人员",
+					10: "异常人员",
+					12: "邪教人员",
+					13: "管理人员",
+					14: "全能神离家人员",
+					15: "全能神骨干人员",
+					16: "网络运营人员",
+					17: "涉政有害活动人员",
+					18: "境内外记者",
+					19: "境外法轮功骨干人员",
+					20: "其他邪教骨干人员",
+					21: "心灵法门骨干人员",
+					22: "“精神控制”有害培训骨干人员",
+					23: "重点人员",
+				};
+				let Array = [];
+				item.forEach((chilr) => {
+					Array.push(type[chilr]);
+				});
+				return Array;
+			};
+			// 扩展信息选择
+			let hs_select = ref({});
+			const getselect = (index, {
+				selectedOptions
+			}) => {
+				hs_select.value[index] = false;
+				let inputIndex = index.split("_")[0];
+				data.value.userManagenmetDetailsDTOList[inputIndex].value =
+					selectedOptions[0].label;
+			};
+			// 扩展信息的时间
+			let hs_Date = ref({});
+			let currentDate = ref(formatDate(new Date()));
+			let currentTime = ref(formatTime(new Date()));
+			const columnsType = ["hour", "minute", "second"];
+			const getDate = (index, {
+				selectedOptions
+			}) => {
+				hs_Date.value[index] = false;
+				let inputIndex = index.split("_")[0];
+				data.value.userManagenmetDetailsDTOList[
+					inputIndex
+				].value = `${currentDate.value.join("-")} ${currentTime.value.join(":")}`;
+				hs_Date.value[index] = false;
+			};
+			// 是否参加非法活动
+			const activitytext = ref("");
+			let hs_activity = ref(false);
+			const getactivity = ({
+				selectedOptions
+			}) => {
+				hs_activity.value = false;
+				const json = Object.assign(data.value, {
+					bkcheck: selectedOptions[0].value,
+				});
+				data.value = json;
+				activitytext.value = selectedOptions[0].label;
+			};
+			// 是否死亡
+			const Dead = ref("否");
+			let hs_dead = ref(false);
+			const getdead = ({
+				selectedOptions
+			}) => {
+				hs_dead.value = false;
+				const json = Object.assign(data.value, {
+					dead: selectedOptions[0].value,
+				});
+				data.value = json;
+				Dead.value = selectedOptions[0].label;
+			};
+			//返回
+			const onClickLeft = () => {
+				history.back();
+			};
+			//校验
+			const failed = () => {
+				xm.showToast({
+					message: "请检查表单必填项是否存在填写遗漏！",
+				});
+			};
+			//数据提交
+			const submit = () => {
+				//保存前附件处理
+				data.value.workPicture = fileImg.value
+					.map((option) => option.id)
+					.join("|");
+				data.value.userManagenmetDetailsDTOList.forEach((item) => {
+					if (item.chineseName === "教职身份") {
+						const teachType = {
+							阿訇: 1,
+							牧师: 2,
+							长老: 3,
+							传道员: 4,
+							神学生: 5,
+							"道士（正一）": 6,
+							比丘: 7,
+							"教师（副牧师）": 8,
+							比丘尼: 9,
+						};
+						item.value = teachType[item.value];
+					}
+					if (item.chineseName === "宗教教育程度") {
+						const Type = {
+							小学: 1,
+							初中: 2,
+							中专: 3,
+							高中: 4,
+							大专: 5,
+							本科: 6,
+							硕士研究生: 7,
+							博士研究生: 8,
+							其他: 9,
+						};
+						item.value = Type[item.value];
+					}
+				});
+				new placePerson().save(data.value).then((res) => {
+					if (res.status == 200) {
+						xm.showToast({
+							message: "人员修改成功",
+						});
+						router.push({
+							path: "/placePerson",
+						});
+					} else {
+						xm.showToast({
+							message: "人员修改失败",
+						});
+						console.log(res);
+					}
+				});
+			};
+			return {
+				onClickLeft,
+				data,
+				selectColor,
+				expansion,
+				getValue,
+				// 证件类型
+				idTypeName,
+				showPicker,
+				getPlace,
+				//性别
+				sexName,
+				hs_sex,
+				sex,
+				getsex,
+				//民族
+				nationName,
+				hs_nation,
+				getnation,
+				// 教育程度
+				educationName,
+				hs_education,
+				geteducation,
+				// 宗教类别
+				religiousName,
+				hs_religious,
+				getreligious,
+				// 宗教类别2
+				religiousName2,
+				religioustype2,
+				hs_religious2,
+				religious2,
+				getreligious2,
+				//所属场所
+				locationName,
+				checked,
+				hs_site,
+				getsite,
+				sitelist,
+				loading,
+				finished,
+				onLoad,
+				refreshing,
+				//场所任职情况
+				typeOfEmployeesName,
+				hs_typeOfEmployees,
+				gettypeOfEmployees,
+				//籍贯
+				nativePlace,
+				hs_nativePlace,
+				getnativePlace,
+				//宗教组织
+				tissueName,
+				checked1,
+				hs_tissue,
+				gettissue,
+				tissuelist,
+				loading1,
+				finished1,
+				onLoad1,
+				refreshing1,
+				//人员类型
+				checked2,
+				personnalType,
+				hs_persontype,
+				toggle,
+				checkboxRefs,
+				showZW,
+				changperson,
+				// 是否参加非法活动
+				hs_activity,
+				getactivity,
+				activitytext,
+				//是否死亡
+				Dead,
+				hs_dead,
+				getdead,
+				// 地区选择
+				placeAddress,
+				customFieldName,
+				showPlace1,
+				getPlace1,
+				options,
+				getLocation,
+				//扩展信息选择
+				hs_select,
+				getselect,
+				//扩展信息时间
+				currentDate,
+				currentTime,
+				columnsType,
+				hs_Date,
+				getDate,
+				//图片上传
+				fileList,
+				chooseImg,
+				deleteRead,
+				submit,
+				//校验
+				failed,
+			};
+		},
+	};
 </script>
 
 <style lang="less" scoped>
-.dialog {
-  width: 100%;
-  height: 400px;
-  overflow: auto;
-}
-.subbtn {
-  margin: 20px;
-  text-align: center;
-}
-.subbtn .van-button {
-  width: 100%;
-  margin: 5px;
-}
-.van-uploader .van-button {
-  border: none;
-  color: #36a7f3;
-  top: -4px;
-}
+	.dialog {
+		width: 100%;
+		height: 400px;
+		overflow: auto;
+	}
+
+	.subbtn {
+		margin: 20px;
+		text-align: center;
+	}
+
+	.subbtn .van-button {
+		width: 100%;
+		margin: 5px;
+	}
+
+	.van-uploader .van-button {
+		border: none;
+		color: #36a7f3;
+		top: -4px;
+	}
 </style>

src/views/placeManage/placeRegister/placeRegister.vue

@@ -1,1511 +1,1163 @@
 <template>
-  <van-nav-bar
-    fixed
-    title="场所录入"
-    left-arrow
-    @click-left="onClickLeft"
-    :style="{ 'background-color': selectColor }"
-  />
-  <div class="main">
-    <van-form
-      @submit="submit"
-      @failed="failed"
-      show-error
-      :show-error-message="false"
-    >
-      <van-tabs v-model:active="active" swipeable>
-        <!-- 基础信息 -->
-        <van-tab>
-          <template #title> <van-icon name="orders-o" />基础信息</template>
-          <div style="padding: 0 10px; height: 570px; overflow: auto">
-            <div class="imgbox">
-              <div class="img-left">
-                <van-cell-group>
-                  <van-field
-                    name="uploader"
-                    label-align="top"
-                    label-width="8em"
-                    label="场所内外景(主):"
-                  >
-                    <template #input>
-                      <van-uploader
-                        readonly
-                        v-model="fileList"
-                        :max-count="1"
-                        accept=""
-                        :preview-full-image="false"
-                        :before-delete="deleteRead"
-                        @click-upload="chooseImg"
-                      >
-                      </van-uploader>
-                    </template>
-                  </van-field>
-                </van-cell-group>
-              </div>
-              <div class="img-left">
-                <van-cell-group>
-                  <van-field
-                    name="uploader"
-                    label-align="top"
-                    label-width="9em"
-                    label="场所内外景(其他):"
-                  >
-                    <template #input>
-                      <van-uploader
-                        readonly
-                        v-model="fileList4"
-                        :max-count="5"
-                        preview-size="60"
-                        accept=""
-                        :preview-full-image="false"
-                        :before-delete="deleteRead4"
-                        @click-upload="chooseImg4"
-                      >
-                      </van-uploader>
-                    </template>
-                  </van-field>
-                </van-cell-group>
-              </div>
-            </div>
-            <van-cell-group>
-              <van-field
-                v-model="inputForm.name"
-                center
-                required
-                clearable
-                :rules="[{ required: true }]"
-                label="场所名称:"
-                input-align="right"
-                placeholder="请输入场所名称"
-              />
-            </van-cell-group>
-            <van-cell-group>
-              <van-field
-                v-model="religiousType"
-                readonly
-                required
-                :rules="[{ required: true }]"
-                label="宗教类型:"
-                name="validator"
-                placeholder="请选择教别"
-                input-align="right"
-                right-icon="arrow-down"
-                @click="hs_religious = true"
-              />
-            </van-cell-group>
-            <van-cell-group>
-              <van-field
-                v-model="inputForm.tyshxydm"
-                center
-                label-width="7em"
-                clearable
-                label="社会信用代码:"
-                input-align="right"
-                placeholder="请输入社会信用代码"
-              />
-            </van-cell-group>
-            <van-cell-group>
-              <van-field
-                v-model="inputForm.contact"
-                center
-                label-width="7em"
-                clearable
-                label="场所联系人:"
-                input-align="right"
-                placeholder="请填写场所联系人"
-              />
-            </van-cell-group>
-            <van-cell-group>
-              <van-field
-                v-model="inputForm.contactNumber"
-                center
-                label-width="7em"
-                clearable
-                label="联系电话:"
-                input-align="right"
-                placeholder="请输入联系电话"
-              />
-            </van-cell-group>
+	<van-nav-bar fixed title="场所录入" left-arrow @click-left="onClickLeft" :style="{ 'background-color': selectColor }" />
+	<div class="main">
+		<van-form @submit="submit" @failed="failed" show-error :show-error-message="false">
+			<van-tabs v-model:active="active" swipeable>
+				<!-- 基础信息 -->
+				<van-tab>
+					<template #title> <van-icon name="orders-o" />基础信息</template>
+					<div style="padding: 0 10px; height: 570px; overflow: auto">
+						<div class="imgbox">
+							<div class="img-left">
+								<van-cell-group>
+									<van-field name="uploader" label-align="top" label-width="8em" label="场所内外景(主):">
+										<template #input>
+											<van-uploader readonly v-model="fileList" :max-count="1" accept=""
+												:preview-full-image="false" :before-delete="deleteRead"
+												@click-upload="chooseImg">
+											</van-uploader>
+										</template>
+									</van-field>
+								</van-cell-group>
+							</div>
+							<div class="img-left">
+								<van-cell-group>
+									<van-field name="uploader" label-align="top" label-width="9em" label="场所内外景(其他):">
+										<template #input>
+											<van-uploader readonly v-model="fileList4" :max-count="5" preview-size="60"
+												accept="" :preview-full-image="false" :before-delete="deleteRead4"
+												@click-upload="chooseImg4">
+											</van-uploader>
+										</template>
+									</van-field>
+								</van-cell-group>
+							</div>
+						</div>
+						<van-cell-group>
+							<van-field v-model="inputForm.name" center required clearable :rules="[{ required: true }]"
+								label="场所名称:" input-align="right" placeholder="请输入场所名称" />
+						</van-cell-group>
+						<van-cell-group>
+							<van-field v-model="religiousType" readonly required :rules="[{ required: true }]"
+								label="宗教类型:" name="validator" placeholder="请选择教别" input-align="right"
+								right-icon="arrow-down" @click="hs_religious = true" />
+						</van-cell-group>
+						<van-cell-group>
+							<van-field v-model="inputForm.tyshxydm" center label-width="7em" clearable label="社会信用代码:"
+								input-align="right" placeholder="请输入社会信用代码" />
+						</van-cell-group>
+						<van-cell-group>
+							<van-field v-model="inputForm.contact" center label-width="7em" clearable label="场所联系人:"
+								input-align="right" placeholder="请填写场所联系人" />
+						</van-cell-group>
+						<van-cell-group>
+							<van-field v-model="inputForm.contactNumber" center label-width="7em" clearable
+								label="联系电话:" input-align="right" placeholder="请输入联系电话" />
+						</van-cell-group>
 
-            <van-cell-group>
-              <van-field
-                v-model="placeAddress"
-                center
-                clearable
-                readonly
-                label="场所地点:"
-                input-align="right"
-                right-icon="arrow-down"
-                placeholder="请输入场所地点"
-                @click="showPlace1 = true"
-              />
-            </van-cell-group>
-            <van-cell-group>
-              <van-field
-                v-model="inputForm.place"
-                center
-                clearable
-                label="详细地点:"
-                input-align="right"
-                placeholder="请输入详细场所地点"
-              >
-                <template #right-icon>
-                  <van-icon name="location" @click="getLocation" />
-                </template>
-              </van-field>
-            </van-cell-group>
-            <van-cell-group>
-              <van-field
-                v-model="inputForm.longitude"
-                center
-                clearable
-                label-width="7em"
-                label="场所坐标-经度:"
-                input-align="right"
-                placeholder="请输入场所经度坐标"
-              />
-            </van-cell-group>
-            <van-cell-group>
-              <van-field
-                v-model="inputForm.latitude"
-                center
-                clearable
-                label-width="7em"
-                label="场所坐标-纬度:"
-                input-align="right"
-                placeholder="请输入场所纬度坐标"
-              />
-            </van-cell-group>
-            <van-cell-group>
-              <van-field
-                v-model="inputForm.peopleThreshold"
-                center
-                clearable
-                required
-                :rules="[{ required: true }]"
-                label="额定人数:"
-                input-align="right"
-                placeholder="请输入场所额定人数"
-              />
-            </van-cell-group>
-            <van-cell-group>
-              <van-field
-                v-model="placeTypeName"
-                center
-                readonly
-                clearable
-                required
-                :rules="[{ required: true }]"
-                label="场所类型:"
-                input-align="right"
-                placeholder="请选择场所类型"
-                right-icon="arrow-down"
-                @click="showPicker1 = true"
-              >
-              </van-field>
-            </van-cell-group>
-            <van-cell-group>
-              <van-field
-                v-model="propertyName"
-                readonly
-                required
-                :rules="[{ required: true }]"
-                label="场所性质"
-                placeholder="请选择场所性质"
-                input-align="right"
-                right-icon="arrow-down"
-                @click="showPicker3 = true"
-              />
-            </van-cell-group>
-            <van-cell-group>
-              <van-field
-                v-model="inputForm.protectionLevel"
-                center
-                clearable
-                label-width="7em"
-                label="文物保护级别:"
-                input-align="right"
-                placeholder="请输入文物保护级别"
-              />
-            </van-cell-group>
-            <van-cell-group>
-              <van-field
-                v-model="constructionName"
-                center
-                required
-                readonly
-                clearable
-                :rules="[{ required: true }]"
-                label-width="7em"
-                label="场所建设阶段:"
-                input-align="right"
-                right-icon="arrow-down"
-                placeholder="请选择场所建设阶段"
-                @click="showPicker2 = true"
-              >
-              </van-field>
-            </van-cell-group>
-            <van-cell-group>
-              <van-field
-                v-model="lv"
-                center
-                required
-                readonly
-                clearable
-                :rules="[{ required: true }]"
-                label-width="7em"
-                label="场所建筑等级:"
-                input-align="right"
-                right-icon="arrow-down"
-                placeholder="请选择场所建筑等级"
-                @click="showlv = true"
-              >
-              </van-field>
-            </van-cell-group>
-            <van-cell-group>
-              <van-field
-                v-model="inputForm.coveredArea"
-                center
-                clearable
-                label="建筑面积(㎡):"
-                input-align="right"
-                placeholder="请输入场所建筑面积"
-              />
-            </van-cell-group>
-            <van-cell-group>
-              <van-field
-                v-model="inputForm.floorSpace"
-                center
-                clearable
-                label="占地面积(㎡):"
-                input-align="right"
-                placeholder="请输入场所占地面积"
-              />
-            </van-cell-group>
-            <van-cell-group>
-              <van-field
-                v-model="inputForm.plan"
-                center
-                clearable
-                label="场所规划:"
-                input-align="right"
-                placeholder="请填写场所规划"
-              />
-            </van-cell-group>
-            <van-cell-group>
-              <van-field
-                v-model="inputForm.mainRoads"
-                center
-                clearable
-                label-width="8em"
-                label="出入口主要道路:"
-                input-align="right"
-                placeholder="请填写出入口主要道路"
-              />
-            </van-cell-group>
-            <van-cell-group>
-              <van-field
-                v-model="inputForm.publicArea"
-                center
-                clearable
-                label-width="7em"
-                label="外围公共区域:"
-                input-align="right"
-                placeholder="请填写外围公共区域"
-              />
-            </van-cell-group>
-            <van-cell-group>
-              <van-field
-                name="uploader"
-                label-align="top"
-                label-width="8em"
-                label="宗教礼仪空间:"
-              >
-                <template #input>
-                  <van-uploader
-                    readonly
-                    v-model="fileList2"
-                    :max-count="5"
-                    accept=""
-                    :preview-full-image="false"
-                    :before-delete="deleteRead2"
-                    @click-upload="chooseImg2"
-                  >
-                  </van-uploader>
-                </template>
-              </van-field>
-            </van-cell-group>
-            <van-cell-group>
-              <van-field
-                v-model="inputForm.remake"
-                rows="1"
-                autosize
-                label="备注："
-                type="textarea"
-                placeholder="请输入备注"
-              />
-            </van-cell-group>
-          </div>
-        </van-tab>
-        <!-- 备案信息 -->
-        <van-tab>
-          <template #title> <van-icon name="bulb-o" />备案信息 </template>
-          <div style="padding: 0 10px; height: 470px; overflow: auto">
-            <van-cell-group>
-              <van-field
-                v-model="inputForm.filingNo"
-                center
-                clearable
-                label="场所备案号:"
-                input-align="right"
-                placeholder="请输入场所备案号"
-              />
-            </van-cell-group>
-            <van-cell-group>
-              <van-field
-                v-model="inputForm.approvedEstablishmentTime"
-                center
-                readonly
-                required
-                label-width="8em"
-                :rules="[{ required: true }]"
-                label="批准设立时间:"
-                placeholder="请选择时间"
-                input-align="right"
-                right-icon="arrow-down"
-                @click="hs_SetupTime = true"
-              />
-            </van-cell-group>
+						<van-cell-group>
+							<van-field v-model="placeAddress" center clearable readonly label="场所地点:"
+								input-align="right" right-icon="arrow-down" placeholder="请输入场所地点"
+								@click="showPlace1 = true" />
+						</van-cell-group>
+						<van-cell-group>
+							<van-field v-model="inputForm.place" center clearable label="详细地点:" input-align="right"
+								placeholder="请输入详细场所地点">
+								<template #right-icon>
+									<van-icon name="location" @click="getLocation" />
+								</template>
+							</van-field>
+						</van-cell-group>
+						<van-cell-group>
+							<van-field v-model="inputForm.longitude" center clearable label-width="7em" label="场所坐标-经度:"
+								input-align="right" placeholder="请输入场所经度坐标" />
+						</van-cell-group>
+						<van-cell-group>
+							<van-field v-model="inputForm.latitude" center clearable label-width="7em" label="场所坐标-纬度:"
+								input-align="right" placeholder="请输入场所纬度坐标" />
+						</van-cell-group>
+						<van-cell-group>
+							<van-field v-model="inputForm.peopleThreshold" center clearable required
+								:rules="[{ required: true }]" label="额定人数:" input-align="right"
+								placeholder="请输入场所额定人数" />
+						</van-cell-group>
+						<van-cell-group>
+							<van-field v-model="placeTypeName" center readonly clearable required
+								:rules="[{ required: true }]" label="场所类型:" input-align="right" placeholder="请选择场所类型"
+								right-icon="arrow-down" @click="showPicker1 = true">
+							</van-field>
+						</van-cell-group>
+						<van-cell-group>
+							<van-field v-model="propertyName" readonly required :rules="[{ required: true }]"
+								label="场所性质" placeholder="请选择场所性质" input-align="right" right-icon="arrow-down"
+								@click="showPicker3 = true" />
+						</van-cell-group>
+						<van-cell-group>
+							<van-field v-model="inputForm.protectionLevel" center clearable label-width="7em"
+								label="文物保护级别:" input-align="right" placeholder="请输入文物保护级别" />
+						</van-cell-group>
+						<van-cell-group>
+							<van-field v-model="constructionName" center required readonly clearable
+								:rules="[{ required: true }]" label-width="7em" label="场所建设阶段:" input-align="right"
+								right-icon="arrow-down" placeholder="请选择场所建设阶段" @click="showPicker2 = true">
+							</van-field>
+						</van-cell-group>
+						<van-cell-group>
+							<van-field v-model="lv" center required readonly clearable :rules="[{ required: true }]"
+								label-width="7em" label="场所建筑等级:" input-align="right" right-icon="arrow-down"
+								placeholder="请选择场所建筑等级" @click="showlv = true">
+							</van-field>
+						</van-cell-group>
+						<van-cell-group>
+							<van-field v-model="inputForm.coveredArea" center clearable label="建筑面积(㎡):"
+								input-align="right" placeholder="请输入场所建筑面积" />
+						</van-cell-group>
+						<van-cell-group>
+							<van-field v-model="inputForm.floorSpace" center clearable label="占地面积(㎡):"
+								input-align="right" placeholder="请输入场所占地面积" />
+						</van-cell-group>
+						<van-cell-group>
+							<van-field v-model="inputForm.plan" center clearable label="场所规划:" input-align="right"
+								placeholder="请填写场所规划" />
+						</van-cell-group>
+						<van-cell-group>
+							<van-field v-model="inputForm.mainRoads" center clearable label-width="8em" label="出入口主要道路:"
+								input-align="right" placeholder="请填写出入口主要道路" />
+						</van-cell-group>
+						<van-cell-group>
+							<van-field v-model="inputForm.publicArea" center clearable label-width="7em" label="外围公共区域:"
+								input-align="right" placeholder="请填写外围公共区域" />
+						</van-cell-group>
+						<van-cell-group>
+							<van-field name="uploader" label-align="top" label-width="8em" label="宗教礼仪空间:">
+								<template #input>
+									<van-uploader readonly v-model="fileList2" :max-count="5" accept=""
+										:preview-full-image="false" :before-delete="deleteRead2"
+										@click-upload="chooseImg2">
+									</van-uploader>
+								</template>
+							</van-field>
+						</van-cell-group>
+						<van-cell-group>
+							<van-field v-model="inputForm.remake" rows="1" autosize label="备注：" type="textarea"
+								placeholder="请输入备注" />
+						</van-cell-group>
+					</div>
+				</van-tab>
+				<!-- 备案信息 -->
+				<van-tab>
+					<template #title> <van-icon name="bulb-o" />备案信息 </template>
+					<div style="padding: 0 10px; height: 470px; overflow: auto">
+						<van-cell-group>
+							<van-field v-model="inputForm.filingNo" center clearable label="场所备案号:" input-align="right"
+								placeholder="请输入场所备案号" />
+						</van-cell-group>
+						<van-cell-group>
+							<van-field v-model="inputForm.approvedEstablishmentTime" center readonly required
+								label-width="8em" :rules="[{ required: true }]" label="批准设立时间:" placeholder="请选择时间"
+								input-align="right" right-icon="arrow-down" @click="hs_SetupTime = true" />
+						</van-cell-group>
 
-            <van-cell-group>
-              <van-field
-                v-model="inputForm.registrationAuthority"
-                center
-                :rules="[{ required: true }]"
-                required
-                clearable
-                label="登记机关:"
-                input-align="right"
-                placeholder="请输入登记机关"
-              />
-            </van-cell-group>
-            <van-cell-group>
-              <van-field
-                v-model="inputForm.registrationDate"
-                center
-                readonly
-                required
-                label-width="8em"
-                :rules="[{ required: true }]"
-                label="登记日期:"
-                placeholder="请选择时间"
-                input-align="right"
-                right-icon="arrow-down"
-                @click="hs_SignTime = true"
-              />
-            </van-cell-group>
-            <van-cell-group>
-              <van-field
-                v-model="inputForm.teachingStaff"
-                center
-                clearable
-                label-width="7em"
-                label="主要教职人员:"
-                input-align="right"
-                placeholder="请输入主要教职人员"
-              />
-            </van-cell-group>
-            <van-cell-group>
-              <van-field
-                v-model="inputForm.approveOffice"
-                center
-                clearable
-                label-width="7em"
-                label="批准设立机关:"
-                input-align="right"
-                placeholder="请输入批准设立机关"
-              />
-            </van-cell-group>
-            <van-cell-group>
-              <van-field
-                v-model="religiousDeptManaUserName"
-                center
-                readonly
-                label="宗教管理人员"
-                placeholder="请填写宗教管理人员"
-                input-align="right"
-                right-icon="arrow-down"
-                @click="showPerson = true"
-              />
-            </van-cell-group>
-            <van-cell-group>
-              <van-field
-                v-model="securityDeptManaUserName"
-                center
-                readonly
-                label="公安管理人员"
-                placeholder="请填写公安管理人员"
-                input-align="right"
-                right-icon="arrow-down"
-                @click="showReport = true"
-              />
-            </van-cell-group>
-            <van-cell-group>
-              <van-field
-                name="uploader"
-                label-align="top"
-                label-width="10em"
-                label="场所建设审批手续:"
-              >
-                <template #input>
-                  <van-uploader
-                    readonly
-                    v-model="fileList3"
-                    :max-count="5"
-                    accept=""
-                    :preview-full-image="false"
-                    :before-delete="deleteRead3"
-                    @click-upload="chooseImg3"
-                  >
-                    <van-button
-                      >上传文件(可添加图片、音、视频和文本等)</van-button
-                    >
-                  </van-uploader>
-                </template>
-              </van-field>
-            </van-cell-group>
-          </div>
-        </van-tab>
-        <!-- 互联网专区 -->
-        <van-tab>
-          <template #title> <van-icon name="desktop-o" />互联网专区 </template>
-          <div style="padding: 0 10px; height: 470px; overflow: auto">
-            <div style="overflow: hidden">
-              <p style="font-weight: 700; font-size: 14px">
-                直播间<van-button
-                  type="primary"
-                  size="mini"
-                  style="margin-left: 10px; vertical-align: middle"
-                  @click="addForm('直播间')"
-                  >新增</van-button
-                >
-              </p>
-              <div v-for="item in internetForm.zbjForm" :key="item.key">
-                <van-cell-group>
-                  <van-field
-                    v-model="item.typeName"
-                    center
-                    clearable
-                    readonly
-                    label-width="7em"
-                    label="所属平台:"
-                    input-align="right"
-                    right-icon="arrow-down"
-                    placeholder="请选择所属平台"
-                    @click="showNew(item.key)"
-                  />
-                </van-cell-group>
-                <van-cell-group>
-                  <van-field
-                    v-model="item.account"
-                    center
-                    clearable
-                    label-width="7em"
-                    label="直播账号:"
-                    input-align="right"
-                    placeholder="请输入直播账号"
-                  />
-                </van-cell-group>
-                <van-cell-group>
-                  <van-field
-                    v-model="item.manager"
-                    center
-                    clearable
-                    label-width="7em"
-                    label="管理员:"
-                    input-align="right"
-                    placeholder="请填写管理员"
-                  />
-                </van-cell-group>
-                <van-cell-group>
-                  <van-field
-                    v-model="item.contact"
-                    center
-                    clearable
-                    label-width="7em"
-                    label="联系方式:"
-                    input-align="right"
-                    placeholder="请输入联系方式"
-                  />
-                </van-cell-group>
-                <van-button
-                  @click="removeForm(item, '直播间')"
-                  type="danger"
-                  size="mini"
-                  color="#e6a23c"
-                  >删除</van-button
-                >
-              </div>
-            </div>
-            <div style="overflow: hidden">
-              <p style="font-weight: 700; font-size: 14px">
-                公众号<van-button
-                  type="primary"
-                  size="mini"
-                  @click="addForm('公众号')"
-                  style="margin-left: 10px; vertical-align: middle"
-                  >新增</van-button
-                >
-              </p>
-              <div v-for="item in internetForm.gzhForm" :key="item.key">
-                <van-cell-group>
-                  <van-field
-                    v-model="item.account"
-                    center
-                    clearable
-                    label-width="7em"
-                    label="公众号账号:"
-                    input-align="right"
-                    placeholder="请输入公众号账号"
-                  />
-                </van-cell-group>
-                <van-cell-group>
-                  <van-field
-                    v-model="item.manager"
-                    center
-                    clearable
-                    label-width="7em"
-                    label="管理员:"
-                    input-align="right"
-                    placeholder="请填写管理员"
-                  />
-                </van-cell-group>
-                <van-cell-group>
-                  <van-field
-                    v-model="item.contact"
-                    center
-                    clearable
-                    label-width="7em"
-                    label="联系方式:"
-                    input-align="right"
-                    placeholder="请输入联系方式"
-                  />
-                </van-cell-group>
-                <van-button
-                  @click="removeForm(item, '公众号')"
-                  type="danger"
-                  size="mini"
-                  color="#e6a23c"
-                  >删除</van-button
-                >
-              </div>
-            </div>
-            <div style="overflow: hidden">
-              <p style="font-weight: 700; font-size: 14px">
-                微信群<van-button
-                  type="primary"
-                  size="mini"
-                  style="margin-left: 10px; vertical-align: middle"
-                  @click="addForm('微信群')"
-                  >新增</van-button
-                >
-              </p>
-              <div v-for="item in internetForm.wxqForm" :key="item.key">
-                <van-cell-group>
-                  <van-field
-                    v-model="item.account"
-                    center
-                    clearable
-                    label-width="7em"
-                    label="微信群账号:"
-                    input-align="right"
-                    placeholder="请输入微信群账号"
-                  />
-                </van-cell-group>
-                <van-cell-group>
-                  <van-field
-                    v-model="item.manager"
-                    center
-                    clearable
-                    label-width="7em"
-                    label="管理员:"
-                    input-align="right"
-                    placeholder="请填写管理员"
-                  />
-                </van-cell-group>
-                <van-cell-group>
-                  <van-field
-                    v-model="item.contact"
-                    center
-                    clearable
-                    label-width="7em"
-                    label="联系方式:"
-                    input-align="right"
-                    placeholder="请输入联系方式"
-                  />
-                </van-cell-group>
-                <van-button
-                  @click="removeForm(item, '微信群')"
-                  type="danger"
-                  size="mini"
-                  color="#e6a23c"
-                  >删除</van-button
-                >
-              </div>
-            </div>
-            <div style="overflow: hidden">
-              <p style="font-weight: 700; font-size: 14px">网站</p>
-              <div>
-                <van-cell-group>
-                  <van-field
-                    v-model="inputForm.website"
-                    center
-                    clearable
-                    label-width="7em"
-                    label="网站地址:"
-                    input-align="right"
-                    placeholder="请输入网站地址"
-                  />
-                </van-cell-group>
-              </div>
-            </div>
-          </div>
-        </van-tab>
-      </van-tabs>
-      <div class="btn">
-        <van-button type="primary" native-type="submit">场所添加</van-button>
-      </div>
-    </van-form>
+						<van-cell-group>
+							<van-field v-model="inputForm.registrationAuthority" center :rules="[{ required: true }]"
+								required clearable label="登记机关:" input-align="right" placeholder="请输入登记机关" />
+						</van-cell-group>
+						<van-cell-group>
+							<van-field v-model="inputForm.registrationDate" center readonly required label-width="8em"
+								:rules="[{ required: true }]" label="登记日期:" placeholder="请选择时间" input-align="right"
+								right-icon="arrow-down" @click="hs_SignTime = true" />
+						</van-cell-group>
+						<van-cell-group>
+							<van-field v-model="inputForm.teachingStaff" center clearable label-width="7em"
+								label="主要教职人员:" input-align="right" placeholder="请输入主要教职人员" />
+						</van-cell-group>
+						<van-cell-group>
+							<van-field v-model="inputForm.approveOffice" center clearable label-width="7em"
+								label="批准设立机关:" input-align="right" placeholder="请输入批准设立机关" />
+						</van-cell-group>
+						<van-cell-group>
+							<van-field v-model="religiousDeptManaUserName" center readonly label="宗教管理人员"
+								placeholder="请填写宗教管理人员" input-align="right" right-icon="arrow-down"
+								@click="showPerson = true" />
+						</van-cell-group>
+						<van-cell-group>
+							<van-field v-model="securityDeptManaUserName" center readonly label="公安管理人员"
+								placeholder="请填写公安管理人员" input-align="right" right-icon="arrow-down"
+								@click="showReport = true" />
+						</van-cell-group>
+						<van-cell-group>
+							<van-field name="uploader" label-align="top" label-width="10em" label="场所建设审批手续:">
+								<template #input>
+									<van-uploader readonly v-model="fileList3" :max-count="5" accept=""
+										:preview-full-image="false" :before-delete="deleteRead3"
+										@click-upload="chooseImg3">
+										<van-button>上传文件(可添加图片、音、视频和文本等)</van-button>
+									</van-uploader>
+								</template>
+							</van-field>
+						</van-cell-group>
+					</div>
+				</van-tab>
+				<!-- 互联网专区 -->
+				<van-tab>
+					<template #title> <van-icon name="desktop-o" />互联网专区 </template>
+					<div style="padding: 0 10px; height: 470px; overflow: auto">
+						<div style="overflow: hidden">
+							<p style="font-weight: 700; font-size: 14px">
+								直播间<van-button type="primary" size="mini"
+									style="margin-left: 10px; vertical-align: middle"
+									@click="addForm('直播间')">新增</van-button>
+							</p>
+							<div v-for="item in internetForm.zbjForm" :key="item.key">
+								<van-cell-group>
+									<van-field v-model="item.typeName" center clearable readonly label-width="7em"
+										label="所属平台:" input-align="right" right-icon="arrow-down" placeholder="请选择所属平台"
+										@click="showNew(item.key)" />
+								</van-cell-group>
+								<van-cell-group>
+									<van-field v-model="item.account" center clearable label-width="7em" label="直播账号:"
+										input-align="right" placeholder="请输入直播账号" />
+								</van-cell-group>
+								<van-cell-group>
+									<van-field v-model="item.manager" center clearable label-width="7em" label="管理员:"
+										input-align="right" placeholder="请填写管理员" />
+								</van-cell-group>
+								<van-cell-group>
+									<van-field v-model="item.contact" center clearable label-width="7em" label="联系方式:"
+										input-align="right" placeholder="请输入联系方式" />
+								</van-cell-group>
+								<van-button @click="removeForm(item, '直播间')" type="danger" size="mini"
+									color="#e6a23c">删除</van-button>
+							</div>
+						</div>
+						<div style="overflow: hidden">
+							<p style="font-weight: 700; font-size: 14px">
+								公众号<van-button type="primary" size="mini" @click="addForm('公众号')"
+									style="margin-left: 10px; vertical-align: middle">新增</van-button>
+							</p>
+							<div v-for="item in internetForm.gzhForm" :key="item.key">
+								<van-cell-group>
+									<van-field v-model="item.account" center clearable label-width="7em" label="公众号账号:"
+										input-align="right" placeholder="请输入公众号账号" />
+								</van-cell-group>
+								<van-cell-group>
+									<van-field v-model="item.manager" center clearable label-width="7em" label="管理员:"
+										input-align="right" placeholder="请填写管理员" />
+								</van-cell-group>
+								<van-cell-group>
+									<van-field v-model="item.contact" center clearable label-width="7em" label="联系方式:"
+										input-align="right" placeholder="请输入联系方式" />
+								</van-cell-group>
+								<van-button @click="removeForm(item, '公众号')" type="danger" size="mini"
+									color="#e6a23c">删除</van-button>
+							</div>
+						</div>
+						<div style="overflow: hidden">
+							<p style="font-weight: 700; font-size: 14px">
+								微信群<van-button type="primary" size="mini"
+									style="margin-left: 10px; vertical-align: middle"
+									@click="addForm('微信群')">新增</van-button>
+							</p>
+							<div v-for="item in internetForm.wxqForm" :key="item.key">
+								<van-cell-group>
+									<van-field v-model="item.account" center clearable label-width="7em" label="微信群账号:"
+										input-align="right" placeholder="请输入微信群账号" />
+								</van-cell-group>
+								<van-cell-group>
+									<van-field v-model="item.manager" center clearable label-width="7em" label="管理员:"
+										input-align="right" placeholder="请填写管理员" />
+								</van-cell-group>
+								<van-cell-group>
+									<van-field v-model="item.contact" center clearable label-width="7em" label="联系方式:"
+										input-align="right" placeholder="请输入联系方式" />
+								</van-cell-group>
+								<van-button @click="removeForm(item, '微信群')" type="danger" size="mini"
+									color="#e6a23c">删除</van-button>
+							</div>
+						</div>
+						<div style="overflow: hidden">
+							<p style="font-weight: 700; font-size: 14px">网站</p>
+							<div>
+								<van-cell-group>
+									<van-field v-model="inputForm.website" center clearable label-width="7em"
+										label="网站地址:" input-align="right" placeholder="请输入网站地址" />
+								</van-cell-group>
+							</div>
+						</div>
+					</div>
+				</van-tab>
+			</van-tabs>
+			<div class="btn">
+				<van-button type="primary" native-type="submit">场所添加</van-button>
+			</div>
+		</van-form>
 
-    <!-- 宗教类型 -->
-    <van-popup v-model:show="hs_religious" round position="bottom">
-      <van-picker
-        title="宗教类型"
-        :columns="religious"
-        @cancel="hs_religious = false"
-        @confirm="getreligious"
-      />
-    </van-popup>
-    <!-- 场所地点 -->
-    <van-popup v-model:show="showPlace1" round position="bottom">
-      <van-picker
-        title="场所地点"
-        :columns="options"
-        :columns-field-names="customFieldName"
-        @cancel="showPlace1 = false"
-        @confirm="getPlace1"
-      />
-    </van-popup>
-    <!-- 场所类型 -->
-    <van-popup v-model:show="showPicker1" round position="bottom">
-      <van-picker
-        title="场所类型"
-        :columns="placeType"
-        @cancel="showPicker1 = false"
-        @confirm="getplaceType"
-      />
-    </van-popup>
-    <!-- 场所性质 -->
-    <van-popup v-model:show="showPicker3" round position="bottom">
-      <van-picker
-        title="场所性质选择"
-        :columns="property"
-        @cancel="showPicker3 = false"
-        @confirm="getproperty"
-      />
-    </van-popup>
-    <!-- 场所建设阶段 -->
-    <van-popup v-model:show="showPicker2" round position="bottom">
-      <van-picker
-        title="场所建设阶段"
-        :columns="construction"
-        @cancel="showPicker2 = false"
-        @confirm="getConstruction"
-      />
-    </van-popup>
-    <!-- 场所建筑等级 -->
-    <van-popup v-model:show="showlv" round position="bottom">
-      <van-picker
-        title="场所建筑等级"
-        :columns="$dictUtils.getDictList('site_building_grade')"
-        :columns-field-names="{
+		<!-- 宗教类型 -->
+		<van-popup v-model:show="hs_religious" round position="bottom">
+			<van-picker title="宗教类型" :columns="religious" @cancel="hs_religious = false" @confirm="getreligious" />
+		</van-popup>
+		<!-- 场所地点 -->
+		<van-popup v-model:show="showPlace1" round position="bottom">
+			<van-picker title="场所地点" :columns="options" :columns-field-names="customFieldName"
+				@cancel="showPlace1 = false" @confirm="getPlace1" />
+		</van-popup>
+		<!-- 场所类型 -->
+		<van-popup v-model:show="showPicker1" round position="bottom">
+			<van-picker title="场所类型" :columns="placeType" @cancel="showPicker1 = false" @confirm="getplaceType" />
+		</van-popup>
+		<!-- 场所性质 -->
+		<van-popup v-model:show="showPicker3" round position="bottom">
+			<van-picker title="场所性质选择" :columns="property" @cancel="showPicker3 = false" @confirm="getproperty" />
+		</van-popup>
+		<!-- 场所建设阶段 -->
+		<van-popup v-model:show="showPicker2" round position="bottom">
+			<van-picker title="场所建设阶段" :columns="construction" @cancel="showPicker2 = false"
+				@confirm="getConstruction" />
+		</van-popup>
+		<!-- 场所建筑等级 -->
+		<van-popup v-model:show="showlv" round position="bottom">
+			<van-picker title="场所建筑等级" :columns="$dictUtils.getDictList('site_building_grade')" :columns-field-names="{
           text: 'label',
           value: 'value',
-        }"
-        @cancel="showlv = false"
-        @confirm="getlv"
-      />
-    </van-popup>
-    <!-- 宗教管理人员 -->
-    <van-dialog
-      v-model:show="showPerson"
-      title="宗教部门管理人员"
-      show-cancel-button
-      @confirm="reselected"
-      width="100%"
-    >
-      <manage-list @selected="selected" :type="0"></manage-list>
-    </van-dialog>
-    <!-- 公安部门人员 -->
-    <van-dialog
-      v-model:show="showReport"
-      title="公安部门管理人员"
-      show-cancel-button
-      @confirm="reselected2"
-      width="100%"
-    >
-      <manage-list-2 @selected2="selected2"></manage-list-2>
-    </van-dialog>
-    <!-- 直播类型 -->
-    <van-popup v-model:show="showzbj" round position="bottom">
-      <van-picker
-        title="直播类型"
-        :columns="zbj"
-        @cancel="showzbj = false"
-        @confirm="getzbj"
-      />
-    </van-popup>
-    <!-- 批准设立时间 -->
-    <van-popup v-model:show="hs_SetupTime" round position="bottom">
-      <van-picker-group
-        title="批准设立时间"
-        :tabs="['选择日期', '选择时间']"
-        next-step-text="下一步"
-        @confirm="getSetupTime"
-        @cancel="hs_SetupTime = false"
-      >
-        <van-date-picker v-model="currentDate" />
-        <van-time-picker v-model="currentTime" :columns-type="columnsType" />
-      </van-picker-group>
-    </van-popup>
-    <!-- 登记日期 -->
-    <van-popup v-model:show="hs_SignTime" round position="bottom">
-      <van-picker-group
-        title="登记日期"
-        :tabs="['选择日期', '选择时间']"
-        next-step-text="下一步"
-        @confirm="getSignTime"
-        @cancel="hs_SignTime = false"
-      >
-        <van-date-picker v-model="currentDate" />
-        <van-time-picker v-model="currentTime" :columns-type="columnsType" />
-      </van-picker-group>
-    </van-popup>
-  </div>
+        }" @cancel="showlv = false" @confirm="getlv" />
+		</van-popup>
+		<!-- 宗教管理人员 -->
+		<van-dialog v-model:show="showPerson" title="宗教部门管理人员" show-cancel-button @confirm="reselected" width="100%">
+			<manage-list @selected="selected" :type="0"></manage-list>
+		</van-dialog>
+		<!-- 公安部门人员 -->
+		<van-dialog v-model:show="showReport" title="公安部门管理人员" show-cancel-button @confirm="reselected2" width="100%">
+			<manage-list-2 @selected2="selected2"></manage-list-2>
+		</van-dialog>
+		<!-- 直播类型 -->
+		<van-popup v-model:show="showzbj" round position="bottom">
+			<van-picker title="直播类型" :columns="zbj" @cancel="showzbj = false" @confirm="getzbj" />
+		</van-popup>
+		<!-- 批准设立时间 -->
+		<van-popup v-model:show="hs_SetupTime" round position="bottom">
+			<van-picker-group title="批准设立时间" :tabs="['选择日期', '选择时间']" next-step-text="下一步" @confirm="getSetupTime"
+				@cancel="hs_SetupTime = false">
+				<van-date-picker v-model="currentDate" />
+				<van-time-picker v-model="currentTime" :columns-type="columnsType" />
+			</van-picker-group>
+		</van-popup>
+		<!-- 登记日期 -->
+		<van-popup v-model:show="hs_SignTime" round position="bottom">
+			<van-picker-group title="登记日期" :tabs="['选择日期', '选择时间']" next-step-text="下一步" @confirm="getSignTime"
+				@cancel="hs_SignTime = false">
+				<van-date-picker v-model="currentDate" />
+				<van-time-picker v-model="currentTime" :columns-type="columnsType" />
+			</van-picker-group>
+		</van-popup>
+	</div>
 </template>
 
 <script>
-import ManageList from "../ManageList.vue";
-import ManageList2 from "../ManageList2.vue";
-import { useRouter } from "vue-router";
-import { onMounted, ref } from "vue";
-import { useStore } from "vuex";
-import placeRegister from "@/api/placeRegister/placeRegister";
-import tools from "@/api/sys/tools";
-import $base from "@/utils/config";
-import { formatDate, formatTime } from "@/utils/datatime";
-export default {
-  components: { ManageList, ManageList2 },
-  setup() {
-	   const store = useStore();
-    const inputForm = ref({
-      id: "",
-      religiousType: "",
-      religiousName: "",
-      name: "",
-      tyshxydm: "",
-      filingNo: "",
-      contact: "",
-      contactNumber: "",
-      placeSelectName: "",
-      placeSelectId: "",
-      placeSelectType3: "",
-      placeSelectType4: "",
-      placeSelectType5: "",
-      placeSelectType6: "",
-      placeSelectLastId: "",
-      place: "",
-      longitude: "",
-      latitude: "",
-      siteType: "",
-      constructionStage: "",
-      nature: "",
-      religiousDeptManaUser: "",
-      securityDeptManaUser: "",
-      scenesImageMain: "",
-      scenesImage: "",
-      plan: "",
-      etiquetteSpace: "",
-      mainRoads: "",
-      publicArea: "",
-      website: "",
-      approvalProcedures: "",
-      peopleThreshold: "",
-      state: "1",
-      isEnable: "1",
-      remake: "",
-      approvedEstablishmentTime: "",
-      registrationAuthority: "",
-      registrationDate: "",
-      teachingStaff: "",
-      approveOffice: "",
-      coveredArea: "",
-      floorSpace: "",
-      protectionLevel: "",
-      dynamicFormJson: "",
-    });
-    onMounted(() => {
-      dynamicFormDataClear();
-      dynamicFormDataProceed();
-    });
-    const active = ref(0);
-    // 导航栏颜色
-    const selectColor = ref(window.localStorage.getItem("MZ_COLOR"));
-    //数据接收
-    const router = useRouter();
-    //详细地址定位
-    const getLocation = () => {
-      xm.getLocation().then((data) => {
-        inputForm.value.place = data.POIName;
-      });
-    };
-    // 地区选择
-    let placeAddress = ref("");
-    const customFieldName = {
-      text: "name",
-      value: "id",
-    };
-    // 选项列表，children 代表子选项，支持多级嵌套
-    const options = ref([]);
-    // 获取地区数据树
-    new placeRegister().treeDate().then((res) => {
-      options.value.push(...res);
-    });
-    let showPlace1 = ref(false);
-    const getPlace1 = ({ selectedOptions }) => {
-      showPlace1.value = false;
-      placeAddress.value =
-        selectedOptions[0].name +
-        "/" +
-        selectedOptions[1].name +
-        "/" +
-        selectedOptions[2].name;
-      const json = Object.assign(inputForm.value, {
-        placeSelectName:
-          selectedOptions[0].name +
-          "/" +
-          selectedOptions[1].name +
-          "/" +
-          selectedOptions[2].name,
-        placeSelectId:
-          selectedOptions[0].id +
-          "/" +
-          selectedOptions[1].id +
-          "/" +
-          selectedOptions[2].id,
-        placeSelectType3: selectedOptions[0].id,
-        placeSelectType4: selectedOptions[1].id,
-        placeSelectType5: selectedOptions[2].id,
-        placeSelectLastId: selectedOptions[2].id,
-      });
-      inputForm.value = json;
-    };
-    //宗教类型
-    const religiousType = ref("");
-    const religious = [
-      { text: "伊斯兰教", value: "1" },
-      { text: "基督教", value: "2" },
-      { text: "天主教", value: "3" },
-      { text: "佛教", value: "4" },
-      { text: "道教", value: "5" },
-    ];
-    let hs_religious = ref(false);
-    const getreligious = ({ selectedOptions }) => {
-      hs_religious.value = false;
-      const json = Object.assign(inputForm.value, {
-        religiousType: selectedOptions[0].value,
-        religiousName: selectedOptions[0].text,
-      });
-      inputForm.value = json;
-      religiousType.value = selectedOptions[0].text;
-    };
-    // 场所类型
-    const placeTypeName = ref("");
-    const placeType = [
-      { text: "线上", value: "0" },
-      { text: "线下", value: "1" },
-    ];
-    let showPicker1 = ref(false);
-    const getplaceType = ({ selectedOptions }) => {
-      showPicker1.value = false;
-      const json = Object.assign(inputForm.value, {
-        siteType: selectedOptions[0].value,
-      });
-      inputForm.value = json;
-      placeTypeName.value = selectedOptions[0].text;
-    };
-    // 场所性质
-    const propertyName = ref("");
-    const property = [
-      { text: "固定场所", value: "0" },
-      { text: "寺观教堂", value: "1" },
-    ];
-    let showPicker3 = ref(false);
-    const getproperty = ({ selectedOptions }) => {
-      showPicker3.value = false;
-      const json = Object.assign(inputForm.value, {
-        nature: selectedOptions[0].value,
-      });
-      inputForm.value = json;
-      propertyName.value = selectedOptions[0].text;
-    };
-    // 场所建设
-    const constructionName = ref("");
-    const construction = [
-      { text: "筹备", value: "0" },
-      { text: "建设完成", value: "1" },
-    ];
-    let showPicker2 = ref(false);
-    const getConstruction = ({ selectedOptions }) => {
-      showPicker2.value = false;
-      const json = Object.assign(inputForm.value, {
-        constructionStage: selectedOptions[0].value,
-      });
-      inputForm.value = json;
-      constructionName.value = selectedOptions[0].text;
-    };
-    // 场所建筑等级
-    const lv = ref("");
-    let showlv = ref(false);
-    const getlv = ({ selectedOptions }) => {
-      showlv.value = false;
-      const json = Object.assign(inputForm.value, {
-        siteBuildingGrade: selectedOptions[0].value,
-      });
-      inputForm.value = json;
-      lv.value = selectedOptions[0].label;
-    };
-    //图片上传
-    let fileList = ref([]);
-    let fileImg = ref([]);
-    const chooseImg = () => {
-		if (store.state.pctoken != "") {
-      xm.chooseFile({
-        count: 1,
-        name: "file",
-        url:
-          $base +
-          `/sys/file/webupload/upload?uploadPath=religioussites/siteinfo/religiousSitesInfo`,
-        headers: {
-          "Content-Type": "multipart/form-data",
-          "token": store.state.pctoken,
-        },
-      }).then((res) => {
-        let data = res[0].data;
-        data.name = decodeURIComponent(
-          data.id.substring(data.url.lastIndexOf("/") + 1)
-        );
-        data.url = $base + data.url;
-        fileImg.value.push(data);
-        fileList.value.push(data);
-      });
-	  }
-    };
-    // 删除文件
-    const deleteRead = (file) => {
-      //删除文件操作
-      for (let index = 0; index < fileList.value.length; index++) {
-        if (file.id == fileList.value[index].id) {
-          fileList.value.splice(index, 1);
-          if (fileImg.value[index]) {
-            let delurl = fileImg.value[index].url;
-            new tools().uploadFiledelete("", delurl).then(({ data }) => {});
-            fileImg.value.splice(index, 1);
-          }
-        }
-      }
-    };
-    let fileList2 = ref([]);
-    let fileImg2 = ref([]);
-    const chooseImg2 = () => {
-		if (store.state.pctoken != "") {
-      xm.chooseFile({
-        count: 1,
-        name: "file",
-        url:
-          $base +
-          `/sys/file/webupload/upload?uploadPath=religioussites/siteinfo/religiousSitesInfo`,
-        headers: {
-          "Content-Type": "multipart/form-data",
-          "token": store.state.pctoken,
-        },
-      }).then((res) => {
-        let data = res[0].data;
-        data.name = decodeURIComponent(
-          data.id.substring(data.url.lastIndexOf("/") + 1)
-        );
-        data.url = $base + data.url;
-        fileImg2.value.push(data);
-        fileList2.value.push(data);
-      });
-	  }
-    };
-    // 删除文件
-    const deleteRead2 = (file) => {
-      //删除文件操作
-      for (let index = 0; index < fileList2.value.length; index++) {
-        if (file.id == fileList2.value[index].id) {
-          fileList2.value.splice(index, 1);
-          if (fileImg2.value[index]) {
-            let delurl = fileImg2.value[index].url;
-            new tools().uploadFiledelete("", delurl).then(({ data }) => {});
-            fileImg2.value.splice(index, 1);
-          }
-        }
-      }
-    };
-    let fileList3 = ref([]);
-    let fileImg3 = ref([]);
-    const chooseImg3 = () => {
-		if (store.state.pctoken != "") {
-      xm.chooseFile({
-        count: 1,
-        name: "file",
-        url:
-          $base +
-          `/sys/file/webupload/upload?uploadPath=religioussites/siteinfo/religiousSitesInfo`,
-        headers: {
-          "Content-Type": "multipart/form-data",
-          "token": store.state.pctoken,
-        },
-      }).then((res) => {
-        let data = res[0].data;
-        data.name = decodeURIComponent(
-          data.id.substring(data.url.lastIndexOf("/") + 1)
-        );
-        data.url = $base + data.url;
-        fileImg3.value.push(data);
-        fileList3.value.push(data);
-      });
-	  }
-    };
-    // 删除文件
-    const deleteRead3 = (file) => {
-      //删除文件操作
-      for (let index = 0; index < fileList3.value.length; index++) {
-        if (file.id == fileList3.value[index].id) {
-          fileList3.value.splice(index, 1);
-          if (fileImg3.value[index]) {
-            let delurl = fileImg3.value[index].url;
-            new tools().uploadFiledelete("", delurl).then(({ data }) => {});
-            fileImg3.value.splice(index, 1);
-          }
-        }
-      }
-    };
-    let fileList4 = ref([]);
-    let fileImg4 = ref([]);
-    const chooseImg4 = () => {
-		if (store.state.pctoken != "") {
-      xm.chooseFile({
-        count: 1,
-        name: "file",
-        url:
-          $base +
-          `/sys/file/webupload/upload?uploadPath=religioussites/siteinfo/religiousSitesInfo`,
-        headers: {
-          "Content-Type": "multipart/form-data",
-          "token": store.state.pctoken,
-        },
-      }).then((res) => {
-        let data = res[0].data;
-        data.name = decodeURIComponent(
-          data.id.substring(data.url.lastIndexOf("/") + 1)
-        );
-        data.url = $base + data.url;
-        fileImg4.value.push(data);
-        fileList4.value.push(data);
-      });
-	  }
-    };
-    // 删除文件
-    const deleteRead4 = (file) => {
-      //删除文件操作
-      for (let index = 0; index < fileList4.value.length; index++) {
-        if (file.id == fileList4.value[index].id) {
-          fileList4.value.splice(index, 1);
-          if (fileImg4.value[index]) {
-            let delurl = fileImg4.value[index].url;
-            new tools().uploadFiledelete("", delurl).then(({ data }) => {});
-            fileImg4.value.splice(index, 1);
-          }
-        }
-      }
-    };
-    //宗教公安人员选择
-    const religiousDeptManaUserName = ref("");
-    const securityDeptManaUserName = ref("");
-    let showPerson = ref(false);
-    let showReport = ref(false);
-    let list = {
-      value: [],
-      type: "",
-    };
-    let list2 = {
-      value: [],
-      type: "",
-    };
-    const selected = (val) => {
-      list.value = val;
-    };
-    const selected2 = (val) => {
-      list2.value = val;
-    };
-    const reselected = () => {
-      const json = Object.assign(inputForm.value, {
-        religiousDeptManaUser: list.value.id,
-      });
-      inputForm.value = json;
-      religiousDeptManaUserName.value = list.value.name;
-    };
-    const reselected2 = () => {
-      const json = Object.assign(inputForm.value, {
-        securityDeptManaUser: list2.value.id,
-      });
-      inputForm.value = json;
-      securityDeptManaUserName.value = list2.value.name;
-    };
-    //批准设立时间
-    let currentDate = ref(formatDate(new Date()));
-    let currentTime = ref(formatTime(new Date()));
-    const columnsType = ["hour", "minute", "second"];
-    let hs_SetupTime = ref(false);
-    const getSetupTime = ({ selectedOptions }) => {
-      hs_SetupTime.value = false;
-      inputForm.value.approvedEstablishmentTime = `${currentDate.value.join(
+	import ManageList from "../ManageList.vue";
+	import ManageList2 from "../ManageList2.vue";
+	import {
+		useRouter
+	} from "vue-router";
+	import {
+		onMounted,
+		ref
+	} from "vue";
+	import placeRegister from "@/api/placeRegister/placeRegister";
+	import tools from "@/api/sys/tools";
+	import $base from "@/utils/config";
+	import {
+		formatDate,
+		formatTime
+	} from "@/utils/datatime";
+	export default {
+		components: {
+			ManageList,
+			ManageList2
+		},
+		setup() {
+			const inputForm = ref({
+				id: "",
+				religiousType: "",
+				religiousName: "",
+				name: "",
+				tyshxydm: "",
+				filingNo: "",
+				contact: "",
+				contactNumber: "",
+				placeSelectName: "",
+				placeSelectId: "",
+				placeSelectType3: "",
+				placeSelectType4: "",
+				placeSelectType5: "",
+				placeSelectType6: "",
+				placeSelectLastId: "",
+				place: "",
+				longitude: "",
+				latitude: "",
+				siteType: "",
+				constructionStage: "",
+				nature: "",
+				religiousDeptManaUser: "",
+				securityDeptManaUser: "",
+				scenesImageMain: "",
+				scenesImage: "",
+				plan: "",
+				etiquetteSpace: "",
+				mainRoads: "",
+				publicArea: "",
+				website: "",
+				approvalProcedures: "",
+				peopleThreshold: "",
+				state: "1",
+				isEnable: "1",
+				remake: "",
+				approvedEstablishmentTime: "",
+				registrationAuthority: "",
+				registrationDate: "",
+				teachingStaff: "",
+				approveOffice: "",
+				coveredArea: "",
+				floorSpace: "",
+				protectionLevel: "",
+				dynamicFormJson: "",
+			});
+			onMounted(() => {
+				dynamicFormDataClear();
+				dynamicFormDataProceed();
+			});
+			const active = ref(0);
+			// 导航栏颜色
+			const selectColor = ref(window.localStorage.getItem("MZ_COLOR"));
+			//数据接收
+			const router = useRouter();
+			//详细地址定位
+			const getLocation = () => {
+				xm.getLocation().then((data) => {
+					inputForm.value.place = data.POIName;
+				});
+			};
+			// 地区选择
+			let placeAddress = ref("");
+			const customFieldName = {
+				text: "name",
+				value: "id",
+			};
+			// 选项列表，children 代表子选项，支持多级嵌套
+			const options = ref([]);
+			// 获取地区数据树
+			new placeRegister().treeDate().then((res) => {
+				options.value.push(...res);
+			});
+			let showPlace1 = ref(false);
+			const getPlace1 = ({
+				selectedOptions
+			}) => {
+				showPlace1.value = false;
+				placeAddress.value =
+					selectedOptions[0].name +
+					"/" +
+					selectedOptions[1].name +
+					"/" +
+					selectedOptions[2].name;
+				const json = Object.assign(inputForm.value, {
+					placeSelectName: selectedOptions[0].name +
+						"/" +
+						selectedOptions[1].name +
+						"/" +
+						selectedOptions[2].name,
+					placeSelectId: selectedOptions[0].id +
+						"/" +
+						selectedOptions[1].id +
+						"/" +
+						selectedOptions[2].id,
+					placeSelectType3: selectedOptions[0].id,
+					placeSelectType4: selectedOptions[1].id,
+					placeSelectType5: selectedOptions[2].id,
+					placeSelectLastId: selectedOptions[2].id,
+				});
+				inputForm.value = json;
+			};
+			//宗教类型
+			const religiousType = ref("");
+			const religious = [{
+					text: "伊斯兰教",
+					value: "1"
+				},
+				{
+					text: "基督教",
+					value: "2"
+				},
+				{
+					text: "天主教",
+					value: "3"
+				},
+				{
+					text: "佛教",
+					value: "4"
+				},
+				{
+					text: "道教",
+					value: "5"
+				},
+			];
+			let hs_religious = ref(false);
+			const getreligious = ({
+				selectedOptions
+			}) => {
+				hs_religious.value = false;
+				const json = Object.assign(inputForm.value, {
+					religiousType: selectedOptions[0].value,
+					religiousName: selectedOptions[0].text,
+				});
+				inputForm.value = json;
+				religiousType.value = selectedOptions[0].text;
+			};
+			// 场所类型
+			const placeTypeName = ref("");
+			const placeType = [{
+					text: "线上",
+					value: "0"
+				},
+				{
+					text: "线下",
+					value: "1"
+				},
+			];
+			let showPicker1 = ref(false);
+			const getplaceType = ({
+				selectedOptions
+			}) => {
+				showPicker1.value = false;
+				const json = Object.assign(inputForm.value, {
+					siteType: selectedOptions[0].value,
+				});
+				inputForm.value = json;
+				placeTypeName.value = selectedOptions[0].text;
+			};
+			// 场所性质
+			const propertyName = ref("");
+			const property = [{
+					text: "固定场所",
+					value: "0"
+				},
+				{
+					text: "寺观教堂",
+					value: "1"
+				},
+			];
+			let showPicker3 = ref(false);
+			const getproperty = ({
+				selectedOptions
+			}) => {
+				showPicker3.value = false;
+				const json = Object.assign(inputForm.value, {
+					nature: selectedOptions[0].value,
+				});
+				inputForm.value = json;
+				propertyName.value = selectedOptions[0].text;
+			};
+			// 场所建设
+			const constructionName = ref("");
+			const construction = [{
+					text: "筹备",
+					value: "0"
+				},
+				{
+					text: "建设完成",
+					value: "1"
+				},
+			];
+			let showPicker2 = ref(false);
+			const getConstruction = ({
+				selectedOptions
+			}) => {
+				showPicker2.value = false;
+				const json = Object.assign(inputForm.value, {
+					constructionStage: selectedOptions[0].value,
+				});
+				inputForm.value = json;
+				constructionName.value = selectedOptions[0].text;
+			};
+			// 场所建筑等级
+			const lv = ref("");
+			let showlv = ref(false);
+			const getlv = ({
+				selectedOptions
+			}) => {
+				showlv.value = false;
+				const json = Object.assign(inputForm.value, {
+					siteBuildingGrade: selectedOptions[0].value,
+				});
+				inputForm.value = json;
+				lv.value = selectedOptions[0].label;
+			};
+			//图片上传
+			let fileList = ref([]);
+			let fileImg = ref([]);
+			const chooseImg = () => {
+
+				xm.chooseFile({
+					count: 1,
+					name: "file",
+					url: $base +
+						`/sys/file/webupload/upload?uploadPath=religioussites/siteinfo/religiousSitesInfo`,
+					headers: {
+						"Content-Type": "multipart/form-data"
+					},
+				}).then((res) => {
+					let data = res[0].data;
+					data.name = decodeURIComponent(
+						data.id.substring(data.url.lastIndexOf("/") + 1)
+					);
+					data.url = $base + data.url;
+					fileImg.value.push(data);
+					fileList.value.push(data);
+					xm.showToast({
+						message: "上传成功",
+					});
+				});
+			};
+			// 删除文件
+			const deleteRead = (file) => {
+				//删除文件操作
+				for (let index = 0; index < fileList.value.length; index++) {
+					if (file.id == fileList.value[index].id) {
+						fileList.value.splice(index, 1);
+						if (fileImg.value[index]) {
+							let delurl = fileImg.value[index].url;
+							new tools().uploadFiledelete("", delurl).then(({
+								data
+							}) => {});
+							fileImg.value.splice(index, 1);
+						}
+					}
+				}
+			};
+			let fileList2 = ref([]);
+			let fileImg2 = ref([]);
+			const chooseImg2 = () => {
+
+				xm.chooseFile({
+					count: 1,
+					name: "file",
+					url: $base +
+						`/sys/file/webupload/upload?uploadPath=religioussites/siteinfo/religiousSitesInfo`,
+					headers: {
+						"Content-Type": "multipart/form-data"
+					},
+				}).then((res) => {
+					let data = res[0].data;
+					data.name = decodeURIComponent(
+						data.id.substring(data.url.lastIndexOf("/") + 1)
+					);
+					data.url = $base + data.url;
+					fileImg2.value.push(data);
+					fileList2.value.push(data);
+					xm.showToast({
+						message: "上传成功",
+					});
+				});
+			};
+			// 删除文件
+			const deleteRead2 = (file) => {
+				//删除文件操作
+				for (let index = 0; index < fileList2.value.length; index++) {
+					if (file.id == fileList2.value[index].id) {
+						fileList2.value.splice(index, 1);
+						if (fileImg2.value[index]) {
+							let delurl = fileImg2.value[index].url;
+							new tools().uploadFiledelete("", delurl).then(({
+								data
+							}) => {});
+							fileImg2.value.splice(index, 1);
+						}
+					}
+				}
+			};
+			let fileList3 = ref([]);
+			let fileImg3 = ref([]);
+			const chooseImg3 = () => {
+
+				xm.chooseFile({
+					count: 1,
+					name: "file",
+					url: $base +
+						`/sys/file/webupload/upload?uploadPath=religioussites/siteinfo/religiousSitesInfo`,
+					headers: {
+						"Content-Type": "multipart/form-data"
+					},
+				}).then((res) => {
+					let data = res[0].data;
+					data.name = decodeURIComponent(
+						data.id.substring(data.url.lastIndexOf("/") + 1)
+					);
+					data.url = $base + data.url;
+					fileImg3.value.push(data);
+					fileList3.value.push(data);
+					xm.showToast({
+						message: "上传成功",
+					});
+				});
+
+			};
+			// 删除文件
+			const deleteRead3 = (file) => {
+				//删除文件操作
+				for (let index = 0; index < fileList3.value.length; index++) {
+					if (file.id == fileList3.value[index].id) {
+						fileList3.value.splice(index, 1);
+						if (fileImg3.value[index]) {
+							let delurl = fileImg3.value[index].url;
+							new tools().uploadFiledelete("", delurl).then(({
+								data
+							}) => {});
+							fileImg3.value.splice(index, 1);
+						}
+					}
+				}
+			};
+			let fileList4 = ref([]);
+			let fileImg4 = ref([]);
+			const chooseImg4 = () => {
+
+				xm.chooseFile({
+					count: 1,
+					name: "file",
+					url: $base +
+						`/sys/file/webupload/upload?uploadPath=religioussites/siteinfo/religiousSitesInfo`,
+					headers: {
+						"Content-Type": "multipart/form-data"
+					},
+				}).then((res) => {
+					let data = res[0].data;
+					data.name = decodeURIComponent(
+						data.id.substring(data.url.lastIndexOf("/") + 1)
+					);
+					data.url = $base + data.url;
+					fileImg4.value.push(data);
+					fileList4.value.push(data);
+					xm.showToast({
+						message: "上传成功",
+					});
+				});
+			};
+			// 删除文件
+			const deleteRead4 = (file) => {
+				//删除文件操作
+				for (let index = 0; index < fileList4.value.length; index++) {
+					if (file.id == fileList4.value[index].id) {
+						fileList4.value.splice(index, 1);
+						if (fileImg4.value[index]) {
+							let delurl = fileImg4.value[index].url;
+							new tools().uploadFiledelete("", delurl).then(({
+								data
+							}) => {});
+							fileImg4.value.splice(index, 1);
+						}
+					}
+				}
+			};
+			//宗教公安人员选择
+			const religiousDeptManaUserName = ref("");
+			const securityDeptManaUserName = ref("");
+			let showPerson = ref(false);
+			let showReport = ref(false);
+			let list = {
+				value: [],
+				type: "",
+			};
+			let list2 = {
+				value: [],
+				type: "",
+			};
+			const selected = (val) => {
+				list.value = val;
+			};
+			const selected2 = (val) => {
+				list2.value = val;
+			};
+			const reselected = () => {
+				const json = Object.assign(inputForm.value, {
+					religiousDeptManaUser: list.value.id,
+				});
+				inputForm.value = json;
+				religiousDeptManaUserName.value = list.value.name;
+			};
+			const reselected2 = () => {
+				const json = Object.assign(inputForm.value, {
+					securityDeptManaUser: list2.value.id,
+				});
+				inputForm.value = json;
+				securityDeptManaUserName.value = list2.value.name;
+			};
+			//批准设立时间
+			let currentDate = ref(formatDate(new Date()));
+			let currentTime = ref(formatTime(new Date()));
+			const columnsType = ["hour", "minute", "second"];
+			let hs_SetupTime = ref(false);
+			const getSetupTime = ({
+				selectedOptions
+			}) => {
+				hs_SetupTime.value = false;
+				inputForm.value.approvedEstablishmentTime = `${currentDate.value.join(
         "-"
       )} ${currentTime.value.join(":")}`;
-    };
-    //登记时间
-    let hs_SignTime = ref(false);
-    const getSignTime = ({ selectedOptions }) => {
-      hs_SignTime.value = false;
-      inputForm.value.registrationDate = `${currentDate.value.join(
+			};
+			//登记时间
+			let hs_SignTime = ref(false);
+			const getSignTime = ({
+				selectedOptions
+			}) => {
+				hs_SignTime.value = false;
+				inputForm.value.registrationDate = `${currentDate.value.join(
         "-"
       )} ${currentTime.value.join(":")}`;
-    };
-    // 互联网专区
-    const internetForm = ref({
-      zbjForm: [],
-      gzhForm: [],
-      wxqForm: [],
-      dynamicForm: [],
-    });
-    const addForm = (type) => {
-      let data_add = [];
-      if (type == "直播间") {
-        data_add = internetForm.value.zbjForm;
-      } else if (type == "公众号") {
-        data_add = internetForm.value.gzhForm;
-      } else {
-        data_add = internetForm.value.wxqForm;
-      }
-      data_add.push({
-        key: randomString(12),
-        siteId: inputForm.value.id,
-        type: type,
-        typeChild: "",
-        account: "",
-        manager: "",
-        contact: "",
-      });
-    };
-    const randomString = (len) => {
-      len = len || 32;
-      var $chars =
-        "ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678"; /****默认去掉了容易混淆的字符oOLl,9gq,Vv,Uu,I1****/
-      var maxPos = $chars.length;
-      var pwd = "";
-      for (let i = 0; i < len; i++) {
-        pwd += $chars.charAt(Math.floor(Math.random() * maxPos));
-      }
-      return pwd;
-    };
-    const removeForm = (item, type) => {
-      let data_add = [];
-      if (type == "直播间") {
-        data_add = internetForm.value.zbjForm;
-      } else if (type == "公众号") {
-        data_add = internetForm.value.gzhForm;
-      } else {
-        data_add = internetForm.value.wxqForm;
-      }
+			};
+			// 互联网专区
+			const internetForm = ref({
+				zbjForm: [],
+				gzhForm: [],
+				wxqForm: [],
+				dynamicForm: [],
+			});
+			const addForm = (type) => {
+				let data_add = [];
+				if (type == "直播间") {
+					data_add = internetForm.value.zbjForm;
+				} else if (type == "公众号") {
+					data_add = internetForm.value.gzhForm;
+				} else {
+					data_add = internetForm.value.wxqForm;
+				}
+				data_add.push({
+					key: randomString(12),
+					siteId: inputForm.value.id,
+					type: type,
+					typeChild: "",
+					account: "",
+					manager: "",
+					contact: "",
+				});
+			};
+			const randomString = (len) => {
+				len = len || 32;
+				var $chars =
+					"ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678"; /****默认去掉了容易混淆的字符oOLl,9gq,Vv,Uu,I1****/
+				var maxPos = $chars.length;
+				var pwd = "";
+				for (let i = 0; i < len; i++) {
+					pwd += $chars.charAt(Math.floor(Math.random() * maxPos));
+				}
+				return pwd;
+			};
+			const removeForm = (item, type) => {
+				let data_add = [];
+				if (type == "直播间") {
+					data_add = internetForm.value.zbjForm;
+				} else if (type == "公众号") {
+					data_add = internetForm.value.gzhForm;
+				} else {
+					data_add = internetForm.value.wxqForm;
+				}
 
-      let index = data_add.indexOf(item);
+				let index = data_add.indexOf(item);
 
-      if (index !== -1) {
-        data_add.splice(index, 1);
-      }
-    };
-    const hlwToSubmit = () => {
-      internetForm.value.dynamicForm = [];
-      internetForm.value.zbjForm.forEach((ele) => {
-        if (ele.account != "" || ele.manager != "" || ele.contact != "") {
-          internetForm.value.dynamicForm.push(ele);
-        }
-      });
-      internetForm.value.gzhForm.forEach((ele) => {
-        if (ele.account != "" || ele.manager != "" || ele.contact != "") {
-          internetForm.value.dynamicForm.push(ele);
-        }
-      });
-      internetForm.value.wxqForm.forEach((ele) => {
-        if (ele.account != "" || ele.manager != "" || ele.contact != "") {
-          internetForm.value.dynamicForm.push(ele);
-        }
-      });
-    };
-    const dynamicFormDataProceed = (initial_form) => {
-      if (!initial_form || initial_form.length == 0) {
-        initial_form = [
-          {
-            key: randomString(12),
-            siteId: inputForm.value.id,
-            type: "直播间",
-            typeChild: "",
-            account: "",
-            manager: "",
-            contact: "",
-          },
-          {
-            key: randomString(12),
-            siteId: inputForm.value.id,
-            type: "公众号",
-            typeChild: "",
-            account: "",
-            manager: "",
-            contact: "",
-          },
-          {
-            key: randomString(12),
-            siteId: inputForm.value.id,
-            type: "微信群",
-            typeChild: "",
-            account: "",
-            manager: "",
-            contact: "",
-          },
-        ];
-      }
+				if (index !== -1) {
+					data_add.splice(index, 1);
+				}
+			};
+			const hlwToSubmit = () => {
+				internetForm.value.dynamicForm = [];
+				internetForm.value.zbjForm.forEach((ele) => {
+					if (ele.account != "" || ele.manager != "" || ele.contact != "") {
+						internetForm.value.dynamicForm.push(ele);
+					}
+				});
+				internetForm.value.gzhForm.forEach((ele) => {
+					if (ele.account != "" || ele.manager != "" || ele.contact != "") {
+						internetForm.value.dynamicForm.push(ele);
+					}
+				});
+				internetForm.value.wxqForm.forEach((ele) => {
+					if (ele.account != "" || ele.manager != "" || ele.contact != "") {
+						internetForm.value.dynamicForm.push(ele);
+					}
+				});
+			};
+			const dynamicFormDataProceed = (initial_form) => {
+				if (!initial_form || initial_form.length == 0) {
+					initial_form = [{
+							key: randomString(12),
+							siteId: inputForm.value.id,
+							type: "直播间",
+							typeChild: "",
+							account: "",
+							manager: "",
+							contact: "",
+						},
+						{
+							key: randomString(12),
+							siteId: inputForm.value.id,
+							type: "公众号",
+							typeChild: "",
+							account: "",
+							manager: "",
+							contact: "",
+						},
+						{
+							key: randomString(12),
+							siteId: inputForm.value.id,
+							type: "微信群",
+							typeChild: "",
+							account: "",
+							manager: "",
+							contact: "",
+						},
+					];
+				}
 
-      initial_form.forEach((ele) => {
-        if (ele.id) {
-          ele.key = ele.id;
-        }
+				initial_form.forEach((ele) => {
+					if (ele.id) {
+						ele.key = ele.id;
+					}
 
-        if (ele.type == "直播间") {
-          internetForm.value.zbjForm.push(ele);
-        } else if (ele.type == "公众号") {
-          internetForm.value.gzhForm.push(ele);
-        } else {
-          internetForm.value.wxqForm.push(ele);
-        }
-      });
-    };
-    const dynamicFormDataClear = () => {
-      internetForm.value.zbjForm = [];
-      internetForm.value.gzhForm = [];
-      internetForm.value.wxqForm = [];
-      internetForm.value.dynamicForm = [];
-    };
-    // 直播间类型
-    const zbj = [
-      { text: "斗鱼", value: "0" },
-      { text: "小红书", value: "1" },
-      { text: "抖音", value: "2" },
-      { text: "哔哩哔哩", value: "3" },
-      { text: "虎牙", value: "4" },
-      { text: "快手", value: "5" },
-      { text: "YY直播", value: "6" },
-      { text: "淘宝直播", value: "7" },
-      { text: "京东直播", value: "8" },
-    ];
-    const getzbjType = (type) => {
-      const typeObject = {
-        斗鱼: 0,
-        小红书: 1,
-        抖音: 2,
-        哔哩哔哩: 3,
-        虎牙: 4,
-        快手: 5,
-        YY直播: 6,
-        淘宝直播: 7,
-        京东直播: 8,
-      };
-      return typeObject[type];
-    };
-    const nowIndex = ref("");
-    const showNew = (key) => {
-      showzbj.value = true;
-      nowIndex.value = key;
-    };
-    let showzbj = ref(false);
-    const getzbj = ({ selectedOptions }) => {
-      showzbj.value = false;
-      internetForm.value.zbjForm.forEach((item) => {
-        if (item.key == nowIndex.value) {
-          item.typeName = selectedOptions[0].text;
-          item.typeChild = selectedOptions[0].value;
-        }
-      });
-    };
-    //返回
-    const onClickLeft = () => {
-      history.back();
-    };
-    //校验
-    const failed = () => {
-      xm.showToast({
-        message: "请检查表单必填项是否存在填写遗漏！",
-      });
-    };
-    // 数据提交
-    const submit = () => {
-      //保存前附件处理
-      inputForm.value.scenesImageMain = fileImg.value
-        .map((option) => option.id)
-        .join("|");
-      inputForm.value.etiquetteSpace = fileImg2.value
-        .map((option) => option.id)
-        .join("|");
-      inputForm.value.approvalProcedures = fileImg3.value
-        .map((option) => option.id)
-        .join("|");
-      inputForm.value.scenesImage = fileImg4.value
-        .map((option) => option.id)
-        .join("|");
-      hlwToSubmit();
-      let dynami = JSON.stringify(internetForm.value.dynamicForm);
-      const json = Object.assign(inputForm.value, { dynamicFormJson: dynami });
-      inputForm.value = json;
-      new placeRegister().sava(inputForm.value).then((res) => {
-        if (res.status == 200) {
-          xm.showToast({
-            message: "添加成功",
-          });
-          router.push("/placeRegisterList");
-        } else {
-          xm.showToast({
-            message: "添加失败",
-          });
-        }
-      });
-    };
-    return {
-      inputForm,
-      onClickLeft,
-      // dataitem,
-      selectColor,
-      active,
-      //图片上传
-      fileList,
-      chooseImg,
-      deleteRead,
-      fileList2,
-      chooseImg2,
-      deleteRead2,
-      fileList3,
-      chooseImg3,
-      deleteRead3,
-      fileList4,
-      chooseImg4,
-      deleteRead4,
-      //宗教类型
-      religiousType,
-      hs_religious,
-      religious,
-      getreligious,
-      //场所类型
-      showPicker1,
-      placeType,
-      getplaceType,
-      placeTypeName,
-      //场所性质
-      showPicker3,
-      property,
-      getproperty,
-      propertyName,
-      //场所建设阶段
-      showPicker2,
-      construction,
-      getConstruction,
-      constructionName,
-      showlv,
-      lv,
-      getlv,
-      // 详细地址定位
-      getLocation,
-      // 地区选择
-      placeAddress,
-      customFieldName,
-      showPlace1,
-      getPlace1,
-      options,
-      //宗教公安人员选择
-      showPerson,
-      showReport,
-      selected,
-      selected2,
-      reselected,
-      reselected2,
-      religiousDeptManaUserName,
-      securityDeptManaUserName,
-      // 批准设立时间
-      currentDate,
-      currentTime,
-      columnsType,
-      hs_SetupTime,
-      getSetupTime,
-      // 登记时间
-      hs_SignTime,
-      getSignTime,
-      // 互联网专区
-      internetForm,
-      addForm,
-      removeForm,
-      zbj,
-      showzbj,
-      getzbj,
-      showNew,
-      //校验
-      failed,
-      //数据提交
-      submit,
-    };
-  },
-};
+					if (ele.type == "直播间") {
+						internetForm.value.zbjForm.push(ele);
+					} else if (ele.type == "公众号") {
+						internetForm.value.gzhForm.push(ele);
+					} else {
+						internetForm.value.wxqForm.push(ele);
+					}
+				});
+			};
+			const dynamicFormDataClear = () => {
+				internetForm.value.zbjForm = [];
+				internetForm.value.gzhForm = [];
+				internetForm.value.wxqForm = [];
+				internetForm.value.dynamicForm = [];
+			};
+			// 直播间类型
+			const zbj = [{
+					text: "斗鱼",
+					value: "0"
+				},
+				{
+					text: "小红书",
+					value: "1"
+				},
+				{
+					text: "抖音",
+					value: "2"
+				},
+				{
+					text: "哔哩哔哩",
+					value: "3"
+				},
+				{
+					text: "虎牙",
+					value: "4"
+				},
+				{
+					text: "快手",
+					value: "5"
+				},
+				{
+					text: "YY直播",
+					value: "6"
+				},
+				{
+					text: "淘宝直播",
+					value: "7"
+				},
+				{
+					text: "京东直播",
+					value: "8"
+				},
+			];
+			const getzbjType = (type) => {
+				const typeObject = {
+					斗鱼: 0,
+					小红书: 1,
+					抖音: 2,
+					哔哩哔哩: 3,
+					虎牙: 4,
+					快手: 5,
+					YY直播: 6,
+					淘宝直播: 7,
+					京东直播: 8,
+				};
+				return typeObject[type];
+			};
+			const nowIndex = ref("");
+			const showNew = (key) => {
+				showzbj.value = true;
+				nowIndex.value = key;
+			};
+			let showzbj = ref(false);
+			const getzbj = ({
+				selectedOptions
+			}) => {
+				showzbj.value = false;
+				internetForm.value.zbjForm.forEach((item) => {
+					if (item.key == nowIndex.value) {
+						item.typeName = selectedOptions[0].text;
+						item.typeChild = selectedOptions[0].value;
+					}
+				});
+			};
+			//返回
+			const onClickLeft = () => {
+				history.back();
+			};
+			//校验
+			const failed = () => {
+				xm.showToast({
+					message: "请检查表单必填项是否存在填写遗漏！",
+				});
+			};
+			// 数据提交
+			const submit = () => {
+				//保存前附件处理
+				inputForm.value.scenesImageMain = fileImg.value
+					.map((option) => option.id)
+					.join("|");
+				inputForm.value.etiquetteSpace = fileImg2.value
+					.map((option) => option.id)
+					.join("|");
+				inputForm.value.approvalProcedures = fileImg3.value
+					.map((option) => option.id)
+					.join("|");
+				inputForm.value.scenesImage = fileImg4.value
+					.map((option) => option.id)
+					.join("|");
+				hlwToSubmit();
+				let dynami = JSON.stringify(internetForm.value.dynamicForm);
+				const json = Object.assign(inputForm.value, {
+					dynamicFormJson: dynami
+				});
+				inputForm.value = json;
+				new placeRegister().sava(inputForm.value).then((res) => {
+					if (res.status == 200) {
+						xm.showToast({
+							message: "添加成功",
+						});
+						router.push("/placeRegisterList");
+					} else {
+						xm.showToast({
+							message: "添加失败",
+						});
+					}
+				});
+			};
+			return {
+				inputForm,
+				onClickLeft,
+				// dataitem,
+				selectColor,
+				active,
+				//图片上传
+				fileList,
+				chooseImg,
+				deleteRead,
+				fileList2,
+				chooseImg2,
+				deleteRead2,
+				fileList3,
+				chooseImg3,
+				deleteRead3,
+				fileList4,
+				chooseImg4,
+				deleteRead4,
+				//宗教类型
+				religiousType,
+				hs_religious,
+				religious,
+				getreligious,
+				//场所类型
+				showPicker1,
+				placeType,
+				getplaceType,
+				placeTypeName,
+				//场所性质
+				showPicker3,
+				property,
+				getproperty,
+				propertyName,
+				//场所建设阶段
+				showPicker2,
+				construction,
+				getConstruction,
+				constructionName,
+				showlv,
+				lv,
+				getlv,
+				// 详细地址定位
+				getLocation,
+				// 地区选择
+				placeAddress,
+				customFieldName,
+				showPlace1,
+				getPlace1,
+				options,
+				//宗教公安人员选择
+				showPerson,
+				showReport,
+				selected,
+				selected2,
+				reselected,
+				reselected2,
+				religiousDeptManaUserName,
+				securityDeptManaUserName,
+				// 批准设立时间
+				currentDate,
+				currentTime,
+				columnsType,
+				hs_SetupTime,
+				getSetupTime,
+				// 登记时间
+				hs_SignTime,
+				getSignTime,
+				// 互联网专区
+				internetForm,
+				addForm,
+				removeForm,
+				zbj,
+				showzbj,
+				getzbj,
+				showNew,
+				//校验
+				failed,
+				//数据提交
+				submit,
+			};
+		},
+	};
 </script>
 <style lang="less">
-.main {
-  .imgbox {
-    width: 100%;
-    overflow: hidden;
-    .img-left {
-      float: left;
-      width: 50%;
-    }
-    .img-right {
-      float: left;
-      width: 50%;
-    }
-  }
-}
-.btn {
-  margin: 10px auto;
-  padding: 0 10px;
-  .van-button {
-    width: 100%;
-    height: 50px;
-  }
-}
+	.main {
+		.imgbox {
+			width: 100%;
+			overflow: hidden;
+
+			.img-left {
+				float: left;
+				width: 50%;
+			}
+
+			.img-right {
+				float: left;
+				width: 50%;
+			}
+		}
+	}
+
+	.btn {
+		margin: 10px auto;
+		padding: 0 10px;
+
+		.van-button {
+			width: 100%;
+			height: 50px;
+		}
+	}
 </style>

src/views/placeManage/placeRegister/placeRegisterInfo.vue

@@ -1,1608 +1,1265 @@
 <template>
-  <van-nav-bar
-    fixed
-    title="场所详细信息"
-    left-arrow
-    @click-left="onClickLeft"
-    :style="{ 'background-color': selectColor }"
-  />
-  <div class="main" style="height: 100vh">
-    <div class="banner">
-      <img src="../../../../public/loginbg/banner.jpg" alt="" />
-    </div>
-    <div class="info" style="height: 500px">
-      <van-form
-        @submit="submit"
-        @failed="failed"
-        show-error
-        :show-error-message="false"
-      >
-        <van-tabs v-model:active="active" swipeable>
-          <!-- 基础信息 -->
-          <van-tab>
-            <template #title> <van-icon name="orders-o" />基础信息</template>
-            <div style="padding: 0 10px; height: 470px; overflow: auto">
-              <div class="imgbox">
-                <div class="img-left">
-                  <van-cell-group>
-                    <van-field
-                      name="uploader"
-                      label-align="top"
-                      label-width="8em"
-                      label="场所内外景(主):"
-                    >
-                      <template #input>
-                        <van-uploader
-                          readonly
-                          v-model="fileList"
-                          :max-count="1"
-                          accept=""
-                          :preview-full-image="false"
-                          :before-delete="deleteRead"
-                          @click-upload="chooseImg"
-                        >
-                        </van-uploader>
-                      </template>
-                    </van-field>
-                  </van-cell-group>
-                </div>
-                <div class="img-left">
-                  <van-cell-group>
-                    <van-field
-                      name="uploader"
-                      label-align="top"
-                      label-width="9em"
-                      label="场所内外景(其他):"
-                    >
-                      <template #input>
-                        <van-uploader
-                          readonly
-                          v-model="fileList4"
-                          :max-count="5"
-                          preview-size="60"
-                          accept=""
-                          :preview-full-image="false"
-                          :before-delete="deleteRead4"
-                          @click-upload="chooseImg4"
-                        >
-                        </van-uploader>
-                      </template>
-                    </van-field>
-                  </van-cell-group>
-                </div>
-              </div>
-              <van-cell-group>
-                <van-field
-                  v-model="dataitem.name"
-                  center
-                  required
-                  clearable
-                  :rules="[{ required: true }]"
-                  label="场所名称:"
-                  input-align="right"
-                  placeholder="请输入场所名称"
-                />
-              </van-cell-group>
-              <van-cell-group>
-                <van-field
-                  v-model="religiousType"
-                  readonly
-                  required
-                  :rules="[{ required: true }]"
-                  label="宗教类型:"
-                  name="validator"
-                  placeholder="请选择教别"
-                  input-align="right"
-                  right-icon="arrow-down"
-                  @click="hs_religious = true"
-                />
-              </van-cell-group>
-              <van-cell-group>
-                <van-field
-                  v-model="dataitem.tyshxydm"
-                  center
-                  label-width="7em"
-                  clearable
-                  label="社会信用代码:"
-                  input-align="right"
-                  placeholder="请输入社会信用代码"
-                />
-              </van-cell-group>
-              <van-cell-group>
-                <van-field
-                  v-model="dataitem.contact"
-                  center
-                  label-width="7em"
-                  clearable
-                  label="场所联系人:"
-                  input-align="right"
-                  placeholder="请填写场所联系人"
-                />
-              </van-cell-group>
-              <van-cell-group>
-                <van-field
-                  v-model="dataitem.contactNumber"
-                  center
-                  label-width="7em"
-                  clearable
-                  label="联系电话:"
-                  input-align="right"
-                  placeholder="请输入联系电话"
-                />
-              </van-cell-group>
+	<van-nav-bar fixed title="场所详细信息" left-arrow @click-left="onClickLeft"
+		:style="{ 'background-color': selectColor }" />
+	<div class="main" style="height: 100vh">
+		<div class="banner">
+			<img src="../../../../public/loginbg/banner.jpg" alt="" />
+		</div>
+		<div class="info" style="height: 500px">
+			<van-form @submit="submit" @failed="failed" show-error :show-error-message="false">
+				<van-tabs v-model:active="active" swipeable>
+					<!-- 基础信息 -->
+					<van-tab>
+						<template #title> <van-icon name="orders-o" />基础信息</template>
+						<div style="padding: 0 10px; height: 470px; overflow: auto">
+							<div class="imgbox">
+								<div class="img-left">
+									<van-cell-group>
+										<van-field name="uploader" label-align="top" label-width="8em"
+											label="场所内外景(主):">
+											<template #input>
+												<van-uploader readonly v-model="fileList" :max-count="1" accept=""
+													:preview-full-image="false" :before-delete="deleteRead"
+													@click-upload="chooseImg">
+												</van-uploader>
+											</template>
+										</van-field>
+									</van-cell-group>
+								</div>
+								<div class="img-left">
+									<van-cell-group>
+										<van-field name="uploader" label-align="top" label-width="9em"
+											label="场所内外景(其他):">
+											<template #input>
+												<van-uploader readonly v-model="fileList4" :max-count="5"
+													preview-size="60" accept="" :preview-full-image="false"
+													:before-delete="deleteRead4" @click-upload="chooseImg4">
+												</van-uploader>
+											</template>
+										</van-field>
+									</van-cell-group>
+								</div>
+							</div>
+							<van-cell-group>
+								<van-field v-model="dataitem.name" center required clearable
+									:rules="[{ required: true }]" label="场所名称:" input-align="right"
+									placeholder="请输入场所名称" />
+							</van-cell-group>
+							<van-cell-group>
+								<van-field v-model="religiousType" readonly required :rules="[{ required: true }]"
+									label="宗教类型:" name="validator" placeholder="请选择教别" input-align="right"
+									right-icon="arrow-down" @click="hs_religious = true" />
+							</van-cell-group>
+							<van-cell-group>
+								<van-field v-model="dataitem.tyshxydm" center label-width="7em" clearable
+									label="社会信用代码:" input-align="right" placeholder="请输入社会信用代码" />
+							</van-cell-group>
+							<van-cell-group>
+								<van-field v-model="dataitem.contact" center label-width="7em" clearable label="场所联系人:"
+									input-align="right" placeholder="请填写场所联系人" />
+							</van-cell-group>
+							<van-cell-group>
+								<van-field v-model="dataitem.contactNumber" center label-width="7em" clearable
+									label="联系电话:" input-align="right" placeholder="请输入联系电话" />
+							</van-cell-group>
 
-              <van-cell-group>
-                <van-field
-                  v-model="placeAddress"
-                  center
-                  clearable
-                  readonly
-                  label="场所地点:"
-                  input-align="right"
-                  right-icon="arrow-down"
-                  placeholder="请输入场所地点"
-                  @click="showPlace1 = true"
-                />
-              </van-cell-group>
-              <van-cell-group>
-                <van-field
-                  v-model="dataitem.place"
-                  center
-                  clearable
-                  label="详细地点:"
-                  input-align="right"
-                  placeholder="请输入详细场所地点"
-                >
-                  <template #right-icon>
-                    <van-icon name="location" @click="getLocation" />
-                  </template>
-                </van-field>
-              </van-cell-group>
-              <van-cell-group>
-                <van-field
-                  v-model="dataitem.longitude"
-                  center
-                  clearable
-                  label-width="7em"
-                  label="场所坐标-经度:"
-                  input-align="right"
-                  placeholder="请输入场所经度坐标"
-                />
-              </van-cell-group>
-              <van-cell-group>
-                <van-field
-                  v-model="dataitem.latitude"
-                  center
-                  clearable
-                  label-width="7em"
-                  label="场所坐标-纬度:"
-                  input-align="right"
-                  placeholder="请输入场所纬度坐标"
-                />
-              </van-cell-group>
-              <van-cell-group>
-                <van-field
-                  v-model="dataitem.peopleThreshold"
-                  center
-                  clearable
-                  required
-                  :rules="[{ required: true }]"
-                  label="额定人数:"
-                  input-align="right"
-                  placeholder="请输入场所额定人数"
-                />
-              </van-cell-group>
-              <van-cell-group>
-                <van-field
-                  v-model="placeTypeName"
-                  center
-                  readonly
-                  clearable
-                  required
-                  :rules="[{ required: true }]"
-                  label="场所类型:"
-                  input-align="right"
-                  placeholder="请选择场所类型"
-                  right-icon="arrow-down"
-                  @click="showPicker1 = true"
-                >
-                </van-field>
-              </van-cell-group>
-              <van-cell-group>
-                <van-field
-                  v-model="propertyName"
-                  readonly
-                  required
-                  :rules="[{ required: true }]"
-                  label="场所性质"
-                  placeholder="请选择场所性质"
-                  input-align="right"
-                  right-icon="arrow-down"
-                  @click="showPicker3 = true"
-                />
-              </van-cell-group>
-              <van-cell-group>
-                <van-field
-                  v-model="dataitem.protectionLevel"
-                  center
-                  clearable
-                  label-width="7em"
-                  label="文物保护级别:"
-                  input-align="right"
-                  placeholder="请输入文物保护级别"
-                />
-              </van-cell-group>
-              <van-cell-group>
-                <van-field
-                  v-model="constructionName"
-                  center
-                  required
-                  readonly
-                  clearable
-                  label-width="7em"
-                  label="场所建设阶段:"
-                  input-align="right"
-                  right-icon="arrow-down"
-                  placeholder="请选择场所建设阶段"
-                  @click="showPicker2 = true"
-                >
-                </van-field>
-              </van-cell-group>
-              <van-cell-group>
-                <van-field
-                  v-model="lv"
-                  center
-                  required
-                  readonly
-                  clearable
-                  :rules="[{ required: true }]"
-                  label-width="7em"
-                  label="场所建筑等级:"
-                  input-align="right"
-                  right-icon="arrow-down"
-                  placeholder="请选择场所建筑等级"
-                  @click="showlv = true"
-                >
-                </van-field>
-              </van-cell-group>
-              <van-cell-group>
-                <van-field
-                  v-model="dataitem.coveredArea"
-                  center
-                  clearable
-                  label="建筑面积(㎡):"
-                  input-align="right"
-                  placeholder="请输入场所建筑面积"
-                />
-              </van-cell-group>
-              <van-cell-group>
-                <van-field
-                  v-model="dataitem.floorSpace"
-                  center
-                  clearable
-                  label="占地面积(㎡):"
-                  input-align="right"
-                  placeholder="请输入场所占地面积"
-                />
-              </van-cell-group>
-              <van-cell-group>
-                <van-field
-                  v-model="dataitem.plan"
-                  center
-                  clearable
-                  label="场所规划:"
-                  input-align="right"
-                  placeholder="请填写场所规划"
-                />
-              </van-cell-group>
-              <van-cell-group>
-                <van-field
-                  v-model="dataitem.mainRoads"
-                  center
-                  clearable
-                  label-width="8em"
-                  label="出入口主要道路:"
-                  input-align="right"
-                  placeholder="请填写出入口主要道路"
-                />
-              </van-cell-group>
-              <van-cell-group>
-                <van-field
-                  v-model="dataitem.publicArea"
-                  center
-                  clearable
-                  label-width="7em"
-                  label="外围公共区域:"
-                  input-align="right"
-                  placeholder="请填写外围公共区域"
-                />
-              </van-cell-group>
-              <van-cell-group>
-                <van-field
-                  name="uploader"
-                  label-align="top"
-                  label-width="8em"
-                  label="宗教礼仪空间:"
-                >
-                  <template #input>
-                    <van-uploader
-                      readonly
-                      v-model="fileList2"
-                      :max-count="5"
-                      accept=""
-                      :preview-full-image="false"
-                      :before-delete="deleteRead2"
-                      @click-upload="chooseImg2"
-                    >
-                    </van-uploader>
-                  </template>
-                </van-field>
-              </van-cell-group>
-              <van-cell-group>
-                <van-field
-                  v-model="dataitem.remake"
-                  rows="1"
-                  autosize
-                  label="备注："
-                  type="textarea"
-                  placeholder="请输入备注"
-                />
-              </van-cell-group>
-            </div>
-          </van-tab>
-          <!-- 备案信息 -->
-          <van-tab>
-            <template #title> <van-icon name="bulb-o" />备案信息 </template>
-            <div style="padding: 0 10px; height: 470px; overflow: auto">
-              <van-cell-group>
-                <van-field
-                  v-model="dataitem.filingNo"
-                  center
-                  clearable
-                  label="场所备案号:"
-                  input-align="right"
-                  placeholder="请输入场所备案号"
-                />
-              </van-cell-group>
-              <van-cell-group>
-                <van-field
-                  v-model="dataitem.approvedEstablishmentTime"
-                  center
-                  readonly
-                  required
-                  label-width="8em"
-                  :rules="[{ required: true }]"
-                  label="批准设立时间:"
-                  placeholder="请选择时间"
-                  input-align="right"
-                  right-icon="arrow-down"
-                  @click="hs_SetupTime = true"
-                />
-              </van-cell-group>
+							<van-cell-group>
+								<van-field v-model="placeAddress" center clearable readonly label="场所地点:"
+									input-align="right" right-icon="arrow-down" placeholder="请输入场所地点"
+									@click="showPlace1 = true" />
+							</van-cell-group>
+							<van-cell-group>
+								<van-field v-model="dataitem.place" center clearable label="详细地点:" input-align="right"
+									placeholder="请输入详细场所地点">
+									<template #right-icon>
+										<van-icon name="location" @click="getLocation" />
+									</template>
+								</van-field>
+							</van-cell-group>
+							<van-cell-group>
+								<van-field v-model="dataitem.longitude" center clearable label-width="7em"
+									label="场所坐标-经度:" input-align="right" placeholder="请输入场所经度坐标" />
+							</van-cell-group>
+							<van-cell-group>
+								<van-field v-model="dataitem.latitude" center clearable label-width="7em"
+									label="场所坐标-纬度:" input-align="right" placeholder="请输入场所纬度坐标" />
+							</van-cell-group>
+							<van-cell-group>
+								<van-field v-model="dataitem.peopleThreshold" center clearable required
+									:rules="[{ required: true }]" label="额定人数:" input-align="right"
+									placeholder="请输入场所额定人数" />
+							</van-cell-group>
+							<van-cell-group>
+								<van-field v-model="placeTypeName" center readonly clearable required
+									:rules="[{ required: true }]" label="场所类型:" input-align="right"
+									placeholder="请选择场所类型" right-icon="arrow-down" @click="showPicker1 = true">
+								</van-field>
+							</van-cell-group>
+							<van-cell-group>
+								<van-field v-model="propertyName" readonly required :rules="[{ required: true }]"
+									label="场所性质" placeholder="请选择场所性质" input-align="right" right-icon="arrow-down"
+									@click="showPicker3 = true" />
+							</van-cell-group>
+							<van-cell-group>
+								<van-field v-model="dataitem.protectionLevel" center clearable label-width="7em"
+									label="文物保护级别:" input-align="right" placeholder="请输入文物保护级别" />
+							</van-cell-group>
+							<van-cell-group>
+								<van-field v-model="constructionName" center required readonly clearable
+									label-width="7em" label="场所建设阶段:" input-align="right" right-icon="arrow-down"
+									placeholder="请选择场所建设阶段" @click="showPicker2 = true">
+								</van-field>
+							</van-cell-group>
+							<van-cell-group>
+								<van-field v-model="lv" center required readonly clearable :rules="[{ required: true }]"
+									label-width="7em" label="场所建筑等级:" input-align="right" right-icon="arrow-down"
+									placeholder="请选择场所建筑等级" @click="showlv = true">
+								</van-field>
+							</van-cell-group>
+							<van-cell-group>
+								<van-field v-model="dataitem.coveredArea" center clearable label="建筑面积(㎡):"
+									input-align="right" placeholder="请输入场所建筑面积" />
+							</van-cell-group>
+							<van-cell-group>
+								<van-field v-model="dataitem.floorSpace" center clearable label="占地面积(㎡):"
+									input-align="right" placeholder="请输入场所占地面积" />
+							</van-cell-group>
+							<van-cell-group>
+								<van-field v-model="dataitem.plan" center clearable label="场所规划:" input-align="right"
+									placeholder="请填写场所规划" />
+							</van-cell-group>
+							<van-cell-group>
+								<van-field v-model="dataitem.mainRoads" center clearable label-width="8em"
+									label="出入口主要道路:" input-align="right" placeholder="请填写出入口主要道路" />
+							</van-cell-group>
+							<van-cell-group>
+								<van-field v-model="dataitem.publicArea" center clearable label-width="7em"
+									label="外围公共区域:" input-align="right" placeholder="请填写外围公共区域" />
+							</van-cell-group>
+							<van-cell-group>
+								<van-field name="uploader" label-align="top" label-width="8em" label="宗教礼仪空间:">
+									<template #input>
+										<van-uploader readonly v-model="fileList2" :max-count="5" accept=""
+											:preview-full-image="false" :before-delete="deleteRead2"
+											@click-upload="chooseImg2">
+										</van-uploader>
+									</template>
+								</van-field>
+							</van-cell-group>
+							<van-cell-group>
+								<van-field v-model="dataitem.remake" rows="1" autosize label="备注：" type="textarea"
+									placeholder="请输入备注" />
+							</van-cell-group>
+						</div>
+					</van-tab>
+					<!-- 备案信息 -->
+					<van-tab>
+						<template #title> <van-icon name="bulb-o" />备案信息 </template>
+						<div style="padding: 0 10px; height: 470px; overflow: auto">
+							<van-cell-group>
+								<van-field v-model="dataitem.filingNo" center clearable label="场所备案号:"
+									input-align="right" placeholder="请输入场所备案号" />
+							</van-cell-group>
+							<van-cell-group>
+								<van-field v-model="dataitem.approvedEstablishmentTime" center readonly required
+									label-width="8em" :rules="[{ required: true }]" label="批准设立时间:" placeholder="请选择时间"
+									input-align="right" right-icon="arrow-down" @click="hs_SetupTime = true" />
+							</van-cell-group>
 
-              <van-cell-group>
-                <van-field
-                  v-model="dataitem.registrationAuthority"
-                  center
-                  :rules="[{ required: true }]"
-                  required
-                  clearable
-                  label="登记机关:"
-                  input-align="right"
-                  placeholder="请输入登记机关"
-                />
-              </van-cell-group>
-              <van-cell-group>
-                <van-field
-                  v-model="dataitem.registrationDate"
-                  center
-                  readonly
-                  required
-                  label-width="8em"
-                  :rules="[{ required: true }]"
-                  label="登记日期:"
-                  placeholder="请选择时间"
-                  input-align="right"
-                  right-icon="arrow-down"
-                  @click="hs_SignTime = true"
-                />
-              </van-cell-group>
-              <van-cell-group>
-                <van-field
-                  v-model="dataitem.teachingStaff"
-                  center
-                  clearable
-                  label-width="7em"
-                  label="主要教职人员:"
-                  input-align="right"
-                  placeholder="请输入主要教职人员"
-                />
-              </van-cell-group>
-              <van-cell-group>
-                <van-field
-                  v-model="dataitem.approveOffice"
-                  center
-                  clearable
-                  label-width="7em"
-                  label="批准设立机关:"
-                  input-align="right"
-                  placeholder="请输入批准设立机关"
-                />
-              </van-cell-group>
-              <van-cell-group>
-                <van-field
-                  v-model="religiousDeptManaUserName"
-                  center
-                  label="宗教管理人员"
-                  placeholder="请填写宗教管理人员"
-                  input-align="right"
-                  right-icon="arrow-down"
-                  @click="showPerson = true"
-                />
-              </van-cell-group>
-              <van-cell-group>
-                <van-field
-                  v-model="securityDeptManaUserName"
-                  center
-                  label="公安管理人员"
-                  placeholder="请填写公安管理人员"
-                  input-align="right"
-                  right-icon="arrow-down"
-                  @click="showReport = true"
-                />
-              </van-cell-group>
-              <van-cell-group>
-                <van-field
-                  name="uploader"
-                  label-align="top"
-                  label-width="10em"
-                  label="场所建设审批手续:"
-                >
-                  <template #input>
-                    <van-uploader
-                      readonly
-                      v-model="fileList3"
-                      :max-count="5"
-                      accept=""
-                      :preview-full-image="false"
-                      :before-delete="deleteRead3"
-                      @click-upload="chooseImg3"
-                    >
-                      <van-button
-                        >上传文件(可添加图片、音、视频和文本等)</van-button
-                      >
-                    </van-uploader>
-                  </template>
-                </van-field>
-              </van-cell-group>
-            </div>
-          </van-tab>
-          <!-- 互联网专区 -->
-          <van-tab>
-            <template #title>
-              <van-icon name="desktop-o" />互联网专区
-            </template>
-            <div style="padding: 0 10px; height: 470px; overflow: auto">
-              <div style="overflow: hidden">
-                <p style="font-weight: 700; font-size: 14px">
-                  直播间<van-button
-                    type="primary"
-                    size="mini"
-                    style="margin-left: 10px; vertical-align: middle"
-                    @click="addForm('直播间')"
-                    >新增</van-button
-                  >
-                </p>
-                <div v-for="item in internetForm.zbjForm" :key="item.key">
-                  <van-cell-group>
-                    <van-field
-                      v-model="item.typeName"
-                      center
-                      clearable
-                      readonly
-                      label-width="7em"
-                      label="所属平台:"
-                      input-align="right"
-                      right-icon="arrow-down"
-                      placeholder="请选择所属平台"
-                      @click="showNew(item.key)"
-                    />
-                  </van-cell-group>
-                  <van-cell-group>
-                    <van-field
-                      v-model="item.account"
-                      center
-                      clearable
-                      label-width="7em"
-                      label="直播账号:"
-                      input-align="right"
-                      placeholder="请输入直播账号"
-                    />
-                  </van-cell-group>
-                  <van-cell-group>
-                    <van-field
-                      v-model="item.manager"
-                      center
-                      clearable
-                      label-width="7em"
-                      label="管理员:"
-                      input-align="right"
-                      placeholder="请填写管理员"
-                    />
-                  </van-cell-group>
-                  <van-cell-group>
-                    <van-field
-                      v-model="item.contact"
-                      center
-                      clearable
-                      label-width="7em"
-                      label="联系方式:"
-                      input-align="right"
-                      placeholder="请输入联系方式"
-                    />
-                  </van-cell-group>
-                  <van-button
-                    @click="removeForm(item, '直播间')"
-                    type="danger"
-                    size="mini"
-                    color="#e6a23c"
-                    >删除</van-button
-                  >
-                </div>
-              </div>
-              <div style="overflow: hidden">
-                <p style="font-weight: 700; font-size: 14px">
-                  公众号<van-button
-                    type="primary"
-                    size="mini"
-                    @click="addForm('公众号')"
-                    style="margin-left: 10px; vertical-align: middle"
-                    >新增</van-button
-                  >
-                </p>
-                <div v-for="item in internetForm.gzhForm" :key="item.key">
-                  <van-cell-group>
-                    <van-field
-                      v-model="item.account"
-                      center
-                      clearable
-                      label-width="7em"
-                      label="公众号账号:"
-                      input-align="right"
-                      placeholder="请输入公众号账号"
-                    />
-                  </van-cell-group>
-                  <van-cell-group>
-                    <van-field
-                      v-model="item.manager"
-                      center
-                      clearable
-                      label-width="7em"
-                      label="管理员:"
-                      input-align="right"
-                      placeholder="请填写管理员"
-                    />
-                  </van-cell-group>
-                  <van-cell-group>
-                    <van-field
-                      v-model="item.contact"
-                      center
-                      clearable
-                      label-width="7em"
-                      label="联系方式:"
-                      input-align="right"
-                      placeholder="请输入联系方式"
-                    />
-                  </van-cell-group>
-                  <van-button
-                    @click="removeForm(item, '公众号')"
-                    type="danger"
-                    size="mini"
-                    color="#e6a23c"
-                    >删除</van-button
-                  >
-                </div>
-              </div>
-              <div style="overflow: hidden">
-                <p style="font-weight: 700; font-size: 14px">
-                  微信群<van-button
-                    type="primary"
-                    size="mini"
-                    style="margin-left: 10px; vertical-align: middle"
-                    @click="addForm('微信群')"
-                    >新增</van-button
-                  >
-                </p>
-                <div v-for="item in internetForm.wxqForm" :key="item.key">
-                  <van-cell-group>
-                    <van-field
-                      v-model="item.account"
-                      center
-                      clearable
-                      label-width="7em"
-                      label="微信群账号:"
-                      input-align="right"
-                      placeholder="请输入微信群账号"
-                    />
-                  </van-cell-group>
-                  <van-cell-group>
-                    <van-field
-                      v-model="item.manager"
-                      center
-                      clearable
-                      label-width="7em"
-                      label="管理员:"
-                      input-align="right"
-                      placeholder="请填写管理员"
-                    />
-                  </van-cell-group>
-                  <van-cell-group>
-                    <van-field
-                      v-model="item.contact"
-                      center
-                      clearable
-                      label-width="7em"
-                      label="联系方式:"
-                      input-align="right"
-                      placeholder="请输入联系方式"
-                    />
-                  </van-cell-group>
-                  <van-button
-                    @click="removeForm(item, '微信群')"
-                    type="danger"
-                    size="mini"
-                    color="#e6a23c"
-                    >删除</van-button
-                  >
-                </div>
-              </div>
-              <div style="overflow: hidden">
-                <p style="font-weight: 700; font-size: 14px">网站</p>
-                <div>
-                  <van-cell-group>
-                    <van-field
-                      v-model="dataitem.website"
-                      center
-                      clearable
-                      label-width="7em"
-                      label="网站地址:"
-                      input-align="right"
-                      placeholder="请输入网站地址"
-                    />
-                  </van-cell-group>
-                </div>
-              </div>
-            </div>
-          </van-tab>
-        </van-tabs>
-        <div class="btn">
-          <van-button type="primary" native-type="submit">确认修改</van-button>
-        </div>
-      </van-form>
-    </div>
-    <!-- 宗教类型 -->
-    <van-popup v-model:show="hs_religious" round position="bottom">
-      <van-picker
-        title="宗教类型"
-        :columns="religious"
-        @cancel="hs_religious = false"
-        @confirm="getreligious"
-      />
-    </van-popup>
-    <!-- 场所地点 -->
-    <van-popup v-model:show="showPlace1" round position="bottom">
-      <van-picker
-        title="场所地点"
-        :columns="options"
-        :columns-field-names="customFieldName"
-        @cancel="showPlace1 = false"
-        @confirm="getPlace1"
-      />
-    </van-popup>
-    <!-- 场所类型 -->
-    <van-popup v-model:show="showPicker1" round position="bottom">
-      <van-picker
-        title="场所类型"
-        :columns="placeType"
-        @cancel="showPicker1 = false"
-        @confirm="getplaceType"
-      />
-    </van-popup>
-    <!-- 场所性质 -->
-    <van-popup v-model:show="showPicker3" round position="bottom">
-      <van-picker
-        title="场所性质选择"
-        :columns="property"
-        @cancel="showPicker3 = false"
-        @confirm="getproperty"
-      />
-    </van-popup>
-    <!-- 场所建设阶段 -->
-    <van-popup v-model:show="showPicker2" round position="bottom">
-      <van-picker
-        title="场所建设阶段"
-        :columns="construction"
-        @cancel="showPicker2 = false"
-        @confirm="getConstruction"
-      />
-    </van-popup>
-    <!-- 场所建筑等级 -->
-    <van-popup v-model:show="showlv" round position="bottom">
-      <van-picker
-        title="场所建筑等级"
-        :columns="$dictUtils.getDictList('site_building_grade')"
-        :columns-field-names="{
+							<van-cell-group>
+								<van-field v-model="dataitem.registrationAuthority" center :rules="[{ required: true }]"
+									required clearable label="登记机关:" input-align="right" placeholder="请输入登记机关" />
+							</van-cell-group>
+							<van-cell-group>
+								<van-field v-model="dataitem.registrationDate" center readonly required
+									label-width="8em" :rules="[{ required: true }]" label="登记日期:" placeholder="请选择时间"
+									input-align="right" right-icon="arrow-down" @click="hs_SignTime = true" />
+							</van-cell-group>
+							<van-cell-group>
+								<van-field v-model="dataitem.teachingStaff" center clearable label-width="7em"
+									label="主要教职人员:" input-align="right" placeholder="请输入主要教职人员" />
+							</van-cell-group>
+							<van-cell-group>
+								<van-field v-model="dataitem.approveOffice" center clearable label-width="7em"
+									label="批准设立机关:" input-align="right" placeholder="请输入批准设立机关" />
+							</van-cell-group>
+							<van-cell-group>
+								<van-field v-model="religiousDeptManaUserName" center label="宗教管理人员"
+									placeholder="请填写宗教管理人员" input-align="right" right-icon="arrow-down"
+									@click="showPerson = true" />
+							</van-cell-group>
+							<van-cell-group>
+								<van-field v-model="securityDeptManaUserName" center label="公安管理人员"
+									placeholder="请填写公安管理人员" input-align="right" right-icon="arrow-down"
+									@click="showReport = true" />
+							</van-cell-group>
+							<van-cell-group>
+								<van-field name="uploader" label-align="top" label-width="10em" label="场所建设审批手续:">
+									<template #input>
+										<van-uploader readonly v-model="fileList3" :max-count="5" accept=""
+											:preview-full-image="false" :before-delete="deleteRead3"
+											@click-upload="chooseImg3">
+											<van-button>上传文件(可添加图片、音、视频和文本等)</van-button>
+										</van-uploader>
+									</template>
+								</van-field>
+							</van-cell-group>
+						</div>
+					</van-tab>
+					<!-- 互联网专区 -->
+					<van-tab>
+						<template #title>
+							<van-icon name="desktop-o" />互联网专区
+						</template>
+						<div style="padding: 0 10px; height: 470px; overflow: auto">
+							<div style="overflow: hidden">
+								<p style="font-weight: 700; font-size: 14px">
+									直播间<van-button type="primary" size="mini"
+										style="margin-left: 10px; vertical-align: middle"
+										@click="addForm('直播间')">新增</van-button>
+								</p>
+								<div v-for="item in internetForm.zbjForm" :key="item.key">
+									<van-cell-group>
+										<van-field v-model="item.typeName" center clearable readonly label-width="7em"
+											label="所属平台:" input-align="right" right-icon="arrow-down"
+											placeholder="请选择所属平台" @click="showNew(item.key)" />
+									</van-cell-group>
+									<van-cell-group>
+										<van-field v-model="item.account" center clearable label-width="7em"
+											label="直播账号:" input-align="right" placeholder="请输入直播账号" />
+									</van-cell-group>
+									<van-cell-group>
+										<van-field v-model="item.manager" center clearable label-width="7em"
+											label="管理员:" input-align="right" placeholder="请填写管理员" />
+									</van-cell-group>
+									<van-cell-group>
+										<van-field v-model="item.contact" center clearable label-width="7em"
+											label="联系方式:" input-align="right" placeholder="请输入联系方式" />
+									</van-cell-group>
+									<van-button @click="removeForm(item, '直播间')" type="danger" size="mini"
+										color="#e6a23c">删除</van-button>
+								</div>
+							</div>
+							<div style="overflow: hidden">
+								<p style="font-weight: 700; font-size: 14px">
+									公众号<van-button type="primary" size="mini" @click="addForm('公众号')"
+										style="margin-left: 10px; vertical-align: middle">新增</van-button>
+								</p>
+								<div v-for="item in internetForm.gzhForm" :key="item.key">
+									<van-cell-group>
+										<van-field v-model="item.account" center clearable label-width="7em"
+											label="公众号账号:" input-align="right" placeholder="请输入公众号账号" />
+									</van-cell-group>
+									<van-cell-group>
+										<van-field v-model="item.manager" center clearable label-width="7em"
+											label="管理员:" input-align="right" placeholder="请填写管理员" />
+									</van-cell-group>
+									<van-cell-group>
+										<van-field v-model="item.contact" center clearable label-width="7em"
+											label="联系方式:" input-align="right" placeholder="请输入联系方式" />
+									</van-cell-group>
+									<van-button @click="removeForm(item, '公众号')" type="danger" size="mini"
+										color="#e6a23c">删除</van-button>
+								</div>
+							</div>
+							<div style="overflow: hidden">
+								<p style="font-weight: 700; font-size: 14px">
+									微信群<van-button type="primary" size="mini"
+										style="margin-left: 10px; vertical-align: middle"
+										@click="addForm('微信群')">新增</van-button>
+								</p>
+								<div v-for="item in internetForm.wxqForm" :key="item.key">
+									<van-cell-group>
+										<van-field v-model="item.account" center clearable label-width="7em"
+											label="微信群账号:" input-align="right" placeholder="请输入微信群账号" />
+									</van-cell-group>
+									<van-cell-group>
+										<van-field v-model="item.manager" center clearable label-width="7em"
+											label="管理员:" input-align="right" placeholder="请填写管理员" />
+									</van-cell-group>
+									<van-cell-group>
+										<van-field v-model="item.contact" center clearable label-width="7em"
+											label="联系方式:" input-align="right" placeholder="请输入联系方式" />
+									</van-cell-group>
+									<van-button @click="removeForm(item, '微信群')" type="danger" size="mini"
+										color="#e6a23c">删除</van-button>
+								</div>
+							</div>
+							<div style="overflow: hidden">
+								<p style="font-weight: 700; font-size: 14px">网站</p>
+								<div>
+									<van-cell-group>
+										<van-field v-model="dataitem.website" center clearable label-width="7em"
+											label="网站地址:" input-align="right" placeholder="请输入网站地址" />
+									</van-cell-group>
+								</div>
+							</div>
+						</div>
+					</van-tab>
+				</van-tabs>
+				<div class="btn">
+					<van-button type="primary" native-type="submit">确认修改</van-button>
+				</div>
+			</van-form>
+		</div>
+		<!-- 宗教类型 -->
+		<van-popup v-model:show="hs_religious" round position="bottom">
+			<van-picker title="宗教类型" :columns="religious" @cancel="hs_religious = false" @confirm="getreligious" />
+		</van-popup>
+		<!-- 场所地点 -->
+		<van-popup v-model:show="showPlace1" round position="bottom">
+			<van-picker title="场所地点" :columns="options" :columns-field-names="customFieldName"
+				@cancel="showPlace1 = false" @confirm="getPlace1" />
+		</van-popup>
+		<!-- 场所类型 -->
+		<van-popup v-model:show="showPicker1" round position="bottom">
+			<van-picker title="场所类型" :columns="placeType" @cancel="showPicker1 = false" @confirm="getplaceType" />
+		</van-popup>
+		<!-- 场所性质 -->
+		<van-popup v-model:show="showPicker3" round position="bottom">
+			<van-picker title="场所性质选择" :columns="property" @cancel="showPicker3 = false" @confirm="getproperty" />
+		</van-popup>
+		<!-- 场所建设阶段 -->
+		<van-popup v-model:show="showPicker2" round position="bottom">
+			<van-picker title="场所建设阶段" :columns="construction" @cancel="showPicker2 = false"
+				@confirm="getConstruction" />
+		</van-popup>
+		<!-- 场所建筑等级 -->
+		<van-popup v-model:show="showlv" round position="bottom">
+			<van-picker title="场所建筑等级" :columns="$dictUtils.getDictList('site_building_grade')" :columns-field-names="{
           text: 'label',
           value: 'value',
-        }"
-        @cancel="showlv = false"
-        @confirm="getlv"
-      />
-    </van-popup>
-    <!-- 宗教管理人员 -->
-    <van-dialog
-      v-model:show="showPerson"
-      title="宗教部门管理人员"
-      show-cancel-button
-      @confirm="reselected"
-      width="100%"
-    >
-      <manage-list @selected="selected" :type="0"></manage-list>
-    </van-dialog>
-    <!-- 公安部门人员 -->
-    <van-dialog
-      v-model:show="showReport"
-      title="公安部门管理人员"
-      show-cancel-button
-      @confirm="reselected2"
-      width="100%"
-    >
-      <manage-list-2 @selected2="selected2"></manage-list-2>
-    </van-dialog>
-    <!-- 直播类型 -->
-    <van-popup v-model:show="showzbj" round position="bottom">
-      <van-picker
-        title="直播类型"
-        :columns="zbj"
-        @cancel="showzbj = false"
-        @confirm="getzbj"
-      />
-    </van-popup>
-    <!-- 批准设立时间 -->
-    <van-popup v-model:show="hs_SetupTime" round position="bottom">
-      <van-picker-group
-        title="批准设立时间"
-        :tabs="['选择日期', '选择时间']"
-        next-step-text="下一步"
-        @confirm="getSetupTime"
-        @cancel="hs_SetupTime = false"
-      >
-        <van-date-picker v-model="currentDate" />
-        <van-time-picker v-model="currentTime" :columns-type="columnsType" />
-      </van-picker-group>
-    </van-popup>
-    <!-- 登记日期 -->
-    <van-popup v-model:show="hs_SignTime" round position="bottom">
-      <van-picker-group
-        title="登记日期"
-        :tabs="['选择日期', '选择时间']"
-        next-step-text="下一步"
-        @confirm="getSignTime"
-        @cancel="hs_SignTime = false"
-      >
-        <van-date-picker v-model="currentDate" />
-        <van-time-picker v-model="currentTime" :columns-type="columnsType" />
-      </van-picker-group>
-    </van-popup>
-  </div>
+        }" @cancel="showlv = false" @confirm="getlv" />
+		</van-popup>
+		<!-- 宗教管理人员 -->
+		<van-dialog v-model:show="showPerson" title="宗教部门管理人员" show-cancel-button @confirm="reselected" width="100%">
+			<manage-list @selected="selected" :type="0"></manage-list>
+		</van-dialog>
+		<!-- 公安部门人员 -->
+		<van-dialog v-model:show="showReport" title="公安部门管理人员" show-cancel-button @confirm="reselected2" width="100%">
+			<manage-list-2 @selected2="selected2"></manage-list-2>
+		</van-dialog>
+		<!-- 直播类型 -->
+		<van-popup v-model:show="showzbj" round position="bottom">
+			<van-picker title="直播类型" :columns="zbj" @cancel="showzbj = false" @confirm="getzbj" />
+		</van-popup>
+		<!-- 批准设立时间 -->
+		<van-popup v-model:show="hs_SetupTime" round position="bottom">
+			<van-picker-group title="批准设立时间" :tabs="['选择日期', '选择时间']" next-step-text="下一步" @confirm="getSetupTime"
+				@cancel="hs_SetupTime = false">
+				<van-date-picker v-model="currentDate" />
+				<van-time-picker v-model="currentTime" :columns-type="columnsType" />
+			</van-picker-group>
+		</van-popup>
+		<!-- 登记日期 -->
+		<van-popup v-model:show="hs_SignTime" round position="bottom">
+			<van-picker-group title="登记日期" :tabs="['选择日期', '选择时间']" next-step-text="下一步" @confirm="getSignTime"
+				@cancel="hs_SignTime = false">
+				<van-date-picker v-model="currentDate" />
+				<van-time-picker v-model="currentTime" :columns-type="columnsType" />
+			</van-picker-group>
+		</van-popup>
+	</div>
 </template>
 
 <script>
-import ManageList from "../ManageList.vue";
-import ManageList2 from "../ManageList2.vue";
-import { useRouter } from "vue-router";
-import { onMounted, ref, getCurrentInstance } from "vue";
-import { useStore } from "vuex";
-import placeRegister from "@/api/placeRegister/placeRegister";
-import tools from "@/api/sys/tools";
-import $base from "@/utils/config";
-import { formatDate, formatTime } from "@/utils/datatime";
-export default {
-  components: { ManageList, ManageList2 },
-  setup() {
-	  const store = useStore();
-    const active = ref(0);
-    // 导航栏颜色
-    const selectColor = ref(window.localStorage.getItem("MZ_COLOR"));
-    //场所数据
-    let dataitem = ref({});
-    //数据接收
-    const router = useRouter();
-    const current = getCurrentInstance();
-    onMounted(() => {
-      var id = JSON.parse(router.currentRoute.value.query.id);
-      new placeRegister().queryById(id).then((res) => {
-        dataitem.value = res;
-        const rN = Object.assign(dataitem.value, {
-          religiousName: getreligiousT(dataitem.value.religiousType),
-          placeSelectLastId: dataitem.value.placeSelectId.split("/")[2],
-        });
-        dataitem.value = rN;
-        religiousType.value = getreligiousT(dataitem.value.religiousType);
-        propertyName.value = getpropertyType(dataitem.value.nature);
-        constructionName.value = getConstructionType(
-          dataitem.value.constructionStage
-        );
-        placeTypeName.value = getplaceTypeN(dataitem.value.siteType);
-        placeAddress.value = dataitem.value.placeSelectName;
-        lv.value =
-          current.appContext.config.globalProperties.$dictUtils.getDictLabel(
-            "site_building_grade",
-            dataitem.value.siteBuildingGrade
-          );
-        dataitem.value.scenesImageMain.split("|").forEach((item) => {
-          if (item.trim().length > 0) {
-            fileImg.value.push({
-              name: decodeURIComponent(
-                item.substring(item.lastIndexOf("/") + 1)
-              ),
-              url: $base +"/"+ item.replace("程序附件//", "程序附件/"),
-              id: item.replace("程序附件//", "程序附件/"),
-            });
-            fileList.value.push({
-              name: decodeURIComponent(
-                item.substring(item.lastIndexOf("/") + 1)
-              ),
+	import ManageList from "../ManageList.vue";
+	import ManageList2 from "../ManageList2.vue";
+	import {
+		useRouter
+	} from "vue-router";
+	import {
+		onMounted,
+		ref,
+		getCurrentInstance
+	} from "vue";
+	import placeRegister from "@/api/placeRegister/placeRegister";
+	import tools from "@/api/sys/tools";
+	import $base from "@/utils/config";
+	import {
+		formatDate,
+		formatTime
+	} from "@/utils/datatime";
+	export default {
+		components: {
+			ManageList,
+			ManageList2
+		},
+		setup() {
+			const active = ref(0);
+			// 导航栏颜色
+			const selectColor = ref(window.localStorage.getItem("MZ_COLOR"));
+			//场所数据
+			let dataitem = ref({});
+			//数据接收
+			const router = useRouter();
+			const current = getCurrentInstance();
+			onMounted(() => {
+				var id = JSON.parse(router.currentRoute.value.query.id);
+				new placeRegister().queryById(id).then((res) => {
+					dataitem.value = res;
+					const rN = Object.assign(dataitem.value, {
+						religiousName: getreligiousT(dataitem.value.religiousType),
+						placeSelectLastId: dataitem.value.placeSelectId.split("/")[2],
+					});
+					dataitem.value = rN;
+					religiousType.value = getreligiousT(dataitem.value.religiousType);
+					propertyName.value = getpropertyType(dataitem.value.nature);
+					constructionName.value = getConstructionType(
+						dataitem.value.constructionStage
+					);
+					placeTypeName.value = getplaceTypeN(dataitem.value.siteType);
+					placeAddress.value = dataitem.value.placeSelectName;
+					lv.value =
+						current.appContext.config.globalProperties.$dictUtils.getDictLabel(
+							"site_building_grade",
+							dataitem.value.siteBuildingGrade
+						);
+					dataitem.value.scenesImageMain.split("|").forEach((item) => {
+						if (item.trim().length > 0) {
+							fileImg.value.push({
+								name: decodeURIComponent(
+									item.substring(item.lastIndexOf("/") + 1)
+								),
+								url: $base + "/" + item.replace("程序附件//", "程序附件/"),
+								id: item.replace("程序附件//", "程序附件/"),
+							});
+							fileList.value.push({
+								name: decodeURIComponent(
+									item.substring(item.lastIndexOf("/") + 1)
+								),
 
-              url: $base +"/"+ item.replace("程序附件//", "程序附件/"),
-              id: item.replace("程序附件//", "程序附件/"),
-            });
-          }
-        });
-        dataitem.value.etiquetteSpace.split("|").forEach((item) => {
-          if (item.trim().length > 0) {
-            fileImg2.value.push({
-              name: decodeURIComponent(
-                item.substring(item.lastIndexOf("/") + 1)
-              ),
-              url: $base +"/"+ item.replace("程序附件//", "程序附件/"),
-              id: item.replace("程序附件//", "程序附件/"),
-            });
-            fileList2.value.push({
-              name: decodeURIComponent(
-                item.substring(item.lastIndexOf("/") + 1)
-              ),
+								url: $base + "/" + item.replace("程序附件//", "程序附件/"),
+								id: item.replace("程序附件//", "程序附件/"),
+							});
+						}
+					});
+					dataitem.value.etiquetteSpace.split("|").forEach((item) => {
+						if (item.trim().length > 0) {
+							fileImg2.value.push({
+								name: decodeURIComponent(
+									item.substring(item.lastIndexOf("/") + 1)
+								),
+								url: $base + "/" + item.replace("程序附件//", "程序附件/"),
+								id: item.replace("程序附件//", "程序附件/"),
+							});
+							fileList2.value.push({
+								name: decodeURIComponent(
+									item.substring(item.lastIndexOf("/") + 1)
+								),
 
-              url: $base +"/"+ item.replace("程序附件//", "程序附件/"),
-              id: item.replace("程序附件//", "程序附件/"),
-            });
-          }
-        });
+								url: $base + "/" + item.replace("程序附件//", "程序附件/"),
+								id: item.replace("程序附件//", "程序附件/"),
+							});
+						}
+					});
 
-        dataitem.value.approvalProcedures.split("|").forEach((item) => {
-          if (item.trim().length > 0) {
-            fileImg3.value.push({
-              name: decodeURIComponent(
-                item.substring(item.lastIndexOf("/") + 1)
-              ),
-              url: $base +"/"+ item.replace("程序附件//", "程序附件/"),
-              id: item.replace("程序附件//", "程序附件/"),
-            });
-            fileList3.value.push({
-              name: decodeURIComponent(
-                item.substring(item.lastIndexOf("/") + 1)
-              ),
-              url: $base +"/"+ item.replace("程序附件//", "程序附件/"),
-              id: item.replace("程序附件//", "程序附件/"),
-            });
-          }
-        });
-        dataitem.value.scenesImage.split("|").forEach((item) => {
-          if (item.trim().length > 0) {
-            fileImg4.value.push({
-              name: decodeURIComponent(
-                item.substring(item.lastIndexOf("/") + 1)
-              ),
-              url: $base +"/"+ item.replace("程序附件//", "程序附件/"),
-              id: item.replace("程序附件//", "程序附件/"),
-            });
-            fileList4.value.push({
-              name: decodeURIComponent(
-                item.substring(item.lastIndexOf("/") + 1)
-              ),
-              url: $base +"/"+ item.replace("程序附件//", "程序附件/"),
-              id: item.replace("程序附件//", "程序附件/"),
-            });
-          }
-        });
-        let id = dataitem.value.id;
-        new placeRegister().queryInternetBySiteId(id).then(({ data }) => {
-          dynamicFormDataClear();
-          dynamicFormDataProceed(data);
-        });
-      });
-    });
-    //详细地址定位
-    const getLocation = () => {
-      xm.getLocation().then((data) => {
-        placeActivity.placeData.place = data.POIName;
-      });
-    };
+					dataitem.value.approvalProcedures.split("|").forEach((item) => {
+						if (item.trim().length > 0) {
+							fileImg3.value.push({
+								name: decodeURIComponent(
+									item.substring(item.lastIndexOf("/") + 1)
+								),
+								url: $base + "/" + item.replace("程序附件//", "程序附件/"),
+								id: item.replace("程序附件//", "程序附件/"),
+							});
+							fileList3.value.push({
+								name: decodeURIComponent(
+									item.substring(item.lastIndexOf("/") + 1)
+								),
+								url: $base + "/" + item.replace("程序附件//", "程序附件/"),
+								id: item.replace("程序附件//", "程序附件/"),
+							});
+						}
+					});
+					dataitem.value.scenesImage.split("|").forEach((item) => {
+						if (item.trim().length > 0) {
+							fileImg4.value.push({
+								name: decodeURIComponent(
+									item.substring(item.lastIndexOf("/") + 1)
+								),
+								url: $base + "/" + item.replace("程序附件//", "程序附件/"),
+								id: item.replace("程序附件//", "程序附件/"),
+							});
+							fileList4.value.push({
+								name: decodeURIComponent(
+									item.substring(item.lastIndexOf("/") + 1)
+								),
+								url: $base + "/" + item.replace("程序附件//", "程序附件/"),
+								id: item.replace("程序附件//", "程序附件/"),
+							});
+						}
+					});
+					let id = dataitem.value.id;
+					new placeRegister().queryInternetBySiteId(id).then(({
+						data
+					}) => {
+						dynamicFormDataClear();
+						dynamicFormDataProceed(data);
+					});
+				});
+			});
+			//详细地址定位
+			const getLocation = () => {
+				xm.getLocation().then((data) => {
+					placeActivity.placeData.place = data.POIName;
+				});
+			};
 
-    // 地区选择
-    let placeAddress = ref("");
-    const customFieldName = {
-      text: "name",
-      value: "id",
-    };
-    // 选项列表，children 代表子选项，支持多级嵌套
-    const options = ref([]);
-    // 获取地区数据树
-    new placeRegister().treeDate().then((res) => {
-      options.value.push(...res);
-    });
-    let showPlace1 = ref(false);
-    const getPlace1 = ({ selectedOptions }) => {
-      showPlace1.value = false;
-      placeAddress.value =
-        selectedOptions[0].name +
-        "/" +
-        selectedOptions[1].name +
-        "/" +
-        selectedOptions[2].name;
-      const json = Object.assign(dataitem.value, {
-        placeSelectName:
-          selectedOptions[0].name +
-          "/" +
-          selectedOptions[1].name +
-          "/" +
-          selectedOptions[2].name,
-        placeSelectId:
-          selectedOptions[0].id +
-          "/" +
-          selectedOptions[1].id +
-          "/" +
-          selectedOptions[2].id,
-        placeSelectType3: selectedOptions[0].id,
-        placeSelectType4: selectedOptions[1].id,
-        placeSelectType5: selectedOptions[2].id,
-        placeSelectLastId: selectedOptions[2].id,
-      });
-      dataitem.value = json;
-    };
-    //宗教类型
-    const religiousType = ref("");
-    const getreligiousT = (type) => {
-      const typeObject = {
-        1: "伊斯兰教",
-        2: "基督教",
-        3: "天主教",
-        4: "佛教",
-        5: "道教",
-      };
-      return typeObject[type];
-    };
-    const religious = [
-      { text: "伊斯兰教", value: "1" },
-      { text: "基督教", value: "2" },
-      { text: "天主教", value: "3" },
-      { text: "佛教", value: "4" },
-      { text: "道教", value: "5" },
-    ];
-    let hs_religious = ref(false);
-    const getreligious = ({ selectedOptions }) => {
-      hs_religious.value = false;
-      const json = Object.assign(dataitem.value, {
-        religiousType: selectedOptions[0].value,
-        religiousName: selectedOptions[0].text,
-      });
-      dataitem.value = json;
-      religiousType.value = selectedOptions[0].text;
-    };
-    // 场所类型
-    const placeTypeName = ref("");
-    const placeType = [
-      { text: "线上", value: "0" },
-      { text: "线下", value: "1" },
-    ];
-    const getplaceTypeN = (type) => {
-      const typeObject = {
-        0: "线上",
-        1: "线下",
-      };
-      return typeObject[type];
-    };
-    let showPicker1 = ref(false);
-    const getplaceType = ({ selectedOptions }) => {
-      showPicker1.value = false;
-      const json = Object.assign(dataitem.value, {
-        siteType: selectedOptions[0].value,
-      });
-      dataitem.value = json;
-      placeTypeName.value = selectedOptions[0].text;
-    };
-    // 场所性质
-    const propertyName = ref("");
-    const property = [
-      { text: "固定场所", value: "0" },
-      { text: "寺观教堂", value: "1" },
-    ];
-    const getpropertyType = (type) => {
-      const typeObject = {
-        0: "固定场所",
-        1: "寺观教堂",
-      };
-      return typeObject[type];
-    };
-    let showPicker3 = ref(false);
-    const getproperty = ({ selectedOptions }) => {
-      showPicker3.value = false;
-      const json = Object.assign(dataitem.value, {
-        nature: selectedOptions[0].value,
-      });
-      dataitem.value = json;
-      propertyName.value = selectedOptions[0].text;
-    };
-    // 场所建设
-    const constructionName = ref("");
-    const construction = [
-      { text: "筹备", value: "0" },
-      { text: "建设完成", value: "1" },
-    ];
-    const getConstructionType = (type) => {
-      const typeObject = {
-        0: "筹备",
-        1: "建设完成",
-      };
-      return typeObject[type];
-    };
-    let showPicker2 = ref(false);
-    const getConstruction = ({ selectedOptions }) => {
-      showPicker2.value = false;
-      const json = Object.assign(dataitem.value, {
-        constructionStage: selectedOptions[0].value,
-      });
-      dataitem.value = json;
-      constructionName.value = selectedOptions[0].text;
-    };
-    // 场所建筑等级
-    const lv = ref("");
-    let showlv = ref(false);
-    const getlv = ({ selectedOptions }) => {
-      showlv.value = false;
-      const json = Object.assign(dataitem.value, {
-        siteBuildingGrade: selectedOptions[0].value,
-      });
-      dataitem.value = json;
-      lv.value = selectedOptions[0].label;
-    };
-    //图片上传
-    let fileList = ref([]);
-    let fileImg = ref([]);
-    const chooseImg = () => {
-		if (store.state.pctoken != "") {
-      xm.chooseFile({
-        count: 1,
-        name: "file",
-        url:
-          $base +
-          `/sys/file/webupload/upload?uploadPath=religioussites/siteinfo/religiousSitesInfo`,
-        headers: {
-          "Content-Type": "multipart/form-data",
-          "token": store.state.pctoken,
-        },
-      }).then((res) => {
-        let data = res[0].data;
-        data.name = decodeURIComponent(
-          data.id.substring(data.url.lastIndexOf("/") + 1)
-        );
-        data.url = $base + data.url;
-        fileImg.value.push(data);
-        fileList.value.push(data);
-      });
-	  }
-    };
-    // 删除文件
-    const deleteRead = (file) => {
-      //删除文件操作
-      for (let index = 0; index < fileList.value.length; index++) {
-        if (file.id == fileList.value[index].id) {
-          fileList.value.splice(index, 1);
-          if (fileImg.value[index]) {
-            let delurl = fileImg.value[index].url;
-            new tools().uploadFiledelete("", delurl).then(({ data }) => {});
-            fileImg.value.splice(index, 1);
-          }
-        }
-      }
-    };
-    let fileList2 = ref([]);
-    let fileImg2 = ref([]);
-    const chooseImg2 = () => {
-		if (store.state.pctoken != "") {
-      xm.chooseFile({
-        count: 1,
-        name: "file",
-        url:
-          $base +
-          `/sys/file/webupload/upload?uploadPath=religioussites/siteinfo/religiousSitesInfo`,
-        headers: {
-          "Content-Type": "multipart/form-data",
-          "token": store.state.pctoken,
-        },
-      }).then((res) => {
-        let data = res[0].data;
-        data.name = decodeURIComponent(
-          data.id.substring(data.url.lastIndexOf("/") + 1)
-        );
-        data.url = $base + data.url;
-        fileImg2.value.push(data);
-        fileList2.value.push(data);
-      });
-	  }
-    };
-    // 删除文件
-    const deleteRead2 = (file) => {
-      //删除文件操作
-      for (let index = 0; index < fileList2.value.length; index++) {
-        if (file.id == fileList2.value[index].id) {
-          fileList2.value.splice(index, 1);
-          if (fileImg2.value[index]) {
-            let delurl = fileImg2.value[index].url;
-            new tools().uploadFiledelete("", delurl).then(({ data }) => {});
-            fileImg2.value.splice(index, 1);
-          }
-        }
-      }
-    };
-    let fileList3 = ref([]);
-    let fileImg3 = ref([]);
-    const chooseImg3 = () => {
-		if (store.state.pctoken != "") {
-      xm.chooseFile({
-        count: 1,
-        name: "file",
-        url:
-          $base +
-          `/sys/file/webupload/upload?uploadPath=religioussites/siteinfo/religiousSitesInfo`,
-        headers: {
-          "Content-Type": "multipart/form-data",
-          "token": store.state.pctoken,
-        },
-      }).then((res) => {
-        let data = res[0].data;
-        data.name = decodeURIComponent(
-          data.id.substring(data.url.lastIndexOf("/") + 1)
-        );
-        data.url = $base + data.url;
-        fileImg3.value.push(data);
-        fileList3.value.push(data);
-      });
-	  }
-    };
-    // 删除文件
-    const deleteRead3 = (file) => {
-      //删除文件操作
-      for (let index = 0; index < fileList3.value.length; index++) {
-        if (file.id == fileList3.value[index].id) {
-          fileList3.value.splice(index, 1);
-          if (fileImg3.value[index]) {
-            let delurl = fileImg3.value[index].url;
-            new tools().uploadFiledelete("", delurl).then(({ data }) => {});
-            fileImg3.value.splice(index, 1);
-          }
-        }
-      }
-    };
-    let fileList4 = ref([]);
-    let fileImg4 = ref([]);
-    const chooseImg4 = () => {
-		if (store.state.pctoken != "") {
-      xm.chooseFile({
-        count: 1,
-        name: "file",
-        url:
-          $base +
-          `/sys/file/webupload/upload?uploadPath=religioussites/siteinfo/religiousSitesInfo`,
-        headers: {
-          "Content-Type": "multipart/form-data",
-          "token": store.state.pctoken,
-        },
-      }).then((res) => {
-        let data = res[0].data;
-        data.name = decodeURIComponent(
-          data.id.substring(data.url.lastIndexOf("/") + 1)
-        );
-        data.url = $base + data.url;
-        fileImg4.value.push(data);
-        fileList4.value.push(data);
-      });
-	  }
-    };
-    // 删除文件
-    const deleteRead4 = (file) => {
-      //删除文件操作
-      for (let index = 0; index < fileList4.value.length; index++) {
-        if (file.id == fileList4.value[index].id) {
-          fileList4.value.splice(index, 1);
-          if (fileImg4.value[index]) {
-            let delurl = fileImg4.value[index].url;
-            new tools().uploadFiledelete("", delurl).then(({ data }) => {});
-            fileImg4.value.splice(index, 1);
-          }
-        }
-      }
-    };
-    //宗教公安人员选择
-    const religiousDeptManaUserName = ref("");
-    const securityDeptManaUserName = ref("");
-    let showPerson = ref(false);
-    let showReport = ref(false);
-    let list = {
-      value: [],
-      type: "",
-    };
-    let list2 = {
-      value: [],
-      type: "",
-    };
-    const selected = (val) => {
-      list.value = val;
-    };
-    const selected2 = (val) => {
-      list2.value = val;
-    };
-    const reselected = () => {
-      const json = Object.assign(dataitem.value, {
-        religiousDeptManaUser: list.value.id,
-      });
-      dataitem.value = json;
-      religiousDeptManaUserName.value = list.value.name;
-    };
-    const reselected2 = () => {
-      const json = Object.assign(dataitem.value, {
-        securityDeptManaUser: list2.value.id,
-      });
-      dataitem.value = json;
-      securityDeptManaUserName.value = list2.value.name;
-    };
-    //批准设立时间
-    let currentDate = ref(formatDate(new Date()));
-    let currentTime = ref(formatTime(new Date()));
-    const columnsType = ["hour", "minute", "second"];
-    let hs_SetupTime = ref(false);
-    const getSetupTime = ({ selectedOptions }) => {
-      hs_SetupTime.value = false;
-      dataitem.value.approvedEstablishmentTime = `${currentDate.value.join(
+			// 地区选择
+			let placeAddress = ref("");
+			const customFieldName = {
+				text: "name",
+				value: "id",
+			};
+			// 选项列表，children 代表子选项，支持多级嵌套
+			const options = ref([]);
+			// 获取地区数据树
+			new placeRegister().treeDate().then((res) => {
+				options.value.push(...res);
+			});
+			let showPlace1 = ref(false);
+			const getPlace1 = ({
+				selectedOptions
+			}) => {
+				showPlace1.value = false;
+				placeAddress.value =
+					selectedOptions[0].name +
+					"/" +
+					selectedOptions[1].name +
+					"/" +
+					selectedOptions[2].name;
+				const json = Object.assign(dataitem.value, {
+					placeSelectName: selectedOptions[0].name +
+						"/" +
+						selectedOptions[1].name +
+						"/" +
+						selectedOptions[2].name,
+					placeSelectId: selectedOptions[0].id +
+						"/" +
+						selectedOptions[1].id +
+						"/" +
+						selectedOptions[2].id,
+					placeSelectType3: selectedOptions[0].id,
+					placeSelectType4: selectedOptions[1].id,
+					placeSelectType5: selectedOptions[2].id,
+					placeSelectLastId: selectedOptions[2].id,
+				});
+				dataitem.value = json;
+			};
+			//宗教类型
+			const religiousType = ref("");
+			const getreligiousT = (type) => {
+				const typeObject = {
+					1: "伊斯兰教",
+					2: "基督教",
+					3: "天主教",
+					4: "佛教",
+					5: "道教",
+				};
+				return typeObject[type];
+			};
+			const religious = [{
+					text: "伊斯兰教",
+					value: "1"
+				},
+				{
+					text: "基督教",
+					value: "2"
+				},
+				{
+					text: "天主教",
+					value: "3"
+				},
+				{
+					text: "佛教",
+					value: "4"
+				},
+				{
+					text: "道教",
+					value: "5"
+				},
+			];
+			let hs_religious = ref(false);
+			const getreligious = ({
+				selectedOptions
+			}) => {
+				hs_religious.value = false;
+				const json = Object.assign(dataitem.value, {
+					religiousType: selectedOptions[0].value,
+					religiousName: selectedOptions[0].text,
+				});
+				dataitem.value = json;
+				religiousType.value = selectedOptions[0].text;
+			};
+			// 场所类型
+			const placeTypeName = ref("");
+			const placeType = [{
+					text: "线上",
+					value: "0"
+				},
+				{
+					text: "线下",
+					value: "1"
+				},
+			];
+			const getplaceTypeN = (type) => {
+				const typeObject = {
+					0: "线上",
+					1: "线下",
+				};
+				return typeObject[type];
+			};
+			let showPicker1 = ref(false);
+			const getplaceType = ({
+				selectedOptions
+			}) => {
+				showPicker1.value = false;
+				const json = Object.assign(dataitem.value, {
+					siteType: selectedOptions[0].value,
+				});
+				dataitem.value = json;
+				placeTypeName.value = selectedOptions[0].text;
+			};
+			// 场所性质
+			const propertyName = ref("");
+			const property = [{
+					text: "固定场所",
+					value: "0"
+				},
+				{
+					text: "寺观教堂",
+					value: "1"
+				},
+			];
+			const getpropertyType = (type) => {
+				const typeObject = {
+					0: "固定场所",
+					1: "寺观教堂",
+				};
+				return typeObject[type];
+			};
+			let showPicker3 = ref(false);
+			const getproperty = ({
+				selectedOptions
+			}) => {
+				showPicker3.value = false;
+				const json = Object.assign(dataitem.value, {
+					nature: selectedOptions[0].value,
+				});
+				dataitem.value = json;
+				propertyName.value = selectedOptions[0].text;
+			};
+			// 场所建设
+			const constructionName = ref("");
+			const construction = [{
+					text: "筹备",
+					value: "0"
+				},
+				{
+					text: "建设完成",
+					value: "1"
+				},
+			];
+			const getConstructionType = (type) => {
+				const typeObject = {
+					0: "筹备",
+					1: "建设完成",
+				};
+				return typeObject[type];
+			};
+			let showPicker2 = ref(false);
+			const getConstruction = ({
+				selectedOptions
+			}) => {
+				showPicker2.value = false;
+				const json = Object.assign(dataitem.value, {
+					constructionStage: selectedOptions[0].value,
+				});
+				dataitem.value = json;
+				constructionName.value = selectedOptions[0].text;
+			};
+			// 场所建筑等级
+			const lv = ref("");
+			let showlv = ref(false);
+			const getlv = ({
+				selectedOptions
+			}) => {
+				showlv.value = false;
+				const json = Object.assign(dataitem.value, {
+					siteBuildingGrade: selectedOptions[0].value,
+				});
+				dataitem.value = json;
+				lv.value = selectedOptions[0].label;
+			};
+			//图片上传
+			let fileList = ref([]);
+			let fileImg = ref([]);
+			const chooseImg = () => {
+
+				xm.chooseFile({
+					count: 1,
+					name: "file",
+					url: $base +
+						`/sys/file/webupload/upload?uploadPath=religioussites/siteinfo/religiousSitesInfo`,
+					headers: {
+						"Content-Type": "multipart/form-data"
+					},
+				}).then((res) => {
+					let data = res[0].data;
+					data.name = decodeURIComponent(
+						data.id.substring(data.url.lastIndexOf("/") + 1)
+					);
+					data.url = $base + data.url;
+					fileImg.value.push(data);
+					fileList.value.push(data);
+					xm.showToast({
+						message: "上传成功",
+					});
+				});
+			};
+			// 删除文件
+			const deleteRead = (file) => {
+				//删除文件操作
+				for (let index = 0; index < fileList.value.length; index++) {
+					if (file.id == fileList.value[index].id) {
+						fileList.value.splice(index, 1);
+						if (fileImg.value[index]) {
+							let delurl = fileImg.value[index].url;
+							new tools().uploadFiledelete("", delurl).then(({
+								data
+							}) => {});
+							fileImg.value.splice(index, 1);
+						}
+					}
+				}
+			};
+			let fileList2 = ref([]);
+			let fileImg2 = ref([]);
+			const chooseImg2 = () => {
+
+				xm.chooseFile({
+					count: 1,
+					name: "file",
+					url: $base +
+						`/sys/file/webupload/upload?uploadPath=religioussites/siteinfo/religiousSitesInfo`,
+					headers: {
+						"Content-Type": "multipart/form-data"
+					},
+				}).then((res) => {
+					let data = res[0].data;
+					data.name = decodeURIComponent(
+						data.id.substring(data.url.lastIndexOf("/") + 1)
+					);
+					data.url = $base + data.url;
+					fileImg2.value.push(data);
+					fileList2.value.push(data);
+					xm.showToast({
+						message: "上传成功",
+					});
+				});
+			};
+			// 删除文件
+			const deleteRead2 = (file) => {
+				//删除文件操作
+				for (let index = 0; index < fileList2.value.length; index++) {
+					if (file.id == fileList2.value[index].id) {
+						fileList2.value.splice(index, 1);
+						if (fileImg2.value[index]) {
+							let delurl = fileImg2.value[index].url;
+							new tools().uploadFiledelete("", delurl).then(({
+								data
+							}) => {});
+							fileImg2.value.splice(index, 1);
+						}
+					}
+				}
+			};
+			let fileList3 = ref([]);
+			let fileImg3 = ref([]);
+			const chooseImg3 = () => {
+
+				xm.chooseFile({
+					count: 1,
+					name: "file",
+					url: $base +
+						`/sys/file/webupload/upload?uploadPath=religioussites/siteinfo/religiousSitesInfo`,
+					headers: {
+						"Content-Type": "multipart/form-data"
+					},
+				}).then((res) => {
+					let data = res[0].data;
+					data.name = decodeURIComponent(
+						data.id.substring(data.url.lastIndexOf("/") + 1)
+					);
+					data.url = $base + data.url;
+					fileImg3.value.push(data);
+					fileList3.value.push(data);
+					xm.showToast({
+						message: "上传成功",
+					});
+				});
+			};
+			// 删除文件
+			const deleteRead3 = (file) => {
+				//删除文件操作
+				for (let index = 0; index < fileList3.value.length; index++) {
+					if (file.id == fileList3.value[index].id) {
+						fileList3.value.splice(index, 1);
+						if (fileImg3.value[index]) {
+							let delurl = fileImg3.value[index].url;
+							new tools().uploadFiledelete("", delurl).then(({
+								data
+							}) => {});
+							fileImg3.value.splice(index, 1);
+						}
+					}
+				}
+			};
+			let fileList4 = ref([]);
+			let fileImg4 = ref([]);
+			const chooseImg4 = () => {
+
+				xm.chooseFile({
+					count: 1,
+					name: "file",
+					url: $base +
+						`/sys/file/webupload/upload?uploadPath=religioussites/siteinfo/religiousSitesInfo`,
+					headers: {
+						"Content-Type": "multipart/form-data"
+					},
+				}).then((res) => {
+					let data = res[0].data;
+					data.name = decodeURIComponent(
+						data.id.substring(data.url.lastIndexOf("/") + 1)
+					);
+					data.url = $base + data.url;
+					fileImg4.value.push(data);
+					fileList4.value.push(data);
+					xm.showToast({
+						message: "上传成功",
+					});
+				});
+			};
+			// 删除文件
+			const deleteRead4 = (file) => {
+				//删除文件操作
+				for (let index = 0; index < fileList4.value.length; index++) {
+					if (file.id == fileList4.value[index].id) {
+						fileList4.value.splice(index, 1);
+						if (fileImg4.value[index]) {
+							let delurl = fileImg4.value[index].url;
+							new tools().uploadFiledelete("", delurl).then(({
+								data
+							}) => {});
+							fileImg4.value.splice(index, 1);
+						}
+					}
+				}
+			};
+			//宗教公安人员选择
+			const religiousDeptManaUserName = ref("");
+			const securityDeptManaUserName = ref("");
+			let showPerson = ref(false);
+			let showReport = ref(false);
+			let list = {
+				value: [],
+				type: "",
+			};
+			let list2 = {
+				value: [],
+				type: "",
+			};
+			const selected = (val) => {
+				list.value = val;
+			};
+			const selected2 = (val) => {
+				list2.value = val;
+			};
+			const reselected = () => {
+				const json = Object.assign(dataitem.value, {
+					religiousDeptManaUser: list.value.id,
+				});
+				dataitem.value = json;
+				religiousDeptManaUserName.value = list.value.name;
+			};
+			const reselected2 = () => {
+				const json = Object.assign(dataitem.value, {
+					securityDeptManaUser: list2.value.id,
+				});
+				dataitem.value = json;
+				securityDeptManaUserName.value = list2.value.name;
+			};
+			//批准设立时间
+			let currentDate = ref(formatDate(new Date()));
+			let currentTime = ref(formatTime(new Date()));
+			const columnsType = ["hour", "minute", "second"];
+			let hs_SetupTime = ref(false);
+			const getSetupTime = ({
+				selectedOptions
+			}) => {
+				hs_SetupTime.value = false;
+				dataitem.value.approvedEstablishmentTime = `${currentDate.value.join(
         "-"
       )} ${currentTime.value.join(":")}`;
-    };
-    //登记时间
-    let hs_SignTime = ref(false);
-    const getSignTime = ({ selectedOptions }) => {
-      hs_SignTime.value = false;
-      dataitem.value.registrationDate = `${currentDate.value.join(
+			};
+			//登记时间
+			let hs_SignTime = ref(false);
+			const getSignTime = ({
+				selectedOptions
+			}) => {
+				hs_SignTime.value = false;
+				dataitem.value.registrationDate = `${currentDate.value.join(
         "-"
       )} ${currentTime.value.join(":")}`;
-    };
-    // 互联网专区
-    const internetForm = ref({
-      zbjForm: [],
-      gzhForm: [],
-      wxqForm: [],
-      dynamicForm: [],
-    });
-    const addForm = (type) => {
-      let data_add = [];
-      if (type == "直播间") {
-        data_add = internetForm.value.zbjForm;
-      } else if (type == "公众号") {
-        data_add = internetForm.value.gzhForm;
-      } else {
-        data_add = internetForm.value.wxqForm;
-      }
-      data_add.push({
-        key: randomString(12),
-        siteId: dataitem.value.id,
-        type: type,
-        typeChild: "",
-        account: "",
-        manager: "",
-        contact: "",
-      });
-    };
-    const randomString = (len) => {
-      len = len || 32;
-      var $chars =
-        "ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678"; /****默认去掉了容易混淆的字符oOLl,9gq,Vv,Uu,I1****/
-      var maxPos = $chars.length;
-      var pwd = "";
-      for (let i = 0; i < len; i++) {
-        pwd += $chars.charAt(Math.floor(Math.random() * maxPos));
-      }
-      return pwd;
-    };
-    const removeForm = (item, type) => {
-      let data_add = [];
-      if (type == "直播间") {
-        data_add = internetForm.value.zbjForm;
-      } else if (type == "公众号") {
-        data_add = internetForm.value.gzhForm;
-      } else {
-        data_add = internetForm.value.wxqForm;
-      }
+			};
+			// 互联网专区
+			const internetForm = ref({
+				zbjForm: [],
+				gzhForm: [],
+				wxqForm: [],
+				dynamicForm: [],
+			});
+			const addForm = (type) => {
+				let data_add = [];
+				if (type == "直播间") {
+					data_add = internetForm.value.zbjForm;
+				} else if (type == "公众号") {
+					data_add = internetForm.value.gzhForm;
+				} else {
+					data_add = internetForm.value.wxqForm;
+				}
+				data_add.push({
+					key: randomString(12),
+					siteId: dataitem.value.id,
+					type: type,
+					typeChild: "",
+					account: "",
+					manager: "",
+					contact: "",
+				});
+			};
+			const randomString = (len) => {
+				len = len || 32;
+				var $chars =
+					"ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678"; /****默认去掉了容易混淆的字符oOLl,9gq,Vv,Uu,I1****/
+				var maxPos = $chars.length;
+				var pwd = "";
+				for (let i = 0; i < len; i++) {
+					pwd += $chars.charAt(Math.floor(Math.random() * maxPos));
+				}
+				return pwd;
+			};
+			const removeForm = (item, type) => {
+				let data_add = [];
+				if (type == "直播间") {
+					data_add = internetForm.value.zbjForm;
+				} else if (type == "公众号") {
+					data_add = internetForm.value.gzhForm;
+				} else {
+					data_add = internetForm.value.wxqForm;
+				}
 
-      let index = data_add.indexOf(item);
+				let index = data_add.indexOf(item);
 
-      if (index !== -1) {
-        data_add.splice(index, 1);
-      }
-    };
-    const hlwToSubmit = () => {
-      internetForm.value.dynamicForm = [];
-      internetForm.value.zbjForm.forEach((ele) => {
-        if (ele.account != "" || ele.manager != "" || ele.contact != "") {
-          internetForm.value.dynamicForm.push(ele);
-        }
-      });
-      internetForm.value.gzhForm.forEach((ele) => {
-        if (ele.account != "" || ele.manager != "" || ele.contact != "") {
-          internetForm.value.dynamicForm.push(ele);
-        }
-      });
-      internetForm.value.wxqForm.forEach((ele) => {
-        if (ele.account != "" || ele.manager != "" || ele.contact != "") {
-          internetForm.value.dynamicForm.push(ele);
-        }
-      });
-    };
-    const dynamicFormDataProceed = (initial_form) => {
-      if (!initial_form || initial_form.length == 0) {
-        initial_form = [
-          {
-            key: randomString(12),
-            siteId: dataitem.value.id,
-            type: "直播间",
-            typeChild: "",
-            account: "",
-            manager: "",
-            contact: "",
-          },
-          {
-            key: randomString(12),
-            siteId: dataitem.value.id,
-            type: "公众号",
-            typeChild: "",
-            account: "",
-            manager: "",
-            contact: "",
-          },
-          {
-            key: randomString(12),
-            siteId: dataitem.value.id,
-            type: "微信群",
-            typeChild: "",
-            account: "",
-            manager: "",
-            contact: "",
-          },
-        ];
-      }
+				if (index !== -1) {
+					data_add.splice(index, 1);
+				}
+			};
+			const hlwToSubmit = () => {
+				internetForm.value.dynamicForm = [];
+				internetForm.value.zbjForm.forEach((ele) => {
+					if (ele.account != "" || ele.manager != "" || ele.contact != "") {
+						internetForm.value.dynamicForm.push(ele);
+					}
+				});
+				internetForm.value.gzhForm.forEach((ele) => {
+					if (ele.account != "" || ele.manager != "" || ele.contact != "") {
+						internetForm.value.dynamicForm.push(ele);
+					}
+				});
+				internetForm.value.wxqForm.forEach((ele) => {
+					if (ele.account != "" || ele.manager != "" || ele.contact != "") {
+						internetForm.value.dynamicForm.push(ele);
+					}
+				});
+			};
+			const dynamicFormDataProceed = (initial_form) => {
+				if (!initial_form || initial_form.length == 0) {
+					initial_form = [{
+							key: randomString(12),
+							siteId: dataitem.value.id,
+							type: "直播间",
+							typeChild: "",
+							account: "",
+							manager: "",
+							contact: "",
+						},
+						{
+							key: randomString(12),
+							siteId: dataitem.value.id,
+							type: "公众号",
+							typeChild: "",
+							account: "",
+							manager: "",
+							contact: "",
+						},
+						{
+							key: randomString(12),
+							siteId: dataitem.value.id,
+							type: "微信群",
+							typeChild: "",
+							account: "",
+							manager: "",
+							contact: "",
+						},
+					];
+				}
 
-      initial_form.forEach((ele) => {
-        if (ele.id) {
-          ele.key = ele.id;
-        }
-        if (ele.type == "直播间") {
-          ele.typeName = getzbjType2(ele.typeChild);
-          internetForm.value.zbjForm.push(ele);
-        } else if (ele.type == "公众号") {
-          internetForm.value.gzhForm.push(ele);
-        } else {
-          internetForm.value.wxqForm.push(ele);
-        }
-      });
-    };
-    const dynamicFormDataClear = () => {
-      internetForm.value.zbjForm = [];
-      internetForm.value.gzhForm = [];
-      internetForm.value.wxqForm = [];
-      internetForm.value.dynamicForm = [];
-    };
-    // 直播间类型
-    // const zbjTypeName = ref("");
-    const zbj = [
-      { text: "斗鱼", value: "0" },
-      { text: "小红书", value: "1" },
-      { text: "抖音", value: "2" },
-      { text: "哔哩哔哩", value: "3" },
-      { text: "虎牙", value: "4" },
-      { text: "快手", value: "5" },
-      { text: "YY直播", value: "6" },
-      { text: "淘宝直播", value: "7" },
-      { text: "京东直播", value: "8" },
-    ];
-    const getzbjType2 = (type) => {
-      const typeObject = {
-        0: "斗鱼",
-        1: "小红书",
-        2: "抖音",
-        3: "哔哩哔哩",
-        4: "虎牙",
-        5: "快手",
-        6: "YY直播",
-        7: "淘宝直播",
-        8: "京东直播",
-      };
-      return typeObject[type];
-    };
-    const nowIndex = ref("");
-    const showNew = (key) => {
-      showzbj.value = true;
-      nowIndex.value = key;
-    };
-    let showzbj = ref(false);
-    const getzbj = ({ selectedOptions }) => {
-      showzbj.value = false;
-      internetForm.value.zbjForm.forEach((item) => {
-        if (item.key == nowIndex.value) {
-          item.typeName = selectedOptions[0].text;
-          item.typeChild = selectedOptions[0].value;
-        }
-      });
-    };
-    //校验
-    const failed = () => {
-      xm.showToast({
-        message: "请检查表单必填项是否存在填写遗漏！",
-      });
-    };
-    //返回
-    const onClickLeft = () => {
-      history.back();
-    };
-    // 数据提交
-    const submit = () => {
-      hlwToSubmit();
-      let dynami = JSON.stringify(internetForm.value.dynamicForm);
-      const json = Object.assign(dataitem.value, { dynamicFormJson: dynami });
-      dataitem.value = json;
-      //保存前附件处理
-      dataitem.value.scenesImageMain = fileImg.value
-        .map((option) => option.id)
-        .join("|");
-      dataitem.value.etiquetteSpace = fileImg2.value
-        .map((option) => option.id)
-        .join("|");
-      dataitem.value.approvalProcedures = fileImg3.value
-        .map((option) => option.id)
-        .join("|");
-      dataitem.value.scenesImage = fileImg4.value
-        .map((option) => option.id)
-        .join("|");
-      new placeRegister().sava(dataitem.value).then((res) => {
-        if (res.status == 200) {
-          xm.showToast({
-            message: "场所修改成功",
-          });
-          router.push({
-            path: "/placeRegisterList",
-          });
-        } else {
-          xm.showToast({
-            message: "场所修改失败",
-          });
-        }
-      });
-    };
-    return {
-      onClickLeft,
-      dataitem,
-      selectColor,
-      active,
-      //图片上传
-      fileList,
-      chooseImg,
-      deleteRead,
-      fileList2,
-      chooseImg2,
-      deleteRead2,
-      fileList3,
-      chooseImg3,
-      deleteRead3,
-      fileList4,
-      chooseImg4,
-      deleteRead4,
-      //宗教类型
-      religiousType,
-      hs_religious,
-      religious,
-      getreligious,
-      //场所类型
-      showPicker1,
-      placeType,
-      getplaceType,
-      placeTypeName,
-      //场所性质
-      showPicker3,
-      property,
-      getproperty,
-      propertyName,
-      //场所建设阶段
-      showPicker2,
-      construction,
-      getConstruction,
-      constructionName,
-      showlv,
-      lv,
-      getlv,
-      // 详细地址定位
-      getLocation,
-      // 地区选择
-      placeAddress,
-      customFieldName,
-      showPlace1,
-      getPlace1,
-      options,
-      //宗教公安人员选择
-      showPerson,
-      showReport,
-      selected,
-      selected2,
-      reselected,
-      reselected2,
-      religiousDeptManaUserName,
-      securityDeptManaUserName,
-      // 批准设立时间
-      currentDate,
-      currentTime,
-      columnsType,
-      hs_SetupTime,
-      getSetupTime,
-      // 登记时间
-      hs_SignTime,
-      getSignTime,
-      // 互联网专区
-      internetForm,
-      addForm,
-      removeForm,
-      zbj,
-      showzbj,
-      getzbj,
-      showNew,
-      //校验
-      failed,
-      //数据提交
-      submit,
-    };
-  },
-};
+				initial_form.forEach((ele) => {
+					if (ele.id) {
+						ele.key = ele.id;
+					}
+					if (ele.type == "直播间") {
+						ele.typeName = getzbjType2(ele.typeChild);
+						internetForm.value.zbjForm.push(ele);
+					} else if (ele.type == "公众号") {
+						internetForm.value.gzhForm.push(ele);
+					} else {
+						internetForm.value.wxqForm.push(ele);
+					}
+				});
+			};
+			const dynamicFormDataClear = () => {
+				internetForm.value.zbjForm = [];
+				internetForm.value.gzhForm = [];
+				internetForm.value.wxqForm = [];
+				internetForm.value.dynamicForm = [];
+			};
+			// 直播间类型
+			// const zbjTypeName = ref("");
+			const zbj = [{
+					text: "斗鱼",
+					value: "0"
+				},
+				{
+					text: "小红书",
+					value: "1"
+				},
+				{
+					text: "抖音",
+					value: "2"
+				},
+				{
+					text: "哔哩哔哩",
+					value: "3"
+				},
+				{
+					text: "虎牙",
+					value: "4"
+				},
+				{
+					text: "快手",
+					value: "5"
+				},
+				{
+					text: "YY直播",
+					value: "6"
+				},
+				{
+					text: "淘宝直播",
+					value: "7"
+				},
+				{
+					text: "京东直播",
+					value: "8"
+				},
+			];
+			const getzbjType2 = (type) => {
+				const typeObject = {
+					0: "斗鱼",
+					1: "小红书",
+					2: "抖音",
+					3: "哔哩哔哩",
+					4: "虎牙",
+					5: "快手",
+					6: "YY直播",
+					7: "淘宝直播",
+					8: "京东直播",
+				};
+				return typeObject[type];
+			};
+			const nowIndex = ref("");
+			const showNew = (key) => {
+				showzbj.value = true;
+				nowIndex.value = key;
+			};
+			let showzbj = ref(false);
+			const getzbj = ({
+				selectedOptions
+			}) => {
+				showzbj.value = false;
+				internetForm.value.zbjForm.forEach((item) => {
+					if (item.key == nowIndex.value) {
+						item.typeName = selectedOptions[0].text;
+						item.typeChild = selectedOptions[0].value;
+					}
+				});
+			};
+			//校验
+			const failed = () => {
+				xm.showToast({
+					message: "请检查表单必填项是否存在填写遗漏！",
+				});
+			};
+			//返回
+			const onClickLeft = () => {
+				history.back();
+			};
+			// 数据提交
+			const submit = () => {
+				hlwToSubmit();
+				let dynami = JSON.stringify(internetForm.value.dynamicForm);
+				const json = Object.assign(dataitem.value, {
+					dynamicFormJson: dynami
+				});
+				dataitem.value = json;
+				//保存前附件处理
+				dataitem.value.scenesImageMain = fileImg.value
+					.map((option) => option.id)
+					.join("|");
+				dataitem.value.etiquetteSpace = fileImg2.value
+					.map((option) => option.id)
+					.join("|");
+				dataitem.value.approvalProcedures = fileImg3.value
+					.map((option) => option.id)
+					.join("|");
+				dataitem.value.scenesImage = fileImg4.value
+					.map((option) => option.id)
+					.join("|");
+				new placeRegister().sava(dataitem.value).then((res) => {
+					if (res.status == 200) {
+						xm.showToast({
+							message: "场所修改成功",
+						});
+						router.push({
+							path: "/placeRegisterList",
+						});
+					} else {
+						xm.showToast({
+							message: "场所修改失败",
+						});
+					}
+				});
+			};
+			return {
+				onClickLeft,
+				dataitem,
+				selectColor,
+				active,
+				//图片上传
+				fileList,
+				chooseImg,
+				deleteRead,
+				fileList2,
+				chooseImg2,
+				deleteRead2,
+				fileList3,
+				chooseImg3,
+				deleteRead3,
+				fileList4,
+				chooseImg4,
+				deleteRead4,
+				//宗教类型
+				religiousType,
+				hs_religious,
+				religious,
+				getreligious,
+				//场所类型
+				showPicker1,
+				placeType,
+				getplaceType,
+				placeTypeName,
+				//场所性质
+				showPicker3,
+				property,
+				getproperty,
+				propertyName,
+				//场所建设阶段
+				showPicker2,
+				construction,
+				getConstruction,
+				constructionName,
+				showlv,
+				lv,
+				getlv,
+				// 详细地址定位
+				getLocation,
+				// 地区选择
+				placeAddress,
+				customFieldName,
+				showPlace1,
+				getPlace1,
+				options,
+				//宗教公安人员选择
+				showPerson,
+				showReport,
+				selected,
+				selected2,
+				reselected,
+				reselected2,
+				religiousDeptManaUserName,
+				securityDeptManaUserName,
+				// 批准设立时间
+				currentDate,
+				currentTime,
+				columnsType,
+				hs_SetupTime,
+				getSetupTime,
+				// 登记时间
+				hs_SignTime,
+				getSignTime,
+				// 互联网专区
+				internetForm,
+				addForm,
+				removeForm,
+				zbj,
+				showzbj,
+				getzbj,
+				showNew,
+				//校验
+				failed,
+				//数据提交
+				submit,
+			};
+		},
+	};
 </script>
 
 <style lang="less">
-.main {
-  .imgbox {
-    width: 100%;
-    overflow: hidden;
+	.main {
+		.imgbox {
+			width: 100%;
+			overflow: hidden;
 
-    .img-left {
-      float: left;
-      width: 50%;
-    }
+			.img-left {
+				float: left;
+				width: 50%;
+			}
 
-    .img-right {
-      float: left;
-      width: 50%;
-    }
-  }
-}
+			.img-right {
+				float: left;
+				width: 50%;
+			}
+		}
+	}
 
-.btn {
-  margin: 10px auto;
+	.btn {
+		margin: 10px auto;
 
-  .van-button {
-    width: 100%;
-    height: 50px;
-  }
-}
+		.van-button {
+			width: 100%;
+			height: 50px;
+		}
+	}
 </style>

src/views/placeManage/placeTablet/placeTabletAdd.vue

@@ -220,7 +220,6 @@
 <script>
 import { useRouter } from "vue-router";
 import { onMounted, ref } from "vue";
-import { useStore } from "vuex";
 import TabletServer from "@/api/tabletManage/TabletServer";
 import placePerson from "@/api/placePerson/placePerson";
 import PlaceRegister from "@/api/placeRegister/placeRegister";
@@ -228,7 +227,7 @@ import tools from "@/api/sys/tools";
 import $base from "@/utils/config";
 export default {
   setup() {
-	  const store = useStore();
+	
     const onClickLeft = () => {
       history.back();
     };
@@ -341,12 +340,12 @@ export default {
     let fileList = ref([]);
     let fileImg = ref([]);
     const chooseImg = () => {
-		if (store.state.pctoken != "") {
+	
       xm.chooseFile({
         count: 1,
         name: "file",
         url: $base + `/sys/file/webupload/upload?uploadPath=placememorialtablets/placeMemorialTablets`,
-        headers: { 'Content-Type': 'multipart/form-data', "token": store.state.pctoken, },
+        headers: { 'Content-Type': 'multipart/form-data'},
       }).then(res => {
         let data = res[0].data
         data.name = decodeURIComponent(
@@ -355,8 +354,10 @@ export default {
         data.url = $base + data.url;
         fileImg.value.push(data);
         fileList.value.push(data)
+		xm.showToast({
+		  message: "上传成功",
+		});
       })
-	  }
     }
 
     // 删除文件

src/views/placeManage/placeTablet/placeTabletInfo.vue

@@ -235,7 +235,6 @@
 <script>
 import { useRouter } from "vue-router";
 import { onMounted, ref } from "vue";
-import { useStore } from "vuex";
 import $base from "@/utils/config";
 import tools from "@/api/sys/tools";
 import placePerson from "@/api/placePerson/placePerson";
@@ -243,7 +242,6 @@ import TabletServer from "@/api/tabletManage/TabletServer";
 import PlaceRegister from "@/api/placeRegister/placeRegister";
 export default {
   setup() {
-	  const store = useStore();
     // 导航栏颜色
     const selectColor = ref(window.localStorage.getItem("MZ_COLOR"));
     //牌位数据
@@ -364,7 +362,6 @@ export default {
     let fileList = ref([]);
     let fileImg = ref([]);
     const chooseImg = () => {
-		 if (store.state.pctoken != "") {
       xm.chooseFile({
         count: 1,
         name: "file",
@@ -373,7 +370,6 @@ export default {
           `/sys/file/webupload/upload?uploadPath=placememorialtablets/placeMemorialTablets`,
         headers: {
           "Content-Type": "multipart/form-data",
-          // "token": store.state.pctoken,
         },
       }).then((res) => {
         let data = res[0].data;
@@ -383,8 +379,10 @@ export default {
         data.url = $base + data.url;
         fileImg.value.push(data);
         fileList.value.push(data);
+		xm.showToast({
+		  message: "上传成功",
+		});
       });
-	  }
     };
 
     // 删除文件