| 
						
						
							
								
							
						
						
					 | 
				
				 | 
				
					@ -2,33 +2,36 @@ | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					    <div> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        <div class="dialog-h-content scroll-h"> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					
 | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					          <el-form ref="ref_form" :inline="true" :model="formData" :rules="dataRule"  | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					             class="form"> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					            <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-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-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-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-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> | 
				
			
			
		
	
	
		
			
				
					| 
						
						
						
							
								
							
						
					 | 
				
				 | 
				
					@ -36,10 +39,12 @@ | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                    <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-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> | 
				
			
			
		
	
	
		
			
				
					| 
						
						
						
							
								
							
						
					 | 
				
				 | 
				
					@ -48,48 +53,58 @@ | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                    </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-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-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-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> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                                <!-- <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-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 :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 :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> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                             <upload-image :defaultFileList="fileList1" :limit="1" @change="onChangeFileList1" | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                                 @file-removed="removedImg"></upload-image> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					                            <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> | 
				
			
			
		
	
	
		
			
				
					| 
						
							
								
							
						
						
						
					 | 
				
				 | 
				
					
  |