kubbo/dvcp_v2_wechat_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

企业招工

Browse Source
This commit is contained in:
shijingjing
2022-05-25 18:24:20 +08:00
parent 97d3df74f9
commit 102cab0ad3
2 changed files with 216 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/mods/publicity/AppJob/AppJob.vue
View File

@@ -62,7 +62,8 @@
</div> </div>
<AiEmpty v-else></AiEmpty> <AiEmpty v-else></AiEmpty>
<div class="btn-wrapper"> <div class="btn-wrapper">
<div class="btn" @click="$linkTo('./pubJob')" hover-class="text-hover">我要找工作</div> <div class="perAdd" @click="$linkTo('./pubJob')" hover-class="text-hover">个人求职</div>
<div class="compAdd" @click="$linkTo('./addCompJop')" hover-class="text-hover">企业招工</div>
</div> </div>
<u-select v-model="show" :list="selectList" @confirm="onConfirm"></u-select> <u-select v-model="show" :list="selectList" @confirm="onConfirm"></u-select>
</div> </div>
@@ -349,4 +350,25 @@ export default {
} }
} }
} }
.btn-wrapper {
display: flex;
justify-content: space-between;
padding: 20px 32px !important;
box-sizing: border-box;
.perAdd,
.compAdd {
height: 88px;
line-height: 88px;
text-align: center;
border-radius: 16px;
width: 47%;
}
.perAdd {
border: 1px solid #A0C0FF;
}
.compAdd {
background: #4181FF;
color: #fff;
}
}
</style> </style>

193
src/mods/publicity/AppJob/addCompJop.vue Normal file
View File

@@ -0,0 +1,193 @@
<template>
<div class="addCompJob">
<div class="card">
<div class="form border">
<em>*</em>
<label>招聘岗位</label>
<div class="right">
<u-input trim placeholder="请输入" input-align="right"
placeholder-style="color:#999;font-size: 17px;font-weight:normal;" v-model="form.linkName"
:custom-style="{fontWeight:600,color:'#333',fontSize:'17px'}"></u-input>
</div>
</div>
<div class="form border">
<em>*</em>
<label>招聘人数</label>
<div class="right">
<u-input trim placeholder="请输入" input-align="right"
placeholder-style="color:#999;font-size: 17px;font-weight:normal;" v-model="form.linkPhone"
:custom-style="{fontWeight:600,color:'#333',fontSize:'17px'}" maxlength="11"></u-input>
</div>
</div>
<div class="form">
<em>*</em>
<label>薪资待遇</label>
<div class="right">
<u-input trim placeholder="如5k-10k" input-align="right"
placeholder-style="color:#999;font-size: 17px;font-weight:normal;" v-model="form.linkPhone"
:custom-style="{fontWeight:600,color:'#333',fontSize:'17px'}" maxlength="11"></u-input>
</div>
</div>
</div>
<div class="card">
<div class="form border">
<em>*</em>
<label>学历要求</label>
<div class="right">
<u-input trim placeholder="请输入" input-align="right"
placeholder-style="color:#999;font-size: 17px;font-weight:normal;" v-model="form.linkName"
:custom-style="{fontWeight:600,color:'#333',fontSize:'17px'}"></u-input>
</div>
</div>
<div class="form border">
<em>*</em>
<label>年龄要求</label>
<div class="right">
<u-input trim placeholder="请输入" input-align="right"
placeholder-style="color:#999;font-size: 17px;font-weight:normal;" v-model="form.linkPhone"
:custom-style="{fontWeight:600,color:'#333',fontSize:'17px'}" maxlength="11"></u-input>
</div>
</div>
<div class="form border">
<em>*</em>
<label>性别要求</label>
<div class="right">
<u-input trim placeholder="如5k-10k" input-align="right"
placeholder-style="color:#999;font-size: 17px;font-weight:normal;" v-model="form.linkPhone"
:custom-style="{fontWeight:600,color:'#333',fontSize:'17px'}" maxlength="11"></u-input>
</div>
</div>
<div class="forms">
<label><span>*</span>岗位说明</label>
<div class="bottom">
<u-input type="textarea" auto-height trim placeholder="请输入详细描述信息"
placeholder-style="color:#999;font-size: 17px;font-weight:normal;" v-model="form.linkPhone"
:custom-style="{fontWeight:600,color:'#333',fontSize:'17px'}" maxlength="11"></u-input>
</div>
</div>
</div>
<div class="card">
<div class="forms">
<label><span>*</span>单位名称</label>
<div class="bottom">
<u-input trim placeholder="请输入单位名称"
placeholder-style="color:#999;font-size: 17px;font-weight:normal;" v-model="form.linkPhone"
:custom-style="{fontWeight:600,color:'#333',fontSize:'17px'}" maxlength="11"></u-input>
</div>
</div>
<div class="form border border-top">
<em>*</em>
<label>联系人</label>
<div class="right">
<u-input trim placeholder="请输入" input-align="right"
placeholder-style="color:#999;font-size: 17px;font-weight:normal;" v-model="form.linkPhone"
:custom-style="{fontWeight:600,color:'#333',fontSize:'17px'}" maxlength="11"></u-input>
</div>
</div>
<div class="form">
<em>*</em>
<label>联系方式</label>
<div class="right">
<u-input trim placeholder="如5k-10k" input-align="right"
placeholder-style="color:#999;font-size: 17px;font-weight:normal;" v-model="form.linkPhone"
:custom-style="{fontWeight:600,color:'#333',fontSize:'17px'}" maxlength="11"></u-input>
</div>
</div>
</div>
<div class="btn-wrapper">
<div class="btn" @click="submit" hover-class="text-hover">提交</div>
</div>
</div>
</template>
<script>
export default {
appName: "我要招员工",
data() {
return {}
},
methods: {},
}
</script>
<style lang="scss" scoped>
.addCompJob {
padding-bottom: 150px;
.card {
box-sizing: border-box;
padding: 0 32px;
background-color: #fff;
margin-bottom: 24px;
.form {
height: 112px;
background: #FFFFFF;
display: flex;
align-items: center;
& > em {
width: 16px;
height: 44px;
font-weight: 400;
color: #FF4466;
line-height: 54px;
font-style: normal;
margin-right: 8px;
}
& > label {
font-size: 32px;
font-weight: 600;
color: #666666;
& > span {
font-size: 28px;
font-weight: 400;
color: #999999;
}
}
.right {
flex: 1;
display: flex;
align-items: center;
flex-direction: row-reverse;
.value {
font-size: 34px;
font-weight: 600;
color: #333333;
}
}
}
.forms {
padding: 24px 0;
label {
color: #666666;
font-size: 32px;
font-weight: 600;
span {
color: #FF4466;
font-weight: normal;
}
}
}
.border-top {
border-top: 1px solid #DDDDDD;
}
.border {
border-bottom: 1px solid #DDDDDD;
}
}
}
</style>