|
@@ -250,13 +250,13 @@
|
|
|
免费
|
|
免费
|
|
|
</div>
|
|
</div>
|
|
|
<div class="myVipCon-li-con-items myVipCon-li-con-itemscolor2">
|
|
<div class="myVipCon-li-con-items myVipCon-li-con-itemscolor2">
|
|
|
- {{ trialVersion.money }}/年
|
|
|
|
|
|
|
+ {{ trialVersion.money }}/{{ vipNameTypeText(trialVersion.vipNameType) }}
|
|
|
</div>
|
|
</div>
|
|
|
<div class="myVipCon-li-con-items myVipCon-li-con-itemscolor2">
|
|
<div class="myVipCon-li-con-items myVipCon-li-con-itemscolor2">
|
|
|
- {{ monthlyPayment.money }}/年
|
|
|
|
|
|
|
+ {{ monthlyPayment.money }}/{{ vipNameTypeText(monthlyPayment.vipNameType) }}
|
|
|
</div>
|
|
</div>
|
|
|
<div class="myVipCon-li-con-items myVipCon-li-con-itemscolor2">
|
|
<div class="myVipCon-li-con-items myVipCon-li-con-itemscolor2">
|
|
|
- {{ annual.money }}/年
|
|
|
|
|
|
|
+ {{ annual.money }}/{{ vipNameTypeText(annual.vipNameType) }}
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
@@ -537,7 +537,7 @@
|
|
|
</el-form-item> -->
|
|
</el-form-item> -->
|
|
|
<el-form-item prop="companyCertification"
|
|
<el-form-item prop="companyCertification"
|
|
|
: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"
|
|
|
|
|
|
|
+ <el-upload class="flex align-center justify-center" :action="action"
|
|
|
:show-file-list="false" :on-success="handleAvatarSuccessC">
|
|
:show-file-list="false" :on-success="handleAvatarSuccessC">
|
|
|
<img style="width: 100px;height: 100px;border-radius: 6px;" v-if="form.companyCertification"
|
|
<img style="width: 100px;height: 100px;border-radius: 6px;" v-if="form.companyCertification"
|
|
|
:src="form.companyCertification" />
|
|
:src="form.companyCertification" />
|
|
@@ -546,17 +546,31 @@
|
|
|
</el-icon>
|
|
</el-icon>
|
|
|
</el-upload>
|
|
</el-upload>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
- <!-- <el-form-item prop="companyLogo" :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">
|
|
|
|
|
- <img v-if="form.companyLogo" :src="form.companyLogo"
|
|
|
|
|
- style="width: 100px;height: 100px;border-radius: 6px;" />
|
|
|
|
|
- <el-icon v-else class="avatar-uploader-icon">
|
|
|
|
|
|
|
+
|
|
|
|
|
+ <!-- 公司证明(最多4张图片) -->
|
|
|
|
|
+ <el-form-item prop="companyVerification"
|
|
|
|
|
+ :rules="[{ required: true, message: '请上传公司证明图片', trigger: 'change' }]" class="row45" label="公司证明(最多上传 4 张公司证明图片)">
|
|
|
|
|
+ <el-upload list-type="picture-card" :action="action" :limit="4"
|
|
|
|
|
+ :file-list="proofFileList" :on-success="handleProofSuccess" :on-remove="handleProofRemove">
|
|
|
|
|
+ <el-icon v-if="proofFileList.length < 4" class="avatar-uploader-icon">
|
|
|
<Plus />
|
|
<Plus />
|
|
|
</el-icon>
|
|
</el-icon>
|
|
|
</el-upload>
|
|
</el-upload>
|
|
|
- </el-form-item> -->
|
|
|
|
|
|
|
+ <!-- 预览弹窗 -->
|
|
|
|
|
+ <!-- <el-dialog v-model="dialogVisible" width="50%" height="300px">
|
|
|
|
|
+ <img :src="dialogImageUrl" alt="Preview" style="width: 100%" />
|
|
|
|
|
+ </el-dialog> -->
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+
|
|
|
|
|
+ <!-- 在职证明(PDF 上传) -->
|
|
|
|
|
+ <el-form-item prop="employmentVerification"
|
|
|
|
|
+ :rules="[{ required: true, message: '请上传在职证明 PDF 文件', trigger: 'change' }]" class="row45"
|
|
|
|
|
+ label="在职证明(PDF)">
|
|
|
|
|
+ <el-upload :action="action" :limit="1" accept=".pdf" :file-list="pdfFileList"
|
|
|
|
|
+ :on-success="handlePdfSuccess" :on-remove="handlePdfRemove" :show-file-list="true">
|
|
|
|
|
+ <el-button v-if="pdfFileList.length === 0" type="primary">上传 PDF 文件</el-button>
|
|
|
|
|
+ </el-upload>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
|
|
|
<div style="width: 100%;margin-top: 20px;" class="flex align-center justify-center">
|
|
<div style="width: 100%;margin-top: 20px;" class="flex align-center justify-center">
|
|
|
<el-button @click="dialogCompay = false" style="width: 100px;" type="Info">取消</el-button>
|
|
<el-button @click="dialogCompay = false" style="width: 100px;" type="Info">取消</el-button>
|
|
@@ -720,6 +734,8 @@
|
|
|
companyDetails: '', //简介
|
|
companyDetails: '', //简介
|
|
|
companyLogo: '',
|
|
companyLogo: '',
|
|
|
companyCertification: '', //营业执照
|
|
companyCertification: '', //营业执照
|
|
|
|
|
+ employmentVerification:'',//在职证明
|
|
|
|
|
+ companyVerification:[],//公司证明
|
|
|
email: '', //企业邮箱
|
|
email: '', //企业邮箱
|
|
|
province: '',
|
|
province: '',
|
|
|
city: '',
|
|
city: '',
|
|
@@ -788,7 +804,11 @@
|
|
|
remainingDays: 0, // 剩余天数
|
|
remainingDays: 0, // 剩余天数
|
|
|
vipName: "",
|
|
vipName: "",
|
|
|
hrEmail:'',
|
|
hrEmail:'',
|
|
|
- hrPosition:''
|
|
|
|
|
|
|
+ hrPosition:'',
|
|
|
|
|
+ pdfFileList: [],
|
|
|
|
|
+ proofFileList: [],
|
|
|
|
|
+ dialogImageUrl: '', // 预览图片URL
|
|
|
|
|
+ dialogVisible: false, // 预览图片是否可见
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
created() {
|
|
created() {
|
|
@@ -856,6 +876,19 @@
|
|
|
},
|
|
},
|
|
|
},
|
|
},
|
|
|
methods: {
|
|
methods: {
|
|
|
|
|
+ // 点击预览
|
|
|
|
|
+ handlePreview(file) {
|
|
|
|
|
+ this.dialogImageUrl = file.url
|
|
|
|
|
+ this.dialogVisible = true
|
|
|
|
|
+ },
|
|
|
|
|
+ vipNameTypeText(value) {
|
|
|
|
|
+ const map = {
|
|
|
|
|
+ 0: '月',
|
|
|
|
|
+ 1: '季',
|
|
|
|
|
+ 2: '年'
|
|
|
|
|
+ };
|
|
|
|
|
+ return map[value] || '月';
|
|
|
|
|
+ },
|
|
|
// 获取HR信息
|
|
// 获取HR信息
|
|
|
getUserHrInfo() {
|
|
getUserHrInfo() {
|
|
|
this.$Request.get("/app/HrFirst/getUserHr").then((res) => {
|
|
this.$Request.get("/app/HrFirst/getUserHr").then((res) => {
|
|
@@ -1202,7 +1235,9 @@
|
|
|
const data = {
|
|
const data = {
|
|
|
companyAllName: form.companyName,
|
|
companyAllName: form.companyName,
|
|
|
companyPeople: form.companyPeople,
|
|
companyPeople: form.companyPeople,
|
|
|
- companyCertification: form.companyCertification
|
|
|
|
|
|
|
+ companyCertification: form.companyCertification,
|
|
|
|
|
+ employmentVerification: form.employmentVerification,
|
|
|
|
|
+ companyVerification: form.companyVerification.join(',')
|
|
|
};
|
|
};
|
|
|
this.loadingCompany = true
|
|
this.loadingCompany = true
|
|
|
this.$Request.post("/app/company/insertCompany", data,{type:'json'}).then(res=>{
|
|
this.$Request.post("/app/company/insertCompany", data,{type:'json'}).then(res=>{
|
|
@@ -1269,6 +1304,28 @@
|
|
|
handleAvatarSuccessC(res) {
|
|
handleAvatarSuccessC(res) {
|
|
|
this.form.companyCertification = res.data
|
|
this.form.companyCertification = res.data
|
|
|
},
|
|
},
|
|
|
|
|
+ // PDF 上传成功
|
|
|
|
|
+ handlePdfSuccess(res, file) {
|
|
|
|
|
+ this.form.employmentVerification = res.url
|
|
|
|
|
+ this.pdfFileList = [{ name: file.name, url: res.url }]
|
|
|
|
|
+ },
|
|
|
|
|
+ handlePdfRemove() {
|
|
|
|
|
+ this.form.employmentVerification = ''
|
|
|
|
|
+ this.pdfFileList = []
|
|
|
|
|
+ },
|
|
|
|
|
+ // 公司证明上传成功
|
|
|
|
|
+ handleProofSuccess(res, file, fileList) {
|
|
|
|
|
+ this.form.companyVerification = fileList.map(
|
|
|
|
|
+ item => item.response ? item.response.url : item.url
|
|
|
|
|
+ )
|
|
|
|
|
+ this.proofFileList = fileList
|
|
|
|
|
+ },
|
|
|
|
|
+ handleProofRemove(file, fileList) {
|
|
|
|
|
+ this.form.companyVerification = fileList.map(
|
|
|
|
|
+ item => item.response ? item.response.url : item.url
|
|
|
|
|
+ )
|
|
|
|
|
+ this.proofFileList = fileList
|
|
|
|
|
+ },
|
|
|
//上传公司logo
|
|
//上传公司logo
|
|
|
handleAvatarSuccessL(res) {
|
|
handleAvatarSuccessL(res) {
|
|
|
this.form.companyLogo = res.data
|
|
this.form.companyLogo = res.data
|
|
@@ -1733,7 +1790,29 @@
|
|
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
|
$margin-60: 120px;
|
|
$margin-60: 120px;
|
|
|
|
|
+ :deep(.el-upload--picture-card){
|
|
|
|
|
+ width: 100px;
|
|
|
|
|
+ height: 100px;
|
|
|
|
|
+ }
|
|
|
|
|
+ :deep(.el-upload-list--picture-card .el-upload-list__item) {
|
|
|
|
|
+ width: 100px;
|
|
|
|
|
+ height: 100px;
|
|
|
|
|
+ border: none;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .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;
|
|
|
|
|
+ }
|
|
|
:deep(.el-radio__label) {
|
|
:deep(.el-radio__label) {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
align-items: center;
|
|
align-items: center;
|