|
@ -1,56 +1,44 @@ |
|
|
<template> |
|
|
<template> |
|
|
<el-dialog |
|
|
<el-dialog :visible.sync="visible" |
|
|
:visible.sync="visible" |
|
|
|
|
|
:title="!dataForm.id ? '新增党组织' : '更新党组织'" |
|
|
:title="!dataForm.id ? '新增党组织' : '更新党组织'" |
|
|
:close-on-click-modal="false" |
|
|
:close-on-click-modal="false" |
|
|
:close-on-press-escape="false" |
|
|
:close-on-press-escape="false"> |
|
|
> |
|
|
<el-form class="form" |
|
|
<el-form |
|
|
|
|
|
class="form" |
|
|
|
|
|
:model="dataForm" |
|
|
:model="dataForm" |
|
|
:rules="dataRule" |
|
|
:rules="dataRule" |
|
|
ref="dataForm" |
|
|
ref="dataForm" |
|
|
@keyup.enter.native="dataFormSubmitHandle()" |
|
|
@keyup.enter.native="dataFormSubmitHandle()" |
|
|
:label-width="$i18n.locale === 'en-US' ? '120px' : '100px'" |
|
|
:label-width="$i18n.locale === 'en-US' ? '120px' : '100px'"> |
|
|
> |
|
|
<el-form-item prop="partyOrgType" |
|
|
<el-form-item prop="partyOrgType" label="党组织类型"> |
|
|
label="党组织类型"> |
|
|
<el-select |
|
|
<el-select :disabled="dataForm.id || dataForm.orgId ? true : false" |
|
|
:disabled="dataForm.id || dataForm.orgId ? true : false" |
|
|
|
|
|
v-model="dataForm.partyOrgType" |
|
|
v-model="dataForm.partyOrgType" |
|
|
@change="changePartyOrgType" |
|
|
@change="changePartyOrgType" |
|
|
clearable |
|
|
clearable |
|
|
placeholder="请选择党组织类型" |
|
|
placeholder="请选择党组织类型"> |
|
|
> |
|
|
<el-option v-for="item in partyOrgTypeList" |
|
|
<el-option |
|
|
|
|
|
v-for="item in partyOrgTypeList" |
|
|
|
|
|
:key="item.value" |
|
|
:key="item.value" |
|
|
:label="item.name" |
|
|
:label="item.name" |
|
|
:value="item.value" |
|
|
:value="item.value"> |
|
|
> |
|
|
|
|
|
</el-option> |
|
|
</el-option> |
|
|
</el-select> |
|
|
</el-select> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item prop="partyOrgName" label="党组织名称"> |
|
|
<el-form-item prop="partyOrgName" |
|
|
<el-input |
|
|
label="党组织名称"> |
|
|
v-model="dataForm.partyOrgName" |
|
|
<el-input v-model="dataForm.partyOrgName" |
|
|
placeholder="请输入党组织名称" |
|
|
placeholder="请输入党组织名称" |
|
|
style="width: 300px" |
|
|
style="width: 300px"></el-input> |
|
|
></el-input> |
|
|
|
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="党组织编码" prop="partyOrgCode"> |
|
|
<el-form-item label="党组织编码" |
|
|
<el-input |
|
|
prop="partyOrgCode"> |
|
|
v-model="dataForm.partyOrgCode" |
|
|
<el-input v-model="dataForm.partyOrgCode" |
|
|
placeholder="党组织编码" |
|
|
placeholder="党组织编码" |
|
|
style="width: 300px" |
|
|
style="width: 300px"></el-input> |
|
|
></el-input> |
|
|
|
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item |
|
|
<el-form-item v-if="dataForm.partyOrgType != '5'" |
|
|
v-if="dataForm.partyOrgType != '5'" |
|
|
|
|
|
prop="agencyId" |
|
|
prop="agencyId" |
|
|
label="行政组织" |
|
|
label="行政组织"> |
|
|
> |
|
|
<el-cascader style="width: 300px" |
|
|
<el-cascader |
|
|
|
|
|
style="width: 300px" |
|
|
|
|
|
v-model="dataForm.agencyId" |
|
|
v-model="dataForm.agencyId" |
|
|
:options="agencyOrgList" |
|
|
:options="agencyOrgList" |
|
|
placeholder="请选择行政组织" |
|
|
placeholder="请选择行政组织" |
|
@ -64,16 +52,12 @@ |
|
|
:disabled="dataForm.id ? true : false" |
|
|
:disabled="dataForm.id ? true : false" |
|
|
:show-all-levels="false" |
|
|
:show-all-levels="false" |
|
|
@change="changeAgencyOrg" |
|
|
@change="changeAgencyOrg" |
|
|
clearable |
|
|
clearable /> |
|
|
/> |
|
|
|
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item |
|
|
<el-form-item v-if="!dataForm.sjdzzName" |
|
|
v-if="!dataForm.sjdzzName" |
|
|
|
|
|
prop="mySelectOrg" |
|
|
prop="mySelectOrg" |
|
|
label="上级党组织" |
|
|
label="上级党组织"> |
|
|
> |
|
|
<el-cascader ref="myOrg" |
|
|
<el-cascader |
|
|
|
|
|
ref="myOrg" |
|
|
|
|
|
style="width: 300px" |
|
|
style="width: 300px" |
|
|
v-model="dataForm.mySelectOrg" |
|
|
v-model="dataForm.mySelectOrg" |
|
|
:options="orgList" |
|
|
:options="orgList" |
|
@ -86,70 +70,51 @@ |
|
|
}" |
|
|
}" |
|
|
@change="handleChangeOrg" |
|
|
@change="handleChangeOrg" |
|
|
:disabled="dataForm.id || dataForm.orgId ? true : false" |
|
|
:disabled="dataForm.id || dataForm.orgId ? true : false" |
|
|
clearable |
|
|
clearable /> |
|
|
/> |
|
|
|
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item v-if="dataForm.sjdzzName" label="上级党组织"> |
|
|
<el-form-item v-if="dataForm.sjdzzName" |
|
|
<el-input |
|
|
label="上级党组织"> |
|
|
:disabled="true" |
|
|
<el-input :disabled="true" |
|
|
v-model="dataForm.sjdzzName" |
|
|
v-model="dataForm.sjdzzName" |
|
|
style="width: 300px" |
|
|
style="width: 300px"></el-input> |
|
|
></el-input> |
|
|
|
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="党组织介绍" prop="introduction"> |
|
|
<el-form-item label="党组织介绍" |
|
|
<el-input |
|
|
prop="introduction"> |
|
|
style="width: 300px" |
|
|
<el-input style="width: 300px" |
|
|
v-model="dataForm.introduction" |
|
|
v-model="dataForm.introduction" |
|
|
type="textarea" |
|
|
type="textarea" |
|
|
maxlength="500" |
|
|
maxlength="500" |
|
|
placeholder="党组织介绍" |
|
|
placeholder="党组织介绍"></el-input> |
|
|
></el-input> |
|
|
|
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="党组织位置" prop="longitude" style="display: block"> |
|
|
<el-form-item label="地图位置" |
|
|
<div class="item_width_1"> |
|
|
prop="longitude" |
|
|
<div class="div_map"> |
|
|
label-width="150px" |
|
|
<div id="app"></div> |
|
|
style="display: block"> |
|
|
<div style="display: none" id="mapSeach_id" class="div_searchmap"> |
|
|
<div style="width: 500px"> |
|
|
<el-input |
|
|
<el-select v-model="searchValue" |
|
|
class="item_width_4" |
|
|
filterable |
|
|
maxlength="50" |
|
|
style="width: 500px" |
|
|
size="mini" |
|
|
remote |
|
|
placeholder="请输入关键字" |
|
|
:reserve-keyword="true" |
|
|
v-model="keyWords" |
|
|
placeholder="请输入关键词" |
|
|
> |
|
|
:remote-method="remoteMethod" |
|
|
</el-input> |
|
|
:loading="loading"> |
|
|
<el-button |
|
|
<el-option v-for="(item,index) in searchOptions" |
|
|
style="margin-left: 10px" |
|
|
@click.native="handleClickKey(index)" |
|
|
type="primary" |
|
|
:key="item.value" |
|
|
size="mini" |
|
|
:label="item.label" |
|
|
@click="handleSearchMap" |
|
|
:value="item.value"> |
|
|
>查询</el-button |
|
|
</el-option> |
|
|
> |
|
|
</el-select> |
|
|
</div> |
|
|
<div id="app_icparty" |
|
|
</div> |
|
|
class="div_map"></div> |
|
|
|
|
|
|
|
|
<!-- <div id="lon_lat_id" style="margin-top: 10px; display: none"> |
|
|
|
|
|
<span>经度</span> |
|
|
|
|
|
<el-input class="item_width_3" |
|
|
|
|
|
maxlength="50" |
|
|
|
|
|
placeholder="请输入经度" |
|
|
|
|
|
:readonly="true" |
|
|
|
|
|
v-model="dataForm.longitude"> |
|
|
|
|
|
</el-input> |
|
|
|
|
|
<span style="margin-left: 20px">纬度</span> |
|
|
|
|
|
<el-input class="item_width_3" |
|
|
|
|
|
maxlength="50" |
|
|
|
|
|
placeholder="请输入纬度" |
|
|
|
|
|
:readonly="true" |
|
|
|
|
|
v-model="dataForm.latitude"> |
|
|
|
|
|
</el-input> |
|
|
|
|
|
</div> --> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</el-form> |
|
|
</el-form> |
|
|
<template slot="footer"> |
|
|
<template slot="footer"> |
|
|
<el-button @click="visible = false">{{ $t("cancel") }}</el-button> |
|
|
<el-button @click="visible = false">{{ $t("cancel") }}</el-button> |
|
|
<el-button type="primary" @click="dataFormSubmitHandle()">{{ |
|
|
<el-button type="primary" |
|
|
|
|
|
@click="dataFormSubmitHandle()">{{ |
|
|
$t("confirm") |
|
|
$t("confirm") |
|
|
}}</el-button> |
|
|
}}</el-button> |
|
|
</template> |
|
|
</template> |
|
@ -157,6 +122,8 @@ |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
|
<script> |
|
|
<script> |
|
|
|
|
|
import daiMap from "@/utils/dai-map"; |
|
|
|
|
|
|
|
|
var map; |
|
|
var map; |
|
|
var search; |
|
|
var search; |
|
|
var markers; |
|
|
var markers; |
|
|