elink-star
/
epmet-oper-gov
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

新增小区

jly/task002
tianq 3 years ago
parent
0cd24853b6
commit
758be6218a
1 changed files with 525 additions and 569 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 544
      src/views/modules/base/communityYantai/communityForm.vue

544
src/views/modules/base/communityYantai/communityForm.vue
View File

@ -2,193 +2,141 @@
<div> <div>
<div class="dialog-h-content scroll-h"> <div class="dialog-h-content scroll-h">
<div v-show="!propertyFormShow"> <div v-show="!propertyFormShow">
<el-form ref="ref_form" <el-form ref="ref_form" :inline="true" :model="dataForm" :rules="dataRule" class="form">
:inline="true" <el-form-item label="所属组织" label-width="150px" style="display: block">
:model="dataForm"
:rules="dataRule"
class="form">
<el-form-item label="所属组织"
label-width="150px"
style="display: block">
<span>{{ dataForm.agencyName }}</span> <span>{{ dataForm.agencyName }}</span>
</el-form-item> </el-form-item>
<el-form-item label="所属网格" <el-form-item label="所属网格" prop="gridId" label-width="150px" style="display: block">
prop="gridId" <el-select class="item_width_1" v-model="dataForm.gridId" placeholder="请选择" clearable>
label-width="150px" <el-option v-for="item in gridList" :key="item.gridId" :label="item.gridName" :value="item.gridId"></el-option>
style="display: block">
<el-select class="item_width_1"
v-model="dataForm.gridId"
placeholder="请选择"
clearable>
<el-option v-for="item in gridList"
:key="item.gridId"
:label="item.gridName"
:value="item.gridId">
</el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- /**
<el-form-item label="小区名称" * 烟台需求：自然村/小区
prop="neighborHoodName" */
label-width="150px" private String viliageType;
style="display: block"> /**
<el-input class="item_width_1" * 烟台需求：面积
maxlength="50" */
show-word-limit private String area;
placeholder="请输入小区名称" /**
v-model="dataForm.neighborHoodName"> * 烟台需求：开放类型
</el-input> */
private String openType;
/**
* 烟台需求：建筑年代
*/
private String buildYear; -->
<!--小区/自然村类型 面积 开放类型 建筑年代 tianqian -->
<el-form-item label="小区/自然村名称" prop="neighborHoodName" label-width="150px" style="display: block">
<el-input class="item_width_1" maxlength="50" show-word-limit placeholder="请输入小区/自然村名称" v-model="dataForm.neighborHoodName"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="小区编码" <el-form-item label="小区/自然村类型" prop="viliageType" label-width="150px" style="display: block">
prop="coding" <el-select v-model="dataForm.viliageType" clearable placeholder="小区/自然村类型">
label-width="150px" <el-option v-for="item in viliageTypeList" :key="item.value" :label="item.label" :value="item.value"></el-option>
style="display: block"> </el-select>
<el-input class="item_width_2" </el-form-item>
maxlength="50" <el-form-item label="小区编码" prop="coding" label-width="150px" style="display: block">
placeholder="请输入楼栋编码" <el-input class="item_width_2" maxlength="50" placeholder="请输入楼栋编码" v-model="dataForm.coding"></el-input>
v-model="dataForm.coding"> <el-button style="margin-left: 10px" type="primary" size="small" @click="handleCode">生成</el-button>
</el-input>
<el-button style="margin-left: 10px"
type="primary"
size="small"
@click="handleCode">生成</el-button>
</el-form-item> </el-form-item>
<div v-if="dataForm.qrcodeUrl" <div v-if="dataForm.qrcodeUrl" style="display: flex;flex-direction: column;">
style="display: flex;flex-direction: column;"> <img style="margin-left: 70px;width: 200px;" :src="dataForm.qrcodeUrl" />
<img style="margin-left: 70px;width: 200px;" <a style="margin-left: 80px" :href="dataForm.qrcodeUrl" target="_blank">下载</a>
:src="dataForm.qrcodeUrl">
<a style="margin-left: 80px"
:href="dataForm.qrcodeUrl"
target="_blank">下载</a>
</div> </div>
<el-form-item label="关联物业" <!-- 面积 开放类型 建筑年代 tianqian -->
prop="propertyId" <el-form-item label="面积" prop="area" label-width="150px" style="display: block">
label-width="150px" <el-input class="item_width_1" maxlength="50" show-word-limit placeholder="请输入面积" v-model="dataForm.area"></el-input>
style="display: block"> </el-form-item>
<el-select class="item_width_2" <el-form-item label="开放类型" prop="openType" label-width="150px" style="display: block">
v-model="dataForm.propertyId" <el-select v-model="dataForm.openType" clearable placeholder="开放类型">
placeholder="请选择" <el-option v-for="item in openTypeList" :key="item.value" :label="item.label" :value="item.value"></el-option>
filterable </el-select>
clearable> </el-form-item>
<el-option v-for="item in propertyList" <el-form-item label="建筑年代" prop="buildYear" label-width="150px" style="display: block">
:key="item.propertyId" <el-input class="item_width_1" maxlength="50" show-word-limit placeholder="请输入建筑年代" v-model="dataForm.buildYear"></el-input>
:label="item.propertyName" </el-form-item>
:value="item.propertyId"> <el-form-item label="关联物业" prop="propertyId" label-width="150px" style="display: block">
</el-option> <el-select class="item_width_2" v-model="dataForm.propertyId" placeholder="请选择" filterable clearable>
<el-option v-for="item in propertyList" :key="item.propertyId" :label="item.propertyName" :value="item.propertyId"></el-option>
</el-select> </el-select>
<el-button style="margin-left: 10px" <el-button style="margin-left: 10px" type="primary" size="small" @click="handleAddProperty">添加物业</el-button>
type="primary"
size="small"
@click="handleAddProperty">添加物业</el-button>
</el-form-item> </el-form-item>
<el-form-item label="实有楼栋" <el-form-item label="实有楼栋" style="display: block" prop="realBuilding" label-width="150px">
style="display: block" <el-input-number class="item_width_4" v-model="dataForm.realBuilding" :min="0" :max="9999" label="总户数"></el-input-number>
prop="realBuilding"
label-width="150px">
<el-input-number class="item_width_4"
v-model="dataForm.realBuilding"
:min="0"
:max="9999"
label="总户数"></el-input-number>
</el-form-item> </el-form-item>
<el-form-item label="地图位置" <el-form-item label="地图位置" prop="longitude" label-width="150px" style="display: block">
prop="longitude"
label-width="150px"
style="display: block">
<div style="width: 500px"> <div style="width: 500px">
<el-select v-model="searchValue" <el-select
v-model="searchValue"
filterable filterable
style="width: 500px" style="width: 500px"
remote remote
:reserve-keyword="true" :reserve-keyword="true"
placeholder="请输入关键词" placeholder="请输入关键词"
:remote-method="remoteMethod" :remote-method="remoteMethod"
:loading="loading"> :loading="loading"
<el-option v-for="(item,index) in searchOptions" >
<el-option
v-for="(item, index) in searchOptions"
@click.native="handleClickKey(index)" @click.native="handleClickKey(index)"
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
:value="item.value"> :value="item.value"
</el-option> ></el-option>
</el-select> </el-select>
<div id="app_community" <div id="app_community" class="div_map"></div>
class="div_map"></div>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="详细地址" <el-form-item label="详细地址" prop="address" label-width="150px" style="display: block">
prop="address" <el-input class="item_width_1" maxlength="50" show-word-limit placeholder="请输入详细地址" v-model="dataForm.address"></el-input>
label-width="150px"
style="display: block">
<el-input class="item_width_1"
maxlength="50"
show-word-limit
placeholder="请输入详细地址"
v-model="dataForm.address">
</el-input>
</el-form-item> </el-form-item>
<el-form-item label="备注" <el-form-item label="备注" prop="remark" label-width="150px" style="display: block">
prop="remark" <el-input
label-width="150px" class="item_width_1"
style="display: block">
<el-input class="item_width_1"
type="textarea" type="textarea"
maxlength="500" maxlength="500"
show-word-limit show-word-limit
:rows="3" :rows="3"
placeholder="请输入备注，不超过500字" placeholder="请输入备注，不超过500字"
v-model="dataForm.remark"></el-input> v-model="dataForm.remark"
></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
<div v-show="propertyFormShow"> <div v-show="propertyFormShow">
<el-form :inline="false" <el-form :inline="false" :model="propertyForm" :rules="propertyRule" class="form">
:model="propertyForm" <el-form-item label="物业名称" prop="name" label-width="150px" style="display: block">
:rules="propertyRule" <el-input class="item_width_1" maxlength="10" placeholder="请输入小区名称" v-model="propertyForm.name"></el-input>
class="form">
<el-form-item label="物业名称"
prop="name"
label-width="150px"
style="display: block">
<el-input class="item_width_1"
maxlength="10"
placeholder="请输入小区名称"
v-model="propertyForm.name">
</el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
</div> </div>
<div class="div_btn"> <div class="div_btn">
<el-button size="small" <el-button size="small" @click="handleCancle">取 消</el-button>
@click="handleCancle">取 消</el-button> <el-button size="small" type="primary" :disabled="btnDisable" @click="handleComfirm">确 定</el-button>
<el-button size="small"
type="primary"
:disabled="btnDisable"
@click="handleComfirm">确 定</el-button>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import { mapGetters } from 'vuex' import { mapGetters } from 'vuex';
import { Loading } from 'element-ui' // 引入Loading服务 import { Loading } from 'element-ui'; // 引入Loading服务
import { requestPost } from '@/js/dai/request' import { requestPost } from '@/js/dai/request';
import daiMap from "@/utils/dai-map"; import daiMap from '@/utils/dai-map';
var map var map;
var search var search;
var markers var markers;
var infoWindowList var infoWindowList;
let loading // 加载动画 let loading; // 加载动画
export default { export default {
data () { data() {
return { return {
formType: 'add', //表单操作类型 add新增，edit编辑，detail详情 formType: 'add', //表单操作类型 add新增，edit编辑，detail详情
searchOptions: [], searchOptions: [],
@ -196,7 +144,6 @@ export default {
resultList: [], resultList: [],
loading: false, loading: false,
gridList: [], gridList: [],
propertyList: [], propertyList: [],
btnDisable: false, btnDisable: false,
@ -215,7 +162,11 @@ export default {
latitude: '', //纬度 latitude: '', //纬度
realBuilding: 0, realBuilding: 0,
coding: '', coding: '',
sysCoding: '' sysCoding: '',
viliageType: '',
area: '',
openType: '',
buildYear: '',
}, },
propertyFormShow: false, propertyFormShow: false,
@ -224,30 +175,28 @@ export default {
}, },
keyWords: '', keyWords: '',
agencyObj: {} agencyObj: {},
} viliageTypeList: [],
openTypeList: []
};
}, },
components: {}, components: {},
mounted () { mounted() {},
},
methods: { methods: {
async initForm (type, row, agencyObj) { async initForm(type, row, agencyObj) {
this.$refs.ref_form.resetFields(); this.$refs.ref_form.resetFields();
this.agencyObj = agencyObj this.agencyObj = agencyObj;
let { latitude, longitude } = this.$store.state.user; let { latitude, longitude } = this.$store.state.user;
this.formType = type this.formType = type;
if (row) { if (row) {
this.dataForm = JSON.parse(JSON.stringify(row)) this.dataForm = JSON.parse(JSON.stringify(row));
this.dataForm.neighborHoodId = this.dataForm.id
this.neighborHoodId = this.dataForm.neighborHoodId
this.dataForm.neighborHoodId = this.dataForm.id;
this.neighborHoodId = this.dataForm.neighborHoodId;
} else { } else {
this.dataForm.latitude = latitude this.dataForm.latitude = latitude;
this.dataForm.longitude = longitude this.dataForm.longitude = longitude;
} }
if (!map) { if (!map) {
this.initMap(this.dataForm.latitude, this.dataForm.longitude); this.initMap(this.dataForm.latitude, this.dataForm.longitude);
@ -255,35 +204,34 @@ export default {
map.setCenter(this.dataForm.latitude, this.dataForm.longitude); map.setCenter(this.dataForm.latitude, this.dataForm.longitude);
map.setMarker(this.dataForm.latitude, this.dataForm.longitude); map.setMarker(this.dataForm.latitude, this.dataForm.longitude);
} }
await this.loadAgency() await this.loadAgency();
await this.loadGrid() await this.loadGrid();
await this.loadProperty() await this.loadProperty();
await this.getViliageTypeList();
await this.getOpenTypeList();
}, },
// 地图初始化函数，本例取名为init，开发者可根据实际情况定义 // 地图初始化函数，本例取名为init，开发者可根据实际情况定义
initMap (latitude, longitude) { initMap(latitude, longitude) {
map = new daiMap( map = new daiMap(
document.getElementById("app_community"), document.getElementById('app_community'),
{ latitude, longitude }, { latitude, longitude },
{ {
zoom: 16.2, // 设置地图缩放级别 zoom: 16.2, // 设置地图缩放级别
pitch: 43.5, // 设置俯仰角 pitch: 43.5, // 设置俯仰角
rotation: 45, // 设置地图旋转角度 rotation: 45 // 设置地图旋转角度
} }
); );
// 监听地图平移结束 // 监听地图平移结束
map.on("dragend", (e) => { map.on('dragend', e => {
this.handleMoveCenter(e); this.handleMoveCenter(e);
}); });
map.setCenter(latitude, longitude); map.setCenter(latitude, longitude);
map.setMarker(latitude, longitude); map.setMarker(latitude, longitude);
}, },
async handleMoveCenter() {
async handleMoveCenter () {
//修改地图中心点 //修改地图中心点
const { lat, lng } = map.getCenter(); const { lat, lng } = map.getCenter();
this.dataForm.latitude = lat; this.dataForm.latitude = lat;
@ -291,30 +239,26 @@ export default {
map.setMarker(lat, lng); map.setMarker(lat, lng);
let { msg, data } = await map.getAddress(lat, lng); let { msg, data } = await map.getAddress(lat, lng);
if (msg == "success") { if (msg == 'success') {
this.dataForm.address = data.address this.dataForm.address = data.address;
this.searchValue = data.address this.searchValue = data.address;
this.searchOptions = [] this.searchOptions = [];
} }
}, },
async remoteMethod (query) { async remoteMethod(query) {
if (query !== '') { if (query !== '') {
this.loading = true; this.loading = true;
const { msg, data } = await map.searchNearby(query); const { msg, data } = await map.searchNearby(query);
this.loading = false; this.loading = false;
this.resultList = [] this.resultList = [];
if (msg == "success" && data.resultList && data.resultList.length > 0) {
if (msg == 'success' && data.resultList && data.resultList.length > 0) {
if (data.resultList && data.resultList.length > 0) { if (data.resultList && data.resultList.length > 0) {
this.resultList = data.resultList this.resultList = data.resultList;
this.searchOptions = this.resultList.map(item => { this.searchOptions = this.resultList.map(item => {
return { value: `${item.hotPointID}`, label: `${item.address + item.name}` }; return { value: `${item.hotPointID}`, label: `${item.address + item.name}` };
}); });
} }
} else { } else {
@ -323,179 +267,199 @@ export default {
value: '0', value: '0',
label: '未检索到结果' label: '未检索到结果'
} }
] ];
} }
} else { } else {
this.searchOptions = []; this.searchOptions = [];
} }
}, },
handleClickKey (index) { handleClickKey(index) {
let selPosition = this.resultList[index] let selPosition = this.resultList[index];
let lonlat = selPosition.lonlat.split(" ") let lonlat = selPosition.lonlat.split(' ');
map.setCenter(lonlat[1], lonlat[0]); map.setCenter(lonlat[1], lonlat[0]);
map.setMarker(lonlat[1], lonlat[0]); map.setMarker(lonlat[1], lonlat[0]);
this.dataForm.latitude = lonlat[1]; this.dataForm.latitude = lonlat[1];
this.dataForm.longitude = lonlat[0]; this.dataForm.longitude = lonlat[0];
this.dataForm.address = selPosition.address + selPosition.name this.dataForm.address = selPosition.address + selPosition.name;
}, },
async handleCode() {
async handleCode () { if (!this.dataForm.gridId) return this.$message.error('请选择网格');
if (!this.dataForm.gridId) return this.$message.error('请选择网格') const { data, code, msg } = await requestPost('/gov/org/houseInformation/getNeighborHoodCoding/' + this.dataForm.gridId);
const { data, code, msg } = await requestPost( if (msg == 'success' && code == 0) {
"/gov/org/houseInformation/getNeighborHoodCoding/" + this.dataForm.gridId); this.dataForm.coding = data.coding;
if (msg == "success" && code == 0) { this.dataForm.sysCoding = data.sysCoding;
this.dataForm.coding = data.coding
this.dataForm.sysCoding = data.sysCoding
} }
}, },
//加载组织 //加载组织
async loadAgency () { async loadAgency() {
const url = '/epmetuser/customerstaff/staffbasicinfo' const url = '/epmetuser/customerstaff/staffbasicinfo';
let params = {} let params = {};
const { data, code, msg } = await requestPost(url, params) const { data, code, msg } = await requestPost(url, params);
if (code === 0) { if (code === 0) {
this.dataForm.agencyId = data.agencyId this.dataForm.agencyId = data.agencyId;
this.dataForm.agencyName = data.agencyName this.dataForm.agencyName = data.agencyName;
} else { } else {
this.$message.error(msg) this.$message.error(msg);
} }
}, },
//加载网格 //加载网格
async loadGrid () { async loadGrid() {
const url = '/gov/org/grid/allgridsnopermission ' const url = '/gov/org/grid/allgridsnopermission ';
// const url = "https://epmet-dev.elinkservice.cn:7082/api/apimock-v2/95518686fa128a53f64c678906848062/gov/org/grid/allgrids" // const url = "https://epmet-dev.elinkservice.cn:7082/api/apimock-v2/95518686fa128a53f64c678906848062/gov/org/grid/allgrids"
let params = { let params = {
agencyId: this.dataForm.agencyId agencyId: this.dataForm.agencyId
};
const { data, code, msg } = await requestPost(url, params);
if (code === 0) {
this.gridList = data;
} else {
this.$message.error(msg);
}
},
async getViliageTypeList() {
const url = '/sys/dict/data/dictlist';
let params = {
dictType: 'neighbor_hood_type'
};
const { data, code, msg } = await requestPost(url, params);
if (code === 0) {
this.viliageTypeList = data;
} else {
this.$message.error(msg);
} }
},
async getOpenTypeList() {
const url = '/sys/dict/data/dictlist';
let params = {
dictType: 'open_type'
};
const { data, code, msg } = await requestPost(url, params) const { data, code, msg } = await requestPost(url, params);
if (code === 0) { if (code === 0) {
this.gridList = data this.openTypeList = data;
} else { } else {
this.$message.error(msg) this.$message.error(msg);
} }
}, },
//加载物业 //加载物业
async loadProperty () { async loadProperty() {
const url = '/gov/org/propertymanagement/list' const url = '/gov/org/propertymanagement/list';
// const url = "http://yapi.elinkservice.cn/mock/245/gov/org/propertymanagement/list" // const url = "http://yapi.elinkservice.cn/mock/245/gov/org/propertymanagement/list"
let params = {} let params = {};
const { data, code, msg } = await requestPost(url, params) const { data, code, msg } = await requestPost(url, params);
if (code === 0) { if (code === 0) {
this.propertyList = data this.propertyList = data;
} else { } else {
this.$message.error(msg) this.$message.error(msg);
} }
}, },
handleAddProperty () { handleAddProperty() {
this.propertyForm.name = '' this.propertyForm.name = '';
this.propertyFormShow = true this.propertyFormShow = true;
}, },
async handleComfirm () { async handleComfirm() {
if (this.propertyFormShow) { if (this.propertyFormShow) {
this.addProperty();
this.addProperty()
} else { } else {
this.btnDisable = true this.btnDisable = true;
setTimeout(() => { setTimeout(() => {
this.btnDisable = false this.btnDisable = false;
}, 10000) }, 10000);
this.$refs['ref_form'].validate((valid, messageObj) => { this.$refs['ref_form'].validate((valid, messageObj) => {
if (!valid) { if (!valid) {
app.util.validateRule(messageObj) app.util.validateRule(messageObj);
this.btnDisable = false this.btnDisable = false;
} else { } else {
this.addCommunity() this.addCommunity();
} }
});
})
} }
}, },
async addCommunity () { async addCommunity() {
let url = '';
let url = ''
if (this.formType === 'add') { if (this.formType === 'add') {
url = '/gov/org/neighborhood/neighborhoodadd' url = '/gov/org/neighborhood/neighborhoodadd';
// url = "http://yapi.elinkservice.cn/mock/245/gov/org/neighborhood/neighborhoodadd" // url = "http://yapi.elinkservice.cn/mock/245/gov/org/neighborhood/neighborhoodadd"
} else { } else {
url = '/gov/org/neighborhood/neighborhoodupdate' url = '/gov/org/neighborhood/neighborhoodupdate';
this.dataForm.neighborHoodId = this.neighborHoodId this.dataForm.neighborHoodId = this.neighborHoodId;
} }
const { data, code, msg } = await requestPost(url, this.dataForm) const { data, code, msg } = await requestPost(url, this.dataForm);
if (code === 0) { if (code === 0) {
this.$message({ this.$message({
type: 'success', type: 'success',
message: '操作成功' message: '操作成功'
}) });
this.resetData() this.resetData();
this.$emit('dialogOk') this.$emit('dialogOk');
this.btnDisable = false this.btnDisable = false;
} else { } else {
this.btnDisable = false this.btnDisable = false;
this.$message.error(msg) this.$message.error(msg);
} }
}, },
async addProperty () { async addProperty() {
if (!this.propertyForm.name || this.propertyForm.name === '') { if (!this.propertyForm.name || this.propertyForm.name === '') {
this.$message({ this.$message({
type: 'error', type: 'error',
message: '物业名称不能为空' message: '物业名称不能为空'
}) });
return false return false;
} }
const url = '/gov/org/propertymanagement/add' const url = '/gov/org/propertymanagement/add';
// const url = "http://yapi.elinkservice.cn/mock/245/gov/org/propertymanagement/add" // const url = "http://yapi.elinkservice.cn/mock/245/gov/org/propertymanagement/add"
let params = { let params = {
name: this.propertyForm.name name: this.propertyForm.name
} };
const { data, code, msg } = await requestPost(url, params) const { data, code, msg } = await requestPost(url, params);
if (code === 0) { if (code === 0) {
this.$message({ this.$message({
type: 'success', type: 'success',
message: '操作成功' message: '操作成功'
}) });
this.propertyForm.name = '' this.propertyForm.name = '';
this.propertyFormShow = false this.propertyFormShow = false;
this.loadProperty() this.loadProperty();
} else { } else {
this.$message.error(msg) this.$message.error(msg);
} }
}, },
handleCancle () { handleCancle() {
if (this.propertyFormShow) { if (this.propertyFormShow) {
this.propertyForm.name = '' this.propertyForm.name = '';
this.propertyFormShow = false this.propertyFormShow = false;
} else { } else {
this.resetData() this.resetData();
this.$emit('dialogCancle') this.$emit('dialogCancle');
} }
}, },
resetData () { resetData() {
this.searchValue = '' this.searchValue = '';
this.searchOptions = [] this.searchOptions = [];
this.resultList = [] this.resultList = [];
this.neighborHoodId = '' //小区ID this.neighborHoodId = ''; //小区ID
this.dataForm = { this.dataForm = {
neighborHoodName: '', // 小区名称【不超过50字】 neighborHoodName: '', // 小区名称【不超过50字】
agencyId: '', // 所属组织ID agencyId: '', // 所属组织ID
@ -509,28 +473,33 @@ export default {
latitude: '', //纬度 latitude: '', //纬度
realBuilding: 0, realBuilding: 0,
coding: '', coding: '',
sysCoding: '' sysCoding: '',
} viliageType: '',
this.propertyFormShow = false area: '',
openType: '',
buildYear: '',
};
this.propertyFormShow = false;
}, },
// 开启加载动画 // 开启加载动画
startLoading () { startLoading() {
loading = Loading.service({ loading = Loading.service({
lock: true, // 是否锁定 lock: true, // 是否锁定
text: '正在加载……', // 加载中需要显示的文字 text: '正在加载……', // 加载中需要显示的文字
background: 'rgba(0,0,0,.7)' // 背景颜色 background: 'rgba(0,0,0,.7)' // 背景颜色
}) });
}, },
// 结束加载动画 // 结束加载动画
endLoading () { endLoading() {
// clearTimeout(timer); // clearTimeout(timer);
if (loading) { if (loading) {
loading.close() loading.close();
} }
} }
}, },
computed: { computed: {
dataRule () { dataRule() {
return { return {
neighborHoodName: [ neighborHoodName: [
{ required: true, message: '小区名称不能为空', trigger: 'blur' }, { required: true, message: '小区名称不能为空', trigger: 'blur' },
@ -541,36 +510,23 @@ export default {
trigger: 'blur' trigger: 'blur'
} }
], ],
agencyId: [ agencyId: [{ required: true, message: '所属组织不能为空', trigger: 'blur' }],
{ required: true, message: '所属组织不能为空', trigger: 'blur' } gridId: [{ required: true, message: '所属网格不能为空', trigger: 'blur' }],
], coding: [{ required: true, message: '小区编码不能为空', trigger: 'blur' }],
gridId: [ address: [{ required: true, message: '详细地址不能为空', trigger: 'blur' }],
{ required: true, message: '所属网格不能为空', trigger: 'blur' } longitude: [{ required: true, message: '坐标不能为空', trigger: 'blur' }]
], };
coding: [
{ required: true, message: '小区编码不能为空', trigger: 'blur' }
],
address: [
{ required: true, message: '详细地址不能为空', trigger: 'blur' }
],
longitude: [
{ required: true, message: '坐标不能为空', trigger: 'blur' }
]
}
}, },
propertyRule () { propertyRule() {
name: [ name: [
{ required: true, message: '物业名称不能为空', trigger: 'blur' } { required: true, message: '物业名称不能为空', trigger: 'blur' }
// { min: 1, max: 50, message: '小区名称长度在 1 到 50个字符', trigger: 'blur' } // { min: 1, max: 50, message: '小区名称长度在 1 到 50个字符', trigger: 'blur' }
] ];
} }
}, },
props: {} props: {}
} };
</script> </script>
<style lang="scss" scoped > <style lang="scss" scoped>
@import "@/assets/scss/modules/visual/communityManageForm.scss"; @import '@/assets/scss/modules/visual/communityManageForm.scss';
</style> </style>

Write Preview
Loading…
Cancel
Save