This commit is contained in:
zxy
2024-02-05 17:15:41 +08:00
8 changed files with 166 additions and 154 deletions

BIN
public/img/bg/back_zj.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 206 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 61 KiB

View File

@@ -80,7 +80,7 @@ export default {
code: '请输入您的验证码', code: '请输入您的验证码',
submit: '登录', submit: '登录',
userLogin: '账号密码', userLogin: '账号密码',
phoneLogin: '德阳市智慧就业服务平台', phoneLogin: '用户登录',
thirdLogin: '第三方登录', thirdLogin: '第三方登录',
msgText: '获取验证码', msgText: '获取验证码',
msgSuccess: '秒后重发', msgSuccess: '秒后重发',

View File

@@ -2,19 +2,26 @@
<div class="login-container" ref="login" @keyup.enter.native="handleLogin"> <div class="login-container" ref="login" @keyup.enter.native="handleLogin">
<!-- <cmanage-title @change="changeActive"></cmanage-title> --> <!-- <cmanage-title @change="changeActive"></cmanage-title> -->
<div class="login-weaper animated bounceInDown"> <div class="login-weaper animated bounceInDown">
<div style="height: 50px;"></div> <div class="login-page-title">
<img src="/img/icon/logo_sczj.png" alt="">
四川省人力资源和社会保障</div>
<div class="login-wrapper-small">
<div class="login-content"> <div class="login-content">
<!-- <div class="login-left"> <div class="login-left">
<img class="img" src="/manage/img/logobg.png" alt /> <img class="img" src="/img/bg/back_zj.png" alt />
</div> --> </div>
<div class="login-border"> <div class="login-border">
<user-login v-if="activeName==='login'" @change="changeActive" /> <user-login v-if="activeName === 'login'" @change="changeActive" />
<forget-pwd v-else-if="activeName==='pwd'" @change="changeActive" /> <forget-pwd v-else-if="activeName === 'pwd'" @change="changeActive" />
<user-register v-else-if="activeName==='register'" @change="changeActive" /> <user-register v-else-if="activeName === 'register'" @change="changeActive" />
<work-station-login v-else-if="activeName==='workstation'" @change="changeActive"></work-station-login> <work-station-login v-else-if="activeName === 'workstation'" @change="changeActive"></work-station-login>
</div> </div>
</div> </div>
<div data-v-3c692830="" style="text-align: center; margin-top: 20px; padding-bottom: 30px;"><div data-v-3c692830="" style="font-size: 12px; color: #40a9ff;">Copyright @ 德阳市智慧就业服务中心</div></div> </div>
<div data-v-3c692830="" style="text-align: center; margin-top: 20px; padding-bottom: 30px;">
<div data-v-3c692830="" style="font-size: 12px; color: #40a9ff;">Copyright @ 德阳市智慧就业服务中心</div>
</div>
</div> </div>
</div> </div>
</template> </template>
@@ -45,7 +52,7 @@ export default {
activeName: "login", activeName: "login",
fixed: 0, fixed: 0,
homeList: [], homeList: [],
fixedShow:false, fixedShow: false,
maxFixed: 2000 maxFixed: 2000
}; };
}, },
@@ -53,15 +60,15 @@ export default {
created() { created() {
}, },
mounted() { mounted() {
this.$refs.login.addEventListener('scroll',this.scroll) this.$refs.login.addEventListener('scroll', this.scroll)
this.maxFixed = this.$refs.login.scrollHeight this.maxFixed = this.$refs.login.scrollHeight
}, },
computed: {}, computed: {},
props: [], props: [],
methods: { methods: {
introduce (item) { introduce(item) {
const arr = {"企业招聘":0,"一键录用":1,"电子合同":2,"职业伤害":3,"工资结算":4,"信用评价":5} const arr = { "企业招聘": 0, "一键录用": 1, "电子合同": 2, "职业伤害": 3, "工资结算": 4, "信用评价": 5 }
this.$refs.intro[arr[item]].scrollIntoView() this.$refs.intro[arr[item]].scrollIntoView()
}, },
changeActive(name) { changeActive(name) {
@@ -74,7 +81,7 @@ export default {
window.location.href = "http://crm.jobslink.cn/crm"; window.location.href = "http://crm.jobslink.cn/crm";
} }
}, },
scroll(){ scroll() {
const tab = this.$refs.tab.$el const tab = this.$refs.tab.$el
const login = this.$refs.login const login = this.$refs.login
this.fixedShow = this.fixedShow =
@@ -84,7 +91,7 @@ export default {
const number = login.scrollTop - tab.offsetTop const number = login.scrollTop - tab.offsetTop
const index = Math.floor(number / 410) const index = Math.floor(number / 410)
const tabData = this.$refs.tab._data const tabData = this.$refs.tab._data
if(tabData.active === 4 && tabData.activeStatus)return if (tabData.active === 4 && tabData.activeStatus) return
this.$refs.tab.tabNum(index) this.$refs.tab.tabNum(index)
} }
} }

View File

@@ -3,38 +3,37 @@
padding: 0; padding: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
background-color:#fff; background-color: #fff;
overflow: auto; overflow: auto;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
.login-header {
.login-header{
width: 100%; width: 100%;
height: 70px; height: 70px;
min-height: 70px; min-height: 70px;
margin: 0 auto; margin: 0 auto;
box-sizing: border-box; box-sizing: border-box;
padding: 0 40px; padding: 0 40px;
background-color:#fff; background-color: #fff;
font-size: 16px; font-size: 16px;
color:#CCCCCC; color: #cccccc;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
.login-logo{ .login-logo {
img{ img {
display: inline-block; display: inline-block;
width: 100%; width: 100%;
height: auto; height: auto;
} }
} }
.login-menu{ .login-menu {
li{ li {
font-size: 16px; font-size: 16px;
padding: 0px; padding: 0px;
margin-left:40px; margin-left: 40px;
border-bottom: 0px; border-bottom: 0px;
} }
} }
@@ -46,19 +45,38 @@
flex: 1; flex: 1;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
background-color:#f4f6fa; background-color: #f4f6fa;
.login-content{ .login-page-title {
width: 1000px; height: 50px;
font-size: 28px;
padding: 30px 0 15px 250px;
display: flex;
align-items: center;
img {
width: 50px;
height: 50px;
margin-right: 10px;
}
}
.login-wrapper-small {
width: 100%;
background-image: linear-gradient(0deg, #006dd9 0%, #74b2ec 99%);
.login-content {
width: 80%;
min-height: 40vw;
//height: 100%; //height: 100%;
margin: 0 auto; margin: 0 auto;
position: relative; position: relative;
display: flex; display: flex;
justify-content: center; justify-content: space-around;
align-items: center; align-items: center;
flex-direction: row; flex-direction: row;
.login-left { .login-left {
width: 530px; width: 35vw;
height: 600px; height: 35vw;
flex-shrink: 0;
position: relative; position: relative;
.title { .title {
margin-bottom: 40px; margin-bottom: 40px;
@@ -75,95 +93,102 @@
} }
} }
.login-border { .login-border {
width: calc(100% - 484px); width: calc(50% - 304px);
min-height: 600px; min-width: 350px;
// width: 500px!important;
// height: 300px;
// min-height: 600px;
box-sizing: border-box; box-sizing: border-box;
padding: 50px 40px 0px 0; padding: 20px;
background-color: #fff; background-color: #fff;
border-radius: 4px; border-radius: 4px;
// margin-left: 500px;
flex-shrink: 0;
.login-title { .login-title {
width: 80%;
margin: 0 auto;
color: #23a8ff; color: #23a8ff;
font-size: 33px; font-size: 20px;
text-align: center; text-align: start;
font-weight: bold; font-weight: bold;
} }
.login-form { .login-form {
padding: 0 30px 0 30px; padding: 0 30px 0 30px;
margin:0 auto; margin: 0 auto;
.el-form-item { .el-form-item {
height:60px; height: 60px;
margin-bottom: 0px; margin-bottom: 0px;
color:#333; color: #333;
.el-form-item__content { .el-form-item__content {
width: 100%; width: 100%;
height: 100%; height: 100%;
font-size: 14px; font-size: 14px;
color:#333; color: #333;
.el-input { .el-input {
height: 100%; height: 100%;
font-size: 14px; font-size: 14px;
position: relative; position: relative;
color:#333; color: #333;
.el-input__inner{ .el-input__inner {
height:auto; height: auto;
position: absolute; position: absolute;
bottom:20px; bottom: 20px;
left:10px; left: 10px;
right:0px; right: 0px;
line-height: normal; line-height: normal;
padding-bottom: 10px; padding-bottom: 10px;
background: #fff; background: #fff;
border-radius: 0; border-radius: 0;
font-size: 14px; font-size: 14px;
color:#333; color: #333;
font-weight: normal; font-weight: normal;
border: none; border: none;
border-bottom: 1px solid rgb(235, 237, 242); border-bottom: 1px solid rgb(235, 237, 242);
} }
} }
.el-form-item__error{ .el-form-item__error {
font-size: 12px font-size: 12px;
} }
.login-code{ .login-code {
position:absolute; position: absolute;
right: 0px; right: 0px;
bottom: 10px; bottom: 10px;
height: 30px; height: 30px;
img{ img {
width: auto; width: auto;
height: 30px; height: 30px;
} }
.msg-text{ .msg-text {
cursor: pointer; cursor: pointer;
color:#5D9DF8; color: #5d9df8;
font-size: 14px; font-size: 14px;
} }
} }
} }
} }
.forget-pwd{ .forget-pwd {
margin-top: 20px; margin-top: 20px;
text-align: right; text-align: right;
.el-button{ .el-button {
font-size: 14px; font-size: 14px;
color: #5D9DF8; color: #5d9df8;
padding: 0px; padding: 0px;
} }
width: 80px; width: 80px;
float: right; float: right;
} }
.user-register{ .user-register {
margin-top: 20px; margin-top: 20px;
width: 80px; width: 80px;
float: left; float: left;
text-align: left; text-align: left;
.el-button{ .el-button {
font-size: 14px; font-size: 14px;
color: #5D9DF8; color: #5d9df8;
padding: 0px; padding: 0px;
} }
} }
@@ -171,29 +196,30 @@
.login-submit { .login-submit {
width: 100%; width: 100%;
height: 50px; height: 50px;
background:#23a8ff; background: #23a8ff;
margin-top: 30px; margin-top: 30px;
border-radius: 8px; border-radius: 8px;
font-size: 18px; font-size: 18px;
letter-spacing: 12px; letter-spacing: 12px;
color: #FFFFFF; color: #ffffff;
cursor: pointer; cursor: pointer;
} }
.register-submit{ .register-submit {
width: 100%; width: 100%;
height: 50px; height: 50px;
background:#5D9DF8; background: #5d9df8;
margin-top: 24px; margin-top: 24px;
border-radius: 8px; border-radius: 8px;
font-size: 18px; font-size: 18px;
letter-spacing: 12px; letter-spacing: 12px;
color: #FFFFFF; color: #ffffff;
cursor: pointer; cursor: pointer;
} }
} }
} }
} }
} }
}
.login-footer { .login-footer {
width: 100%; width: 100%;
@@ -207,28 +233,28 @@
//align-items: center; //align-items: center;
} }
input{ input {
box-shadow: 0 0 0 1000px white inset; box-shadow: 0 0 0 1000px white inset;
} }
} }
.registerContainer{ .registerContainer {
margin-top: -20px; margin-top: -20px;
} }
.introduceWrapBox{ .introduceWrapBox {
margin: 0 auto;width: 1000px; margin: 0 auto;
.introduceBox{ width: 1000px;
.introduceBox {
display: flex; display: flex;
background: #FFFFFF; background: #ffffff;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
padding: 40px; padding: 40px;
margin-bottom: 20px; margin-bottom: 20px;
h4{ h4 {
font-size: 24px; font-size: 24px;
color: #333333; color: #333333;
} }
p{ p {
font-size: 18px; font-size: 18px;
color: #666666; color: #666666;
letter-spacing: 0; letter-spacing: 0;

View File

@@ -176,36 +176,36 @@
.el-message-box { .el-message-box {
width: 98% !important; width: 98% !important;
} }
//登录页面 // //登录页面
.login-header,login-footer{ // .login-header,login-footer{
width: 100%!important; // width: 100%!important;
} // }
.login-container{ // .login-container{
width: 100%!important; // width: 100%!important;
margin: 0 auto; // margin: 0 auto;
} // }
.login-left { // .login-left {
display: none !important; // display: none !important;
} // }
.login-weaper { // .login-weaper {
width: 100%!important; // width: 100%!important;
height: auto!important; // height: auto!important;
margin: 0 auto!important; // margin: 0 auto!important;
min-width:auto!important; // min-width:auto!important;
} // }
.login-content{ // .login-content{
width: 96%!important; // width: 96%!important;
margin: 0 auto!important; // margin: 0 auto!important;
} // }
.login-border { // .login-border {
width:100%!important; // width:100%!important;
margin: auto!important; // margin: auto!important;
min-height: 420px!important; // min-height: 420px!important;
} // }
.login-main { // .login-main {
width: 100% !important; // width: 100% !important;
} // }
//主框架 //主框架
.avue-tags { .avue-tags {
display: none; display: none;

View File

@@ -109,8 +109,8 @@
v-show="vaildData(permission.tenant_mission_cancel, false)" v-show="vaildData(permission.tenant_mission_cancel, false)"
>取消</el-button >取消</el-button
> >
<el-button type="text" size="mini" @click="contrast(row)" <!-- <el-button type="text" size="mini" @click="contrast(row)"
>比对人才库</el-button> >比对人才库</el-button> -->
</div> </div>
</avue-crud> </avue-crud>
<!--发布 复制 编辑dialog--> <!--发布 复制 编辑dialog-->

View File

@@ -1,11 +1,7 @@
<template> <template>
<div class="mission-view"> <div class="mission-view">
<el-form label-position="left" size="small"> <el-form label-position="left" size="small">
<el-collapse <el-collapse v-model="activeNames" @change="handleChange" class="avue-group">
v-model="activeNames"
@change="handleChange"
class="avue-group"
>
<el-collapse-item title="任务信息" name="1" disabled="true"> <el-collapse-item title="任务信息" name="1" disabled="true">
<template slot="title"> <template slot="title">
<div class="avue-group__header"> <div class="avue-group__header">
@@ -31,10 +27,8 @@
}}</el-form-item> }}</el-form-item>
</el-col> </el-col>
<el-col span="12"> <el-col span="12">
<el-form-item label="任务时间:" <el-form-item label="任务时间:">{{ format(model.stime) }}
>{{ format(model.stime) }} {{ format(model.etime) }}</el-form-item>
{{ format(model.etime) }}</el-form-item
>
</el-col> </el-col>
</el-row> </el-row>
</el-collapse-item> </el-collapse-item>
@@ -47,15 +41,11 @@
</template> </template>
<el-row> <el-row>
<el-col span="12"> <el-col span="12">
<el-form-item label="招聘人数:" <el-form-item label="招聘人数:">{{ model.peopleNum }}</el-form-item>
>{{ model.peopleNum }}</el-form-item
>
</el-col> </el-col>
<el-col span="12"> <el-col span="12">
<el-form-item label="参考工资:" <el-form-item label="参考工资:">{{ model.wage
>{{ model.wage }}{{ wageUnitCategory[model.wageUnitCategory] }}</el-form-item>
}}{{ wageUnitCategory[model.wageUnitCategory] }}</el-form-item
>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
@@ -66,9 +56,7 @@
</el-col> </el-col>
<el-col span="12"> <el-col span="12">
<el-form-item> <el-form-item>
<label slot="label" <label slot="label">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label
>
{{ model.worktypeNames }} {{ model.worktypeNames }}
</el-form-item> </el-form-item>
</el-col> </el-col>
@@ -76,11 +64,7 @@
<el-row> <el-row>
<el-col span="24"> <el-col span="24">
<el-form-item label="技能要求:"> <el-form-item label="技能要求:">
<el-tag <el-tag :key="skill" v-for="skill in getSkill(model.skillNames)">{{ skill }}</el-tag>
:key="skill"
v-for="skill in getSkill(model.skillNames)"
>{{ skill }}</el-tag
>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@@ -148,19 +132,15 @@
</el-col> </el-col>
<el-col span="8"> <el-col span="8">
<el-form-item> <el-form-item>
<label slot="label" <label slot="label">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label
>
{{ model.callNumber }} {{ model.callNumber }}
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col span="24"> <el-col span="24">
<el-form-item label="工作地址:" v-if="model.cityId" <el-form-item label="工作地址:" v-if="model.cityId">{{ city[0] && city[0].label }} {{ city[1] && city[1].label }}
>{{ city[0].label }} {{ city[1].label }} {{ city[2] && city[2].label }}</el-form-item>
{{ city[2].label }}</el-form-item
>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
@@ -168,12 +148,7 @@
<el-form-item label="详细地址:">{{ <el-form-item label="详细地址:">{{
model.address model.address
}}</el-form-item> }}</el-form-item>
<select-map <select-map :lat="model.lat" :lng="model.lon" :isCanEdit="false" :type="'view'"></select-map>
:lat="model.lat"
:lng="model.lon"
:isCanEdit="false"
:type="'view'"
></select-map>
</el-col> </el-col>
</el-row> </el-row>
</el-collapse-item> </el-collapse-item>
@@ -211,7 +186,7 @@ export default {
gender: getDic(genderState), gender: getDic(genderState),
}; };
}, },
mounted() {}, mounted() { },
methods: { methods: {
getSkill(skillStr) { getSkill(skillStr) {
return skillStr.split(","); return skillStr.split(",");
@@ -232,18 +207,22 @@ export default {
</script> </script>
<style> <style>
.mission-view .el-tag + .el-tag { .mission-view .el-tag+.el-tag {
margin-left: 5px; margin-left: 5px;
} }
.mission-view .el-form { .mission-view .el-form {
padding: 0 20px; padding: 0 20px;
} }
.mission-view .el-form .el-col { .mission-view .el-form .el-col {
padding: 0 10px; padding: 0 10px;
} }
.mission-view .el-form .el-col .el-form-item { .mission-view .el-form .el-col .el-form-item {
margin-bottom: 18px; margin-bottom: 18px;
} }
.mission-view .el-collapse { .mission-view .el-collapse {
border-top: 0px; border-top: 0px;
} }