|
|
@ -1,107 +1,114 @@ |
|
|
<template> |
|
|
<template> |
|
|
<div> |
|
|
<div> |
|
|
|
|
|
|
|
|
<div class="dialog-h-content scroll-h"> |
|
|
<div class="dialog-h-content scroll-h"> |
|
|
|
|
|
|
|
|
<el-form ref="ref_form" :inline="true" :model="formData" :rules="dataRule" |
|
|
<el-form ref="ref_form" :inline="true" :model="formData" :rules="dataRule" class="form"> |
|
|
class="form"> |
|
|
<el-row> |
|
|
<el-row> |
|
|
<el-col :span="12"> |
|
|
<el-col :span="12"> |
|
|
<el-form-item label="所属组织" prop="agencyName" label-width="150px"> |
|
|
<el-form-item label="所属组织" prop="agencyName" label-width="150px"> |
|
|
<el-input v-model.trim="formData.agencyName" size="small" clearable placeholder="请输入活动名称" |
|
|
<el-input v-model.trim="formData.agencyName" size="small" clearable placeholder="请输入活动名称" :disabled="true" |
|
|
:disabled="true" class="u-item-width-normal"></el-input> |
|
|
class="u-item-width-normal"></el-input> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</el-col> |
|
|
</el-col> |
|
|
<el-col :span="12"> |
|
|
<el-col :span="12"> |
|
|
<el-form-item label="组织名称" prop="orgName" label-width="150px"> |
|
|
<el-form-item label="组织名称" prop="orgName" label-width="150px"> |
|
|
<el-input v-model.trim="formData.orgName" size="small" clearable placeholder="请输入活动名称" |
|
|
<el-input v-model.trim="formData.orgName" size="small" clearable placeholder="请输入活动名称" |
|
|
class="u-item-width-normal"></el-input> |
|
|
class="u-item-width-normal"></el-input> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</el-col> |
|
|
</el-col> |
|
|
<el-col :span="12"> |
|
|
<el-col :span="12"> |
|
|
<el-form-item label="服务类型" label-width="150px" prop="serviceTypeList"> |
|
|
<el-form-item label="服务类型" label-width="150px" prop="serviceTypeList"> |
|
|
<el-select multiple-limit='4' class="u-item-width-normal" v-model.trim="formData.serviceTypeList" placeholder="请选择" clearable multiple> |
|
|
<el-select multiple-limit='4' class="u-item-width-normal" v-model.trim="formData.serviceTypeList" placeholder="请选择" clearable multiple> |
|
|
|
|
|
<el-option v-for="item in ServicetypeListName" :key="item.value" :label="item.label" :value="item.value" > |
|
|
<el-option v-for="item in ServicetypeListName" :key="item.value" :label="item.label" :value="item.value" > |
|
|
</el-option> |
|
|
</el-option> |
|
|
</el-select> |
|
|
</el-select> |
|
|
</el-form-item> |
|
|
|
|
|
</el-col> |
|
|
</el-form-item> |
|
|
<el-col :span="12"> |
|
|
</el-col> |
|
|
<el-form-item label="组织类型" label-width="150px" prop="orgType"> |
|
|
<el-col :span="12"> |
|
|
<el-select class="u-item-width-normal" v-model.trim="formData.orgType" placeholder="请选择" clearable > |
|
|
<el-form-item label="组织类型" label-width="150px" prop="orgType"> |
|
|
<el-option v-for="item in OrganizationaltypeList" :key="item.value" :label="item.label" :value="item.value"> |
|
|
<el-cascader v-model="value" :options="OrganizationaltypeList" @change="handleChange" :props="props"></el-cascader> |
|
|
</el-option> |
|
|
<!-- <el-select class="u-item-width-normal" v-model.trim="formData.orgType" placeholder="请选择" |
|
|
</el-select> |
|
|
clearable> |
|
|
</el-form-item> |
|
|
<el-option v-for="item in OrganizationaltypeList" :key="item.value" :label="item.label" |
|
|
</el-col> |
|
|
:value="item.value"> |
|
|
<el-col :span="24"> |
|
|
</el-option> |
|
|
<el-form-item label="活动地点" prop="address" label-width="150px" style="display: block"> |
|
|
</el-select> --> |
|
|
<div style="width: 634px"> |
|
|
</el-form-item> |
|
|
<el-select v-model.trim="searchValue" filterable style="width: 634px" remote :reserve-keyword="true" |
|
|
</el-col> |
|
|
placeholder="请输入关键词" :remote-method="remoteMethod" :loading="loading"> |
|
|
<el-col :span="24"> |
|
|
<el-option v-for="(item, index) in searchOptions" @click.native="handleClickKey(index)" |
|
|
<el-form-item label="活动地点" prop="address" label-width="150px" style="display: block"> |
|
|
:key="item.value || index" :label="item.label" :value="item.value"> |
|
|
<div style="width: 634px"> |
|
|
</el-option> |
|
|
<el-select v-model.trim="searchValue" filterable style="width: 634px" remote |
|
|
</el-select> |
|
|
:reserve-keyword="true" placeholder="请输入关键词" :remote-method="remoteMethod" |
|
|
<div id="app_activity" class="div_map"></div> |
|
|
:loading="loading"> |
|
|
</div> |
|
|
<el-option v-for="(item, index) in searchOptions" |
|
|
</el-form-item> |
|
|
@click.native="handleClickKey(index)" :key="item.value || index" |
|
|
</el-col> |
|
|
:label="item.label" :value="item.value"> |
|
|
<el-col :span="12"> |
|
|
</el-option> |
|
|
<el-form-item label="管理员姓名" prop="operator" label-width="150px"> |
|
|
</el-select> |
|
|
<el-input v-model.trim="formData.operator" size="small" clearable placeholder="请输入管理员姓名" |
|
|
<div id="app_activity" class="div_map"></div> |
|
|
class="u-item-width-normal"></el-input> |
|
|
</div> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</el-col> |
|
|
</el-col> |
|
|
<el-col :span="12"> |
|
|
<el-col :span="12"> |
|
|
<el-form-item label="手机号" prop="mobile" label-width="150px"> |
|
|
<el-form-item label="管理员姓名" prop="operator" label-width="150px"> |
|
|
<el-input v-model.trim="formData.mobile" size="small" clearable placeholder="请输入手机号" |
|
|
<el-input v-model.trim="formData.operator" size="small" clearable placeholder="请输入管理员姓名" |
|
|
class="u-item-width-normal"></el-input> |
|
|
class="u-item-width-normal"></el-input> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</el-col> |
|
|
</el-col> |
|
|
<el-col :span="12"> |
|
|
<el-col :span="12"> |
|
|
<el-form-item label="身份证号" prop="idCard" label-width="150px"> |
|
|
<el-form-item label="手机号" prop="mobile" label-width="150px"> |
|
|
<el-input v-model.trim="formData.idCard" size="small" clearable placeholder="请输入身份证号" |
|
|
<el-input v-model.trim="formData.mobile" size="small" clearable placeholder="请输入手机号" |
|
|
class="u-item-width-normal"></el-input> |
|
|
class="u-item-width-normal"></el-input> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</el-col> |
|
|
</el-col> |
|
|
<el-col :span="12"> |
|
|
<el-col :span="12"> |
|
|
<el-form-item label="组织封面图" label-width="150px" prop="orgImage"> |
|
|
<el-form-item label="身份证号" prop="idCard" label-width="150px"> |
|
|
<template> |
|
|
<el-input v-model.trim="formData.idCard" size="small" clearable placeholder="请输入身份证号" |
|
|
<upload-image :defaultFileList="fileList" :limit="1" @change="onChangeFileList" |
|
|
class="u-item-width-normal"></el-input> |
|
|
@file-removed="removedImg"></upload-image> |
|
|
</el-form-item> |
|
|
</template> |
|
|
</el-col> |
|
|
</el-form-item> |
|
|
<el-col :span="12"> |
|
|
</el-col> |
|
|
<el-form-item label="组织封面图" label-width="150px" prop="orgImage"> |
|
|
<el-form-item label="组织介绍" prop="introduction" label-width="150px" style="display: block"> |
|
|
<template> |
|
|
<div class="item_width_1"> |
|
|
<upload-image :defaultFileList="fileList" :limit="1" @change="onChangeFileList" |
|
|
<el-input type="textarea" autosize placeholder="请填写组织介绍" v-model.trim="formData.introduction" :autosize="{ minRows:4., maxRows: 10}" > |
|
|
@file-removed="removedImg"></upload-image> |
|
|
</el-input> |
|
|
</template> |
|
|
</div> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</el-col> |
|
|
|
|
|
<el-form-item label="组织介绍" prop="introduction" label-width="150px" style="display: block"> |
|
|
<el-form-item label="志愿品牌" prop="brand" label-width="150px" style="display: block"> |
|
|
<div class="item_width_1"> |
|
|
<div class="item_width_1"> |
|
|
<el-input type="textarea" autosize placeholder="请填写组织介绍" |
|
|
<el-input type="textarea" autosize placeholder="请输入内容" v-model.trim="formData.brand" :autosize="{ minRows:4., maxRows: 10}" > |
|
|
v-model.trim="formData.introduction" :autosize="{ minRows:4., maxRows: 10}"> |
|
|
</el-input> |
|
|
</el-input> |
|
|
</div> |
|
|
</div> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="品牌展示图" label-width="150px" prop="brandImg"> |
|
|
|
|
|
<template> |
|
|
<el-form-item label="志愿品牌" prop="brand" label-width="150px" style="display: block"> |
|
|
<upload-image :defaultFileList="formData.brandImg" :limit="1" @change="onChangeFileList1" |
|
|
<div class="item_width_1"> |
|
|
@file-removed="removedImg"></upload-image> |
|
|
<el-input type="textarea" autosize placeholder="请输入内容" v-model.trim="formData.brand" |
|
|
</template> |
|
|
:autosize="{ minRows:4., maxRows: 10}"> |
|
|
</el-form-item> |
|
|
</el-input> |
|
|
</el-row></el-form> |
|
|
</div> |
|
|
</div> |
|
|
</el-form-item> |
|
|
<div class="div_btn"> |
|
|
<el-form-item label="品牌展示图" label-width="150px" prop="brandImg"> |
|
|
<el-button size="small" @click="handleCancle">取 消</el-button> |
|
|
<template> |
|
|
<el-button size="small" v-if="formType != 'detail'" type="primary" :disabled="btnDisable" |
|
|
<upload-image :defaultFileList="formData.brandImg" :limit="1" @change="onChangeFileList1" |
|
|
@click="handleComfirm">确 定</el-button> |
|
|
@file-removed="removedImg"></upload-image> |
|
|
|
|
|
</template> |
|
|
</div> |
|
|
</el-form-item> |
|
|
|
|
|
</el-row></el-form> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="div_btn"> |
|
|
|
|
|
<el-button size="small" @click="handleCancle">取 消</el-button> |
|
|
|
|
|
<el-button size="small" v-if="formType != 'detail'" type="primary" :disabled="btnDisable" |
|
|
|
|
|
@click="handleComfirm">确 定</el-button> |
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
|
<script> |
|
|
<script> |
|
|
import { mapGetters } from 'vuex' |
|
|
import { mapGetters } from 'vuex' |
|
|
@ -123,6 +130,7 @@ |
|
|
export default { |
|
|
export default { |
|
|
data() { |
|
|
data() { |
|
|
return { |
|
|
return { |
|
|
|
|
|
volunteerOrgId:"0", |
|
|
fileList:[], |
|
|
fileList:[], |
|
|
fileList1:[], |
|
|
fileList1:[], |
|
|
searchValue:"", |
|
|
searchValue:"", |
|
|
@ -263,20 +271,6 @@ |
|
|
// }, |
|
|
// }, |
|
|
|
|
|
|
|
|
async activityType() { |
|
|
async activityType() { |
|
|
const url = "/actual/base/activityType/page" |
|
|
|
|
|
let params = { |
|
|
|
|
|
// agencyId: this.agencyId |
|
|
|
|
|
pageSize: 20, |
|
|
|
|
|
pageNo: 1, |
|
|
|
|
|
typeName: "", |
|
|
|
|
|
enabled: 1 |
|
|
|
|
|
} |
|
|
|
|
|
const { data, code, msg } = await requestPost(url, params) |
|
|
|
|
|
if (code === 0) { |
|
|
|
|
|
this.typeList = data.list |
|
|
|
|
|
} else { |
|
|
|
|
|
this.$message.error(msg) |
|
|
|
|
|
} |
|
|
|
|
|
this.$nextTick(() => { |
|
|
this.$nextTick(() => { |
|
|
if (!map) { |
|
|
if (!map) { |
|
|
this.initMap(this.formData.latitude, this.formData.longitude); |
|
|
this.initMap(this.formData.latitude, this.formData.longitude); |
|
|
@ -369,7 +363,12 @@ |
|
|
// } |
|
|
// } |
|
|
// }, |
|
|
// }, |
|
|
|
|
|
|
|
|
handleChange(value) {}, |
|
|
handleChange(value) { |
|
|
|
|
|
console.log(value); |
|
|
|
|
|
this.volunteerOrgId=value.toString() |
|
|
|
|
|
this.volunteertype1() |
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
handleTimeChange(time) { |
|
|
handleTimeChange(time) { |
|
|
if (time) { |
|
|
if (time) { |
|
|
const startTimeArray = util.dateFormatter(time[0], 'time').split('-') |
|
|
const startTimeArray = util.dateFormatter(time[0], 'time').split('-') |
|
|
@ -381,8 +380,7 @@ |
|
|
// this.startTimeShow = startTimeArray[0] + '年' + startTimeArray[1] + '月' + startTimeArray[2] + '日' |
|
|
// this.startTimeShow = startTimeArray[0] + '年' + startTimeArray[1] + '月' + startTimeArray[2] + '日' |
|
|
// this.endTimeShow = endTimeArray[0] + '年' + endTimeArray[1] + '月' + endTimeArray[2] + '日' |
|
|
// this.endTimeShow = endTimeArray[0] + '年' + endTimeArray[1] + '月' + endTimeArray[2] + '日' |
|
|
} else { |
|
|
} else { |
|
|
this.formData.startTime = '' |
|
|
|
|
|
this.formData.endTime = '' |
|
|
|
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
}, |
|
|
}, |
|
|
@ -487,21 +485,31 @@ |
|
|
}, |
|
|
}, |
|
|
// 获取志愿组织类型 |
|
|
// 获取志愿组织类型 |
|
|
async volunteertype () { |
|
|
async volunteertype () { |
|
|
const url = "/sys/dict/data/dictlist" |
|
|
const url = "/voluntary/volunteerInfo/getOrgTypeList" |
|
|
|
|
|
|
|
|
let params = { |
|
|
let params = { |
|
|
dictType: 'volunteer_org_type', |
|
|
volunteerOrgId:this.volunteerOrgId |
|
|
parentValue:"0" |
|
|
|
|
|
} |
|
|
} |
|
|
console.log("vol123234"); |
|
|
|
|
|
|
|
|
|
|
|
const { data, code, msg } = await requestPost(url, params) |
|
|
const { data, code, msg } = await requestPost(url, params) |
|
|
|
|
|
|
|
|
if (code === 0) { |
|
|
if (code === 0) { |
|
|
this.OrganizationaltypeList = data; |
|
|
this.OrganizationaltypeList = data; |
|
|
} else { |
|
|
} else { |
|
|
this.$message.error(msg) |
|
|
this.$message.error(msg) |
|
|
} |
|
|
} |
|
|
|
|
|
}, |
|
|
|
|
|
// 获取志愿组织类型 |
|
|
|
|
|
async volunteertype1 () { |
|
|
|
|
|
const url = "/voluntary/volunteerInfo/getOrgTypeList" |
|
|
|
|
|
let params = { |
|
|
|
|
|
volunteerOrgId:this.volunteerOrgId |
|
|
|
|
|
} |
|
|
|
|
|
const { data, code, msg } = await requestPost(url, params) |
|
|
|
|
|
if (code === 0) { |
|
|
|
|
|
this.OrganizationaltypeList.childList=data; |
|
|
|
|
|
console.log(this.OrganizationaltypeList,"sdlkjclsdc"); |
|
|
|
|
|
|
|
|
|
|
|
} else { |
|
|
|
|
|
this.$message.error(msg) |
|
|
|
|
|
} |
|
|
}, |
|
|
}, |
|
|
// 获取志愿组织服务类型 |
|
|
// 获取志愿组织服务类型 |
|
|
async volunteerservicetype () { |
|
|
async volunteerservicetype () { |
|
|
@ -817,8 +825,24 @@ |
|
|
|
|
|
|
|
|
}, |
|
|
}, |
|
|
props: { |
|
|
props: { |
|
|
|
|
|
lazy: true, |
|
|
|
|
|
lazyLoad (node, resolve) { |
|
|
|
|
|
const { level } = node; |
|
|
|
|
|
console.log(node, resolve,"node, resolve"); |
|
|
|
|
|
|
|
|
|
|
|
setTimeout(() => { |
|
|
|
|
|
const nodes = Array.from({ length: level + 1 }) |
|
|
|
|
|
.map(item => ({ |
|
|
|
|
|
value: ++id, |
|
|
|
|
|
label: `选项${id}`, |
|
|
|
|
|
leaf: level >= 2 |
|
|
|
|
|
})); |
|
|
|
|
|
// 通过调用resolve将子节点数据返回，通知组件数据加载完成 |
|
|
|
|
|
resolve(nodes); |
|
|
|
|
|
}, 1000); |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
}, |
|
|
destroyed () { |
|
|
destroyed () { |
|
|
|
是小王呀\24601
11 months ago