Skip to content

S
smart_gov_platform
Commit 0b3e418d authored by “yiyousong”'s avatar “yiyousong”
Browse files
Options

feat:站点添加在线取号、微预约、政务地图控制

parent 3fe0cdd8
Hide whitespace changes
Inline Side-by-side
Showing with 251 additions and 226 deletions
base-manager-ui/admin/src/pages/basicset/site/components/addsite.vue
View file @ 0b3e418d
...@@ -14,216 +14,227 @@ ...@@ -14,216 +14,227 @@
> >
</div> </div>
<div class="content"> <div class="content">
<a-form-model <a-form-model ref="ruleForm" :model="formInfo" :rules="formRules">
ref="ruleForm"
:model="formInfo"
:rules="formRules"
layout="inline"
>
<div class="color_title">基本信息</div> <div class="color_title">基本信息</div>
<a-form-model-item label="中心名称" prop="siteName"> <a-row>
<a-input <a-col :span="8">
v-model="formInfo.siteName" <a-form-model-item label="中心名称" prop="siteName">
type="text" <a-input
placeholder="请输入中心名称" v-model="formInfo.siteName"
/> type="text"
</a-form-model-item> placeholder="请输入中心名称"
<a-form-model-item label="英文名称" prop="englishName"> />
<a-input </a-form-model-item>
v-model="formInfo.englishName" </a-col>
type="text" <a-col :span="8">
placeholder="请输入中心名称" <a-form-model-item label="英文名称" prop="englishName">
/> <a-input
</a-form-model-item> v-model="formInfo.englishName"
<!-- <a-form-model-item label="中心编号" prop="siteCode"> type="text"
<a-input placeholder="请输入中心名称"
v-model="formInfo.siteCode" />
type="text" </a-form-model-item>
placeholder="请输入中心编号" </a-col>
/> <a-col :span="8">
</a-form-model-item> --> <a-form-model-item label="区域编号" prop="areaCode">
<a-form-model-item label="区域编号" prop="areaCode"> <a-input
<a-input v-model="areaInfo.areaCode"
v-model="areaInfo.areaCode" readOnly
readOnly type="text"
type="text" placeholder="请输入区域编号"
placeholder="请输入区域编号" /> </a-form-model-item
/> ></a-col>
</a-form-model-item> <a-col :span="8">
<a-form-model-item label="IP" prop="siteIp">
<a-form-model-item label="IP" prop="siteIp"> <a-input
<a-input v-model="formInfo.siteIp"
v-model="formInfo.siteIp" type="text"
type="text" placeholder="请输入IP地址"
placeholder="请输入IP地址" />
/> </a-form-model-item>
</a-form-model-item> </a-col>
<a-form-model-item label="中心端口" prop="sitePort"> <a-col :span="8">
<a-input <a-form-model-item label="中心端口" prop="sitePort">
v-model="formInfo.sitePort" <a-input
type="text" v-model="formInfo.sitePort"
placeholder="请输入中心端口" type="text"
/> placeholder="请输入中心端口"
</a-form-model-item> />
<a-form-model-item label="中心电话" prop="siteTel"> </a-form-model-item>
<a-input </a-col>
v-model="formInfo.siteTel" <a-col :span="8">
type="text" <a-form-model-item label="中心电话" prop="siteTel">
placeholder="请输入座机号码：区号-号码" <a-input
/> v-model="formInfo.siteTel"
</a-form-model-item> type="text"
<a-form-model-item label="站点负责人" prop="leadingOfficial"> placeholder="请输入中心电话"
<a-input />
v-model="formInfo.leadingOfficial" </a-form-model-item>
type="text" </a-col>
placeholder="请输入站点负责人" <a-col :span="8">
/> <a-form-model-item label="站点负责人" prop="leadingOfficial">
</a-form-model-item> <a-input
<a-form-model-item label="负责人电话" prop="leadingOfficialTelephone"> v-model="formInfo.leadingOfficial"
<a-input type="text"
v-model="formInfo.leadingOfficialTelephone" placeholder="请输入站点负责人"
type="text" />
placeholder="请输入负责人电话电话" </a-form-model-item>
/> </a-col>
</a-form-model-item> <a-col :span="8">
<a-form-model-item
<a-form-model-item label="总栋数" prop="building" class="building"> label="负责人电话"
<a-input prop="leadingOfficialTelephone"
style="padding-right: 40px" >
v-model.number="formInfo.building" <a-input
type="text" v-model="formInfo.leadingOfficialTelephone"
placeholder="请输入总栋数" type="text"
/> placeholder="请输入负责人电话电话"
<span class="tips">栋</span> />
</a-form-model-item> </a-form-model-item>
<a-form-model-item label="总楼层" prop="level" class="level"> </a-col>
<a-input <a-col :span="8">
style="padding-right: 40px" <a-form-model-item
v-model.number="formInfo.level" label="总栋数"
type="text" prop="building"
placeholder="请输入总楼层" class="building"
/> >
<span class="tips">层</span> <a-input
</a-form-model-item> style="padding-right: 40px"
<a-form-model-item label="中心位置" prop="proCode"> v-model.number="formInfo.building"
<a-cascader type="text"
v-model="cityData" placeholder="请输入总栋数"
style="width: 260px" />
:options="options" <span class="tips">栋</span>
placeholder="请选择位置" </a-form-model-item>
:field-names="{ </a-col>
value: 'label', <a-col :span="8">
children: 'children', <a-form-model-item label="总楼层" prop="level" class="level">
label: 'label', <a-input
}" style="padding-right: 40px"
@change="oncityChange" v-model.number="formInfo.level"
/> type="text"
</a-form-model-item> placeholder="请输入总楼层"
<a-form-model-item label="详细地址" prop="detailAddress"> />
<a-input <span class="tips">层</span>
v-model="formInfo.detailAddress" </a-form-model-item>
style="width: 300px" </a-col>
class="detailAddress" <a-col :span="8">
type="text" <a-form-model-item label="中心位置" prop="proCode">
placeholder="请输入详细地址以便获取经纬度" <a-cascader
/> v-model="cityData"
<a-button style="width: 260px"
style="margin-left: 10px" :options="options"
type="primary" placeholder="请选择位置"
@click="getAddress(formInfo.detailAddress)" :field-names="{
>获取经纬度</a-button value: 'label',
> children: 'children',
</a-form-model-item> label: 'label',
<a-form-model-item label="经度" prop="longitude"> }"
<a-input @change="oncityChange"
v-model="formInfo.longitude" />
type="text" </a-form-model-item>
placeholder="请输入经度" </a-col>
/> <a-col :span="24">
</a-form-model-item> <a-form-model-item label="详细地址" prop="detailAddress">
<a-form-model-item label="纬度" prop="latitude"> <a-input
<a-input v-model="formInfo.detailAddress"
v-model="formInfo.latitude" style="width: 300px"
type="text" class="detailAddress"
placeholder="请输入纬度" type="text"
/> placeholder="请输入详细地址以便获取经纬度"
</a-form-model-item> />
<a-form-model-item label="中心简介" prop="siteRemark"> <a-button
<a-textarea style="margin-left: 10px"
v-model="formInfo.siteRemark" type="primary"
class="siteRemark" @click="getAddress(formInfo.detailAddress)"
placeholder="请输入中心简介" >获取经纬度</a-button
allow-clear >
/> </a-form-model-item>
</a-form-model-item> </a-col>
<a-form-model-item label="中心Logo" prop="logoPath"> <a-col :span="8">
<a-upload <a-form-model-item label="经度" prop="longitude">
:action="api + 'base/file/commonupload'" <a-input
list-type="picture-card" v-model="formInfo.longitude"
:file-list="fileList" type="text"
@preview="handlePreview" placeholder="请输入经度"
@change="handleChange" />
:accept="accept" </a-form-model-item>
> </a-col>
<div v-if="fileList.length < 1"> <a-col :span="8">
<a-icon type="plus" /> <a-form-model-item label="纬度" prop="latitude">
<div class="ant-upload-text">上传图片</div> <a-input
</div> v-model="formInfo.latitude"
</a-upload> type="text"
placeholder="请输入纬度"
/>
</a-form-model-item>
</a-col>
<a-col :span="24">
<a-form-model-item label="中心简介" prop="siteRemark">
<a-textarea
v-model="formInfo.siteRemark"
class="siteRemark"
placeholder="请输入中心简介"
allow-clear
/>
</a-form-model-item>
</a-col>
<a-col :span="24">
<a-form-model-item label="中心Logo" prop="logoPath">
<a-upload
:action="api + 'base/file/commonupload'"
list-type="picture-card"
:file-list="fileList"
@preview="handlePreview"
@change="handleChange"
:accept="accept"
>
<div v-if="fileList.length < 1">
<a-icon type="plus" />
<div class="ant-upload-text">上传图片</div>
</div>
</a-upload>
</a-form-model-item>
</a-col>
</a-row>
<!-- <a-upload
name="file"
list-type="picture-card"
class="avatar-uploader"
:show-upload-list="false"
:action="api + 'base/file/commonupload'"
:before-upload="beforeUpload"
@change="handleChange"
:accept="accept"
>
<img
class="logo"
v-if="formInfo.logoPath"
:src="api + formInfo.logoPath"
/>
<div v-else>
<a-icon :type="loading ? 'loading' : 'plus'" />
<div class="ant-upload-text">上传图片</div>
</div>
</a-upload> -->
</a-form-model-item>
<div class="color_title">办公信息</div> <div class="color_title">办公信息</div>
<a-row>
<a-form-model-item class="amWork-time" prop="amWorkEndTime"> <a-col :span="8">
<a-form-model-item label="上午上班" prop="amWorkStartTime"> <a-form-model-item class="amWork-time" prop="amWorkEndTime">
<a-time-picker <a-form-model-item label="上午上班" prop="amWorkStartTime">
v-model="formInfo.amWorkStartTime" <a-time-picker
valueFormat="x" v-model="formInfo.amWorkStartTime"
placeholder="开始时间" valueFormat="x"
/> placeholder="开始时间"
~ />
<a-time-picker ~
v-model="formInfo.amWorkEndTime" <a-time-picker
valueFormat="x" v-model="formInfo.amWorkEndTime"
placeholder="结束时间" valueFormat="x"
/> placeholder="结束时间"
</a-form-model-item> />
</a-form-model-item> </a-form-model-item>
<a-form-model-item class="pmWork-time" prop="pmWorkEndTime"> </a-form-model-item>
<a-form-model-item label="下午上班" prop="pmWorkStartTime"> </a-col>
<a-time-picker <a-col :span="8">
v-model="formInfo.pmWorkStartTime" <a-form-model-item class="pmWork-time" prop="pmWorkEndTime">
valueFormat="x" <a-form-model-item label="下午上班" prop="pmWorkStartTime">
placeholder="开始时间" <a-time-picker
/> v-model="formInfo.pmWorkStartTime"
~ valueFormat="x"
<a-time-picker placeholder="开始时间"
v-model="formInfo.pmWorkEndTime" />
valueFormat="x" ~
placeholder="结束时间" <a-time-picker
/> v-model="formInfo.pmWorkEndTime"
</a-form-model-item> valueFormat="x"
</a-form-model-item> placeholder="结束时间"
/>
</a-form-model-item>
</a-form-model-item>
</a-col>
</a-row>
<a-form-model-item label="工作日"> <a-form-model-item label="工作日">
<y-checkbox <y-checkbox
v-model="formInfo.workday1" v-model="formInfo.workday1"
...@@ -254,6 +265,23 @@ ...@@ -254,6 +265,23 @@
checkText="星期天" checkText="星期天"
></y-checkbox> ></y-checkbox>
</a-form-model-item> </a-form-model-item>
<a-row>
<a-col :span="4">
<a-form-model-item label="在线取号" prop="onlineTake">
<YSwitch v-model="formInfo.onlineTake"></YSwitch>
</a-form-model-item>
</a-col>
<a-col :span="4">
<a-form-model-item label="微预约" prop="appointment">
<YSwitch v-model="formInfo.appointment"></YSwitch>
</a-form-model-item>
</a-col>
<a-col :span="4">
<a-form-model-item label="政务地图" prop="gowMap">
<YSwitch v-model="formInfo.gowMap"></YSwitch>
</a-form-model-item>
</a-col>
</a-row>
<div class="color_title">部署板块</div> <div class="color_title">部署板块</div>
<a-form-model-item <a-form-model-item
:label-col="{ span: 2 }" :label-col="{ span: 2 }"
...@@ -281,6 +309,7 @@ ...@@ -281,6 +309,7 @@
<script> <script>
import { modelList, siteSave } from "@/services/basicsetFun"; import { modelList, siteSave } from "@/services/basicsetFun";
import YCheckbox from "@/components/ycheckbox/YCheckbox.vue"; import YCheckbox from "@/components/ycheckbox/YCheckbox.vue";
import YSwitch from "@/components/yswitch/YSwitch.vue";
// import options from "@/utils/city"; // import options from "@/utils/city";
import { regionData } from "element-china-area-data"; import { regionData } from "element-china-area-data";
import PrevieModal from "@/components/PrevieModal.vue"; import PrevieModal from "@/components/PrevieModal.vue";
...@@ -294,18 +323,11 @@ export default { ...@@ -294,18 +323,11 @@ export default {
type: String, type: String,
required: true, required: true,
}, },
// labelCol: {
// type: Number,
// default: 5,
// },
// wrapperCol: {
// type: Number,
// default: 16,
// },
}, },
components: { components: {
YCheckbox, YCheckbox,
PrevieModal, PrevieModal,
YSwitch,
}, },
data() { data() {
// 验证手机号码 // 验证手机号码
...@@ -319,16 +341,16 @@ export default { ...@@ -319,16 +341,16 @@ export default {
callback(); callback();
} }
}; };
const changeLandline = (rule, value, callback) => { // const changeLandline = (rule, value, callback) => {
if (!value) { // if (!value) {
callback(new Error("请输入中心座机号")); // callback(new Error("请输入中心座机号"));
callback(); // callback();
} else if (!/^[0][1-9]{2,3}-[0-9]{5,10}$/.test(value)) { // } else if (!/^[0][1-9]{2,3}-[0-9]{5,10}$/.test(value)) {
callback(new Error("格式：区号-电话号码")); // callback(new Error("格式：区号-电话号码"));
} else { // } else {
callback(); // callback();
} // }
}; // };
return { return {
api: process.env.VUE_APP_API_BASE_URL + "/", api: process.env.VUE_APP_API_BASE_URL + "/",
api2: process.env.VUE_APP_API_IMG_URL, api2: process.env.VUE_APP_API_IMG_URL,
...@@ -379,6 +401,9 @@ export default { ...@@ -379,6 +401,9 @@ export default {
workday6: "", // 周六 workday6: "", // 周六
workday7: "", // 周日 workday7: "", // 周日
modelIds: [], // 部署模块 modelIds: [], // 部署模块
onlineTake: 0, // 在线取号
appointment: 0, // 微预约
gowMap: 0, // 政务地图
}, //表单提交数据 }, //表单提交数据
indeterminate: true, indeterminate: true,
checkAll: false, checkAll: false,
...@@ -471,7 +496,7 @@ export default { ...@@ -471,7 +496,7 @@ export default {
siteTel: [ siteTel: [
{ {
required: true, required: true,
validator: changeLandline, message: "中心电话不能为空",
trigger: "blur", trigger: "blur",
}, },
], ],
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment