mz666
/
bocai_supplyChain_pc
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

2.5

Browse Source
cyl/dev
wangxia 4 years ago
parent 74f1e96844
commit a253ec9fc6
8 changed files with 725 additions and 104 deletions
Show Stats Download Patch File Download Diff File

BIN
src/assets/banner1.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 191 KiB

After

Width:  |  Height:  |  Size: 570 KiB

BIN
src/assets/banner3.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 MiB

After

Width:  |  Height:  |  Size: 2.1 MiB

BIN
src/assets/banner5.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 416 KiB

342
src/components/FirstJob/detail.vue
Unescape Escape View File

@ -1,7 +1,7 @@
<template>
<div class="detail-container">
<a-modal
title="录单"
title="报名"
:visible="visible"
class="modal"
:confirm-loading="confirmLoading"
@ -13,9 +13,10 @@
:destroyOnClose="true"
>
<a-form-model ref="ruleForm" :model="form" :rules="rules" :colon="false">
<a-form-model-item ref="name" label="老乡姓名" prop="name">
<a-form-model-item ref="name" label="姓名" prop="name">
<a-input
v-model="form.name"
placeholder="请输入老乡姓名"
@blur="
() => {
$refs.name.onFieldBlur();
@ -23,9 +24,16 @@
"
/>
</a-form-model-item>
<a-form-model-item ref="tel" label="老乡电话" prop="tel">
<a-form-model-item ref="gender" label="性别" prop="gender">
<a-select v-model="form.gender" placeholder="请选择性别">
<a-select-option value="man">男</a-select-option>
<a-select-option value="woman">女</a-select-option>
</a-select>
</a-form-model-item>
<a-form-model-item ref="tel" label="年龄" prop="tel">
<a-input
v-model="form.tel"
v-model="form.age"
placeholder="请输入年龄"
@blur="
() => {
$refs.tel.onFieldBlur();
@ -33,15 +41,52 @@
"
/>
</a-form-model-item>
<a-form-model-item
ref="peoplecard"
label="老乡身份证号"
prop="peoplecard"
>
<a-input v-model="form.peoplecard" />
<a-form-model-item ref="peoplecard" label="民族" prop="peoplecard">
<a-select v-model="form.nation" placeholder="请选择民族">
<a-select-option
v-for="item in nationlist"
:key="item.id"
:value="item.id"
>{{ item.name }}</a-select-option
>
</a-select>
</a-form-model-item>
<a-form-model-item ref="peoplecard" label="身份证号" prop="peoplecard">
<a-input v-model="form.peoplecard" placeholder="请输入老乡身份证号" />
</a-form-model-item>
<a-form-model-item ref="peoplecard" label="家庭住址" prop="peoplecard">
<a-input v-model="form.location" placeholder="请输入家庭住址" />
</a-form-model-item>
<a-form-model-item ref="username" label="报名企业" prop="username">
<a-select v-model="form.firm" placeholder="请选择民族">
<a-select-option :value="id">{{ id }}</a-select-option>
</a-select>
</a-form-model-item>
<a-form-model-item ref="username" label="岗位" prop="username">
<a-select v-model="form.post" placeholder="请选择民族">
<a-select-option :value="id">{{ id }}</a-select-option>
</a-select>
</a-form-model-item>
<a-form-model-item ref="username" label="模式" prop="username">
<a-select v-model="form.pattern" placeholder="请选择民族">
<a-select-option :value="id">{{ id }}</a-select-option>
</a-select>
</a-form-model-item>
<a-form-model-item ref="username" label="政策" prop="username">
<a-select v-model="form.policy" placeholder="请选择民族">
<a-select-option :value="id">{{ id }}</a-select-option>
</a-select>
</a-form-model-item>
<a-form-model-item ref="username" label="代理" prop="username">
<a-select v-model="form.proxy" placeholder="请选择民族">
<a-select-option :value="id">{{ id }}</a-select-option>
</a-select>
</a-form-model-item>
<a-form-model-item ref="username" label="报名人" prop="username">
<a-input v-model="form.username" />
<a-form-model-item ref="username" label="面试时间" prop="username">
<a-select v-model="form.facedate" placeholder="请选择民族">
<a-select-option :value="id">{{ id }}</a-select-option>
</a-select>
</a-form-model-item>
</a-form-model>
</a-modal>
@ -128,17 +173,21 @@
</div>
<div class="billbutton">
<span>服务费 <i>1.5</i>元/小时</span>
<button @click="showmodal">录单</button>
<button @click="showmodal">报名</button>
</div>
</div>
</div>
</div>
<div class="proxy">
<h1><i>代理政策</i></h1>
<div>{{ jobDetail.returnFeeDesp }}</div>
</div>
<div class="jobinformationbox">
<h1><i>职位信息</i></h1>
<div
v-html="jobDetail.baseInfo"
style="white-space: break-spaces"
style="white-space: break-spaces; line-height: 2"
></div>
</div>
</div>
@ -196,17 +245,258 @@ export default {
id: this.$route.params.id,
visible: false, // 录单模态框的展示
confirmLoading: false, // 录单提交的loading效果
nationlist: [
{
id: "01",
name: "汉族",
},
{
id: "02",
name: "蒙古族",
},
{
id: "03",
name: "回族",
},
{
id: "04",
name: "藏族",
},
{
id: "05",
name: "维吾尔族",
},
{
id: "06",
name: "苗族",
},
{
id: "07",
name: "彝族",
},
{
id: "08",
name: "壮族",
},
{
id: "09",
name: "布依族",
},
{
id: "10",
name: "朝鲜族",
},
{
id: "11",
name: "满族",
},
{
id: "12",
name: "侗族",
},
{
id: "13",
name: "瑶族",
},
{
id: "14",
name: "白族",
},
{
id: "15",
name: "土家族",
},
{
id: "16",
name: "哈尼族",
},
{
id: "17",
name: "哈萨克族",
},
{
id: "18",
name: "傣族",
},
{
id: "19",
name: "黎族",
},
{
id: "20",
name: "傈僳族",
},
{
id: "21",
name: "佤族",
},
{
id: "22",
name: "畲族",
},
{
id: "23",
name: "高山族",
},
{
id: "24",
name: "拉祜族",
},
{
id: "25",
name: "水族",
},
{
id: "26",
name: "东乡族",
},
{
id: "27",
name: "纳西族",
},
{
id: "28",
name: "景颇族",
},
{
id: "29",
name: "柯尔克孜族",
},
{
id: "30",
name: "土族",
},
{
id: "31",
name: "达斡尔族",
},
{
id: "32",
name: "仫佬族",
},
{
id: "33",
name: "羌族",
},
{
id: "34",
name: "布朗族",
},
{
id: "35",
name: "撒拉族",
},
{
id: "36",
name: "毛难族",
},
{
id: "37",
name: "仡佬族",
},
{
id: "38",
name: "锡伯族",
},
{
id: "39",
name: "阿昌族",
},
{
id: "40",
name: "普米族",
},
{
id: "41",
name: "塔吉克族",
},
{
id: "42",
name: "怒族",
},
{
id: "43",
name: "乌孜别克族",
},
{
id: "44",
name: "俄罗斯族",
},
{
id: "45",
name: "鄂温克族",
},
{
id: "46",
name: "崩龙族",
},
{
id: "47",
name: "保安族",
},
{
id: "48",
name: "裕固族",
},
{
id: "49",
name: "京族",
},
{
id: "50",
name: "塔塔尔族",
},
{
id: "51",
name: "独龙族",
},
{
id: "52",
name: "鄂伦春族",
},
{
id: "53",
name: "赫哲族",
},
{
id: "54",
name: "门巴族",
},
{
id: "55",
name: "珞巴族",
},
{
id: "56",
name: "基诺族",
},
{
id: "57",
name: "其他",
},
{
id: "58",
name: "外国血统中国人士",
},
],
form: {
// 录单数据
name: "",
tel: "",
peoplecard: "",
username: "",
gender: "",
nation: "",
location: "",
firm: "",
post: "",
pattern: "",
policy: "",
proxy: "",
facedate: "",
},
rules: {
// 录单校验规则
name: [{ required: true, message: "请输入姓名", trigger: "submit" }],
tel: [{ required: true, message: "请输入手机号", trigger: "submit" }],
// tel: [{ required: true, message: "请输入手机号", trigger: "submit" }],
},
};
},
@ -241,7 +531,7 @@ export default {
async getJobDetail() {
try {
const { data } = await getJobDetailApi(this.id);
// console.log(data);
console.log(data);
if (data.status === 200) {
this.jobDetail = disposeJobListData(data.data.storeJob);
data.data.storeImage.forEach((item) => {
@ -311,10 +601,16 @@ export default {
background-color: #f6f6f6;
}
// 录单模态框样式
/deep/ .ant-modal {
top: 30px !important;
}
.modal {
.ant-form-item {
// margin-bottom: 0;
margin-top: -8px;
/deep/ .ant-form-item-label {
line-height: 22px;
}
.ant-input {
// width: 430px;
height: 40px;
@ -352,6 +648,9 @@ export default {
}
/deep/ .ant-modal-body {
padding: 24px 24px 8px 24px;
overflow: auto;
height: 630px;
max-height: 630px !important;
}
}
/deep/ .maincontent {
@ -608,7 +907,12 @@ export default {
// }
}
}
.jobinformationbox {
.proxy {
margin-bottom: 16px;
// padding: 20px !important;
}
.jobinformationbox,
.proxy {
width: 944px;
// border: 1px solid #eeefef;
overflow: hidden;

450
src/components/FirstJob/joblist.vue
Unescape Escape View File

@ -6,20 +6,30 @@
</div>
</div> -->
<!-- 录单弹出框 -->
<a-modal
title="录单"
<a-drawer
title="报名"
placement="right"
:closable="true"
:visible="visible"
class="modal"
:confirm-loading="confirmLoading"
@ok="handleOk"
@cancel="handleCancel"
:maskClosable="false"
okText="提交"
cancelText="取消"
:destroyOnClose="true"
labelAlign="right"
width="588"
:after-visible-change="afterVisibleChange"
@close="onClose"
>
<a-form-model ref="ruleForm" :model="form" :rules="rules" :colon="false">
<a-form-model-item ref="name" label="老乡姓名" prop="name">
<a-form-model
ref="ruleForm"
:model="form"
:rules="rules"
:colon="false"
:wrapperCol="{ span: 21 }"
:labelCol="{ span: 3 }"
>
<a-form-model-item ref="username" label="代理" prop="username">
<a-select v-model="form.proxy" placeholder="请选择民族">
<a-select-option :value="applyid">{{ applyid }}</a-select-option>
</a-select>
</a-form-model-item>
<a-form-model-item ref="name" label="姓名" prop="name">
<a-input
v-model="form.name"
placeholder="请输入老乡姓名"
@ -30,29 +40,79 @@
"
/>
</a-form-model-item>
<a-form-model-item ref="tel" label="老乡电话" prop="tel">
<a-form-model-item ref="gender" label="性别" prop="gender">
<a-select v-model="form.gender" placeholder="请选择性别">
<a-select-option value="man">男</a-select-option>
<a-select-option value="woman">女</a-select-option>
</a-select>
</a-form-model-item>
<a-form-model-item ref="tel" label="年龄" prop="tel">
<a-input
v-model="form.tel"
placeholder="请输入老乡电话"
v-model="form.age"
placeholder="请输入年龄"
@blur="
() => {
$refs.tel.onFieldBlur();
$refs.tel.onFieldBlur(123);
}
"
/>
</a-form-model-item>
<a-form-model-item
ref="peoplecard"
label="老乡身份证号"
prop="peoplecard"
>
<a-form-model-item ref="peoplecard" label="民族" prop="peoplecard">
<a-select v-model="form.nation" placeholder="请选择民族">
<a-select-option
v-for="item in nationlist"
:key="item.id"
:value="item.id"
>{{ item.name }}</a-select-option
>
</a-select>
</a-form-model-item>
<a-form-model-item ref="peoplecard" label="身份证号" prop="peoplecard">
<a-input v-model="form.peoplecard" placeholder="请输入老乡身份证号" />
</a-form-model-item>
<a-form-model-item ref="username" label="报名人" prop="username">
<a-input v-model="form.username" placeholder="请输入报名人" />
<a-form-model-item ref="peoplecard" label="家庭住址" prop="peoplecard">
<a-input v-model="form.location" placeholder="请输入家庭住址" />
</a-form-model-item>
<a-form-model-item ref="username" label="面试时间" prop="username">
<a-select v-model="form.facedate" placeholder="请选择民族">
<a-select-option :value="applyid">{{ applyid }}</a-select-option>
</a-select>
</a-form-model-item>
<a-form-model-item ref="username" label="报名企业" prop="username">
<a-select v-model="form.firm" placeholder="请选择民族">
<a-select-option :value="applyid">{{ applyid }}</a-select-option>
</a-select>
</a-form-model-item>
<a-form-model-item ref="username" label="岗位" prop="username">
<a-select v-model="form.post" placeholder="请选择民族">
<a-select-option :value="applyid">{{ applyid }}</a-select-option>
</a-select>
</a-form-model-item>
<a-form-model-item ref="username" label="模式" prop="username">
<a-select v-model="form.pattern" placeholder="请选择民族">
<a-select-option :value="applyid">{{ applyid }}</a-select-option>
</a-select>
</a-form-model-item>
<a-form-model-item ref="username" label="政策" prop="username">
<a-select v-model="form.policy" placeholder="请选择民族">
<a-select-option :value="applyid">{{ applyid }}</a-select-option>
</a-select>
</a-form-model-item>
</a-form-model>
</a-modal>
</a-drawer>
<!-- <a-modal
title="报名"
:visible="visible"
class="modal"
:confirm-loading="confirmLoading"
@ok="handleOk"
@cancel="handleCancel"
:maskClosable="false"
okText="提交"
cancelText="取消"
:destroyOnClose="true"
>
</a-modal> -->
<!-- 筛选导航 -->
<div class="navigation" id="navigation">
<div class="w">
@ -276,7 +336,7 @@
>
<button>更多</button>
</router-link>
<button @click="showmodal(item.id)">录单</button>
<button @click="showmodal(item.id)">报名</button>
</div>
</div>
</div>
@ -380,6 +440,242 @@ export default {
confirmLoading: false, // 录单提交的loading效果
cityoption: [], // 城市列表
newFormValue: [],
applyid: "", // 报名企业id
nationlist: [
{
id: "01",
name: "汉族",
},
{
id: "02",
name: "蒙古族",
},
{
id: "03",
name: "回族",
},
{
id: "04",
name: "藏族",
},
{
id: "05",
name: "维吾尔族",
},
{
id: "06",
name: "苗族",
},
{
id: "07",
name: "彝族",
},
{
id: "08",
name: "壮族",
},
{
id: "09",
name: "布依族",
},
{
id: "10",
name: "朝鲜族",
},
{
id: "11",
name: "满族",
},
{
id: "12",
name: "侗族",
},
{
id: "13",
name: "瑶族",
},
{
id: "14",
name: "白族",
},
{
id: "15",
name: "土家族",
},
{
id: "16",
name: "哈尼族",
},
{
id: "17",
name: "哈萨克族",
},
{
id: "18",
name: "傣族",
},
{
id: "19",
name: "黎族",
},
{
id: "20",
name: "傈僳族",
},
{
id: "21",
name: "佤族",
},
{
id: "22",
name: "畲族",
},
{
id: "23",
name: "高山族",
},
{
id: "24",
name: "拉祜族",
},
{
id: "25",
name: "水族",
},
{
id: "26",
name: "东乡族",
},
{
id: "27",
name: "纳西族",
},
{
id: "28",
name: "景颇族",
},
{
id: "29",
name: "柯尔克孜族",
},
{
id: "30",
name: "土族",
},
{
id: "31",
name: "达斡尔族",
},
{
id: "32",
name: "仫佬族",
},
{
id: "33",
name: "羌族",
},
{
id: "34",
name: "布朗族",
},
{
id: "35",
name: "撒拉族",
},
{
id: "36",
name: "毛难族",
},
{
id: "37",
name: "仡佬族",
},
{
id: "38",
name: "锡伯族",
},
{
id: "39",
name: "阿昌族",
},
{
id: "40",
name: "普米族",
},
{
id: "41",
name: "塔吉克族",
},
{
id: "42",
name: "怒族",
},
{
id: "43",
name: "乌孜别克族",
},
{
id: "44",
name: "俄罗斯族",
},
{
id: "45",
name: "鄂温克族",
},
{
id: "46",
name: "崩龙族",
},
{
id: "47",
name: "保安族",
},
{
id: "48",
name: "裕固族",
},
{
id: "49",
name: "京族",
},
{
id: "50",
name: "塔塔尔族",
},
{
id: "51",
name: "独龙族",
},
{
id: "52",
name: "鄂伦春族",
},
{
id: "53",
name: "赫哲族",
},
{
id: "54",
name: "门巴族",
},
{
id: "55",
name: "珞巴族",
},
{
id: "56",
name: "基诺族",
},
{
id: "57",
name: "其他",
},
{
id: "58",
name: "外国血统中国人士",
},
],
dateinfo: {
day: "",
week: "",
@ -388,14 +684,21 @@ export default {
form: {
// 录单数据
name: "",
tel: "",
peoplecard: "",
username: "",
gender: "",
nation: "",
location: "",
firm: "",
post: "",
pattern: "",
policy: "",
proxy: "",
facedate: "",
},
rules: {
// 录单校验规则
name: [{ required: true, message: "请输入姓名", trigger: "submit" }],
tel: [{ required: true, message: "请输入手机号", trigger: "submit" }],
// tel: [{ required: true, message: "请输入手机号", trigger: "submit" }],
},
options: {
//
@ -733,9 +1036,16 @@ export default {
this.form = {
// 录单数据
name: "",
tel: "",
peoplecard: "",
username: "",
gender: "",
nation: "",
location: "",
firm: "",
post: "",
pattern: "",
policy: "",
proxy: "",
facedate: "",
};
},
// 录单提交按钮的回调
@ -765,6 +1075,7 @@ export default {
// 弹出录单模态框
showmodal(id) {
this.visible = true;
this.applyid = id;
console.log(id);
},
// 获取日期信息
@ -837,50 +1148,55 @@ export default {
// }
// }
// 录单模态框样式
.modal {
.ant-form-item {
// margin-bottom: 0;
margin-top: -8px;
.ant-input {
// width: 430px;
height: 40px;
// border: none;
border: 1px solid #dddddd;
box-shadow: none !important;
// background-color: #f6f6f6;
}
/deep/ .ant-modal {
top: 30px !important;
}
.ant-form-item {
// margin-bottom: 0;
margin-top: -8px;
// /deep/ .ant-form-item-label {
// line-height: 22px;
// }
.ant-input {
// width: 430px;
height: 40px;
// border: none;
border: 1px solid #dddddd;
box-shadow: none !important;
// background-color: #f6f6f6;
}
/deep/ .ant-modal-footer {
padding: 10px 24px;
.ant-btn {
box-shadow: none;
&:hover {
color: #ff6a00;
border-color: #ff6a00;
}
}
.ant-btn.ant-btn-primary {
background-color: #ff6a00 !important;
border: none;
line-height: 32px;
margin-left: 12px;
color: #fff;
box-shadow: none;
&:hover {
background-color: #ff8025 !important;
}
}
/deep/ .ant-modal-footer {
padding: 10px 24px;
.ant-btn {
box-shadow: none;
&:hover {
color: #ff6a00;
border-color: #ff6a00;
}
}
/deep/ .ant-modal-header {
.ant-modal-title {
font-size: 20px;
// font-weight: normal;
.ant-btn.ant-btn-primary {
background-color: #ff6a00 !important;
border: none;
line-height: 32px;
margin-left: 12px;
color: #fff;
box-shadow: none;
&:hover {
background-color: #ff8025 !important;
}
}
/deep/ .ant-modal-body {
padding: 24px 24px 8px 24px;
}
/deep/ .ant-modal-header {
.ant-modal-title {
font-size: 20px;
// font-weight: normal;
}
}
/deep/ .ant-drawer-body {
padding: 20px 16px 8px 16px;
}
/deep/ .navigation {
// margin-top: -1px;
width: 100%;

25
src/style/index.less
Unescape Escape View File

@ -34,7 +34,7 @@ button,
input,
select,
textarea {
font: 12px/1.5tahoma, arial, \5b8b\4f53;
font: 12px/1.5 tahoma, arial, \5b8b\4f53;
}
h1,
h2,
@ -329,10 +329,10 @@ i {
}
.ant-pagination-next,
.ant-pagination-prev {
&:focus .ant-pagination-item-link{
&:focus .ant-pagination-item-link {
color: #000000a6;
}
&:hover .ant-pagination-item-link{
&:hover .ant-pagination-item-link {
color: #ff6a00;
}
}
@ -459,9 +459,9 @@ i {
// font-weight: bold;
justify-content: space-between;
border-bottom: 1px solid #eee;
&:hover {
color: #ff6a00;
}
&:hover {
color: #ff6a00;
}
span {
line-height: 18px;
i {
@ -522,11 +522,12 @@ p.bottombox {
// padding: 6px 0;
// }
}
.ant-cascader-menu {
.ant-cascader-menu,
.ant-modal-body {
max-height: 300px !important;
&::-webkit-scrollbar {
/*滚动条整体样式*/
width: 4px; /*高宽分别对应横竖滚动条的尺寸*/
width: 7px; /*高宽分别对应横竖滚动条的尺寸*/
height: 4px;
}
&::-webkit-scrollbar-thumb {
@ -556,9 +557,9 @@ p.bottombox {
}
}
// 加载中的样式
.ant-spin-dot-item{
background-color: #fda21d;
.ant-spin-dot-item {
background-color: #fda21d;
}
.ant-spin-text{
color: #fda21d;
.ant-spin-text {
color: #fda21d;
}

6
src/utils/request.js
Unescape Escape View File

@ -1,5 +1,5 @@
import axios from "axios";
const baseURL = "http://1shoudan.com"; // 正式环境线上
// const baseURL = "http://1shoudan.com"; // 正式环境线上
// const baseURL = "https://d.matripe.com.cn"; // 正式环境本地
// const baseURL = "http://bl7.matripe.com.cn:8001"; // 测试环境本地
// const baseURL = "http://nb.renminshitang.com.cn"; // 测试环境线上
@ -9,8 +9,8 @@ const baseURL = "http://1shoudan.com"; // 正式环境线上
axios.defaults.withCredentials = true; //添加这行代码
// console.log(axios);
const service = axios.create({
// baseURL: "/api_prod", // url = base url + request url
baseURL: baseURL, // baseURL: "/api", // url = base url + request url
baseURL: "/api_prod", // url = base url + request url
// baseURL: baseURL, // baseURL: "/api", // url = base url + request url
withCredentials: true, // send cookies when cross-domain requests
timeout: 10000, // request timeout
crossDomain: true,

4
vue.config.js
Unescape Escape View File

@ -43,8 +43,8 @@ module.exports = {
// 地址中有 /api 的时候会触发代理
"/api_prod": {
// target: "http://localhost:8001/",
target: "http://bl7.matripe.com.cn:8001",
// target: "https://d.matripe.com.cn",
// target: "http://bl7.matripe.com.cn:8001",
target: "https://d.matripe.com.cn",
ws: true, // proxy websockets
changeOrigin: true, // 确定是否跨域
pathRewrite: {

Write Preview
Loading…
Cancel
Save