|
|
|
@ -1,153 +1,154 @@ |
|
|
|
<template> |
|
|
|
<div> |
|
|
|
<div> |
|
|
|
<div> |
|
|
|
<el-form ref="ref_form" |
|
|
|
:inline="true" |
|
|
|
:model="formData" |
|
|
|
:rules="dataRule" |
|
|
|
:disabled="formType === 'detail'" |
|
|
|
class="form"> |
|
|
|
|
|
|
|
<el-form-item label="单位名称" |
|
|
|
prop="unitName" |
|
|
|
label-width="150px" |
|
|
|
style="display: block"> |
|
|
|
<el-input class="item_width_1" |
|
|
|
maxlength="50" |
|
|
|
show-word-limit |
|
|
|
placeholder="请输入单位名称" |
|
|
|
v-model="formData.unitName"> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="分类" |
|
|
|
prop="type" |
|
|
|
label-width="150px" |
|
|
|
style="display: block"> |
|
|
|
<el-select class="item_width_1" |
|
|
|
v-model="formData.type" |
|
|
|
placeholder="请选择" |
|
|
|
filterable |
|
|
|
clearable> |
|
|
|
<el-option v-for="item in typeList" |
|
|
|
|
|
|
|
<div class="dialog-h-content scroll-h"> |
|
|
|
<el-form ref="ref_form" |
|
|
|
:inline="true" |
|
|
|
:model="formData" |
|
|
|
:rules="dataRule" |
|
|
|
:disabled="formType === 'detail'" |
|
|
|
class="form"> |
|
|
|
|
|
|
|
<el-form-item label="单位名称" |
|
|
|
prop="unitName" |
|
|
|
label-width="150px" |
|
|
|
style="display: block"> |
|
|
|
<el-input class="item_width_1" |
|
|
|
maxlength="50" |
|
|
|
show-word-limit |
|
|
|
placeholder="请输入单位名称" |
|
|
|
v-model="formData.unitName"> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="分类" |
|
|
|
prop="type" |
|
|
|
label-width="150px" |
|
|
|
style="display: block"> |
|
|
|
<el-select class="item_width_1" |
|
|
|
v-model="formData.type" |
|
|
|
placeholder="请选择" |
|
|
|
filterable |
|
|
|
clearable> |
|
|
|
<el-option v-for="item in typeList" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="服务事项" |
|
|
|
prop="serviceMatterList" |
|
|
|
label-width="150px" |
|
|
|
style="display: block"> |
|
|
|
<el-checkbox-group class="item_width_1" |
|
|
|
style="display:flex;flex-wrap:wrap" |
|
|
|
v-model="formData.serviceMatterList"> |
|
|
|
<el-checkbox v-for="item in serviceList" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="服务事项" |
|
|
|
prop="serviceMatterList" |
|
|
|
label-width="150px" |
|
|
|
style="display: block"> |
|
|
|
<el-checkbox-group class="item_width_1" |
|
|
|
style="display:flex;flex-wrap:wrap" |
|
|
|
v-model="formData.serviceMatterList"> |
|
|
|
<el-checkbox v-for="item in serviceList" |
|
|
|
:key="item.value" |
|
|
|
:label="item.value">{{item.label}}</el-checkbox> |
|
|
|
|
|
|
|
</el-checkbox-group> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="联系人" |
|
|
|
prop="contact" |
|
|
|
label-width="150px" |
|
|
|
style="display: block"> |
|
|
|
<el-input class="item_width_1" |
|
|
|
placeholder="请输入联系人姓名" |
|
|
|
v-model="formData.contact"> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="联系电话" |
|
|
|
prop="contactMobile" |
|
|
|
label-width="150px" |
|
|
|
style="display: block"> |
|
|
|
<el-input class="item_width_1" |
|
|
|
placeholder="请输入联系人电话" |
|
|
|
v-model="formData.contactMobile"> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="在职党员" |
|
|
|
style="display: block" |
|
|
|
prop="memberCount" |
|
|
|
label-width="150px"> |
|
|
|
<el-input-number class="item_width_1" |
|
|
|
v-model="formData.memberCount" |
|
|
|
:min="0" |
|
|
|
label="在职党员"></el-input-number> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="备注" |
|
|
|
prop="remark" |
|
|
|
label-width="150px" |
|
|
|
style="display: block"> |
|
|
|
<el-input class="item_width_1" |
|
|
|
type="textarea" |
|
|
|
maxlength="500" |
|
|
|
show-word-limit |
|
|
|
:rows="3" |
|
|
|
placeholder="请输入备注，不超过500字" |
|
|
|
v-model="formData.remark"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="位置坐标" |
|
|
|
prop="longitude" |
|
|
|
label-width="150px" |
|
|
|
style="display: block"> |
|
|
|
<div style="width:500px"> |
|
|
|
|
|
|
|
<div class="div_map"> |
|
|
|
<div id="app"> |
|
|
|
|
|
|
|
</div> |
|
|
|
<div class="div_searchmap"> |
|
|
|
<el-input class="item_width_4" |
|
|
|
maxlength="50" |
|
|
|
size="mini" |
|
|
|
placeholder="请输入关键字" |
|
|
|
v-model="keyWords"> |
|
|
|
</el-input> |
|
|
|
<el-button style="margin-left: 10px" |
|
|
|
type="primary" |
|
|
|
size="mini" |
|
|
|
@click="handleSearchMap">查询</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
:label="item.value">{{item.label}}</el-checkbox> |
|
|
|
|
|
|
|
</el-checkbox-group> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="联系人" |
|
|
|
prop="contact" |
|
|
|
label-width="150px" |
|
|
|
style="display: block"> |
|
|
|
<el-input class="item_width_1" |
|
|
|
placeholder="请输入联系人姓名" |
|
|
|
v-model="formData.contact"> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="联系电话" |
|
|
|
prop="contactMobile" |
|
|
|
label-width="150px" |
|
|
|
style="display: block"> |
|
|
|
<el-input class="item_width_1" |
|
|
|
placeholder="请输入联系人电话" |
|
|
|
v-model="formData.contactMobile"> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="在职党员" |
|
|
|
style="display: block" |
|
|
|
prop="memberCount" |
|
|
|
label-width="150px"> |
|
|
|
<el-input-number class="item_width_1" |
|
|
|
v-model="formData.memberCount" |
|
|
|
:min="0" |
|
|
|
label="在职党员"></el-input-number> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="备注" |
|
|
|
prop="remark" |
|
|
|
label-width="150px" |
|
|
|
style="display: block"> |
|
|
|
<el-input class="item_width_1" |
|
|
|
type="textarea" |
|
|
|
maxlength="500" |
|
|
|
show-word-limit |
|
|
|
:rows="3" |
|
|
|
placeholder="请输入备注，不超过500字" |
|
|
|
v-model="formData.remark"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="位置坐标" |
|
|
|
prop="longitude" |
|
|
|
label-width="150px" |
|
|
|
style="display: block"> |
|
|
|
<div style="width:500px"> |
|
|
|
|
|
|
|
<div class="div_map"> |
|
|
|
<div id="app"> |
|
|
|
|
|
|
|
<div style="margin-top: 10px"> |
|
|
|
<span>经度</span> |
|
|
|
<el-input class="item_width_3" |
|
|
|
maxlength="50" |
|
|
|
placeholder="请输入经度" |
|
|
|
v-model="formData.longitude"> |
|
|
|
</el-input> |
|
|
|
<span style="margin-left: 20px">纬度</span> |
|
|
|
<el-input class="item_width_3" |
|
|
|
</div> |
|
|
|
<div class="div_searchmap"> |
|
|
|
<el-input class="item_width_4" |
|
|
|
maxlength="50" |
|
|
|
placeholder="请输入纬度" |
|
|
|
v-model="formData.latitude"> |
|
|
|
size="mini" |
|
|
|
placeholder="请输入关键字" |
|
|
|
v-model="keyWords"> |
|
|
|
</el-input> |
|
|
|
<el-button style="margin-left: 10px" |
|
|
|
type="primary" |
|
|
|
size="mini" |
|
|
|
@click="handleSearchMap">查询</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="地理位置" |
|
|
|
prop="address" |
|
|
|
label-width="150px" |
|
|
|
style="display: block"> |
|
|
|
<div style="margin-top: 10px"> |
|
|
|
<span>经度</span> |
|
|
|
<el-input class="item_width_3" |
|
|
|
maxlength="50" |
|
|
|
placeholder="请输入经度" |
|
|
|
v-model="formData.longitude"> |
|
|
|
</el-input> |
|
|
|
<span style="margin-left: 20px">纬度</span> |
|
|
|
<el-input class="item_width_3" |
|
|
|
maxlength="50" |
|
|
|
placeholder="请输入纬度" |
|
|
|
v-model="formData.latitude"> |
|
|
|
</el-input> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-input class="item_width_1" |
|
|
|
v-model="formData.address"> |
|
|
|
</el-input> |
|
|
|
<el-form-item label="地理位置" |
|
|
|
prop="address" |
|
|
|
label-width="150px" |
|
|
|
style="display: block"> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
</div> |
|
|
|
<el-input class="item_width_1" |
|
|
|
v-model="formData.address"> |
|
|
|
</el-input> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="div_btn"> |
|
|
|
<el-button @click="handleCancle">取 消</el-button> |
|
|
|
<el-button v-if="formType != 'detail'" |
|
|
|
<el-button size="small" |
|
|
|
@click="handleCancle">取 消</el-button> |
|
|
|
<el-button size="small" |
|
|
|
v-if="formType != 'detail'" |
|
|
|
type="primary" |
|
|
|
:disabled="btnDisable" |
|
|
|
@click="handleComfirm">确 定</el-button> |
|
|
|
@ -509,20 +510,6 @@ export default { |
|
|
|
} |
|
|
|
</script> |
|
|
|
<style scoped> |
|
|
|
.item_width_1 { |
|
|
|
width: 500px; |
|
|
|
} |
|
|
|
.item_width_2 { |
|
|
|
width: 400px; |
|
|
|
} |
|
|
|
.item_width_3 { |
|
|
|
margin-left: 10px; |
|
|
|
width: 200px; |
|
|
|
} |
|
|
|
.item_width_4 { |
|
|
|
width: 200px; |
|
|
|
} |
|
|
|
|
|
|
|
.div_map { |
|
|
|
position: relative; |
|
|
|
} |
|
|
|
@ -532,25 +519,8 @@ export default { |
|
|
|
top: 5px; |
|
|
|
left: 5px; |
|
|
|
} |
|
|
|
|
|
|
|
.div_btn { |
|
|
|
display: flex; |
|
|
|
justify-content: flex-end; |
|
|
|
} |
|
|
|
.el-tabs { |
|
|
|
margin: 0 20px; |
|
|
|
} |
|
|
|
.el-upload__tip { |
|
|
|
color: rgb(155, 155, 155); |
|
|
|
margin: 0; |
|
|
|
} |
|
|
|
.form { |
|
|
|
margin-top: 30px; |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
|
|
|
<style lang=scss> |
|
|
|
.el-dialog__body { |
|
|
|
padding: 0 10px 20px !important; |
|
|
|
} |
|
|
|
<style lang="scss" scoped > |
|
|
|
@import "@/assets/scss/modules/visual/communityManageForm.scss"; |
|
|
|
</style> |
|
|
|
|
jiangyy
4 years ago