|
|
|
@ -1,107 +1,122 @@ |
|
|
|
<template> |
|
|
|
<div> |
|
|
|
<div class="dialog-h-content scroll-h"> |
|
|
|
|
|
|
|
<el-form ref="ref_form" :inline="true" :model="formData" :rules="dataRule" |
|
|
|
class="form"> |
|
|
|
<el-row> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item label="所属组织" prop="agencyName" label-width="150px"> |
|
|
|
<el-input v-model.trim="formData.agencyName" size="small" clearable placeholder="请输入活动名称" :disabled="true" |
|
|
|
class="u-item-width-normal"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item label="组织名称" prop="orgName" label-width="150px"> |
|
|
|
<el-input v-model.trim="formData.orgName" size="small" clearable placeholder="请输入活动名称" :disabled="true" |
|
|
|
class="u-item-width-normal"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item label="服务类型" label-width="150px" prop="serviceTypeList" > |
|
|
|
<el-select :disabled="true" 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> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item label="组织类型" label-width="150px" prop="orgType" > |
|
|
|
<el-select :disabled="true" class="u-item-width-normal" v-model.trim="formData.orgType" placeholder="请选择" clearable > |
|
|
|
<el-option v-for="item in OrganizationaltypeList" :key="item.value" :label="item.label" :value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="24"> |
|
|
|
<el-form-item label="活动地点" prop="address" label-width="150px" style="display: block" > |
|
|
|
<div style="width: 634px"> |
|
|
|
<el-select v-model.trim="searchValue" filterable style="width: 634px" remote :reserve-keyword="true" :disabled="true" |
|
|
|
placeholder="请输入关键词" :remote-method="remoteMethod" :loading="loading"> |
|
|
|
<el-option v-for="(item, index) in searchOptions" @click.native="handleClickKey(index)" |
|
|
|
:key="item.value || index" :label="item.label" :value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
<div id="app_activity" class="div_map"></div> |
|
|
|
</div> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item label="管理员姓名" prop="operator" label-width="150px"> |
|
|
|
<el-input v-model.trim="formData.operator" size="small" clearable placeholder="请输入管理员姓名" :disabled="true" |
|
|
|
class="u-item-width-normal"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item label="手机号" prop="mobile" label-width="150px"> |
|
|
|
<el-input v-model.trim="formData.mobile" size="small" clearable placeholder="请输入手机号" :disabled="true" |
|
|
|
class="u-item-width-normal"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item label="身份证号" prop="idCard" label-width="150px"> |
|
|
|
<el-input v-model.trim="formData.idCard" size="small" clearable placeholder="请输入身份证号" :disabled="true" |
|
|
|
class="u-item-width-normal"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item label="组织封面图" label-width="150px" prop="fileList"> |
|
|
|
<template> |
|
|
|
<upload-image :defaultFileList="fileList" :limit="1" @change="onChangeFileList" :file-list="formData.fileList" |
|
|
|
@file-removed="removedImg"></upload-image> |
|
|
|
</template> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-form-item label="组织介绍" prop="introduction" label-width="150px" style="display: block"> |
|
|
|
<div class="item_width_1"> |
|
|
|
<el-input :disabled="true" type="textarea" autosize placeholder="请填写组织介绍" v-model.trim="formData.introduction" :autosize="{ minRows:4., maxRows: 10}" > |
|
|
|
</el-input> |
|
|
|
</div> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="志愿品牌" prop="brand" label-width="150px" style="display: block"> |
|
|
|
<div class="item_width_1"> |
|
|
|
<el-input :disabled="true" type="textarea" autosize placeholder="请输入内容" v-model.trim="formData.brand" :autosize="{ minRows:4., maxRows: 10}" > |
|
|
|
</el-input> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="dialog-h-content scroll-h"> |
|
|
|
|
|
|
|
<el-form ref="ref_form" :inline="true" :model="formData" :rules="dataRule" class="form"> |
|
|
|
<el-row> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item label="所属组织" prop="agencyName" label-width="150px"> |
|
|
|
<el-input v-model.trim="formData.agencyName" size="small" clearable placeholder="请输入活动名称" |
|
|
|
:disabled="true" class="u-item-width-normal"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item label="组织名称" prop="orgName" label-width="150px"> |
|
|
|
<el-input v-model.trim="formData.orgName" size="small" clearable placeholder="请输入活动名称" |
|
|
|
:disabled="true" class="u-item-width-normal"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item label="服务类型" label-width="150px" prop="serviceTypeList"> |
|
|
|
<el-select :disabled="true" 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> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item label="组织类型" label-width="150px" prop="orgType"> |
|
|
|
<el-select :disabled="true" class="u-item-width-normal" v-model.trim="formData.orgType" |
|
|
|
placeholder="请选择" clearable> |
|
|
|
<el-option v-for="item in OrganizationaltypeList" :key="item.value" :label="item.label" |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="24"> |
|
|
|
<el-form-item label="活动地点" prop="address" label-width="150px" style="display: block"> |
|
|
|
<div style="width: 634px"> |
|
|
|
<el-select v-model.trim="searchValue" filterable style="width: 634px" remote |
|
|
|
:reserve-keyword="true" :disabled="true" placeholder="请输入关键词" |
|
|
|
:remote-method="remoteMethod" :loading="loading"> |
|
|
|
<el-option v-for="(item, index) in searchOptions" |
|
|
|
@click.native="handleClickKey(index)" :key="item.value || index" |
|
|
|
:label="item.label" :value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
<div id="app_activity" class="div_map"></div> |
|
|
|
</div> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item label="管理员姓名" prop="operator" label-width="150px"> |
|
|
|
<el-input v-model.trim="formData.operator" size="small" clearable placeholder="请输入管理员姓名" |
|
|
|
:disabled="true" class="u-item-width-normal"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item label="手机号" prop="mobile" label-width="150px"> |
|
|
|
<el-input v-model.trim="formData.mobile" size="small" clearable placeholder="请输入手机号" |
|
|
|
:disabled="true" class="u-item-width-normal"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item label="身份证号" prop="idCard" label-width="150px"> |
|
|
|
<el-input v-model.trim="formData.idCard" size="small" clearable placeholder="请输入身份证号" |
|
|
|
:disabled="true" class="u-item-width-normal"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item label="组织封面图" label-width="150px" prop="fileList"> |
|
|
|
<template> |
|
|
|
<!-- <upload-image :defaultFileList="fileList" :limit="1" @change="onChangeFileList" :file-list="formData.fileList" |
|
|
|
@file-removed="removedImg"></upload-image> --> |
|
|
|
<div class="demo-image__preview"> |
|
|
|
<el-image style="width: 100px; height: 100px" :src="formData.qualification" |
|
|
|
:preview-src-list="srcList"> |
|
|
|
</el-image> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="品牌展示图" label-width="150px" prop="VolunteerPic"> |
|
|
|
<template> |
|
|
|
<upload-image :defaultFileList="fileList1" :limit="1" @change="onChangeFileList1" |
|
|
|
@file-removed="removedImg"></upload-image> |
|
|
|
</template> |
|
|
|
</el-form-item> |
|
|
|
</el-row></el-form> |
|
|
|
</div> |
|
|
|
<!-- <div class="div_btn"> |
|
|
|
</el-col> |
|
|
|
<el-form-item label="组织介绍" prop="introduction" label-width="150px" style="display: block"> |
|
|
|
<div class="item_width_1"> |
|
|
|
<el-input :disabled="true" type="textarea" autosize placeholder="请填写组织介绍" |
|
|
|
v-model.trim="formData.introduction" :autosize="{ minRows:4., maxRows: 10}"> |
|
|
|
</el-input> |
|
|
|
</div> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="志愿品牌" prop="brand" label-width="150px" style="display: block"> |
|
|
|
<div class="item_width_1"> |
|
|
|
<el-input :disabled="true" type="textarea" autosize placeholder="请输入内容" |
|
|
|
v-model.trim="formData.brand" :autosize="{ minRows:4., maxRows: 10}"> |
|
|
|
</el-input> |
|
|
|
</div> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="品牌展示图" label-width="150px" prop="VolunteerPic"> |
|
|
|
<template> |
|
|
|
<div class="demo-image__preview"> |
|
|
|
<el-image style="width: 100px; height: 100px" :src="formData.brandImg" |
|
|
|
:preview-src-list="srcList"> |
|
|
|
</el-image> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</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> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
|
|
<script> |
|
|
|
|