版本回退,并做好代码备份

This commit is contained in:
aixianling
2022-05-27 16:21:25 +08:00
parent 341a77efb4
commit c575f1c5bd
36 changed files with 4735 additions and 1152 deletions

View File

@@ -1,35 +1,24 @@
<template>
<div class="wrapper">
<div class="tabs">
<u-tabs
:list="tabs"
font-size="36"
bg-color="transparent"
:bold="false"
inactive-color="#ccddff"
:is-scroll="true"
:gutter="16"
active-color="#fff"
:current="index"
@change="onChange">
</u-tabs>
</div>
<div class="search-wrap">
<div class="left">
<AiSelect :dict="yesOrNo" v-model="search.typeName" placeholder="请选择">
<span>{{ search.typeName ? search.typeName : "全部类型" }}</span>
<u-icon name="arrow-down" color="#333333" size="20"></u-icon>
</AiSelect>
<div class="left" @click="show=true">
<span>{{ search.typeName ? search.typeName : "全部" }}</span>
<u-icon name="arrow-down" color="#ffffff" size="20"></u-icon>
</div>
<div class="right">
<u-icon name="search" size="32" color="#999999" :custom-style="{marginRight:'8px'}"></u-icon>
<u-icon name="search" size="32" color="rgba(255,255,255,0.5)" :custom-style="{marginRight:'8px'}"></u-icon>
<input placeholder="请输入需要搜索的内容" style="flex: 1;color:#fff;" confirm-type="search"
placeholder-style="color:#999999" v-model="search.title"
@confirm="current=1;getList()" />
placeholder-style="color:rgba(255,255,255,0.5)" v-model="search.title"
@confirm="current=1;getList()"></input>
</div>
</div>
<div class="job-list" v-if="list.length">
<header>
<span>招工就业列表</span>
<div class="right">
<em>{{ total }}</em>个职位
</div>
</header>
<div class="card" v-for="(item,index) in list" :key="index">
<template v-if="item.type == 1">
<div class="top" @click="toDetail(0,item)">
@@ -73,8 +62,7 @@
</div>
<AiEmpty v-else></AiEmpty>
<div class="btn-wrapper">
<div class="perAdd" @click="$linkTo('./pubJob')" hover-class="text-hover">个人求职</div>
<div class="compAdd" @click="$linkTo('./addCompJop')" hover-class="text-hover">企业招工</div>
<div class="btn" @click="$linkTo('./pubJob')" hover-class="text-hover">我要找工作</div>
</div>
<u-select v-model="show" :list="selectList" @confirm="onConfirm"></u-select>
</div>
@@ -95,13 +83,9 @@ export default {
title: "",
type: "",
typeName: "",
},
index: 0,
}
}
},
onLoad() {
this.$dict.load('yesOrNo')
},
computed: {
selectList() {
return [{
@@ -115,39 +99,21 @@ export default {
value: '1',
label: '个人求职'
}];
},
tabs() {
return [{
name: '全部'
}, {
name: '我的发布'
}]
},
}
},
methods: {
preview(index) {
this.$previewImage(this.list, index, "url");
},
phone({linkPhone: phoneNumber}) {
uni.makePhoneCall({phoneNumber});
},
onConfirm(val) {
this.search.typeName = val[0].label;
this.search.type = val[0].value;
this.current = 1;
this.getList();
},
onChange(val) {
this.index = val;
this.current = 1;
// if (!!this.index) {
// this.getMine();
// } else this.getAll();
},
getList() {
this.$instance.post("/app/appjob/list", null, {
params: {
@@ -180,40 +146,31 @@ export default {
<style lang="scss" scoped>
.wrapper {
padding-top: 96px;
padding-top: 124px;
}
.tabs {
position: fixed;
top: 0;
left: 0;
z-index: 11;
width: 100%;
padding: 10px 0 10px 16px;
box-sizing: border-box;
background: #4181FF;
}
.search-wrap {
position: fixed;
left: 0;
top: 0;
z-index: 11;
width: 100%;
height: 124px;
background: #F3F6F9;
background: #4181FF;
box-sizing: border-box;
padding: 0 32px;
display: flex;
align-items: center;
box-sizing: border-box;
color: #333333;
.left {
display: flex;
align-items: center;
font-size: 38px;
& > span {
font-size: 40px;
font-weight: 600;
font-weight: 500;
color: #FFFFFF;
margin-right: 16px;
}
}
@@ -221,7 +178,7 @@ export default {
.right {
flex: 1;
height: 64px;
background: #FFFFFF;
background: rgba(0, 0, 0, .2);
border-radius: 32px;
margin-left: 32px;
box-sizing: border-box;
@@ -392,25 +349,4 @@ 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>

View File

@@ -1,193 +0,0 @@
<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>

View File

@@ -29,11 +29,6 @@
</div>
</template>
</div>
<div class="btn">
<div>撤销发布</div>
</div>
</div>
</template>
@@ -76,103 +71,81 @@ export default {
</script>
<style lang="scss" scoped>
.wrapper {
padding-bottom: 120px;
.card {
padding: 32px 0 32px 32px;
background-color: #ffffff;
.card {
padding: 32px 0 32px 32px;
background-color: #ffffff;
.post-info {
padding-right: 32px;
.post-info {
padding-right: 32px;
.post-name {
display: flex;
justify-content: space-between;
line-height: 56px;
& > span:first-child {
font-size: 40px;
font-weight: 600;
color: #333333;
}
& > span:last-child {
font-size: 36px;
font-weight: 600;
color: #FF3521;
flex-shrink: 0;
}
}
& > p {
font-size: 32px;
font-weight: 400;
color: #999999;
margin: 16px 0 32px;
}
}
.form {
height: 112px;
background: #FFFFFF;
border-bottom: 1px solid #DDDDDD;
.post-name {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #DDDDDD;
padding-right: 32px;
line-height: 56px;
.label {
font-size: 32px;
font-weight: 400;
color: #999999;
}
.value {
font-size: 32px;
font-weight: 400;
& > span:first-child {
font-size: 40px;
font-weight: 600;
color: #333333;
}
.phone {
font-size: 28px;
color: #4181FF;
& > span:last-child {
font-size: 36px;
font-weight: 600;
color: #FF3521;
flex-shrink: 0;
}
}
header {
font-size: 38px;
font-weight: 600;
color: #333333;
padding: 32px 0;
}
.post-require {
& > p {
font-size: 32px;
font-weight: 400;
color: #333333;
line-height: 56px;
padding-right: 20px;
color: #999999;
margin: 16px 0 32px;
}
}
.btn {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 120px;
background: #F3F6F9;
padding: 16px 32px;
box-sizing: border-box;
div {
height: 88px;
line-height: 88px;
text-align: center;
background: #FFFFFF;
border-radius: 16px;
border: 1px solid #FF4466;
.form {
height: 112px;
background: #FFFFFF;
border-bottom: 1px solid #DDDDDD;
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #DDDDDD;
padding-right: 32px;
.label {
font-size: 32px;
font-weight: 400;
color: #999999;
}
}
.value {
font-size: 32px;
font-weight: 400;
color: #333333;
}
.phone {
font-size: 28px;
color: #4181FF;
}
}
header {
font-size: 38px;
font-weight: 600;
color: #333333;
padding: 32px 0;
}
.post-require {
font-size: 32px;
font-weight: 400;
color: #333333;
line-height: 56px;
padding-right: 20px;
}
}
</style>

View File

@@ -26,11 +26,6 @@
<div class="post-require">{{ detail.remark }}
</div>
</div>
<div class="btn">
<div>撤销发布</div>
</div>
</div>
</template>
@@ -79,7 +74,6 @@ export default {
.padding {
min-height: 100%;
background-color: #ffffff;
padding-bottom: 120px;
.card {
padding: 32px 0 32px 32px;
@@ -158,24 +152,5 @@ export default {
padding-right: 20px;
}
}
.btn {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 120px;
background: #F3F6F9;
padding: 16px 32px;
box-sizing: border-box;
div {
height: 88px;
line-height: 88px;
text-align: center;
background: #FFFFFF;
border-radius: 16px;
border: 1px solid #FF4466;
}
}
}
</style>