|
|
@@ -36,13 +36,13 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!-- <div @click="userInfoEdit = true" class="info-box-l-seid flex align-center">
|
|
|
+ <div @click="userInfoEdit = true" class="info-box-l-seid flex align-center">
|
|
|
<el-icon class="info-box-l-seid-icon" style="cursor: pointer;"
|
|
|
color="#00DD9A" size="20">
|
|
|
<Edit />
|
|
|
</el-icon>
|
|
|
编辑
|
|
|
- </div> -->
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div v-else class="info-box-l-edit">
|
|
|
@@ -56,73 +56,102 @@
|
|
|
:rules="[{required: true,message: '请输入企业名称',trigger: 'blur',},]"
|
|
|
class="row45" label="企业名称">
|
|
|
<el-input placeholder="请输入企业名称" class="inputClass"
|
|
|
- v-model="companyInfo.companyName" />
|
|
|
+ v-model="companyInfo.companyName" disabled />
|
|
|
</el-form-item>
|
|
|
+
|
|
|
<el-form-item prop="companyPeople"
|
|
|
:rules="[{required: true,message: '请选择公司规模',trigger: 'blur',},]"
|
|
|
class="row45" label="公司规模">
|
|
|
- <el-select v-model="companyInfo.companyPeople" style="width: 100%;"
|
|
|
+ <el-select v-model="companyInfo.companyPeople" style="width: 100%;" disabled
|
|
|
class="inputClass" placeholder="请选择公司规模" size="large">
|
|
|
<el-option v-for="item in comList" :key="item.value" :label="item.value"
|
|
|
:value="item.value" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
- <!-- <el-form-item prop="companyAddress1"
|
|
|
- :rules="[{required: true,message: '请选择公司所在地',trigger: 'blur',},]"
|
|
|
- class="row45" label="公司所在地">
|
|
|
- <el-cascader style="width: 100%;"
|
|
|
- :props="{ value: 'label',label: 'label',children: 'children'}"
|
|
|
- v-model="companyInfo.companyAddress1" :options="citysList"
|
|
|
- placeholder="请选择省市区" />
|
|
|
- </el-form-item> -->
|
|
|
- <el-form-item prop="companyAddress"
|
|
|
- :rules="[{required: true,message: '请输入详细地址',trigger: 'blur',},]"
|
|
|
- class="row45" label="详细地址">
|
|
|
- <!-- <el-input placeholder="请输入详细地址" class="inputClass"
|
|
|
- v-model="companyInfo.companyAddress" /> -->
|
|
|
- <el-autocomplete style="width: 100%;" @input="workInput"
|
|
|
- v-model="companyInfo.companyAddress"
|
|
|
- :fetch-suggestions="querySearchAsync" placeholder="请输入工作地址"
|
|
|
- @select="handleSelect" />
|
|
|
+
|
|
|
+ <el-form-item prop="workTime"
|
|
|
+ :rules="[{ required: true, message: '请选择公司标准工作时间', trigger: 'blur', },]"
|
|
|
+ class="row45" label="公司标准工作时间">
|
|
|
+ <el-time-picker v-model="companyInfo.workTime" is-range range-separator="至"
|
|
|
+ start-placeholder="上班时间" end-placeholder="下班时间" format="HH:mm"
|
|
|
+ value-format="HH:mm" placeholder="请选择时间范围" />
|
|
|
</el-form-item>
|
|
|
- <el-form-item prop="companyScope"
|
|
|
- :rules="[{required: true,message: '请选择公司所属行业',trigger: 'blur',},]"
|
|
|
- class="row45" label="所属行业">
|
|
|
- <el-input @click="openIndustry()" :readonly="true" placeholder="请选择期望工作行业"
|
|
|
- suffix-icon="ArrowRight" class="inputClass"
|
|
|
- v-model="companyInfo.companyScope">
|
|
|
- </el-input>
|
|
|
+
|
|
|
+ <el-form-item prop="welfare" label="公司福利"
|
|
|
+ :rules="[{ required: true, message: '请选择公司福利', trigger: 'change' }]"
|
|
|
+ class="row45">
|
|
|
+ <el-select v-model="companyInfo.welfare" multiple placeholder="请选择公司福利">
|
|
|
+ <el-option-group v-for="group in welfareOptions" :key="group.label"
|
|
|
+ :label="group.label">
|
|
|
+ <el-option v-for="item in group.options" :key="item.value"
|
|
|
+ :label="item.label" :value="item.value" />
|
|
|
+ </el-option-group>
|
|
|
+ </el-select>
|
|
|
</el-form-item>
|
|
|
- <el-form-item prop="companyLegalPerson"
|
|
|
- :rules="[{required: true,message: '请输入公司法人',trigger: 'blur',},]"
|
|
|
- class="row45" label="公司法人">
|
|
|
- <el-input placeholder="请输入公司法人" class="inputClass"
|
|
|
- v-model="companyInfo.companyLegalPerson" />
|
|
|
+
|
|
|
+ <el-form-item prop="companyPeopleDevelop" label="人才发展"
|
|
|
+ :rules="[{ required: true, message: '请选择人才发展', trigger: 'change' }]"
|
|
|
+ class="row45">
|
|
|
+ <el-select v-model="companyInfo.companyPeopleDevelop" multiple
|
|
|
+ placeholder="请选择人才发展">
|
|
|
+ <el-option-group v-for="group in companyPeopleDevelopList"
|
|
|
+ :key="group.label" :label="group.label">
|
|
|
+ <el-option v-for="item in group.options" :key="item.value"
|
|
|
+ :label="item.label" :value="item.value" />
|
|
|
+ </el-option-group>
|
|
|
+ </el-select>
|
|
|
</el-form-item>
|
|
|
- <el-form-item prop="email"
|
|
|
- :rules="[{required: true,message: '请输入企业邮箱',trigger: 'blur',},]"
|
|
|
- class="row45" label="企业邮箱">
|
|
|
- <el-input placeholder="请输入企业邮箱" class="inputClass"
|
|
|
- v-model="companyInfo.email" />
|
|
|
+
|
|
|
+ <el-form-item prop="workRestTime" class="row45" label="休息时间(可选)">
|
|
|
+ <el-select v-model="companyInfo.workRestTime" style="width: 100%;"
|
|
|
+ class="inputClass" placeholder="请选择休息时间" size="large">
|
|
|
+ <el-option label="单休" value="单休" />
|
|
|
+ <el-option label="双休" value="双休" />
|
|
|
+ </el-select>
|
|
|
</el-form-item>
|
|
|
- <el-form-item prop="companyRegisteredFund"
|
|
|
- :rules="[{required: true,message: '请输入注册资金(万)',trigger: 'blur',},]"
|
|
|
- class="row45" label="注册资金(万)">
|
|
|
- <el-input placeholder="请输入注册资金(万)" class="inputClass"
|
|
|
- v-model="companyInfo.companyRegisteredFund" />
|
|
|
+
|
|
|
+ <el-form-item prop="workOverTime" class="row45" label="加班情况(可选)">
|
|
|
+ <el-select v-model="companyInfo.workOverTime" style="width: 100%;"
|
|
|
+ class="inputClass" placeholder="请选择加班情况" size="large">
|
|
|
+ <el-option label="不加班" value="不加班" />
|
|
|
+ <el-option label="偶尔加班" value="偶尔加班" />
|
|
|
+ <el-option label="弹性工作" value="弹性工作" />
|
|
|
+ </el-select>
|
|
|
</el-form-item>
|
|
|
- <el-form-item prop="companyCreateTime"
|
|
|
- :rules="[{required: true,message: '请选择注册时间',trigger: 'blur',},]"
|
|
|
- class="row45" label="注册时间">
|
|
|
- <el-date-picker style="width: 100%;" v-model="companyInfo.companyCreateTime"
|
|
|
- type="date" placeholder="请选择注册时间" />
|
|
|
+
|
|
|
+ <el-form-item prop="companyDevelop"
|
|
|
+ label="发展阶段"
|
|
|
+ :rules="[{ required: true, message: '请选择发展阶段', trigger: 'change', },]"
|
|
|
+ class="row45">
|
|
|
+ <el-select v-model="companyInfo.companyDevelop" style="width: 100%;"
|
|
|
+ class="inputClass" placeholder="请选择发展阶段" size="large">
|
|
|
+ <el-option :label="item" :value="item" v-for="item in companyDevelopList" :key="item"></el-option>
|
|
|
+ </el-select>
|
|
|
</el-form-item>
|
|
|
- <el-form-item prop="companyDetails"
|
|
|
+
|
|
|
+ <el-form-item prop="companyContent"
|
|
|
:rules="[{required: true,message: '请输入公司介绍',trigger: 'blur',},]"
|
|
|
class="row45" label="公司介绍">
|
|
|
- <el-input v-model="companyInfo.companyDetails" :rows="4" type="textarea"
|
|
|
+ <el-input v-model="companyInfo.companyContent" :rows="4" type="textarea"
|
|
|
placeholder="请输入公司介绍" />
|
|
|
</el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="主营业务介绍" prop="companyScope" class="row45"
|
|
|
+ :rules="[{ required: true, message: '请至少添加一个主营业务标签', trigger: 'blur' }]">
|
|
|
+ <el-tag size="large" style="margin-right: 10px;margin-bottom: 10px;"
|
|
|
+ v-for="(item, index) in companyInfo.companyScope" :key="item" closable
|
|
|
+ @close="handleClose(index)">
|
|
|
+ {{ item }}
|
|
|
+ </el-tag>
|
|
|
+ <el-input v-if="inputVisible" ref="InputRef" v-model="inputValue"
|
|
|
+ style="width: fit-content;margin-bottom: 10px;" class="w-20" size="default"
|
|
|
+ @keyup.enter="handleInputConfirm" @blur="handleInputConfirm" />
|
|
|
+ <el-button v-else class="button-new-tag ml-1" size="default" style="margin-bottom: 10px;"
|
|
|
+ @click="inputVisible = true">
|
|
|
+ + 添加标签
|
|
|
+ </el-button>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
<el-form-item prop="companyCertification"
|
|
|
:rules="[{required: true,message: '请上传营业执照照片',trigger: 'blur',},]"
|
|
|
class="row45" label="营业执照">
|
|
|
@@ -137,9 +166,10 @@
|
|
|
</el-icon>
|
|
|
</el-upload>
|
|
|
</el-form-item>
|
|
|
+
|
|
|
<el-form-item prop="companyLogo"
|
|
|
- :rules="[{required: true,message: '请上传企业头像照片',trigger: 'blur',},]"
|
|
|
- class="row45" label="企业头像">
|
|
|
+ :rules="[{required: true,message: '请上传公司头像',trigger: 'blur',},]"
|
|
|
+ class="row45" label="公司头像">
|
|
|
<el-upload class="avatar-uploader flex align-center justify-center"
|
|
|
:action="action" :show-file-list="false"
|
|
|
:on-success="handleAvatarSuccessL">
|
|
|
@@ -151,6 +181,24 @@
|
|
|
</el-upload>
|
|
|
</el-form-item>
|
|
|
|
|
|
+ <el-form-item prop="photos" label="公司展示照片" class="width100" style="display: initial;"
|
|
|
+ :rules="[{ required: true, message: '请上传公司展示照片', trigger: 'change' }]">
|
|
|
+ <el-upload class="upload-demo" :action="action" list-type="picture-card"
|
|
|
+ :file-list="companyInfo.photos" :limit="20"
|
|
|
+ :on-success="handlePhotosSuccess" :on-preview="handlePreview"
|
|
|
+ :on-remove="handleRemove">
|
|
|
+ <el-icon v-if="companyInfo.photos.length < 20"
|
|
|
+ class="avatar-uploader-icon">
|
|
|
+ <Plus />
|
|
|
+ </el-icon>
|
|
|
+ </el-upload>
|
|
|
+ <!-- 预览弹窗 -->
|
|
|
+ <el-dialog v-model="dialogVisible" width="50%">
|
|
|
+ <img :src="dialogImageUrl" alt="Preview" style="width: 100%" />
|
|
|
+ </el-dialog>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item class="row45"></el-form-item>
|
|
|
<el-form-item>
|
|
|
<div class="info-box-l-edit-btn flex align-center justify-end">
|
|
|
<el-button @click="userInfoEdit = false" style="width: 100px;"
|
|
|
@@ -296,47 +344,6 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
- <!-- 行业选择 -->
|
|
|
- <el-dialog class="workDialog" :draggable="true" destroy-on-close align-center center v-model="industryDialog"
|
|
|
- title="选择行业">
|
|
|
- <template #header>
|
|
|
- <div class="my-header flex align-center">
|
|
|
- <div class="my-header-title" style="font-weight: bold;">
|
|
|
- 选择行业
|
|
|
- </div>
|
|
|
- <div class="my-header-title flex align-center" style="margin-left: 40px;width: 500px;">
|
|
|
- <el-select @remove-tag="removeTag" :collapse-tags=" true" :max-collapse-tags="2"
|
|
|
- class="my-header-title-se" multiple-limit="3" v-model="industryArr" multiple
|
|
|
- placeholder="请选择行业">
|
|
|
- <el-option v-for="item in industryArrList" :key="item.industryName"
|
|
|
- :label="item.industryName" :value="item.industryName" />
|
|
|
- </el-select>
|
|
|
- <span style="margin-left: 10px;font-size: 13px;color: #999999;">{{industryArr.length}}/3</span>
|
|
|
- <el-button @click="addHangye()" style="margin-left: 10px;" type="primary">确定</el-button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <div class="myHy flex align-center justify-center">
|
|
|
- <div class="myHy-box">
|
|
|
- <div class="myHy-box-item flex justify-between" v-for="(item,index) in industryList" :key="index">
|
|
|
- <div class="myHy-box-item-l">
|
|
|
- {{item.industryName}}
|
|
|
- </div>
|
|
|
- <div class="myHy-box-item-r flex align-center justify-between flex-wrap">
|
|
|
- <div class="myHy-box-item-r-item" :style="ite.select?'color:#00DD9A':''"
|
|
|
- @click="addIndustry(ite)" v-for="(ite,ind) in item.childrenList" :key="ind">
|
|
|
- {{ite.industryName}}
|
|
|
- </div>
|
|
|
- <div class="myHy-box-item-r-item"></div>
|
|
|
- <div class="myHy-box-item-r-item"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <el-empty v-if="industryList.length==0" description="暂无行业" />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- </el-dialog>
|
|
|
<!-- 分享好友 -->
|
|
|
<el-dialog class="share" v-model="dialogShare" destroy-on-close width="35%">
|
|
|
<el-image style="width: 100%; height: 650px;border-radius: 12px;" :src="backgroundImage" fit="fill" />
|
|
|
@@ -397,14 +404,8 @@
|
|
|
import citys from './citys.json'
|
|
|
import axios from 'axios';
|
|
|
import jsonp from 'axios-jsonp'
|
|
|
- import {
|
|
|
- ElMessageBox,
|
|
|
- ElMessage,
|
|
|
- } from 'element-plus'
|
|
|
- import {
|
|
|
- ROOTPATH,
|
|
|
- ROOTPATH4
|
|
|
- } from '../../../comment/httpUrl.js'
|
|
|
+ import {ElMessageBox,ElMessage,} from 'element-plus'
|
|
|
+ import {ROOTPATH,ROOTPATH4} from '../../../comment/httpUrl.js'
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
@@ -412,27 +413,126 @@
|
|
|
companyInfo: {
|
|
|
companyName: '', //企业名称
|
|
|
companyLegalPerson: '', //公司规模
|
|
|
- companyAddress1: '', //省市区
|
|
|
- companyAddress: '', //营业地址
|
|
|
- companyScope: '', //经营范围
|
|
|
- companyPeople: '', //公司法人
|
|
|
- companyRegisteredFund: '', //注册资金
|
|
|
- companyCreateTime: '', //注册时间
|
|
|
+ // companyAddress1: '', //省市区
|
|
|
+ // companyAddress: '', //营业地址
|
|
|
+ companyScope: [], //主营业务
|
|
|
+ // companyPeople: '', //公司法人
|
|
|
+ // companyRegisteredFund: '', //注册资金
|
|
|
+ // companyCreateTime: '', //注册时间
|
|
|
// companyContent: [], //招聘信息
|
|
|
- companyDetails: '', //简介
|
|
|
- companyLogo: '',
|
|
|
+ companyContent: '', //简介
|
|
|
+ companyLogo: '',//公司logo
|
|
|
companyCertification: '', //营业执照
|
|
|
- email: '', //企业邮箱
|
|
|
- companyLng: '',
|
|
|
- companyLat: '',
|
|
|
+ // email: '', //企业邮箱
|
|
|
+ // companyLng: '',
|
|
|
+ // companyLat: '',
|
|
|
+ workTime: '', //公司标准工作时间
|
|
|
+ workRestTime: '', //休息时间
|
|
|
+ workOverTime: '', //加班情况
|
|
|
+ companyDevelop: '', //发展阶段
|
|
|
+ welfare: '', //福利
|
|
|
+ companyPeopleDevelop:'', //人才发展
|
|
|
+ photos: [], //公司展示照片
|
|
|
}, //企业信息
|
|
|
+ companyDevelopList: [
|
|
|
+ "未融资",
|
|
|
+ "天使轮",
|
|
|
+ "A轮",
|
|
|
+ "B轮",
|
|
|
+ "C轮",
|
|
|
+ "D轮及以上",
|
|
|
+ "已上市",
|
|
|
+ "不需要融资",
|
|
|
+ ],
|
|
|
+ welfareOptions: [
|
|
|
+ {
|
|
|
+ label: '保险',
|
|
|
+ options: [
|
|
|
+ { value: '五险一金', label: '五险一金' },
|
|
|
+ { value: '补充医疗保险', label: '补充医疗保险' },
|
|
|
+ { value: '意外险', label: '意外险' },
|
|
|
+ { value: '定期体检', label: '定期体检' }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '薪资期权',
|
|
|
+ options: [
|
|
|
+ { value: '年终奖', label: '年终奖' },
|
|
|
+ { value: '绩效奖金', label: '绩效奖金' },
|
|
|
+ { value: '保底工资', label: '保底工资' },
|
|
|
+ { value: '底薪加提成', label: '底薪加提成' },
|
|
|
+ { value: '股票期权', label: '股票期权' },
|
|
|
+ { value: '企业年金', label: '企业年金' }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '补贴',
|
|
|
+ options: [
|
|
|
+ { value: '餐补', label: '餐补' },
|
|
|
+ { value: '交通补贴', label: '交通补贴' },
|
|
|
+ { value: '住房补贴', label: '住房补贴' },
|
|
|
+ { value: '加班补贴', label: '加班补贴' },
|
|
|
+ { value: '团建补贴', label: '团建补贴' }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '休假',
|
|
|
+ options: [
|
|
|
+ { value: '带薪年假', label: '带薪年假' },
|
|
|
+ { value: '节假日加班费', label: '节假日加班费' },
|
|
|
+ { value: '法定节假日三薪', label: '法定节假日三薪' },
|
|
|
+ { value: '员工购房', label: '员工购房' }
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ companyPeopleDevelopList: [
|
|
|
+ {
|
|
|
+ label: '晋升制度',
|
|
|
+ options: [
|
|
|
+ { value: '考核晋升', label: '考核晋升' },
|
|
|
+ { value: '定期晋升', label: '定期晋升' },
|
|
|
+ { value: '完善的晋升机制', label: '完善的晋升机制' }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '人才激励',
|
|
|
+ options: [
|
|
|
+ { value: '定期普调', label: '定期普调' },
|
|
|
+ { value: '定期绩效调薪', label: '定期绩效调薪' },
|
|
|
+ { value: '晋级涨薪', label: '晋级涨薪' },
|
|
|
+ { value: '项目奖金', label: '项目奖金' },
|
|
|
+ { value: '团队奖金', label: '团队奖金' },
|
|
|
+ { value: '个人奖金', label: '个人奖金' },
|
|
|
+ { value: '绩效提成', label: '绩效提成' },
|
|
|
+ { value: '股票期权', label: '股票期权' },
|
|
|
+ { value: '人才补贴', label: '人才补贴' }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '能力培养',
|
|
|
+ options: [
|
|
|
+ { value: '老员工带新', label: '老员工带新' },
|
|
|
+ { value: '导师一对一', label: '导师一对一' },
|
|
|
+ { value: '岗前带薪培训', label: '岗前带薪培训' },
|
|
|
+ { value: '内部定期培训', label: '内部定期培训' },
|
|
|
+ { value: '专业技能培训', label: '专业技能培训' },
|
|
|
+ { value: '内部课程资源', label: '内部课程资源' },
|
|
|
+ { value: '大牛带队', label: '大牛带队' },
|
|
|
+ { value: '人脉积累', label: '人脉积累' },
|
|
|
+ { value: '国内外进修', label: '国内外进修' },
|
|
|
+ { value: '校招培养', label: '校招培养' }
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ inputVisible: false,
|
|
|
+ inputValue:'',
|
|
|
action: ROOTPATH + '/alioss/upload', //上传图片地址
|
|
|
- industryDialog: false, //是否打开行业选择
|
|
|
+ // industryDialog: false, //是否打开行业选择
|
|
|
loading: false, //设置加载中
|
|
|
userInfoEdit: false,
|
|
|
- industryArr: [], //选择的行业数组
|
|
|
- industryArrList: [], //可选择的行业列表
|
|
|
- industryList: [], //行业列表
|
|
|
+ // industryArr: [], //选择的行业数组
|
|
|
+ // industryArrList: [], //可选择的行业列表
|
|
|
+ // industryList: [], //行业列表
|
|
|
backgroundImage: '', //邀请背景图
|
|
|
peopleNum: 0, //邀请的人数
|
|
|
numPeople: 0, //邀请人数要求
|
|
|
@@ -443,6 +543,8 @@
|
|
|
citysList: citys,
|
|
|
postPushList: [], //岗位列表
|
|
|
dialogShare: false,
|
|
|
+ dialogImageUrl: '', // 预览图片URL
|
|
|
+ dialogVisible: false, // 预览图片是否可见
|
|
|
}
|
|
|
|
|
|
},
|
|
|
@@ -485,42 +587,81 @@
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
- //选择地址
|
|
|
- handleSelect(item) {
|
|
|
- this.companyInfo.province = item.province
|
|
|
- this.companyInfo.city = item.city
|
|
|
- this.companyInfo.district = item.district
|
|
|
- this.companyInfo.companyLng = item.location.lng
|
|
|
- this.companyInfo.companyLat = item.location.lat
|
|
|
+ //删除主营业务介绍标签
|
|
|
+ handleClose(index) {
|
|
|
+ this.companyInfo.companyScope.splice(index, 1)
|
|
|
},
|
|
|
- //地址搜索
|
|
|
- querySearchAsync(queryString, cd) {
|
|
|
- if (!queryString) {
|
|
|
- cd([])
|
|
|
- return
|
|
|
+ //确认
|
|
|
+ handleInputConfirm() {
|
|
|
+ if (this.inputValue) {
|
|
|
+ this.companyInfo.companyScope.push(this.inputValue)
|
|
|
+ this.inputVisible = false
|
|
|
+ this.inputValue = ''
|
|
|
+ } else {
|
|
|
+ this.inputVisible = false
|
|
|
}
|
|
|
- let data = {
|
|
|
- key: "ZBABZ-ZWECU-UQTVV-4LYDR-COK3F-5SF75", //申请的密钥
|
|
|
- keyword: queryString, //搜索内容
|
|
|
- output: 'jsonp',
|
|
|
- };
|
|
|
- let url =
|
|
|
- "https://apis.map.qq.com/ws/place/v1/suggestion"
|
|
|
- axios.get(url, {
|
|
|
- params: data,
|
|
|
- adapter: jsonp
|
|
|
- }).then(res => {
|
|
|
- if (res.data.status == 0) {
|
|
|
- let arr = res.data.data
|
|
|
- arr.map(item => {
|
|
|
- item.value = item.title
|
|
|
- })
|
|
|
- cd(arr)
|
|
|
+ },
|
|
|
+ // 上传成功
|
|
|
+ handlePhotosSuccess(response, file, fileList) {
|
|
|
+ // 这里 fileList 是 element-ui 内部生成的文件对象数组
|
|
|
+ // 如果接口返回 url,在这里更新 companyInfo.photos
|
|
|
+ this.companyInfo.photos = fileList.map(item => {
|
|
|
+ return {
|
|
|
+ name: item.name,
|
|
|
+ url: item.response ? item.response.data : item.url
|
|
|
}
|
|
|
- }).catch(err => {
|
|
|
- console.log(err)
|
|
|
})
|
|
|
},
|
|
|
+
|
|
|
+ // 删除图片
|
|
|
+ handleRemove(file, fileList) {
|
|
|
+ this.companyInfo.photos = fileList.map(item => ({
|
|
|
+ name: item.name,
|
|
|
+ url: item.url
|
|
|
+ }))
|
|
|
+ },
|
|
|
+
|
|
|
+ // 点击预览
|
|
|
+ handlePreview(file) {
|
|
|
+ this.dialogImageUrl = file.url
|
|
|
+ this.dialogVisible = true
|
|
|
+ },
|
|
|
+ //选择地址
|
|
|
+ // handleSelect(item) {
|
|
|
+ // this.companyInfo.province = item.province
|
|
|
+ // this.companyInfo.city = item.city
|
|
|
+ // this.companyInfo.district = item.district
|
|
|
+ // this.companyInfo.companyLng = item.location.lng
|
|
|
+ // this.companyInfo.companyLat = item.location.lat
|
|
|
+ // },
|
|
|
+ //地址搜索
|
|
|
+ // querySearchAsync(queryString, cd) {
|
|
|
+ // if (!queryString) {
|
|
|
+ // cd([])
|
|
|
+ // return
|
|
|
+ // }
|
|
|
+ // let data = {
|
|
|
+ // key: "ZBABZ-ZWECU-UQTVV-4LYDR-COK3F-5SF75", //申请的密钥
|
|
|
+ // keyword: queryString, //搜索内容
|
|
|
+ // output: 'jsonp',
|
|
|
+ // };
|
|
|
+ // let url =
|
|
|
+ // "https://apis.map.qq.com/ws/place/v1/suggestion"
|
|
|
+ // axios.get(url, {
|
|
|
+ // params: data,
|
|
|
+ // adapter: jsonp
|
|
|
+ // }).then(res => {
|
|
|
+ // if (res.data.status == 0) {
|
|
|
+ // let arr = res.data.data
|
|
|
+ // arr.map(item => {
|
|
|
+ // item.value = item.title
|
|
|
+ // })
|
|
|
+ // cd(arr)
|
|
|
+ // }
|
|
|
+ // }).catch(err => {
|
|
|
+ // console.log(err)
|
|
|
+ // })
|
|
|
+ // },
|
|
|
//去我的收藏
|
|
|
goMyCollect(name) {
|
|
|
this.$router.push({
|
|
|
@@ -646,59 +787,60 @@
|
|
|
saveCompany() {
|
|
|
let formRef = this.$refs.formResume
|
|
|
let form = JSON.parse(JSON.stringify(this.companyInfo))
|
|
|
- form.companyCreateTime = this.getFormDate(form.companyCreateTime) //处理注册时间
|
|
|
- // form.province = form.companyAddress1[0]
|
|
|
- // form.city = form.companyAddress1[1]
|
|
|
- // form.district = form.companyAddress1[2]
|
|
|
formRef.validate((valid) => {
|
|
|
if (valid) {
|
|
|
this.loading = true
|
|
|
- console.log(form, '1111111')
|
|
|
- if (this.companyInfo.companyId) { //修改
|
|
|
- this.$Request.post("/app/company/updateCompany", form, {
|
|
|
- type: 'json'
|
|
|
- }).then(res => {
|
|
|
- if (res.code == 0) {
|
|
|
- ElMessage({
|
|
|
- message: '认证修改成功!',
|
|
|
- type: 'success',
|
|
|
- duration: 1500,
|
|
|
- offset: this.screenHeight / 2
|
|
|
- })
|
|
|
- this.loading = false
|
|
|
- this.userInfoEdit = false
|
|
|
- this.getCompanyInfo()
|
|
|
- } else {
|
|
|
- this.loading = false
|
|
|
- ElMessageBox.alert(res.msg, '提示', {
|
|
|
- confirmButtonText: '确认'
|
|
|
- })
|
|
|
- this.getCompanyInfo()
|
|
|
- }
|
|
|
- });
|
|
|
- } else { //保存
|
|
|
- this.$Request.post("/app/company/insertCompany", form, {
|
|
|
- type: 'json'
|
|
|
- }).then(res => {
|
|
|
- if (res.code == 0) {
|
|
|
- ElMessage({
|
|
|
- message: '认证提交成功!',
|
|
|
- type: 'success',
|
|
|
- duration: 1500,
|
|
|
- offset: this.screenHeight / 2
|
|
|
- })
|
|
|
- this.loading = false
|
|
|
- this.userInfoEdit = false
|
|
|
- this.getCompanyInfo()
|
|
|
- } else {
|
|
|
- this.loading = false
|
|
|
- ElMessageBox.alert(res.msg, '提示', {
|
|
|
- confirmButtonText: '确认'
|
|
|
- })
|
|
|
- this.getCompanyInfo()
|
|
|
- }
|
|
|
- });
|
|
|
- }
|
|
|
+ form.companyPeopleDevelop = form.companyPeopleDevelop.join(',');
|
|
|
+ form.companyScope = form.companyScope.join(',');
|
|
|
+ form.photos = form.photos.map(item => item.url).join(',');
|
|
|
+ form.welfare = form.welfare.join(',');
|
|
|
+ form.workTime = form.workTime.join('-');
|
|
|
+ this.$Request.post("/app/company/updateCompany", form, {
|
|
|
+ type: 'json'
|
|
|
+ }).then(res => {
|
|
|
+ if (res.code == 0) {
|
|
|
+ ElMessage({
|
|
|
+ message: '编辑成功!',
|
|
|
+ type: 'success',
|
|
|
+ duration: 1500,
|
|
|
+ offset: this.screenHeight / 2
|
|
|
+ })
|
|
|
+ this.loading = false
|
|
|
+ this.userInfoEdit = false
|
|
|
+ this.getCompanyInfo()
|
|
|
+ } else {
|
|
|
+ this.loading = false
|
|
|
+ ElMessageBox.alert(res.msg, '提示', {
|
|
|
+ confirmButtonText: '确认'
|
|
|
+ })
|
|
|
+ this.getCompanyInfo()
|
|
|
+ }
|
|
|
+ });
|
|
|
+ // if (this.companyInfo.companyId) { //修改
|
|
|
+ // }
|
|
|
+ // else { //保存
|
|
|
+ // this.$Request.post("/app/company/insertCompany", form, {
|
|
|
+ // type: 'json'
|
|
|
+ // }).then(res => {
|
|
|
+ // if (res.code == 0) {
|
|
|
+ // ElMessage({
|
|
|
+ // message: '认证提交成功!',
|
|
|
+ // type: 'success',
|
|
|
+ // duration: 1500,
|
|
|
+ // offset: this.screenHeight / 2
|
|
|
+ // })
|
|
|
+ // this.loading = false
|
|
|
+ // this.userInfoEdit = false
|
|
|
+ // this.getCompanyInfo()
|
|
|
+ // } else {
|
|
|
+ // this.loading = false
|
|
|
+ // ElMessageBox.alert(res.msg, '提示', {
|
|
|
+ // confirmButtonText: '确认'
|
|
|
+ // })
|
|
|
+ // this.getCompanyInfo()
|
|
|
+ // }
|
|
|
+ // });
|
|
|
+ // }
|
|
|
|
|
|
} else {
|
|
|
console.log('error submit!')
|
|
|
@@ -714,11 +856,6 @@
|
|
|
handleAvatarSuccessL(res) {
|
|
|
this.companyInfo.companyLogo = res.data
|
|
|
},
|
|
|
- //确认行业
|
|
|
- addHangye() {
|
|
|
- this.companyInfo.companyScope = this.industryArr.join(',')
|
|
|
- this.industryDialog = false
|
|
|
- },
|
|
|
//获取公司规模
|
|
|
getComList() {
|
|
|
let data = {
|
|
|
@@ -745,14 +882,26 @@
|
|
|
getCompanyInfo() {
|
|
|
this.$Request.get("/app/company/selectCompanyByUserId").then(res => {
|
|
|
if (res.code == 0 && res.data) {
|
|
|
+ res.data.companyScope = res.data.companyScope? res.data.companyScope.split(',') : []
|
|
|
+ res.data.photos = res.data.photos
|
|
|
+ ? res.data.photos.split(',').map((url, index) => ({
|
|
|
+ name: `image_${index}`,
|
|
|
+ url
|
|
|
+ }))
|
|
|
+ : []
|
|
|
+
|
|
|
+
|
|
|
+ res.data.companyPeopleDevelop = res.data.companyPeopleDevelop? res.data.companyPeopleDevelop.split(',') : [];
|
|
|
+ res.data.welfare = res.data.welfare?res.data.welfare.split(',') : [];
|
|
|
+ res.data.workTime = res.data.workTime?res.data.workTime.split('-') : [];
|
|
|
// res.data.companyContent = res.data.companyContent.split(',')
|
|
|
this.companyInfo = res.data
|
|
|
this.companyInfos = res.data
|
|
|
- if (res.data.province && res.data.city && res.data.district) {
|
|
|
- this.companyInfo.companyAddress1 = [res.data.province, res.data.city, res
|
|
|
- .data.district
|
|
|
- ]
|
|
|
- }
|
|
|
+ // if (res.data.province && res.data.city && res.data.district) {
|
|
|
+ // this.companyInfo.companyAddress1 = [res.data.province, res.data.city, res
|
|
|
+ // .data.district
|
|
|
+ // ]
|
|
|
+ // }
|
|
|
// let address = this.companyInfo.companyAddress
|
|
|
// let reg = /.+?(省|市|自治区|自治州|县|区)/g
|
|
|
// let cityarr = address.match(reg)
|
|
|
@@ -906,60 +1055,76 @@
|
|
|
});
|
|
|
},
|
|
|
//打开行业选择弹框
|
|
|
- openIndustry(type) {
|
|
|
- this.type = type
|
|
|
- this.industryArr = []
|
|
|
- this.getIndustryList()
|
|
|
- },
|
|
|
+ // openIndustry(type) {
|
|
|
+ // this.type = type
|
|
|
+ // this.industryArr = []
|
|
|
+ // this.getIndustryList()
|
|
|
+ // },
|
|
|
// 添加行业
|
|
|
- addIndustry(ite) {
|
|
|
- if (ite.select == false) {
|
|
|
- if (this.industryArr.length == 3) {
|
|
|
- ElMessage({
|
|
|
- message: '最多添加三条',
|
|
|
- type: 'info',
|
|
|
- duration: 1500,
|
|
|
- offset: this.screenHeight / 2
|
|
|
- })
|
|
|
- return
|
|
|
- }
|
|
|
- this.industryArr.push(ite.industryName)
|
|
|
- } else {
|
|
|
- console.log('ccccccccccc')
|
|
|
- this.industryArr.splice(this.industryArr.indexOf(ite.industryName), 1)
|
|
|
- }
|
|
|
- ite.select = !ite.select
|
|
|
- },
|
|
|
+ // addIndustry(ite) {
|
|
|
+ // if (ite.select == false) {
|
|
|
+ // if (this.industryArr.length == 3) {
|
|
|
+ // ElMessage({
|
|
|
+ // message: '最多添加三条',
|
|
|
+ // type: 'info',
|
|
|
+ // duration: 1500,
|
|
|
+ // offset: this.screenHeight / 2
|
|
|
+ // })
|
|
|
+ // return
|
|
|
+ // }
|
|
|
+ // this.industryArr.push(ite.industryName)
|
|
|
+ // } else {
|
|
|
+ // console.log('ccccccccccc')
|
|
|
+ // this.industryArr.splice(this.industryArr.indexOf(ite.industryName), 1)
|
|
|
+ // }
|
|
|
+ // ite.select = !ite.select
|
|
|
+ // },
|
|
|
/**
|
|
|
* 获取行业数据
|
|
|
*/
|
|
|
- getIndustryList() {
|
|
|
- this.$Request.get('/app/industry/getIndustryList').then(res => {
|
|
|
- if (res.code == 0) {
|
|
|
- let arr = JSON.parse(JSON.stringify(res.data))
|
|
|
- arr.map(item => {
|
|
|
- item.childrenList.map((ite, ind) => {
|
|
|
- ite.select = false
|
|
|
- if (ind < 6) {
|
|
|
- this.industryArrList.push(ite)
|
|
|
- }
|
|
|
- })
|
|
|
- })
|
|
|
- this.industryList = arr
|
|
|
- this.industryDialog = true
|
|
|
- } else {
|
|
|
- ElMessage({
|
|
|
- message: res.msg,
|
|
|
- type: 'error',
|
|
|
- duration: 1500,
|
|
|
- offset: this.screenHeight / 2
|
|
|
- })
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
+ // getIndustryList() {
|
|
|
+ // this.$Request.get('/app/industry/getIndustryList').then(res => {
|
|
|
+ // if (res.code == 0) {
|
|
|
+ // let arr = JSON.parse(JSON.stringify(res.data))
|
|
|
+ // arr.map(item => {
|
|
|
+ // item.childrenList.map((ite, ind) => {
|
|
|
+ // ite.select = false
|
|
|
+ // if (ind < 6) {
|
|
|
+ // this.industryArrList.push(ite)
|
|
|
+ // }
|
|
|
+ // })
|
|
|
+ // })
|
|
|
+ // this.industryList = arr
|
|
|
+ // this.industryDialog = true
|
|
|
+ // } else {
|
|
|
+ // ElMessage({
|
|
|
+ // message: res.msg,
|
|
|
+ // type: 'error',
|
|
|
+ // duration: 1500,
|
|
|
+ // offset: this.screenHeight / 2
|
|
|
+ // })
|
|
|
+ // }
|
|
|
+ // })
|
|
|
+ // },
|
|
|
},
|
|
|
}
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
@import url("index.scss");
|
|
|
+ :deep(.el-upload-list--picture-card .el-upload-list__item){
|
|
|
+ width: 100px;
|
|
|
+ height: 100px;
|
|
|
+ }
|
|
|
+ .avatar-uploader-icon {
|
|
|
+ color: var(--el-border-color);
|
|
|
+ font-size: 25px;
|
|
|
+ width: 100px;
|
|
|
+ height: 100px;
|
|
|
+ border-radius: 6px;
|
|
|
+ background: #f5f7fa;
|
|
|
+ }
|
|
|
+ :deep(.el-upload--picture-card){
|
|
|
+ border: none !important;
|
|
|
+ width: initial !important;
|
|
|
+ }
|
|
|
</style>
|