elink-star
/
epmet-work-pc-chengyang
12
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

联建单位增删改查基本样式修改

feature
mk 3 years ago
parent
00af014deb
commit
2e7e1c440f
4 changed files with 818 additions and 801 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. 656
      src/views/modules/communityParty/regionalParty/units.vue
  2. 103
      src/views/modules/communityParty/regionalParty/unitsDetail.vue
  3. 400
      src/views/modules/communityParty/regionalParty/unitsForm.vue
  4. 2
      src/views/modules/shequzhili/xiangmu/cpts/project-info.vue

656
src/views/modules/communityParty/regionalParty/units.vue
View File

File diff suppressed because it is too large

103
src/views/modules/communityParty/regionalParty/unitsDetail.vue
View File

@ -1,97 +1,85 @@
<template> <template>
<div> <div>
<div class="dialog-h-content scroll-h"> <div class="dialog-h-content scroll-h">
<div v-if="initLoading" class="m-detail-main">
<div v-if="initLoading"
class="m-detail-main">
<div class="m-info"> <div class="m-info">
<div class="m-info-prop"> <div class="m-info-prop">
<span class="u-info-title-2">单位名称：</span> <span class="u-info-title-2">单位名称：</span>
<span>{{ formData.unitName||'--' }}</span> <span>{{ formData.unitName || "--" }}</span>
</div> </div>
<div class="m-info-prop"> <div class="m-info-prop">
<span class="u-info-title-2">分类：</span> <span class="u-info-title-2">分类：</span>
<span>{{ formData.type||'--' }}</span> <span>{{ formData.type || "--" }}</span>
</div> </div>
<div class="m-info-prop"> <div class="m-info-prop">
<span class="u-info-title-2">服务事项：</span> <span class="u-info-title-2">服务事项：</span>
<span>{{ formData.serviceMatterList.join(',') }}</span> <span>{{ formData.serviceMatterList.join(",") }}</span>
</div> </div>
<div class="m-info-prop"> <div class="m-info-prop">
<span class="u-info-title-2">联系人：</span> <span class="u-info-title-2">联系人：</span>
<span>{{ formData.contact||'--' }}</span> <span>{{ formData.contact || "--" }}</span>
</div> </div>
<div class="m-info-prop"> <div class="m-info-prop">
<span class="u-info-title-2">联系电话：</span> <span class="u-info-title-2">联系电话：</span>
<span>{{ formData.contactMobile||'--' }}</span> <span>{{ formData.contactMobile || "--" }}</span>
</div> </div>
<div class="m-info-prop"> <div class="m-info-prop">
<span class="u-info-title-2">在职党员：</span> <span class="u-info-title-2">在职党员：</span>
<span>{{ formData.memberCount||'--' }}</span> <span>{{ formData.memberCount || "--" }}</span>
</div> </div>
<div class="m-info-prop"> <div class="m-info-prop">
<span class="u-info-title-2">备注：</span> <span class="u-info-title-2">备注：</span>
<span>{{ formData.remark||'--' }}</span> <span>{{ formData.remark || "--" }}</span>
</div> </div>
<div class="m-info-prop"> <div class="m-info-prop">
<span class="u-info-title-2">地理位置：</span> <span class="u-info-title-2">地理位置：</span>
<span>{{ formData.address||'--' }}</span> <span>{{ formData.address || "--" }}</span>
</div> </div>
<div class="m-info-prop"> <div class="m-info-prop">
<span class="u-info-title-2">地图位置：</span> <span class="u-info-title-2">地图位置：</span>
<div class="div_map"> <div class="div_map">
<div id="app_detail_unit"></div> <div id="app_detail_unit"></div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="div-btn"> <div class="m-detail-btn">
<el-button size="small" <el-button size="small" @click="handleCancle">关 闭</el-button>
@click="handleCancle">关 闭</el-button>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import { Loading } from "element-ui"; // 引入Loading服务
import { Loading } from 'element-ui' // 引入Loading服务 import nextTick from "dai-js/tools/nextTick";
import nextTick from 'dai-js/tools/nextTick'
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;
var geocoder // 新建一个正逆地址解析类 var geocoder; // 新建一个正逆地址解析类
let loading // 加载动画 let loading; // 加载动画
export default { export default {
data() { data() {
return { return {
formData: {}, formData: {},
initLoading: false, initLoading: false,
} };
}, },
components: {}, components: {},
created () { created() {},
},
methods: { methods: {
handleCancle() { handleCancle() {
this.diaDestroy() this.diaDestroy();
this.$emit('diaDetailClose') this.$emit("diaDetailClose");
}, },
diaDestroy() { diaDestroy() {
@ -101,19 +89,17 @@ export default {
}, },
async initForm(row) { async initForm(row) {
this.startLoading();
this.startLoading() this.formData = JSON.parse(JSON.stringify(row));
this.formData = JSON.parse(JSON.stringify(row)) this.initLoading = true;
this.initLoading = true console.log(this.formData);
console.log(this.formData)
// await nextTick(200) // await nextTick(200)
let { latitude, longitude } = this.$store.state.user; let { latitude, longitude } = this.$store.state.user;
console.log('lat' + latitude + ',lon' + longitude) console.log("lat" + latitude + ",lon" + longitude);
if (this.formData.latitude && this.formData.longitude) { if (this.formData.latitude && this.formData.longitude) {
latitude = this.formData.latitude latitude = this.formData.latitude;
longitude = this.formData.longitude longitude = this.formData.longitude;
} }
if (!latitude || latitude == "" || latitude == "0") { if (!latitude || latitude == "" || latitude == "0") {
latitude = 39.9088810666821; latitude = 39.9088810666821;
@ -121,23 +107,18 @@ export default {
} }
this.$nextTick(() => { this.$nextTick(() => {
if (!map) { if (!map) {
this.initMap(latitude, longitude) this.initMap(latitude, longitude);
} else { } else {
map.setCenter(latitude, longitude); map.setCenter(latitude, longitude);
map.setMarker(latitude, longitude); map.setMarker(latitude, longitude);
} }
});
}) this.endLoading();
this.endLoading()
}, },
// 地图初始化函数，本例取名为init，开发者可根据实际情况定义 // 地图初始化函数，本例取名为init，开发者可根据实际情况定义
initMap(latitude, longitude) { initMap(latitude, longitude) {
map = new daiMap( map = new daiMap(
document.getElementById("app_detail_unit"), document.getElementById("app_detail_unit"),
{ latitude, longitude }, { latitude, longitude },
@ -155,30 +136,26 @@ export default {
map.setCenter(latitude, longitude); map.setCenter(latitude, longitude);
map.setMarker(latitude, longitude); map.setMarker(latitude, longitude);
}, },
// 开启加载动画 // 开启加载动画
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: {
}, },
props: { computed: {},
props: {},
} };
}
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "@/assets/scss/modules/management/detail-main.scss"; @import "@/assets/scss/modules/management/detail-main.scss";

400
src/views/modules/communityParty/regionalParty/unitsForm.vue
View File

@ -1,285 +1,306 @@
<template> <template>
<div> <div>
<div class="dialog-h-content scroll-h"> <div class="dialog-h-content scroll-h">
<el-form ref="ref_form" <el-form
ref="ref_form"
:inline="true" :inline="true"
:model="formData" :model="formData"
:rules="dataRule" :rules="dataRule"
:disabled="formType === 'detail'" :disabled="formType === 'detail'"
class="form"> class="form"
>
<el-form-item label="单位名称" <el-form-item
label="单位名称"
prop="unitName" prop="unitName"
label-width="150px" label-width="150px"
style="display: block"> style="display: block"
<el-input class="item_width_1" >
<el-input
class="item_width_1"
maxlength="50" maxlength="50"
show-word-limit show-word-limit
placeholder="请输入单位名称" placeholder="请输入单位名称"
v-model="formData.unitName"> v-model="formData.unitName"
>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="分类" <el-form-item
label="分类"
prop="type" prop="type"
label-width="150px" label-width="150px"
style="display: block"> style="display: block"
<el-select class="item_width_1" >
<el-select
class="item_width_1"
v-model="formData.type" v-model="formData.type"
placeholder="请选择" placeholder="请选择"
filterable filterable
clearable> clearable
<el-option v-for="item in typeList" >
<el-option
v-for="item in typeList"
: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>
</el-form-item> </el-form-item>
<el-form-item label="服务事项" <el-form-item
label="服务事项"
prop="serviceMatterList" prop="serviceMatterList"
label-width="150px" label-width="150px"
style="display: block"> style="display: block"
<el-checkbox-group class="item_width_1" >
<el-checkbox-group
class="item_width_1"
style="display: flex; flex-wrap: wrap" style="display: flex; flex-wrap: wrap"
v-model="formData.serviceMatterList"> v-model="formData.serviceMatterList"
<el-checkbox v-for="item in serviceList" >
<el-checkbox
v-for="item in serviceList"
:key="item.value" :key="item.value"
:label="item.value">{{item.label}}</el-checkbox> :label="item.value"
>{{ item.label }}</el-checkbox
>
</el-checkbox-group> </el-checkbox-group>
</el-form-item> </el-form-item>
<el-form-item label="联系人" <el-form-item
label="联系人"
prop="contact" prop="contact"
label-width="150px" label-width="150px"
style="display: block"> style="display: block"
<el-input class="item_width_1" >
<el-input
class="item_width_1"
placeholder="请输入联系人姓名" placeholder="请输入联系人姓名"
v-model="formData.contact"> v-model="formData.contact"
>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="联系电话" <el-form-item
label="联系电话"
prop="contactMobile" prop="contactMobile"
label-width="150px" label-width="150px"
style="display: block"> style="display: block"
<el-input class="item_width_1" >
<el-input
class="item_width_1"
placeholder="请输入联系人电话" placeholder="请输入联系人电话"
v-model="formData.contactMobile"> v-model="formData.contactMobile"
>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="在职党员" <el-form-item
label="在职党员"
style="display: block" style="display: block"
prop="memberCount" prop="memberCount"
label-width="150px"> label-width="150px"
<el-input-number class="item_width_4" >
<el-input-number
class="item_width_4"
v-model="formData.memberCount" v-model="formData.memberCount"
:min="0" :min="0"
:max="9999" :max="9999"
label="在职党员"></el-input-number> label="在职党员"
></el-input-number>
</el-form-item> </el-form-item>
<el-form-item label="备注" <el-form-item
label="备注"
prop="remark" prop="remark"
label-width="150px" label-width="150px"
style="display: block"> style="display: block"
<el-input class="item_width_1" >
<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="formData.remark"></el-input> v-model="formData.remark"
></el-input>
</el-form-item> </el-form-item>
<el-form-item label="地图位置" <el-form-item
label="地图位置"
prop="longitude" prop="longitude"
label-width="150px" label-width="150px"
style="display: block"> 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_unit" <div id="app_unit" 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" prop="address"
label-width="150px" label-width="150px"
style="display: block"> style="display: block"
>
<el-input class="item_width_1" <el-input class="item_width_1" v-model="formData.address"> </el-input>
v-model="formData.address">
</el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
</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
<el-button size="small" size="small"
v-if="formType != 'detail'" v-if="formType != 'detail'"
type="primary" type="primary"
:disabled="btnDisable" :disabled="btnDisable"
@click="handleComfirm">确 定</el-button> @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;
let loading // 加载动画 let loading; // 加载动画
export default { export default {
data() { data() {
let initFormData = () => { let initFormData = () => {
let _form = { let _form = {
unitName: '', unitName: "",
serviceMatterList: [], serviceMatterList: [],
type: '', type: "",
contact: '', contact: "",
contactMobile: '', contactMobile: "",
memberCount: 0, memberCount: 0,
remark: '', //备注【最大500字】 remark: "", //备注【最大500字】
address: '', //详细地址 address: "", //详细地址
longitude: this.$store.state.user.longitude, //经度 longitude: this.$store.state.user.longitude, //经度
latitude: this.$store.state.user.latitude//纬度 latitude: this.$store.state.user.latitude, //纬度
} };
return _form return _form;
} };
return { return {
formType: 'add', //表单操作类型 add新增，edit编辑，detail详情 formType: "add", //表单操作类型 add新增，edit编辑，detail详情
searchOptions: [], searchOptions: [],
searchValue: '', searchValue: "",
resultList: [], resultList: [],
loading: false, loading: false,
btnDisable: false, btnDisable: false,
unitId: '', unitId: "",
keyWords: '', keyWords: "",
formData: initFormData(), formData: initFormData(),
serviceList: [], //服务list serviceList: [], //服务list
};
}
}, },
components: {}, components: {},
mounted() { mounted() {
// this.initMap() // this.initMap()
}, },
methods: { methods: {
async initForm(type, unitId) { async initForm(type, unitId) {
this.startLoading() this.startLoading();
this.$refs.ref_form.resetFields(); this.$refs.ref_form.resetFields();
//获取服务事项 //获取服务事项
await this.loadService() await this.loadService();
let { latitude, longitude } = this.$store.state.user; let { latitude, longitude } = this.$store.state.user;
this.formType = type;
this.formType = type
if (unitId) { if (unitId) {
this.unitId = unitId this.unitId = unitId;
this.formData.id = unitId this.formData.id = unitId;
await this.loadFormData() await this.loadFormData();
} else { } else {
this.formData.latitude = latitude this.formData.latitude = latitude;
this.formData.longitude = longitude this.formData.longitude = longitude;
} }
// if (!map) { // if (!map) {
this.initMap(this.formData.latitude, this.formData.longitude); this.initMap(this.formData.latitude, this.formData.longitude);
// } // }
this.endLoading();
this.endLoading()
}, },
//获取服务事项下拉框 //获取服务事项下拉框
async loadService() { async loadService() {
const url = "/actual/base/serviceitem/dict-list" const url = "/actual/base/serviceitem/dict-list";
let params = { let params = {
type: 'usable' type: "usable",
// parentCategoryCode: '1010' // parentCategoryCode: '1010'
} };
const { data, code, msg } = await requestPost(url, params) const { data, code, msg } = await requestPost(url, params);
if (code === 0) { if (code === 0) {
this.serviceList = data this.serviceList = data;
} else { } else {
this.$message.error(msg) this.$message.error(msg);
} }
}, },
//加载组织 //加载组织
async loadFormData() { async loadFormData() {
const url = '/heart/icpartyunit/detail' const url = "/actual/base/icpartyunit/detail";
// const url = 'http://yapi.elinkservice.cn/mock/245/heart/icpartyunit/detail' // const url = 'http://yapi.elinkservice.cn/mock/245/heart/icpartyunit/detail'
let params = { let params = {
id: this.unitId id: this.unitId,
} };
const { data, code, msg } = await requestPost(url, params) const { data, code, msg } = await requestPost(url, params);
if (code === 0) { if (code === 0) {
if (!data.serviceMatterList || !Array.isArray(data.serviceMatterList)) { if (!data.serviceMatterList || !Array.isArray(data.serviceMatterList)) {
data.serviceMatterList = [] data.serviceMatterList = [];
} }
this.formData = { ...data } this.formData = { ...data };
} else { } else {
this.$message.error(msg) this.$message.error(msg);
} }
}, },
async handleComfirm() { async handleComfirm() {
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.addUnit() this.addUnit();
} }
});
})
}, },
async addUnit() { async addUnit() {
// const regPhone = /^1(3|4|5|6|7|8|9)\d{9}$/; //联系电话 // const regPhone = /^1(3|4|5|6|7|8|9)\d{9}$/; //联系电话
@ -292,39 +313,36 @@ export default {
// return false; // return false;
// } // }
let url = '/heart/icpartyunit/save' let url = "/actual/base/icpartyunit/save";
// let url = "http://yapi.elinkservice.cn/mock/245/heart/icpartyunit/save" // let url = "http://yapi.elinkservice.cn/mock/245/heart/icpartyunit/save"
// if (this.formType === 'edit') { // if (this.formType === 'edit') {
// this.formData.id = this.unitId // this.formData.id = this.unitId
// } // }
const { data, code, msg } = await requestPost(url, this.formData) const { data, code, msg } = await requestPost(url, this.formData);
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);
} }
}, },
handleCancle() { handleCancle() {
this.resetData() this.resetData();
this.$emit('dialogCancle') this.$emit("dialogCancle");
}, },
// 地图初始化函数，本例取名为init，开发者可根据实际情况定义 // 地图初始化函数，本例取名为init，开发者可根据实际情况定义
initMap(latitude, longitude) { initMap(latitude, longitude) {
map = new daiMap( map = new daiMap(
document.getElementById("app_unit"), document.getElementById("app_unit"),
{ latitude, longitude }, { latitude, longitude },
@ -342,10 +360,8 @@ export default {
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();
@ -355,38 +371,37 @@ export default {
let { msg, data } = await map.getAddress(lat, lng); let { msg, data } = await map.getAddress(lat, lng);
if (msg == "success") { if (msg == "success") {
this.formData.address = data.address this.formData.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 {
this.searchOptions = [ this.searchOptions = [
{ {
value: '0', value: "0",
label: '未检索到结果' label: "未检索到结果",
} },
] ];
} }
} else { } else {
this.searchOptions = []; this.searchOptions = [];
@ -394,94 +409,87 @@ export default {
}, },
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.formData.latitude = lonlat[1]; this.formData.latitude = lonlat[1];
this.formData.longitude = lonlat[0]; this.formData.longitude = lonlat[0];
this.formData.address = selPosition.address + selPosition.name this.formData.address = selPosition.address + selPosition.name;
}, },
resetData() { resetData() {
this.searchValue = '' this.searchValue = "";
this.searchOptions = [] this.searchOptions = [];
this.resultList = [] this.resultList = [];
if (map) { if (map) {
console.log(map) console.log(map);
// map.destroy() // map.destroy()
} }
this.unitId = '' this.unitId = "";
this.keyWords = '' this.keyWords = "";
this.formData = { this.formData = {
unitName: '', unitName: "",
serviceMatterList: [], serviceMatterList: [],
type: '', type: "",
contact: '', contact: "",
contactMobile: '', contactMobile: "",
memberCount: 0, memberCount: 0,
remark: '', //备注【最大500字】 remark: "", //备注【最大500字】
address: '', //详细地址 address: "", //详细地址
longitude: this.$store.state.user.longitude, //经度 longitude: this.$store.state.user.longitude, //经度
latitude: this.$store.state.user.latitude//纬度 latitude: this.$store.state.user.latitude, //纬度
} };
}, },
// 开启加载动画 // 开启加载动画
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 {
unitName: [ unitName: [
{ required: true, message: '单位名称不能为空', trigger: 'blur' }, { required: true, message: "单位名称不能为空", trigger: "blur" },
],
type: [
{ required: true, message: '分类不能为空', trigger: 'blur' }
], ],
type: [{ required: true, message: "分类不能为空", trigger: "blur" }],
contact: [ contact: [
{ required: true, message: '联系人不能为空', trigger: 'blur' } { required: true, message: "联系人不能为空", trigger: "blur" },
], ],
contactMobile: [ contactMobile: [
{ required: true, message: '联系电话不能为空', trigger: 'blur' } { required: true, message: "联系电话不能为空", trigger: "blur" },
], ],
memberCount: [ memberCount: [
{ required: true, message: '在职党员数不能为空', trigger: 'blur' } { required: true, message: "在职党员数不能为空", trigger: "blur" },
], ],
address: [ address: [
{ required: true, message: '详细地址不能为空', trigger: 'blur' } { required: true, message: "详细地址不能为空", trigger: "blur" },
], ],
longitude: [ longitude: [
{ required: true, message: '坐标不能为空', trigger: 'blur' } { required: true, message: "坐标不能为空", trigger: "blur" },
] ],
} };
}, },
}, },
props: { props: {
typeList: { typeList: {
type: Array, type: Array,
default: [] default: [],
}, },
},
} };
}
</script> </script>
<style scoped> <style scoped>
.div_map { .div_map {

2
src/views/modules/shequzhili/xiangmu/cpts/project-info.vue
View File

@ -15,6 +15,8 @@
<div :class="['m-info-prop',{'m-info-prop-vis':source==='visiual'}]"> <div :class="['m-info-prop',{'m-info-prop-vis':source==='visiual'}]">
<span class="u-info-title-2">项目背景：</span> <span class="u-info-title-2">项目背景：</span>
<span>{{ projectInfo.backGround || "--" }}</span> <span>{{ projectInfo.backGround || "--" }}</span>
<a style="cursor: pointer"
@click="handleWatchOrigin">查看项目来源</a>
</div> </div>
<div :class="['m-info-prop',{'m-info-prop-vis':source==='visiual'}]"> <div :class="['m-info-prop',{'m-info-prop-vis':source==='visiual'}]">
<span class="u-info-title-2">项目方案：</span> <span class="u-info-title-2">项目方案：</span>

Write Preview
Loading…
Cancel
Save