|
@ -6,25 +6,22 @@ |
|
|
<el-form ref="ref_form" :inline="true" :model="formData" :rules="dataRule" class="form"> |
|
|
<el-form ref="ref_form" :inline="true" :model="formData" :rules="dataRule" class="form"> |
|
|
<el-row> |
|
|
<el-row> |
|
|
<el-col :span="8"> |
|
|
<el-col :span="8"> |
|
|
<el-form-item label="所属区域" prop="typeName" label-width="120px"> |
|
|
<el-form-item label="所属区域" prop="agencyId" label-width="120px"> |
|
|
<el-select v-model="formData.positionId" placeholder="请选择" clearable |
|
|
<el-cascader class="u-item-width-normal" ref="myCascader" clearable |
|
|
class="u-item-width-normal"> |
|
|
v-model.trim="formData.agencyId" :options="orgOptions" :props="orgOptionProps" |
|
|
<el-option v-for="item in orgOptions" :props="orgOptionProps" :key="item.id" |
|
|
@change="handleChangeAgency1"></el-cascader> |
|
|
:label="item.name" :value="item.id"> |
|
|
|
|
|
</el-option> |
|
|
|
|
|
</el-select> |
|
|
|
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</el-col> |
|
|
</el-col> |
|
|
<el-col :span="8"> |
|
|
<el-col :span="8"> |
|
|
<el-form-item label="组织类型" prop="ownerPhone"> |
|
|
<el-form-item label="组织类型" prop="ownerPhone"> |
|
|
<el-select class="u-item-width-normal-left" v-model="formData.classKey" placeholder="请选择" |
|
|
<el-select class="u-item-width-normal-left" v-model="formData.type" placeholder="请选择" |
|
|
clearable> |
|
|
clearable> |
|
|
<el-option v-for="item in optionsStatus" :key="item.value" :label="item.lable" |
|
|
<el-option v-for="item in optionsStatus" :key="item.value" :label="item.lable" |
|
|
:value="item.value"> |
|
|
:value="item.value"> |
|
|
</el-option> |
|
|
</el-option> |
|
|
</el-select> |
|
|
</el-select> |
|
|
<el-select class="u-item-width-normal-left" style="margin-left: 8px;" v-model="formData.classKey" placeholder="请选择" |
|
|
<el-select class="u-item-width-normal-left" style="margin-left: 8px;" |
|
|
clearable> |
|
|
v-model="formData.classKey" placeholder="请选择" clearable> |
|
|
<el-option v-for="item in optionsStatus" :key="item.value" :label="item.lable" |
|
|
<el-option v-for="item in optionsStatus" :key="item.value" :label="item.lable" |
|
|
:value="item.value"> |
|
|
:value="item.value"> |
|
|
</el-option> |
|
|
</el-option> |
|
@ -69,19 +66,19 @@ |
|
|
</el-select> |
|
|
</el-select> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</el-col> |
|
|
</el-col> |
|
|
<el-col :span="8"> |
|
|
<!-- <el-col :span="8"> |
|
|
<el-form-item label="法人证件号码" prop="linkPhone" label-width="120px"> |
|
|
<el-form-item label="法人证件号码" prop="linkPhone" label-width="120px"> |
|
|
<el-input v-model.trim="formData.name" size="small" clearable placeholder="请输入活动名称" |
|
|
<el-input v-model.trim="formData.name" size="small" clearable placeholder="请输入活动名称" |
|
|
:disabled="showdisabled" class="u-item-width-normal"></el-input> |
|
|
:disabled="showdisabled" class="u-item-width-normal"></el-input> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</el-col> |
|
|
</el-col> --> |
|
|
<el-col :span="8"> |
|
|
<el-col :span="8"> |
|
|
<el-form-item label="法人联系方式" label-width="120px" prop="name"> |
|
|
<el-form-item label="法人联系方式" label-width="120px" prop="name"> |
|
|
<el-input v-model.trim="formData.name" size="small" clearable placeholder="请输入活动名称" |
|
|
<el-input v-model.trim="formData.name" size="small" clearable placeholder="请输入活动名称" |
|
|
:disabled="showdisabled" class="u-item-width-normal"></el-input> |
|
|
:disabled="showdisabled" class="u-item-width-normal"></el-input> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</el-col> |
|
|
</el-col> |
|
|
<el-col :span="8"> |
|
|
<!-- <el-col :span="8"> |
|
|
<el-form-item label="是否重点单位" prop="linkPhone" label-width="120px"> |
|
|
<el-form-item label="是否重点单位" prop="linkPhone" label-width="120px"> |
|
|
<el-select class="u-item-width-normal" v-model="formData.classKey" placeholder="请选择" |
|
|
<el-select class="u-item-width-normal" v-model="formData.classKey" placeholder="请选择" |
|
|
clearable> |
|
|
clearable> |
|
@ -90,7 +87,7 @@ |
|
|
</el-option> |
|
|
</el-option> |
|
|
</el-select> |
|
|
</el-select> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</el-col> |
|
|
</el-col> --> |
|
|
<el-col :span="8"> |
|
|
<el-col :span="8"> |
|
|
<el-form-item label="重点单位类型" prop="linkPhone" label-width="120px"> |
|
|
<el-form-item label="重点单位类型" prop="linkPhone" label-width="120px"> |
|
|
<el-select class="u-item-width-normal" v-model="formData.classKey" placeholder="请选择" |
|
|
<el-select class="u-item-width-normal" v-model="formData.classKey" placeholder="请选择" |
|
@ -111,7 +108,7 @@ |
|
|
<el-form-item label="九小场所类型" prop="linkPhone" label-width="120px"> |
|
|
<el-form-item label="九小场所类型" prop="linkPhone" label-width="120px"> |
|
|
<el-select class="u-item-width-normal" v-model="formData.classKey" placeholder="请选择" |
|
|
<el-select class="u-item-width-normal" v-model="formData.classKey" placeholder="请选择" |
|
|
clearable> |
|
|
clearable> |
|
|
<el-option v-for="item in optionsStatus" :key="item.value" :label="item.lable" |
|
|
<el-option v-for="item in placeTypeList" :key="item.value" :label="item.label" |
|
|
:value="item.value"> |
|
|
:value="item.value"> |
|
|
</el-option> |
|
|
</el-option> |
|
|
</el-select> |
|
|
</el-select> |
|
@ -130,10 +127,12 @@ |
|
|
<el-col :span="24"> |
|
|
<el-col :span="24"> |
|
|
<el-form-item label="活动地点" prop="searchValue" label-width="120px"> |
|
|
<el-form-item label="活动地点" prop="searchValue" label-width="120px"> |
|
|
<div style="width: 940px;"> |
|
|
<div style="width: 940px;"> |
|
|
<el-select v-model.trim="searchValue" filterable style="width: 940px;" remote :reserve-keyword="true" |
|
|
<el-select v-model.trim="searchValue" filterable style="width: 940px;" remote |
|
|
placeholder="请输入关键词" :remote-method="remoteMethod" :loading="loading"> |
|
|
:reserve-keyword="true" placeholder="请输入关键词" :remote-method="remoteMethod" |
|
|
<el-option v-for="(item, index) in searchOptions" @click.native="handleClickKey(index)" |
|
|
:loading="loading"> |
|
|
style="width: 400px;" :key="item.value || index" :label="item.label" :value="item.value"> |
|
|
<el-option v-for="(item, index) in searchOptions" |
|
|
|
|
|
@click.native="handleClickKey(index)" style="width: 400px;" |
|
|
|
|
|
:key="item.value || index" :label="item.label" :value="item.value"> |
|
|
</el-option> |
|
|
</el-option> |
|
|
</el-select> |
|
|
</el-select> |
|
|
<div id="app_activity" class="div_map"></div> |
|
|
<div id="app_activity" class="div_map"></div> |
|
@ -170,7 +169,16 @@ |
|
|
export default { |
|
|
export default { |
|
|
data() { |
|
|
data() { |
|
|
return { |
|
|
return { |
|
|
|
|
|
placeTypeList:[],//九小场所 |
|
|
|
|
|
orgOptions: [],//所属组织 |
|
|
|
|
|
orgOptionProps: { |
|
|
|
|
|
value: 'agencyId', |
|
|
|
|
|
label: 'agencyName', |
|
|
|
|
|
children: 'subAgencyList', |
|
|
|
|
|
emitPath: false, |
|
|
|
|
|
multiple: false, |
|
|
|
|
|
checkStrictly: true |
|
|
|
|
|
},//所 |
|
|
showdisabled:false, |
|
|
showdisabled:false, |
|
|
searchOptions:[], |
|
|
searchOptions:[], |
|
|
fileList:[], |
|
|
fileList:[], |
|
@ -210,9 +218,23 @@ |
|
|
this.formData.latitude = latitude; |
|
|
this.formData.latitude = latitude; |
|
|
this.formData.longitude = longitude; |
|
|
this.formData.longitude = longitude; |
|
|
this.activityType() |
|
|
this.activityType() |
|
|
|
|
|
this.loadplaceType() |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
methods: { |
|
|
methods: { |
|
|
|
|
|
//场所类型 |
|
|
|
|
|
async loadplaceType() { |
|
|
|
|
|
const url = '/sys/dict/data/dictlist'; |
|
|
|
|
|
let params = { |
|
|
|
|
|
dictType: "nine_small_places" |
|
|
|
|
|
}; |
|
|
|
|
|
const { data, code, msg } = await requestPost(url, params); |
|
|
|
|
|
if (code === 0) { |
|
|
|
|
|
this.placeTypeList = data; |
|
|
|
|
|
} else { |
|
|
|
|
|
this.$message.error(msg); |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
async handleMoveCenter(e) { |
|
|
async handleMoveCenter(e) { |
|
|
//修改地图中心点 |
|
|
//修改地图中心点 |
|
|
// const { lat, lng } = map.getCenter(); |
|
|
// const { lat, lng } = map.getCenter(); |
|
|