|
|
@ -34,6 +34,22 @@ |
|
|
|
></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
|
|
|
|
<el-col :span="6"> |
|
|
|
<el-form-item label="负责人" prop="principalName"> |
|
|
|
<el-input v-model="formData.principalName" class="u-item-width-normal" size="small" clearable placeholder="请输入"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-form-item label="联系电话" prop="principalPhone"> |
|
|
|
<el-input v-model="formData.principalPhone" class="u-item-width-normal" size="small" clearable placeholder="请输入"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-form-item label="创建时间" prop="organizationCreatedTime"> |
|
|
|
<el-date-picker v-model="formData.organizationCreatedTime" type="date" style="width: 150px;" value-format="yyyy-MM-dd"></el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="24"> |
|
|
|
<el-form-item label="组织成员" prop="organizationPersonnel"> |
|
|
|
<div class="m-staffs"> |
|
|
@ -67,24 +83,11 @@ |
|
|
|
</div> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-form-item label="服务事项" prop="serviceItem"> |
|
|
|
<el-input v-model="formData.serviceItem" class="u-item-width-normal" size="small" clearable placeholder="请输入"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-form-item label="负责人" prop="principalName"> |
|
|
|
<el-input v-model="formData.principalName" class="u-item-width-normal" size="small" clearable placeholder="请输入"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-form-item label="联系电话" prop="principalPhone"> |
|
|
|
<el-input v-model="formData.principalPhone" class="u-item-width-normal" size="small" clearable placeholder="请输入"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-form-item label="创建时间" prop="organizationCreatedTime"> |
|
|
|
<el-date-picker v-model="formData.organizationCreatedTime" type="date" style="width: 150px;" value-format="yyyy-MM-dd"></el-date-picker> |
|
|
|
<el-col :span="24"> |
|
|
|
<el-form-item label="服务事项" prop="categoryList"> |
|
|
|
<el-select v-model="formData.categoryList" multiple placeholder="请选择" size="small" clearable class="u-item-width-normal" style="width: 500px;"> |
|
|
|
<el-option v-for="item in serviceList" :key="item.value" :label="item.label" :value="item.value"></el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="24"> |
|
|
@ -128,7 +131,7 @@ |
|
|
|
</el-form> |
|
|
|
<el-form :inline="false" :model="formData" ref="form" :label-width="'90px'" v-if="pageType == 'view'"> |
|
|
|
<el-row> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-form-item label="组织名称" prop="organizationName">{{ formData.organizationName }}</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
@ -137,7 +140,17 @@ |
|
|
|
<el-col :span="6"> |
|
|
|
<el-form-item label="组织人数" prop="organizationPersonCount">{{ formData.organizationPersonCount }}</el-form-item> |
|
|
|
</el-col> |
|
|
|
|
|
|
|
<el-col :span="6"> |
|
|
|
<el-form-item label="负责人" prop="principalName" style="display: block">{{ formData.principalName }}</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-form-item label="联系电话" prop="principalPhone" style="display: block">{{ formData.principalPhone }}</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-form-item label="创建时间" prop="organizationCreatedTime" style="display: block">{{ formData.organizationCreatedTime }}</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="24"> |
|
|
|
<el-form-item label="组织成员" prop="organizationPersonnel"> |
|
|
|
<div class="m-staffs"> |
|
|
|
<div style="width:500px;" :key="'staff' + index" v-for="(item, index) in formData.organizationPersonnel"> |
|
|
@ -149,19 +162,10 @@ |
|
|
|
</div> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-col :span="24"> |
|
|
|
<el-form-item label="服务事项" prop="serviceItem" style="display: block">{{ formData.serviceItem }}</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-form-item label="负责人" prop="principalName" style="display: block">{{ formData.principalName }}</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-form-item label="联系电话" prop="principalPhone" style="display: block">{{ formData.principalPhone }}</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-form-item label="创建时间" prop="organizationCreatedTime" style="display: block">{{ formData.organizationCreatedTime }}</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-col :span="24"> |
|
|
|
<el-form-item label="详细地址" prop="address" style="display: block">{{ formData.address }}</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
@ -243,10 +247,12 @@ export default { |
|
|
|
gridList: [], //所属网格list--场所区域 |
|
|
|
placeTypeList: [], //场所类型 |
|
|
|
list: {}, |
|
|
|
serviceList: [], |
|
|
|
formData: { |
|
|
|
organizationName: '', |
|
|
|
categoryCode: '', |
|
|
|
serviceItem: '', |
|
|
|
categoryList: [], |
|
|
|
serviceMatterList: [], |
|
|
|
organizationPersonCount: '', |
|
|
|
principalName: '', |
|
|
|
principalPhone: '', |
|
|
@ -269,7 +275,7 @@ export default { |
|
|
|
], |
|
|
|
categoryCode: [{ required: true, message: '分类名称不能为空', trigger: 'blur' }], |
|
|
|
organizationPersonCount: [{ required: true, message: '组织人数不能为空', trigger: 'blur' }], |
|
|
|
serviceItem: [{ required: true, message: '服务事项不能为空', trigger: 'blur' }], |
|
|
|
serviceMatterList: [{ required: true, message: '服务事项不能为空', trigger: 'blur' }], |
|
|
|
principalName: [{ required: true, message: '负责人不能为空', trigger: 'blur' }], |
|
|
|
principalPhone: [{ required: true, message: '联系电话不能为空', trigger: 'blur' }], |
|
|
|
address: [{ required: true, message: '地址不能为空', trigger: 'blur' }] |
|
|
@ -293,6 +299,7 @@ export default { |
|
|
|
this.startLoading(); |
|
|
|
this.getVolunteerList(); |
|
|
|
this.loadplaceType(); |
|
|
|
this.loadserviceList(); |
|
|
|
// this.loadGrid(); |
|
|
|
// this.loadplaceType(); |
|
|
|
if (this.pageType != 'add') { |
|
|
@ -305,6 +312,18 @@ export default { |
|
|
|
}, |
|
|
|
|
|
|
|
methods: { |
|
|
|
async loadserviceList() { |
|
|
|
const url = '/actual/base/serviceitem/dict-list'; |
|
|
|
const params = { |
|
|
|
type: 'usable' |
|
|
|
}; |
|
|
|
const { data, code, msg } = await requestPost(url, params); |
|
|
|
if (code === 0) { |
|
|
|
this.serviceList = data; |
|
|
|
} else { |
|
|
|
this.$message.error(msg); |
|
|
|
} |
|
|
|
}, |
|
|
|
querySearchVolunteer(queryString, cb) { |
|
|
|
const { volunteerList } = this; |
|
|
|
var results = queryString |
|
|
@ -376,11 +395,13 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
async getDetail() { |
|
|
|
const url = `/actual/base/safetyEquipment/detail/${this.detailId}`; |
|
|
|
const url = `/actual/base/iccommunityselforganization/community-self-org-detail/${this.detailId}`; |
|
|
|
const { data, code, msg } = await requestPost(url); |
|
|
|
if (code === 0) { |
|
|
|
console.log('详情数据', data); |
|
|
|
data.categoryList = data.categoryList.map(item => item.categoryCode); |
|
|
|
this.formData = { ...data }; |
|
|
|
|
|
|
|
this.initMap(); |
|
|
|
} else { |
|
|
|
this.$message.error(msg); |
|
|
@ -435,6 +456,8 @@ export default { |
|
|
|
}, |
|
|
|
|
|
|
|
async save() { |
|
|
|
this.formData.serviceMatterList = [...this.formData.categoryList]; |
|
|
|
console.log('this.', this.formData); |
|
|
|
let url = ''; |
|
|
|
if (this.formType === 'add') { |
|
|
|
url = '/actual/base/iccommunityselforganization/addcommunityselforganization'; |
|
|
@ -442,7 +465,7 @@ export default { |
|
|
|
url = '/actual/base/iccommunityselforganization/editcommunityselforganization'; |
|
|
|
// this.dataForm.orgId = this.orgId; |
|
|
|
} |
|
|
|
console.log('this.', this.formData); |
|
|
|
|
|
|
|
let params = { ...this.formData }; |
|
|
|
const { data, code, msg } = await requestPost(url, params); |
|
|
|
if (code === 0) { |
|
|
@ -517,7 +540,7 @@ export default { |
|
|
|
|
|
|
|
let { msg, data } = await map.getAddress(lat, lng); |
|
|
|
if (msg == 'success') { |
|
|
|
this.formData.location = data.address; |
|
|
|
this.formData.address = data.address; |
|
|
|
this.searchValue = data.address; |
|
|
|
this.searchOptions = []; |
|
|
|
} |
|
|
|