|
|
@@ -1,22 +1,11 @@
|
|
|
<template>
|
|
|
- <van-nav-bar
|
|
|
- fixed
|
|
|
- title="场所详细信息"
|
|
|
- left-arrow
|
|
|
- @click-left="onClickLeft"
|
|
|
- :style="{ 'background-color': selectColor }"
|
|
|
- />
|
|
|
+ <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-form @submit="submit" @failed="failed" show-error :show-error-message="false">
|
|
|
<van-tabs v-model:active="active" swipeable>
|
|
|
<!-- 基础信息 -->
|
|
|
<van-tab>
|
|
|
@@ -25,22 +14,10 @@
|
|
|
<div class="imgbox">
|
|
|
<div class="img-left">
|
|
|
<van-cell-group>
|
|
|
- <van-field
|
|
|
- name="uploader"
|
|
|
- label-align="top"
|
|
|
- label-width="8em"
|
|
|
- label="场所内外景(主):"
|
|
|
- >
|
|
|
+ <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 readonly v-model="fileList" :max-count="1" accept="" :preview-full-image="false"
|
|
|
+ :before-delete="deleteRead" @click-upload="chooseImg">
|
|
|
</van-uploader>
|
|
|
</template>
|
|
|
</van-field>
|
|
|
@@ -48,23 +25,10 @@
|
|
|
</div>
|
|
|
<div class="img-left">
|
|
|
<van-cell-group>
|
|
|
- <van-field
|
|
|
- name="uploader"
|
|
|
- label-align="top"
|
|
|
- label-width="9em"
|
|
|
- label="场所内外景(其他):"
|
|
|
- >
|
|
|
+ <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 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>
|
|
|
@@ -72,264 +36,101 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<van-cell-group>
|
|
|
- <van-field
|
|
|
- v-model="dataitem.name"
|
|
|
- center
|
|
|
- required
|
|
|
- clearable
|
|
|
- :rules="[{ required: true }]"
|
|
|
- label="场所名称:"
|
|
|
- input-align="right"
|
|
|
- placeholder="请输入场所名称"
|
|
|
- />
|
|
|
+ <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-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-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-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-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-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="请输入详细场所地点"
|
|
|
- >
|
|
|
+ <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-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-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-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 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-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-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 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="dataitem.coveredArea"
|
|
|
- center
|
|
|
- clearable
|
|
|
- label="建筑面积(㎡):"
|
|
|
- input-align="right"
|
|
|
- placeholder="请输入场所建筑面积"
|
|
|
- />
|
|
|
+ <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-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-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-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-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="宗教礼仪空间:"
|
|
|
- >
|
|
|
+ <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 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-field v-model="dataitem.remake" rows="1" autosize label="备注：" type="textarea" placeholder="请输入备注" />
|
|
|
</van-cell-group>
|
|
|
</div>
|
|
|
</van-tab>
|
|
|
@@ -338,122 +139,46 @@
|
|
|
<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-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-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-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-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-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-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-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-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="场所建设审批手续:"
|
|
|
- >
|
|
|
+ <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 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>
|
|
|
@@ -468,190 +193,77 @@
|
|
|
<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
|
|
|
- >
|
|
|
+ 直播间<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-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-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-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-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
|
|
|
- >
|
|
|
+ <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
|
|
|
- >
|
|
|
+ 公众号<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-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-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-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
|
|
|
- >
|
|
|
+ <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
|
|
|
- >
|
|
|
+ 微信群<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-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-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-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
|
|
|
- >
|
|
|
+ <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-field v-model="dataitem.website" center clearable label-width="7em" label="网站地址:"
|
|
|
+ input-align="right" placeholder="请输入网站地址" />
|
|
|
</van-cell-group>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -665,101 +277,49 @@
|
|
|
</div>
|
|
|
<!-- 宗教类型 -->
|
|
|
<van-popup v-model:show="hs_religious" round position="bottom">
|
|
|
- <van-picker
|
|
|
- title="宗教类型"
|
|
|
- :columns="religious"
|
|
|
- @cancel="hs_religious = false"
|
|
|
- @confirm="getreligious"
|
|
|
- />
|
|
|
+ <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-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-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-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-picker title="场所建设阶段" :columns="construction" @cancel="showPicker2 = false" @confirm="getConstruction" />
|
|
|
</van-popup>
|
|
|
<!-- 宗教管理人员 -->
|
|
|
- <van-dialog
|
|
|
- v-model:show="showPerson"
|
|
|
- title="宗教部门管理人员"
|
|
|
- show-cancel-button
|
|
|
- @confirm="reselected"
|
|
|
- width="100%"
|
|
|
- >
|
|
|
+ <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%"
|
|
|
- >
|
|
|
+ <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-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-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-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>
|
|
|
@@ -802,7 +362,7 @@ export default {
|
|
|
);
|
|
|
placeTypeName.value = getplaceTypeN(dataitem.value.siteType);
|
|
|
placeAddress.value = dataitem.value.placeSelectName;
|
|
|
- if (dataitem.value.scenesImage) {
|
|
|
+ if (dataitem.value.scenesImageMain) {
|
|
|
dataitem.value.scenesImageMain.split("|").forEach((item) => {
|
|
|
if (item.trim().length > 0) {
|
|
|
fileImg.value.push({
|
|
|
@@ -821,6 +381,7 @@ export default {
|
|
|
id: item.replace("程序附件//", "程序附件/"),
|
|
|
});
|
|
|
}
|
|
|
+
|
|
|
});
|
|
|
}
|
|
|
if (dataitem.value.etiquetteSpace) {
|
|
|
@@ -1067,7 +628,7 @@ export default {
|
|
|
fileList.value.splice(index, 1);
|
|
|
if (fileImg.value[index]) {
|
|
|
let delurl = fileImg.value[index].url;
|
|
|
- new tools().uploadFiledelete("", delurl).then(({ data }) => {});
|
|
|
+ new tools().uploadFiledelete("", delurl).then(({ data }) => { });
|
|
|
fileImg.value.splice(index, 1);
|
|
|
}
|
|
|
}
|
|
|
@@ -1104,7 +665,7 @@ export default {
|
|
|
fileList2.value.splice(index, 1);
|
|
|
if (fileImg2.value[index]) {
|
|
|
let delurl = fileImg2.value[index].url;
|
|
|
- new tools().uploadFiledelete("", delurl).then(({ data }) => {});
|
|
|
+ new tools().uploadFiledelete("", delurl).then(({ data }) => { });
|
|
|
fileImg2.value.splice(index, 1);
|
|
|
}
|
|
|
}
|
|
|
@@ -1141,7 +702,7 @@ export default {
|
|
|
fileList3.value.splice(index, 1);
|
|
|
if (fileImg3.value[index]) {
|
|
|
let delurl = fileImg3.value[index].url;
|
|
|
- new tools().uploadFiledelete("", delurl).then(({ data }) => {});
|
|
|
+ new tools().uploadFiledelete("", delurl).then(({ data }) => { });
|
|
|
fileImg3.value.splice(index, 1);
|
|
|
}
|
|
|
}
|
|
|
@@ -1178,7 +739,7 @@ export default {
|
|
|
fileList4.value.splice(index, 1);
|
|
|
if (fileImg4.value[index]) {
|
|
|
let delurl = fileImg4.value[index].url;
|
|
|
- new tools().uploadFiledelete("", delurl).then(({ data }) => {});
|
|
|
+ new tools().uploadFiledelete("", delurl).then(({ data }) => { });
|
|
|
fileImg4.value.splice(index, 1);
|
|
|
}
|
|
|
}
|
|
|
@@ -1530,18 +1091,22 @@ export default {
|
|
|
.imgbox {
|
|
|
width: 100%;
|
|
|
overflow: hidden;
|
|
|
+
|
|
|
.img-left {
|
|
|
float: left;
|
|
|
width: 50%;
|
|
|
}
|
|
|
+
|
|
|
.img-right {
|
|
|
float: left;
|
|
|
width: 50%;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.btn {
|
|
|
margin: 10px auto;
|
|
|
+
|
|
|
.van-button {
|
|
|
width: 100%;
|
|
|
height: 50px;
|
