|
|
@@ -10,12 +10,12 @@
|
|
|
<div class="banner">
|
|
|
<img src="../../../../public/loginbg/banner.jpg" alt="" />
|
|
|
</div>
|
|
|
- <div class="info" style="height: 600px">
|
|
|
+ <div class="info" style="height: 500px">
|
|
|
<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 style="padding: 0 10px; height: 470px; overflow: auto">
|
|
|
<van-cell-group>
|
|
|
<van-field
|
|
|
name="uploader"
|
|
|
@@ -96,12 +96,15 @@
|
|
|
|
|
|
<van-cell-group>
|
|
|
<van-field
|
|
|
- v-model="dataitem.placeSelectName"
|
|
|
+ v-model="placeAddress"
|
|
|
center
|
|
|
clearable
|
|
|
+ readonly
|
|
|
label="场所地点:"
|
|
|
input-align="right"
|
|
|
+ right-icon="arrow-down"
|
|
|
placeholder="请输入场所地点"
|
|
|
+ @click="showPlace1 = true"
|
|
|
/>
|
|
|
</van-cell-group>
|
|
|
<van-cell-group>
|
|
|
@@ -112,7 +115,11 @@
|
|
|
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
|
|
|
@@ -149,39 +156,34 @@
|
|
|
</van-cell-group>
|
|
|
<van-cell-group>
|
|
|
<van-field
|
|
|
- v-model="dataitem.siteType"
|
|
|
+ v-model="placeTypeName"
|
|
|
center
|
|
|
+ readonly
|
|
|
clearable
|
|
|
required
|
|
|
label="场所类型:"
|
|
|
input-align="right"
|
|
|
placeholder="请选择场所类型"
|
|
|
+ right-icon="arrow-down"
|
|
|
+ @click="showPicker1 = true"
|
|
|
>
|
|
|
- <template #input>
|
|
|
- <span v-if="dataitem.siteType == 1">线下</span>
|
|
|
- <span v-if="dataitem.siteType == 0">线上</span>
|
|
|
- </template>
|
|
|
</van-field>
|
|
|
</van-cell-group>
|
|
|
<van-cell-group>
|
|
|
<van-field
|
|
|
- v-model="dataitem.nature"
|
|
|
- center
|
|
|
+ v-model="propertyName"
|
|
|
+ readonly
|
|
|
required
|
|
|
- clearable
|
|
|
- label="场所性质:"
|
|
|
- input-align="right"
|
|
|
+ label="场所性质"
|
|
|
placeholder="请选择场所性质"
|
|
|
- >
|
|
|
- <template #input>
|
|
|
- <span v-if="dataitem.siteType == 1">寺观教堂</span>
|
|
|
- <span v-if="dataitem.siteType == 0">固定场所</span>
|
|
|
- </template>
|
|
|
- </van-field>
|
|
|
+ input-align="right"
|
|
|
+ right-icon="arrow-down"
|
|
|
+ @click="showPicker3 = true"
|
|
|
+ />
|
|
|
</van-cell-group>
|
|
|
<van-cell-group>
|
|
|
<van-field
|
|
|
- v-model="dataitem.place"
|
|
|
+ v-model="dataitem.protectionLevel"
|
|
|
center
|
|
|
clearable
|
|
|
label-width="7em"
|
|
|
@@ -192,24 +194,23 @@
|
|
|
</van-cell-group>
|
|
|
<van-cell-group>
|
|
|
<van-field
|
|
|
- v-model="dataitem.constructionStage"
|
|
|
+ v-model="constructionName"
|
|
|
center
|
|
|
required
|
|
|
+ readonly
|
|
|
clearable
|
|
|
label-width="7em"
|
|
|
label="场所建设阶段:"
|
|
|
input-align="right"
|
|
|
+ right-icon="arrow-down"
|
|
|
placeholder="请选择场所建设阶段"
|
|
|
+ @click="showPicker2 = true"
|
|
|
>
|
|
|
- <template #input>
|
|
|
- <span v-if="dataitem.siteType == 1">建设完成</span>
|
|
|
- <span v-if="dataitem.siteType == 0">筹备</span>
|
|
|
- </template>
|
|
|
</van-field>
|
|
|
</van-cell-group>
|
|
|
<van-cell-group>
|
|
|
<van-field
|
|
|
- v-model="dataitem.place"
|
|
|
+ v-model="dataitem.coveredArea"
|
|
|
center
|
|
|
clearable
|
|
|
label="建筑面积(㎡):"
|
|
|
@@ -219,7 +220,7 @@
|
|
|
</van-cell-group>
|
|
|
<van-cell-group>
|
|
|
<van-field
|
|
|
- v-model="dataitem.place"
|
|
|
+ v-model="dataitem.floorSpace"
|
|
|
center
|
|
|
clearable
|
|
|
label="占地面积(㎡):"
|
|
|
@@ -262,19 +263,26 @@
|
|
|
<van-cell-group>
|
|
|
<van-field
|
|
|
name="uploader"
|
|
|
+ label-align="top"
|
|
|
label-width="8em"
|
|
|
label="宗教礼仪空间:"
|
|
|
>
|
|
|
<template #input>
|
|
|
- <van-uploader>
|
|
|
- <van-button type="primary"> 点击上传 </van-button>
|
|
|
+ <van-uploader
|
|
|
+ v-model="fileList2"
|
|
|
+ :after-read="afterRead2"
|
|
|
+ :max-count="6"
|
|
|
+ capture="camera"
|
|
|
+ accept=""
|
|
|
+ :before-delete="fjdelete2"
|
|
|
+ >
|
|
|
</van-uploader>
|
|
|
</template>
|
|
|
</van-field>
|
|
|
</van-cell-group>
|
|
|
<van-cell-group>
|
|
|
<van-field
|
|
|
- v-model="message"
|
|
|
+ v-model="dataitem.remake"
|
|
|
rows="1"
|
|
|
autosize
|
|
|
label="备注："
|
|
|
@@ -287,7 +295,7 @@
|
|
|
<!-- 备案信息 -->
|
|
|
<van-tab>
|
|
|
<template #title> <van-icon name="bulb-o" />备案信息 </template>
|
|
|
- <div style="padding: 0 10px; height: 570px; overflow: auto">
|
|
|
+ <div style="padding: 0 10px; height: 470px; overflow: auto">
|
|
|
<van-cell-group>
|
|
|
<van-field
|
|
|
v-model="dataitem.filingNo"
|
|
|
@@ -312,7 +320,7 @@
|
|
|
</van-cell-group>
|
|
|
<van-cell-group>
|
|
|
<van-field
|
|
|
- v-model="dataitem.approveOffice"
|
|
|
+ v-model="dataitem.registrationAuthority"
|
|
|
center
|
|
|
required
|
|
|
clearable
|
|
|
@@ -346,7 +354,7 @@
|
|
|
</van-cell-group>
|
|
|
<van-cell-group>
|
|
|
<van-field
|
|
|
- v-model="dataitem.registrationAuthority"
|
|
|
+ v-model="dataitem.approveOffice"
|
|
|
center
|
|
|
clearable
|
|
|
label-width="7em"
|
|
|
@@ -357,35 +365,42 @@
|
|
|
</van-cell-group>
|
|
|
<van-cell-group>
|
|
|
<van-field
|
|
|
- v-model="dataitem.registrationAuthority"
|
|
|
+ v-model="religiousDeptManaUserName"
|
|
|
center
|
|
|
- clearable
|
|
|
- label-width="10em"
|
|
|
- label="宗教部门管理人员:"
|
|
|
+ label="宗教管理人员"
|
|
|
+ placeholder="请填写宗教管理人员"
|
|
|
input-align="right"
|
|
|
- placeholder="请选择宗教部门管理人员"
|
|
|
+ right-icon="arrow-down"
|
|
|
+ @click="showPerson = true"
|
|
|
/>
|
|
|
</van-cell-group>
|
|
|
<van-cell-group>
|
|
|
<van-field
|
|
|
- v-model="dataitem.registrationAuthority"
|
|
|
+ v-model="securityDeptManaUserName"
|
|
|
center
|
|
|
- clearable
|
|
|
- label-width="10em"
|
|
|
- label="公安部门管理人员:"
|
|
|
+ label="公安管理人员"
|
|
|
+ placeholder="请填写公安管理人员"
|
|
|
input-align="right"
|
|
|
- placeholder="请选择公安部门管理人员"
|
|
|
+ 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>
|
|
|
- <van-button type="primary"> 点击上传 </van-button>
|
|
|
+ <van-uploader
|
|
|
+ v-model="fileList3"
|
|
|
+ :after-read="afterRead3"
|
|
|
+ :max-count="6"
|
|
|
+ capture="camera"
|
|
|
+ accept=""
|
|
|
+ :before-delete="fjdelete3"
|
|
|
+ >
|
|
|
</van-uploader>
|
|
|
</template>
|
|
|
</van-field>
|
|
|
@@ -395,31 +410,32 @@
|
|
|
<!-- 互联网专区 -->
|
|
|
<van-tab>
|
|
|
<template #title> <van-icon name="desktop-o" />互联网专区 </template>
|
|
|
- <div style="padding: 0 10px; height: 570px; overflow: auto">
|
|
|
+ <div style="padding: 0 10px; height: 470px; overflow: auto">
|
|
|
<div style="overflow: hidden">
|
|
|
<p style="font-weight: 700">
|
|
|
直播间<van-button
|
|
|
type="primary"
|
|
|
size="mini"
|
|
|
style="margin-left: 10px; vertical-align: middle"
|
|
|
+ @click="liveBroadcastAdd()"
|
|
|
>新增</van-button
|
|
|
>
|
|
|
</p>
|
|
|
- <div>
|
|
|
+ <div v-for="(item, index) in liveBroadcast" :key="index">
|
|
|
<van-cell-group>
|
|
|
<van-field
|
|
|
- v-model="dataitem.registrationAuthority"
|
|
|
+ v-model="item.typeChild"
|
|
|
center
|
|
|
clearable
|
|
|
label-width="7em"
|
|
|
label="所属平台:"
|
|
|
input-align="right"
|
|
|
- placeholder="请选择所属平台"
|
|
|
+ placeholder="请填入所属平台"
|
|
|
/>
|
|
|
</van-cell-group>
|
|
|
<van-cell-group>
|
|
|
<van-field
|
|
|
- v-model="dataitem.registrationAuthority"
|
|
|
+ v-model="item.account"
|
|
|
center
|
|
|
clearable
|
|
|
label-width="7em"
|
|
|
@@ -430,7 +446,7 @@
|
|
|
</van-cell-group>
|
|
|
<van-cell-group>
|
|
|
<van-field
|
|
|
- v-model="dataitem.registrationAuthority"
|
|
|
+ v-model="item.manager"
|
|
|
center
|
|
|
clearable
|
|
|
label-width="7em"
|
|
|
@@ -441,7 +457,7 @@
|
|
|
</van-cell-group>
|
|
|
<van-cell-group>
|
|
|
<van-field
|
|
|
- v-model="dataitem.registrationAuthority"
|
|
|
+ v-model="item.contact"
|
|
|
center
|
|
|
clearable
|
|
|
label-width="7em"
|
|
|
@@ -450,7 +466,11 @@
|
|
|
placeholder="请输入联系方式"
|
|
|
/>
|
|
|
</van-cell-group>
|
|
|
- <van-button type="danger" size="mini" color="#e6a23c"
|
|
|
+ <van-button
|
|
|
+ @click="liveBroadcastDel(index)"
|
|
|
+ type="danger"
|
|
|
+ size="mini"
|
|
|
+ color="#e6a23c"
|
|
|
>删除</van-button
|
|
|
>
|
|
|
</div>
|
|
|
@@ -460,14 +480,15 @@
|
|
|
公众号<van-button
|
|
|
type="primary"
|
|
|
size="mini"
|
|
|
+ @click="publicAccountAdd()"
|
|
|
style="margin-left: 10px; vertical-align: middle"
|
|
|
>新增</van-button
|
|
|
>
|
|
|
</p>
|
|
|
- <div>
|
|
|
+ <div v-for="(item, index) in publicAccount" :key="index">
|
|
|
<van-cell-group>
|
|
|
<van-field
|
|
|
- v-model="dataitem.registrationAuthority"
|
|
|
+ v-model="item.account"
|
|
|
center
|
|
|
clearable
|
|
|
label-width="7em"
|
|
|
@@ -478,7 +499,7 @@
|
|
|
</van-cell-group>
|
|
|
<van-cell-group>
|
|
|
<van-field
|
|
|
- v-model="dataitem.registrationAuthority"
|
|
|
+ v-model="item.manager"
|
|
|
center
|
|
|
clearable
|
|
|
label-width="7em"
|
|
|
@@ -489,7 +510,7 @@
|
|
|
</van-cell-group>
|
|
|
<van-cell-group>
|
|
|
<van-field
|
|
|
- v-model="dataitem.registrationAuthority"
|
|
|
+ v-model="item.contact"
|
|
|
center
|
|
|
clearable
|
|
|
label-width="7em"
|
|
|
@@ -498,7 +519,11 @@
|
|
|
placeholder="请输入联系方式"
|
|
|
/>
|
|
|
</van-cell-group>
|
|
|
- <van-button type="danger" size="mini" color="#e6a23c"
|
|
|
+ <van-button
|
|
|
+ @click="publicAccountDel(index)"
|
|
|
+ type="danger"
|
|
|
+ size="mini"
|
|
|
+ color="#e6a23c"
|
|
|
>删除</van-button
|
|
|
>
|
|
|
</div>
|
|
|
@@ -509,13 +534,14 @@
|
|
|
type="primary"
|
|
|
size="mini"
|
|
|
style="margin-left: 10px; vertical-align: middle"
|
|
|
+ @click="wechatAdd()"
|
|
|
>新增</van-button
|
|
|
>
|
|
|
</p>
|
|
|
- <div>
|
|
|
+ <div v-for="(item, index) in wechat" :key="index">
|
|
|
<van-cell-group>
|
|
|
<van-field
|
|
|
- v-model="dataitem.registrationAuthority"
|
|
|
+ v-model="item.account"
|
|
|
center
|
|
|
clearable
|
|
|
label-width="7em"
|
|
|
@@ -526,7 +552,7 @@
|
|
|
</van-cell-group>
|
|
|
<van-cell-group>
|
|
|
<van-field
|
|
|
- v-model="dataitem.registrationAuthority"
|
|
|
+ v-model="item.manager"
|
|
|
center
|
|
|
clearable
|
|
|
label-width="7em"
|
|
|
@@ -537,7 +563,7 @@
|
|
|
</van-cell-group>
|
|
|
<van-cell-group>
|
|
|
<van-field
|
|
|
- v-model="dataitem.registrationAuthority"
|
|
|
+ v-model="item.contact"
|
|
|
center
|
|
|
clearable
|
|
|
label-width="7em"
|
|
|
@@ -546,7 +572,11 @@
|
|
|
placeholder="请输入联系方式"
|
|
|
/>
|
|
|
</van-cell-group>
|
|
|
- <van-button type="danger" size="mini" color="#e6a23c"
|
|
|
+ <van-button
|
|
|
+ @click="wechatDel(index)"
|
|
|
+ type="danger"
|
|
|
+ size="mini"
|
|
|
+ color="#e6a23c"
|
|
|
>删除</van-button
|
|
|
>
|
|
|
</div>
|
|
|
@@ -556,7 +586,7 @@
|
|
|
<div>
|
|
|
<van-cell-group>
|
|
|
<van-field
|
|
|
- v-model="dataitem.registrationAuthority"
|
|
|
+ v-model="dataitem.website"
|
|
|
center
|
|
|
clearable
|
|
|
label-width="7em"
|
|
|
@@ -571,7 +601,7 @@
|
|
|
</van-tab>
|
|
|
</van-tabs>
|
|
|
<div class="btn">
|
|
|
- <van-button type="primary">确认</van-button>
|
|
|
+ <van-button type="primary" @click="submit">确认</van-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- 宗教类型 -->
|
|
|
@@ -584,18 +614,88 @@
|
|
|
/>
|
|
|
</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-dialog
|
|
|
+ v-model:show="showPerson"
|
|
|
+ title="宗教部门管理人员"
|
|
|
+ show-cancel-button
|
|
|
+ @confirm="reselected"
|
|
|
+ >
|
|
|
+ <manage-list
|
|
|
+ @selected="selected"
|
|
|
+ :type="0"
|
|
|
+ :placeAddress="placeAddress"
|
|
|
+ ></manage-list>
|
|
|
+ </van-dialog>
|
|
|
+ <!-- 公安部门人员 -->
|
|
|
+ <van-dialog
|
|
|
+ v-model:show="showReport"
|
|
|
+ title="公安部门管理人员"
|
|
|
+ show-cancel-button
|
|
|
+ @confirm="reselected2"
|
|
|
+ >
|
|
|
+ <manage-list-2
|
|
|
+ @selected2="selected2"
|
|
|
+ :placeAddress="placeAddress"
|
|
|
+ ></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> -->
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+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";
|
|
|
export default {
|
|
|
+ components: { ManageList, ManageList2 },
|
|
|
setup() {
|
|
|
const active = ref(0);
|
|
|
// 导航栏颜色
|
|
|
@@ -609,9 +709,71 @@ export default {
|
|
|
new placeRegister().queryById(id).then((res) => {
|
|
|
// console.log(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;
|
|
|
+ if (dataitem.value.scenesImage) {
|
|
|
+ fileList.value = dataitem.value.scenesImage.split("/");
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+ //详细地址定位
|
|
|
+ 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) => {
|
|
|
@@ -634,12 +796,79 @@ export default {
|
|
|
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;
|
|
|
+ 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;
|
|
|
+ };
|
|
|
//图片上传
|
|
|
let fileList = ref([]);
|
|
|
let fileImg = ref([]);
|
|
|
@@ -650,7 +879,7 @@ export default {
|
|
|
data.name = decodeURIComponent(
|
|
|
data.url.substring(data.url.lastIndexOf("/") + 1)
|
|
|
);
|
|
|
- placeActivity.placeData.scenesImage += "" + data.url;
|
|
|
+ dataitem.value.scenesImage += "" + data.url;
|
|
|
fileImg.value.push(data);
|
|
|
});
|
|
|
};
|
|
|
@@ -665,10 +894,219 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
};
|
|
|
+ let fileList2 = ref([]);
|
|
|
+ let fileImg2 = ref([]);
|
|
|
+ const afterRead2 = (file) => {
|
|
|
+ new tools()
|
|
|
+ .uploadFile(file, `religioussites/siteinfo/religiousSitesInfo`)
|
|
|
+ .then(({ data }) => {
|
|
|
+ data.name = decodeURIComponent(
|
|
|
+ data.url.substring(data.url.lastIndexOf("/") + 1)
|
|
|
+ );
|
|
|
+ dataitem.value.etiquetteSpace += "" + data.url;
|
|
|
+ fileImg2.value.push(data);
|
|
|
+ });
|
|
|
+ };
|
|
|
+ const fjdelete2 = (file) => {
|
|
|
+ //删除文件操作
|
|
|
+ for (let index = 0; index < fileList2.value.length; index++) {
|
|
|
+ if (file.file == fileList2.value[index].file) {
|
|
|
+ let delurl = fileImg2.value[index].url;
|
|
|
+ new tools().uploadFiledelete("", delurl).then(({ data }) => {});
|
|
|
+ fileImg2.value.splice(index, 1);
|
|
|
+ fileList2.value.splice(index, 1);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ };
|
|
|
+ let fileList3 = ref([]);
|
|
|
+ let fileImg3 = ref([]);
|
|
|
+ const afterRead3 = (file) => {
|
|
|
+ new tools()
|
|
|
+ .uploadFile(file, `religioussites/siteinfo/religiousSitesInfo`)
|
|
|
+ .then(({ data }) => {
|
|
|
+ data.name = decodeURIComponent(
|
|
|
+ data.url.substring(data.url.lastIndexOf("/") + 1)
|
|
|
+ );
|
|
|
+ dataitem.value.approvalProcedures += "" + data.url;
|
|
|
+ fileImg3.value.push(data);
|
|
|
+ });
|
|
|
+ };
|
|
|
+ const fjdelete3 = (file) => {
|
|
|
+ //删除文件操作
|
|
|
+ for (let index = 0; index < fileList3.value.length; index++) {
|
|
|
+ if (file.file == fileList3.value[index].file) {
|
|
|
+ let delurl = fileImg3.value[index].url;
|
|
|
+ new tools().uploadFiledelete("", delurl).then(({ data }) => {});
|
|
|
+ fileImg3.value.splice(index, 1);
|
|
|
+ fileList3.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;
|
|
|
+ };
|
|
|
+ // 互联网专区
|
|
|
+ const internetForm = ref({
|
|
|
+ zbjForm: [],
|
|
|
+ gzhForm: [],
|
|
|
+ wxForm: [],
|
|
|
+ dynamicFrom: [],
|
|
|
+ });
|
|
|
+ // 直播间
|
|
|
+ const liveB = {
|
|
|
+ typeChild: "",
|
|
|
+ account: "",
|
|
|
+ manager: "",
|
|
|
+ contact: "",
|
|
|
+ };
|
|
|
+ const liveBroadcast = ref([
|
|
|
+ {
|
|
|
+ typeChild: "",
|
|
|
+ account: "",
|
|
|
+ manager: "",
|
|
|
+ contact: "",
|
|
|
+ },
|
|
|
+ ]);
|
|
|
+ //公众号
|
|
|
+ const publicA = {
|
|
|
+ account: "",
|
|
|
+ manager: "",
|
|
|
+ contact: "",
|
|
|
+ };
|
|
|
+ const publicAccount = ref([
|
|
|
+ {
|
|
|
+ account: "",
|
|
|
+ manager: "",
|
|
|
+ contact: "",
|
|
|
+ },
|
|
|
+ ]);
|
|
|
+ // 微信群
|
|
|
+ const wx = {
|
|
|
+ account: "",
|
|
|
+ manager: "",
|
|
|
+ contact: "",
|
|
|
+ };
|
|
|
+ const wechat = ref([
|
|
|
+ {
|
|
|
+ account: "",
|
|
|
+ manager: "",
|
|
|
+ contact: "",
|
|
|
+ },
|
|
|
+ ]);
|
|
|
+ // 直播间
|
|
|
+ const liveBroadcastAdd = () => {
|
|
|
+ liveBroadcast.value.push(liveB);
|
|
|
+ };
|
|
|
+ const liveBroadcastDel = (index) => {
|
|
|
+ liveBroadcast.value.splice(index, 1);
|
|
|
+ };
|
|
|
+ // 公众号
|
|
|
+ const publicAccountAdd = () => {
|
|
|
+ publicAccount.value.push(publicA);
|
|
|
+ };
|
|
|
+ const publicAccountDel = (index) => {
|
|
|
+ publicAccount.value.splice(index, 1);
|
|
|
+ };
|
|
|
+ // 微信群
|
|
|
+ const wechatAdd = () => {
|
|
|
+ wechat.value.push(wx);
|
|
|
+ };
|
|
|
+ const wechatDel = (index) => {
|
|
|
+ wechat.value.splice(index, 1);
|
|
|
+ };
|
|
|
+ // 直播间类型
|
|
|
+ // 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 getzbjType = (type) => {
|
|
|
+ // const typeObject = {
|
|
|
+ // 0: "斗鱼",
|
|
|
+ // 1: "小红书",
|
|
|
+ // 2: "抖音",
|
|
|
+ // 3: "哔哩哔哩",
|
|
|
+ // 4: "虎牙",
|
|
|
+ // 5: "快手",
|
|
|
+ // 6: "YY直播",
|
|
|
+ // 7: "淘宝直播",
|
|
|
+ // 8: "京东直播"
|
|
|
+ // };
|
|
|
+ // return typeObject[type];
|
|
|
+ // };
|
|
|
+ // let showzbj = ref(false);
|
|
|
+ // const getzbj = ({ selectedOptions }) => {
|
|
|
+ // showzbj.value = false;
|
|
|
+ // // const json = Object.assign(dataitem.value, {
|
|
|
+ // // constructionStage: selectedOptions[0].value,
|
|
|
+ // // });
|
|
|
+ // // dataitem.value = json;
|
|
|
+ // zbjTypeName.value = selectedOptions[0].text;
|
|
|
+ // };
|
|
|
//返回
|
|
|
const onClickLeft = () => {
|
|
|
history.back();
|
|
|
};
|
|
|
+ // 数据提交
|
|
|
+ const submit = () => {
|
|
|
+ // const json = Object.assign(internetForm.value, {
|
|
|
+ // zbjForm: liveBroadcast.value,
|
|
|
+ // gzhForm: publicAccount.value,
|
|
|
+ // wxForm: wechat.value,
|
|
|
+ // });
|
|
|
+ // internetForm.value = json
|
|
|
+ // const dy = JSON.stringify(internetForm.value);
|
|
|
+ // const dyData = Object.assign(dataitem.value,{dynamicFormJson:dy})
|
|
|
+ // dataitem.value = dyData;
|
|
|
+ new placeRegister().sava(dataitem.value).then((res) => {
|
|
|
+ if (res.status == 200) {
|
|
|
+ xm.showToast({
|
|
|
+ message: "修改成功",
|
|
|
+ });
|
|
|
+ }else{
|
|
|
+ xm.showToast({
|
|
|
+ message: "修改失败",
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ };
|
|
|
return {
|
|
|
onClickLeft,
|
|
|
dataitem,
|
|
|
@@ -677,13 +1115,67 @@ export default {
|
|
|
//图片上传
|
|
|
fileList,
|
|
|
afterRead1,
|
|
|
- //图片删除
|
|
|
fjdelete,
|
|
|
+ fileList2,
|
|
|
+ afterRead2,
|
|
|
+ fjdelete2,
|
|
|
+ fileList3,
|
|
|
+ afterRead3,
|
|
|
+ fjdelete3,
|
|
|
//宗教类型
|
|
|
religiousType,
|
|
|
hs_religious,
|
|
|
religious,
|
|
|
getreligious,
|
|
|
+ //场所类型
|
|
|
+ showPicker1,
|
|
|
+ placeType,
|
|
|
+ getplaceType,
|
|
|
+ placeTypeName,
|
|
|
+ //场所性质
|
|
|
+ showPicker3,
|
|
|
+ property,
|
|
|
+ getproperty,
|
|
|
+ propertyName,
|
|
|
+ //场所建设阶段
|
|
|
+ showPicker2,
|
|
|
+ construction,
|
|
|
+ getConstruction,
|
|
|
+ constructionName,
|
|
|
+ // 详细地址定位
|
|
|
+ getLocation,
|
|
|
+ // 地区选择
|
|
|
+ placeAddress,
|
|
|
+ customFieldName,
|
|
|
+ showPlace1,
|
|
|
+ getPlace1,
|
|
|
+ options,
|
|
|
+ //宗教公安人员选择
|
|
|
+ showPerson,
|
|
|
+ showReport,
|
|
|
+ selected,
|
|
|
+ selected2,
|
|
|
+ reselected,
|
|
|
+ reselected2,
|
|
|
+ religiousDeptManaUserName,
|
|
|
+ securityDeptManaUserName,
|
|
|
+ // 互联网专区
|
|
|
+ liveBroadcast,
|
|
|
+ publicAccount,
|
|
|
+ wechat,
|
|
|
+ liveBroadcastAdd,
|
|
|
+ liveBroadcastDel,
|
|
|
+ publicAccountAdd,
|
|
|
+ publicAccountDel,
|
|
|
+ wechatAdd,
|
|
|
+ wechatDel,
|
|
|
+ // 直播间类型选择
|
|
|
+ // zbjTypeName,
|
|
|
+ // zbj,
|
|
|
+ // showzbj,
|
|
|
+ // getzbj,
|
|
|
+ //数据提交
|
|
|
+ submit,
|
|
|
};
|
|
|
},
|
|
|
};
|
guoqing