|
|
|
|
@ -1,32 +1,122 @@
|
|
|
|
|
<template>
|
|
|
|
|
<view class="p-root-bind-applyForm g_w_all g_h_all g_bg_f_5 g_kuaishou">
|
|
|
|
|
<view class="p-root-bind-applyForm g_w_all g_kuaishou" style="min-height: 100vh;background-color: #ededed;">
|
|
|
|
|
<view v-show="isloading">
|
|
|
|
|
<rh-loading></rh-loading>
|
|
|
|
|
</view>
|
|
|
|
|
<view v-show="!isloading">
|
|
|
|
|
<view class="g_h_10"></view>
|
|
|
|
|
<g-panel-card-info
|
|
|
|
|
:info="{
|
|
|
|
|
avatar: info.logo,
|
|
|
|
|
title: info.agencyName,
|
|
|
|
|
num: '已发布职位' + info.jobNum,
|
|
|
|
|
}"
|
|
|
|
|
:isShowMore="0"
|
|
|
|
|
/>
|
|
|
|
|
<view class="g_mt_10 g_bg_f g_p_16 g_ml_10 g_mr_10 g_radius_8">
|
|
|
|
|
<view class="g_fs_16 g_c_6">发送关注申请</view>
|
|
|
|
|
<view class="g_mt_10 g_bg_f_7 g_pl_16 g_pr_16 g_radius_8 g_pt_14 g_pb_14">
|
|
|
|
|
<u-input v-model="remark" type="textarea" class="g_bg_f_7 g_fs_16" style="font-size: 16px" placeholder-style="font-size:16px" />
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="g_flex_row_center g_mt_32">
|
|
|
|
|
<view class="g_w_184 g_h_40 g_flex_c g_radius_20 g_c_f g_fs_16"
|
|
|
|
|
|
|
|
|
|
<div class="m-info" >
|
|
|
|
|
<div class="g_flex_row_center">
|
|
|
|
|
<img :src="info.logo" alt="" style="width: 64px; height: 64px;border-radius: 50%;" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="g_flex_row_center" style="margin:6px 0 4px;color:#333;font-size: 18px;">
|
|
|
|
|
{{ info.agencyName }}
|
|
|
|
|
</div>
|
|
|
|
|
<div style="color:#999999;font-size: 14px;">
|
|
|
|
|
{{ info.agencyName }}{{ info.agencyName }}{{ info.agencyName }}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div style="margin: 24px auto 0;width: calc(100% - 20px);">
|
|
|
|
|
<div style="color:#999;font-size: 12px;padding-left: 10px;margin-bottom: 4px;">申请人基本信息：</div>
|
|
|
|
|
<div class="apply-item g_flex_row_between" style="height: 56px;background-color: #fff;border-radius: 8px;">
|
|
|
|
|
<div class="g_flex_none g_h_all g_flex_column_center" style="color:#000;font-size: 17px;padding-left: 10px;">
|
|
|
|
|
申请人
|
|
|
|
|
</div>
|
|
|
|
|
<div class="g_flex_1 g_h_all g_flex_column_center" style="margin-left: 12px;padding-right: 10px;position: relative;">
|
|
|
|
|
<div class="g_flex_row_end">
|
|
|
|
|
<div class="g_flex_column_center g_flex_1">
|
|
|
|
|
<div class="g_flex_row_end">
|
|
|
|
|
<img :src="newForm.wxavatar" alt="" style="width: 24px; height: 24px;border-radius: 50%;" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="g_flex_column_center g_flex_none" style="margin: 0 4px;">
|
|
|
|
|
<div style="color: #999;font-size: 17px;max-width: calc(100vw - 160px);" class="g_ell_1">
|
|
|
|
|
{{ newForm.wxname }}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="g_flex_column_center g_flex_none">
|
|
|
|
|
<i class="iconfont icon-gengduo11 g_c_c"></i>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<button open-type="getUserInfo" style="position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;" @getuserinfo="getUserInfo"></button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div style="margin: 10px auto 0;width: calc(100% - 20px);">
|
|
|
|
|
<div class="apply-item" style="height: 56px;background-color: #fff;border-radius: 8px 8px 0 0;padding: 0 5px;">
|
|
|
|
|
<div class="g_flex_row_between" style="border-bottom: 1px solid #eee;height: 100%;">
|
|
|
|
|
<div class="g_flex_none g_h_all g_flex_column_center" style="color:#333;font-size: 17px;padding-left: 5px;">
|
|
|
|
|
企业简称
|
|
|
|
|
</div>
|
|
|
|
|
<div class="g_flex_1 g_h_all g_flex_column_center" style="margin-left: 12px;padding-right: 10px;">
|
|
|
|
|
<u-input :custom-style="{ fontSize: '17px' }"
|
|
|
|
|
:clearable="false"
|
|
|
|
|
:password-icon="false"
|
|
|
|
|
placeholder="例如：上海英才劳务"
|
|
|
|
|
input-align="right"
|
|
|
|
|
class="g_text_r"
|
|
|
|
|
placeholder-style="color:#999;font-size:17px;"
|
|
|
|
|
v-model="newForm.companyName"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="apply-item g_flex_row_between" style="height: 56px;background-color: #fff;border-radius: 0 0 8px 8px;padding: 0 5px;">
|
|
|
|
|
<div class="g_flex_none g_h_all g_flex_column_center" style="color:#333;font-size: 17px;padding-left: 5px;">
|
|
|
|
|
联系电话
|
|
|
|
|
</div>
|
|
|
|
|
<div class="g_flex_1 g_h_all g_flex_column_center" style="margin-left: 12px;padding-right: 10px;">
|
|
|
|
|
<u-input :custom-style="{ fontSize: '17px' }"
|
|
|
|
|
type="number"
|
|
|
|
|
:clearable="false"
|
|
|
|
|
:password-icon="false"
|
|
|
|
|
placeholder="请填写你的电话"
|
|
|
|
|
input-align="right"
|
|
|
|
|
class="g_text_r"
|
|
|
|
|
placeholder-style="color:#999;font-size:17px;"
|
|
|
|
|
v-model="newForm.phone"
|
|
|
|
|
maxlength="11"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div style="margin: 10px auto 40px;width: calc(100% - 20px);">
|
|
|
|
|
<div style="background-color: #fff;border-radius: 8px;height: 88px;position: relative;" class="g_flex_row_center">
|
|
|
|
|
<div style="width: calc(100% - 20px);margin: 0 auto;">
|
|
|
|
|
<u-input v-model="newForm.remark"
|
|
|
|
|
class="g_flex_1 g_ml_10"
|
|
|
|
|
maxlength="30"
|
|
|
|
|
type="textarea"
|
|
|
|
|
placeholder="申请备注…"
|
|
|
|
|
placeholder-style="color:#999;font-size:16px;"
|
|
|
|
|
:clearable="false"
|
|
|
|
|
:customStyle="{ fontSize: '16px' }"
|
|
|
|
|
style="position: relative;top: -12px;"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div style="position: absolute;right: 16px;bottom: 16px;color: #333;font-size: 12px;">
|
|
|
|
|
{{ newForm.remark.length }}/ 30
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div style="margin: 4px auto;width: calc(100% - 20px);color:#999;font-size: 12px;">
|
|
|
|
|
设置后系统将自动创建团队并关注该发单号，您作为创建人可在我的页面管理团队。
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<view class="g_flex_row_center">
|
|
|
|
|
<view class="g_w_240 g_h_40 g_flex_c g_radius_20 g_c_f g_fs_17"
|
|
|
|
|
:class="info.recordStatus == 1 || info.recordStatus == 2 ? 'g_bg_e g_c_9' : 'g_bg_main'"
|
|
|
|
|
:style="info.recordStatus == 1 || info.recordStatus == 2 ? 'pointer-events: none;background-color: #ccc;' : ''"
|
|
|
|
|
:style="info.recordStatus == 1 || info.recordStatus == 2 ? 'pointer-events: none;background-color: #999;' : ''"
|
|
|
|
|
hover-class="thover"
|
|
|
|
|
@click="handleSubmit"
|
|
|
|
|
>
|
|
|
|
|
{{ info.recordStatus == 1 ? "已提交" : info.recordStatus == 2 ? "已关注" : "申请关注" }}
|
|
|
|
|
{{ info.recordStatus == 1 ? "已申请" : info.recordStatus == 2 ? "已关注" : "申请关注" }}
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
@ -43,6 +133,13 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
newForm:{
|
|
|
|
|
wxname:'微信昵称',
|
|
|
|
|
wxavatar:'https://bocai-cms.oss-cn-beijing.aliyuncs.com/web-resource/pugongying/default.svg',
|
|
|
|
|
companyName: "",
|
|
|
|
|
phone: "",
|
|
|
|
|
remark:''
|
|
|
|
|
},
|
|
|
|
|
isloading: true,
|
|
|
|
|
wxCode: "",
|
|
|
|
|
info: {
|
|
|
|
|
@ -87,6 +184,26 @@ export default {
|
|
|
|
|
that.init();
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
getUserInfo(e) {
|
|
|
|
|
let that = this;
|
|
|
|
|
console.log("获取用户信息：", e);
|
|
|
|
|
if (e.detail.userInfo) {
|
|
|
|
|
// 用户同意授权
|
|
|
|
|
that.newForm.wxname = e.detail.userInfo.nickName;
|
|
|
|
|
that.newForm.wxavatar = e.detail.userInfo.avatarUrl || 'https://bocai-cms.oss-cn-beijing.aliyuncs.com/web-resource/pugongying/default.svg';
|
|
|
|
|
} else {
|
|
|
|
|
// 用户拒绝授权
|
|
|
|
|
uni.showModal({
|
|
|
|
|
title: '提示',
|
|
|
|
|
content: '您已拒绝授权，将无法获取微信昵称信息，请重新授权',
|
|
|
|
|
showCancel: false,
|
|
|
|
|
confirmText: '知道了',
|
|
|
|
|
success: function(res) {
|
|
|
|
|
console.log('用户已拒绝授权');
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
init() {
|
|
|
|
|
let that = this;
|
|
|
|
|
that.isloading = true;
|
|
|
|
|
@ -121,11 +238,49 @@ export default {
|
|
|
|
|
);
|
|
|
|
|
},
|
|
|
|
|
handleSubmit() {
|
|
|
|
|
let that = this;
|
|
|
|
|
let that = this,
|
|
|
|
|
params = {};
|
|
|
|
|
if (that.info.recordStatus == 1 || that.info.recordStatus == 2) {
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if(!that.newForm.wxavatar){
|
|
|
|
|
uni.showToast({
|
|
|
|
|
title: '请授权获取用户信息',
|
|
|
|
|
icon: 'none'
|
|
|
|
|
});
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
if(!that.newForm.wxname){
|
|
|
|
|
uni.showToast({
|
|
|
|
|
title: '请输入微信昵称',
|
|
|
|
|
icon: 'none'
|
|
|
|
|
});
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
if(!that.newForm.companyName){
|
|
|
|
|
uni.showToast({
|
|
|
|
|
title: '请输入企业名称',
|
|
|
|
|
icon: 'none'
|
|
|
|
|
});
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
if(!that.newForm.phone){
|
|
|
|
|
uni.showToast({
|
|
|
|
|
title: '请输入手机号',
|
|
|
|
|
icon: 'none'
|
|
|
|
|
});
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
params = {
|
|
|
|
|
avatar:that.newForm.wxavatar,
|
|
|
|
|
nickName:that.newForm.wxname,
|
|
|
|
|
agencyId: that.info.agencyId,
|
|
|
|
|
agencyName: that.newForm.companyName,
|
|
|
|
|
source: that.form,
|
|
|
|
|
tel: that.newForm.phone,
|
|
|
|
|
remark: that.newForm.remark,
|
|
|
|
|
};
|
|
|
|
|
console.log("提交参数：", params);
|
|
|
|
|
// 按下
|
|
|
|
|
that.btnSpeed = 0;
|
|
|
|
|
// 请求中
|
|
|
|
|
@ -137,11 +292,7 @@ export default {
|
|
|
|
|
uni.hideLoading();
|
|
|
|
|
that.G.Get(
|
|
|
|
|
that.api.bind_subscribeSubmit + "/" + that.info.agencyId,
|
|
|
|
|
{
|
|
|
|
|
agencyId: that.info.agencyId,
|
|
|
|
|
source: that.form,
|
|
|
|
|
remark: that.remark,
|
|
|
|
|
},
|
|
|
|
|
params,
|
|
|
|
|
(res) => {
|
|
|
|
|
// 请求后
|
|
|
|
|
that.btnSpeed = 2;
|
|
|
|
|
@ -173,4 +324,19 @@ export default {
|
|
|
|
|
color: #fff;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
}
|
|
|
|
|
.p-root-bind-applyForm{
|
|
|
|
|
.m-info{
|
|
|
|
|
padding: 20px;
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
border-radius: 8px;
|
|
|
|
|
width: calc(100vw - 20px);
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.g_w_240{
|
|
|
|
|
width: 240px;
|
|
|
|
|
height: 42px !important;
|
|
|
|
|
line-height: 42px;
|
|
|
|
|
border-radius: 25px;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
|
