|
|
@@ -11,7 +11,8 @@
|
|
|
<img src="../../../../public/loginbg/banner.jpg" alt="" />
|
|
|
</div>
|
|
|
<div class="info" style="height: 500px">
|
|
|
- <van-tabs v-model:active="active" swipeable>
|
|
|
+ <van-form @submit="onSubmit" show-error :show-error-message="false">
|
|
|
+ <van-tabs v-model:active="active" swipeable>
|
|
|
<!-- 基础信息 -->
|
|
|
<van-tab>
|
|
|
<template #title> <van-icon name="orders-o" />基础信息</template>
|
|
|
@@ -37,12 +38,34 @@
|
|
|
</template>
|
|
|
</van-field>
|
|
|
</van-cell-group>
|
|
|
+ <van-cell-group>
|
|
|
+ <van-field
|
|
|
+ name="uploader"
|
|
|
+ label-align="top"
|
|
|
+ label-width="8em"
|
|
|
+ label="场所外景照片:"
|
|
|
+ >
|
|
|
+ <template #input>
|
|
|
+ <van-uploader
|
|
|
+ readonly
|
|
|
+ v-model="fileList4"
|
|
|
+ :max-count="5"
|
|
|
+ accept=""
|
|
|
+ :preview-full-image="false"
|
|
|
+ :before-delete="deleteRead4"
|
|
|
+ @click-upload="chooseImg4"
|
|
|
+ >
|
|
|
+ </van-uploader>
|
|
|
+ </template>
|
|
|
+ </van-field>
|
|
|
+ </van-cell-group>
|
|
|
<van-cell-group>
|
|
|
<van-field
|
|
|
v-model="dataitem.name"
|
|
|
center
|
|
|
required
|
|
|
clearable
|
|
|
+ :rules="[{ required: true }]"
|
|
|
label="场所名称:"
|
|
|
input-align="right"
|
|
|
placeholder="请输入场所名称"
|
|
|
@@ -53,6 +76,7 @@
|
|
|
v-model="religiousType"
|
|
|
readonly
|
|
|
required
|
|
|
+ :rules="[{ required: true }]"
|
|
|
label="宗教类型:"
|
|
|
name="validator"
|
|
|
placeholder="请选择教别"
|
|
|
@@ -150,6 +174,7 @@
|
|
|
center
|
|
|
clearable
|
|
|
required
|
|
|
+ :rules="[{ required: true }]"
|
|
|
label="额定人数:"
|
|
|
input-align="right"
|
|
|
placeholder="请输入场所额定人数"
|
|
|
@@ -162,6 +187,7 @@
|
|
|
readonly
|
|
|
clearable
|
|
|
required
|
|
|
+ :rules="[{ required: true }]"
|
|
|
label="场所类型:"
|
|
|
input-align="right"
|
|
|
placeholder="请选择场所类型"
|
|
|
@@ -175,6 +201,7 @@
|
|
|
v-model="propertyName"
|
|
|
readonly
|
|
|
required
|
|
|
+ :rules="[{ required: true }]"
|
|
|
label="场所性质"
|
|
|
placeholder="请选择场所性质"
|
|
|
input-align="right"
|
|
|
@@ -315,6 +342,7 @@
|
|
|
required
|
|
|
clearable
|
|
|
readonly
|
|
|
+ :rules="[{ required: true }]"
|
|
|
label-width="8em"
|
|
|
label="批准设立时间:"
|
|
|
input-align="right"
|
|
|
@@ -329,6 +357,7 @@
|
|
|
center
|
|
|
required
|
|
|
clearable
|
|
|
+ :rules="[{ required: true }]"
|
|
|
label="登记机关:"
|
|
|
input-align="right"
|
|
|
placeholder="请输入登记机关"
|
|
|
@@ -341,6 +370,7 @@
|
|
|
required
|
|
|
readonly
|
|
|
clearable
|
|
|
+ :rules="[{ required: true }]"
|
|
|
label="登记日期:"
|
|
|
right-icon="arrow-down"
|
|
|
input-align="right"
|
|
|
@@ -354,6 +384,7 @@
|
|
|
center
|
|
|
required
|
|
|
clearable
|
|
|
+ :rules="[{ required: true }]"
|
|
|
label-width="7em"
|
|
|
label="主要教职人员:"
|
|
|
input-align="right"
|
|
|
@@ -616,8 +647,10 @@
|
|
|
</van-tab>
|
|
|
</van-tabs>
|
|
|
<div class="btn">
|
|
|
- <van-button type="primary" @click="submit">确认</van-button>
|
|
|
+ <van-button type="primary" native-type="submit">确认</van-button>
|
|
|
</div>
|
|
|
+ </van-form>
|
|
|
+
|
|
|
</div>
|
|
|
<!-- 宗教类型 -->
|
|
|
<van-popup v-model:show="hs_religious" round position="bottom">
|
|
|
@@ -1074,6 +1107,43 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
};
|
|
|
+ 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",
|
|
|
+ token: window.localStorage.getItem("MZ_TOKEN"),
|
|
|
+ },
|
|
|
+ }).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("");
|
|
|
@@ -1322,6 +1392,9 @@ export default {
|
|
|
dataitem.value.approvalProcedures = fileImg3.value
|
|
|
.map((option) => option.id)
|
|
|
.join("|");
|
|
|
+ dataitem.value.plan = fileImg4.value
|
|
|
+ .map((option) => option.id)
|
|
|
+ .join("|");
|
|
|
new placeRegister().sava(dataitem.value).then((res) => {
|
|
|
if (res.status == 200) {
|
|
|
xm.showToast({
|
|
|
@@ -1352,6 +1425,9 @@ export default {
|
|
|
fileList3,
|
|
|
chooseImg3,
|
|
|
deleteRead3,
|
|
|
+ fileList4,
|
|
|
+ chooseImg4,
|
|
|
+ deleteRead4,
|
|
|
//宗教类型
|
|
|
religiousType,
|
|
|
hs_religious,
|
guoqing