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

报名

Browse Source
cyl/dev
zsk 2 years ago
parent 5ae0c24b77
commit f150b0d132
6 changed files with 1208 additions and 40 deletions
Show Stats Download Patch File Download Diff File

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

@ -453,7 +453,7 @@
<div class="companyinfo" v-if="from != 'vocational'"> <div class="companyinfo" v-if="from != 'vocational'">
<div class="companydetail"> <div class="companydetail">
<h1 class="bottombox"> <h1 class="bottombox">
<i>职位详情</i> <i>企业详情</i>
</h1> </h1>
</div> </div>
<div class="companylocation" style="text-align: center; padding: 0 20px 20px" v-if="positionInfo.lng"> <div class="companylocation" style="text-align: center; padding: 0 20px 20px" v-if="positionInfo.lng">
@ -886,6 +886,7 @@ export default {
let storeImage = []; let storeImage = [];
let storeVideo = []; let storeVideo = [];
if(data.data.storeImage){ if(data.data.storeImage){
data.data.storeImage.forEach((item) => { data.data.storeImage.forEach((item) => {
console.log(item.url); console.log(item.url);
@ -1424,7 +1425,7 @@ export default {
} }
div:last-child { div:last-child {
font-weight: normal; font-weight: normal;
background-color: #fff4e3; background-color: #fff3ef;
color: #ff4400; color: #ff4400;
font-size: 18px; font-size: 18px;
span:last-child { span:last-child {

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

@ -504,7 +504,7 @@
<span @click="toDetail(item)" style="cursor: pointer"> <span @click="toDetail(item)" style="cursor: pointer">
<div class="subsetleft" @click="totop"> <div class="subsetleft" @click="totop">
<div class="imgbox"> <div class="imgbox">
<img v-if="item.logo.length !== 0" :src="item.logo" /> <img v-if="item.logo.length !== 0" :src="item.logo" style="object-fit: cover;width: 156px;height: 156px;" />
<div v-else class="default_avatar">{{ item.brandName || item.jobName }}</div> <div v-else class="default_avatar">{{ item.brandName || item.jobName }}</div>
<!-- <img v-else src="../../../static/img/nopicture.png" /> --> <!-- <img v-else src="../../../static/img/nopicture.png" /> -->
</div> </div>
@ -516,8 +516,8 @@
>--> >-->
<div class="jobname">{{ item.jobName }}</div> <div class="jobname">{{ item.jobName }}</div>
<div class="xmfDiv"> <div class="xmfDiv">
<img src="https://matripe-cms.oss-cn-beijing.aliyuncs.com/1shoudan/xmf.svg" class="ml4" alt=""> <img src="https://matripe-cms.oss-cn-beijing.aliyuncs.com/1shoudan/xmfb.svg" class="" alt="">
<span class="f12 ml12" style="color:#646572">{{item.agencyName}}</span> <span class="f12 ml4" style="color:#646572">{{item.agencyName}}</span>
</div> </div>
<!-- <img src="https://matripe-cms.oss-cn-beijing.aliyuncs.com/1shoudan/ysd1.png" style="width: 20px;height: 20px;" alt=""> --> <!-- <img src="https://matripe-cms.oss-cn-beijing.aliyuncs.com/1shoudan/ysd1.png" style="width: 20px;height: 20px;" alt=""> -->
@ -1416,16 +1416,18 @@ export default {
// pageSize: 8, // pageSize: 8,
// total: null, //分页配置 // total: null, //分页配置
// } // }
this.formvalue.aliasName = ""; // this.formvalue.aliasName = "";
this.formvalue.ageStr = ""; this.formvalue.ageStr = "";
if (this.searchValue.trim() !== "") { if (this.searchValue.trim() !== "") {
this.formvalue.pageNum = 1; this.formvalue.pageNum = 1;
console.log(this.searchValue); console.log(this.searchValue);
if (typeof +this.searchValue.trim() == "number" && !isNaN(+this.searchValue.trim())) { if (typeof +this.searchValue.trim() == "number" && !isNaN(+this.searchValue.trim())) {
this.formvalue.ageStr = this.searchValue.trim(); this.formvalue.ageStr = this.searchValue.trim();
this.formvalue.keys = "";
} else { } else {
this.formvalue.aliasName = this.searchValue.trim(); // this.formvalue.aliasName = this.searchValue.trim();
this.formvalue.keys = this.searchValue.trim(); this.formvalue.keys = this.searchValue.trim();
this.formvalue.ageStr = ""
} }
// console.log("search1"); // console.log("search1");
// this.formvalue.aliasName = this.searchValue; // this.formvalue.aliasName = this.searchValue;

82
src/components/FirstJob/recordBill.vue
Unescape Escape View File

@ -24,7 +24,7 @@
</a-breadcrumb> </a-breadcrumb>
<div class="content"> <div class="content">
<a-form-model ref="ruleForm" :model="form" :colon="true" :rules="rules"> <a-form-model ref="ruleForm" :model="form" :colon="true" :rules="rules">
<a-form-model-item ref="proxy" label="代理" prop :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }" style="height: 30px; margin-bottom: 18px"> <a-form-model-item ref="proxy" label="报名人" prop :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }" style="height: 30px; margin-bottom: 18px">
<!-- <a-input <!-- <a-input
:value=" :value="
proxyinfo.userName !== '' && proxyinfo.userName !== '' &&
@ -52,14 +52,32 @@
> >
</div> </div>
</a-form-model-item> </a-form-model-item>
<a-form-model-item ref="username" label="报名职位" prop="username" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }" style="height: 30px; margin-bottom: 10px">
<!-- <a-input :value="firminfo.jobName" :disabled="true" /> -->
<div class="pzbox" style="width: 100%">
<!-- <span v-if="jobnameStatus === ''">{{ firminfo.jobName }}</span> -->
<span>{{ firminfo.jobName }}</span>
<!-- <a-select v-if="jobnameStatus === 'jobname'" show-search auto-focus placeholder="请选择岗位" option-filter-prop="children" style="width: 200px" @blur="jobnameStatus = ''">
<a-select-option v-for="i in storeJobList" :key="i.id" @click="storeJobChange(i)">{{ i.aliasName }}</a-select-option>
</a-select> -->
<!-- v-if="isMaster && jobnameStatus !== 'jobname'" -->
<span @click="openModal" :style="{ color: '#ff4400', marginLeft: '10px', cursor: 'pointer'}">修改</span>
</div>
</a-form-model-item>
<recordBillTable :isModalVisible="isModalVisible"></recordBillTable>
<a-form-model-item ref="username" label="报名企业" prop="username" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }" style="height: 30px; margin-bottom: 18px"> <a-form-model-item ref="username" label="报名企业" prop="username" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }" style="height: 30px; margin-bottom: 18px">
<!-- <a-input :value="firminfo.aliasName" :disabled="true" /> --> <!-- <a-input :value="firminfo.aliasName" :disabled="true" /> -->
<div class="pzbox" style="width: 100%"> <div class="pzbox" style="width: 100%">
<span v-if="storeStatus === ''">{{ firminfo.aliasName }}</span> <span>{{ firminfo.aliasName || "-" }}</span>
<!-- <span v-if="storeStatus === ''">{{ firminfo.aliasName }}</span>
<a-select v-if="storeStatus === 'store'" show-search auto-focus mode="combobox" placeholder="请选择企业" style="width: calc(100% - 200px)" :default-active-first-option="false" :show-arrow="false" :filter-option="false" :not-found-content="null" @search="storeSearch" @blur="storeStatus = ''"> <a-select v-if="storeStatus === 'store'" show-search auto-focus mode="combobox" placeholder="请选择企业" style="width: calc(100% - 200px)" :default-active-first-option="false" :show-arrow="false" :filter-option="false" :not-found-content="null" @search="storeSearch" @blur="storeStatus = ''">
<a-select-option v-for="i in storeList" :key="i.id + ''" @click="storeChange(i)">{{ i.aliasName }}</a-select-option> <a-select-option v-for="i in storeList" :key="i.id + ''" @click="storeChange(i)">{{ i.aliasName }}</a-select-option>
</a-select> </a-select>
<span <span
@click="storeStatus = 'store'" @click="storeStatus = 'store'"
:style="{ :style="{
color: '#ff4400', color: '#ff4400',
@ -67,29 +85,14 @@
cursor: 'pointer', cursor: 'pointer',
}" }"
v-if="isMaster && storeStatus !== 'store'" v-if="isMaster && storeStatus !== 'store'"
>修改</span >修改</span> -->
>
</div>
</a-form-model-item>
<a-form-model-item ref="username" label="岗位" prop="username" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }" style="height: 30px">
<!-- <a-input :value="firminfo.jobName" :disabled="true" /> -->
<div class="pzbox" style="width: 100%">
<span v-if="jobnameStatus === ''">{{ firminfo.jobName }}</span>
<a-select v-if="jobnameStatus === 'jobname'" show-search auto-focus placeholder="请选择岗位" option-filter-prop="children" style="width: 200px" @blur="jobnameStatus = ''">
<a-select-option v-for="i in storeJobList" :key="i.id" @click="storeJobChange(i)">{{ i.aliasName }}</a-select-option>
</a-select>
<span
@click="selected"
:style="{
color: '#ff4400',
marginLeft: '10px',
cursor: 'pointer',
}"
v-if="isMaster && jobnameStatus !== 'jobname'"
>修改</span
>
</div> </div>
</a-form-model-item> </a-form-model-item>
<a-form-item label="项目方" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }">
<span class="ant-form-text c6">{{ agencyName }}</span>
</a-form-item>
<a-form-model-item class="time-input" ref="interviewTime" label="面试时间" prop="interviewTime" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }"> <a-form-model-item class="time-input" ref="interviewTime" label="面试时间" prop="interviewTime" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }">
<timepicker :isShow.sync="isShow" :datetime.sync="form.interviewTime" :prev="true"></timepicker> <timepicker :isShow.sync="isShow" :datetime.sync="form.interviewTime" :prev="true"></timepicker>
<a-input class="pt1" v-model="form.interviewTime" placeholder="请选择面试时间" @input="verify" allowClear @click="getDateinfo"> <a-input class="pt1" v-model="form.interviewTime" placeholder="请选择面试时间" @input="verify" allowClear @click="getDateinfo">
@ -105,7 +108,7 @@
<a-row> <a-row>
<a-col :span="20"> <a-col :span="20">
<a-form-model-item ref="idCard" label="身份证号" prop="idCard" :wrapperCol="{ span: 16 }" :labelCol="{ span: 5 }"> <a-form-model-item ref="idCard" label="身份证号" prop="idCard" :wrapperCol="{ span: 16 }" :labelCol="{ span: 5 }">
<a-input v-model="form.idCard" @change="getIdInfo($event)" placeholder="请输入老乡身份证号" :max-length="18" /> <a-input v-model="form.idCard" @change="getIdInfo($event)" placeholder="请输入身份证号/上传身份证自动识别" :max-length="18" />
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
<a-col :span="4" class="idCardUpload"> <a-col :span="4" class="idCardUpload">
@ -128,7 +131,7 @@
/>--> />-->
<div v-if="fileList.length == 0" style="display: flex; justify-content: center; align-items: center" class="nloding"> <div v-if="fileList.length == 0" style="display: flex; justify-content: center; align-items: center" class="nloding">
<a-icon type="plus" /> <a-icon type="plus" />
<div class="ant-upload-text">上传证件</div> <div class="ant-upload-text">拖拽上传</div>
</div> </div>
</a-upload> </a-upload>
<div v-if="loading" style="display: flex; justify-content: center; align-items: center" class="uploading"> <div v-if="loading" style="display: flex; justify-content: center; align-items: center" class="uploading">
@ -210,8 +213,8 @@
</div>--> </div>-->
</a-form-model-item> </a-form-model-item>
<a-form-model-item ref="desp" style="margin-bottom: 12px" label="备注" prop="desp" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }"> <a-form-model-item ref="desp" style="margin-bottom: 12px" label="报名备注" prop="desp" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }">
<a-textarea v-model="form.desp" placeholder="请输入备注" :auto-size="{ minRows: 2, maxRows: 5 }" /> <a-textarea v-model="form.desp" placeholder="请输入报名备注" :auto-size="{ minRows: 2, maxRows: 5 }" />
</a-form-model-item> </a-form-model-item>
<a-form-model-item ref="headerUploadRef" label="附件" prop="peoplecard" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }"> <a-form-model-item ref="headerUploadRef" label="附件" prop="peoplecard" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }">
@ -269,6 +272,7 @@ import request from "@/utils/request";
import qs from "qs"; import qs from "qs";
// import axios from "axios"; // import axios from "axios";
import $ from "jquery"; import $ from "jquery";
import recordBillTable from "./recordBillTable.vue";
// import axiosUpload from "axios"; // import axiosUpload from "axios";
export default { export default {
inject: ["reload"], inject: ["reload"],
@ -276,6 +280,7 @@ export default {
name: "recordBill", name: "recordBill",
// 局部注册的组件 // 局部注册的组件
components: { components: {
recordBillTable,
// recordbill, // recordbill,
timepicker, timepicker,
}, },
@ -284,6 +289,11 @@ export default {
// 组件状态值 // 组件状态值
data() { data() {
return { return {
isModalVisible:false,
agencyName: "-",
jobClassify: "",
fileList2: [], fileList2: [],
fileListT2: [], fileListT2: [],
// facetimedate: "", // facetimedate: "",
@ -435,6 +445,8 @@ export default {
} else { } else {
this.firminfo = this.$route.params; this.firminfo = this.$route.params;
} }
this.jobClassify = JSON.parse(sessionStorage.getItem("PAGE_TYPE")).jobClassify;
console.log(JSON.parse(sessionStorage.getItem("CURRENT_FIRM"))); console.log(JSON.parse(sessionStorage.getItem("CURRENT_FIRM")));
console.log(this.firminfo); console.log(this.firminfo);
// this.userinfo = JSON.parse(userinfo); // this.userinfo = JSON.parse(userinfo);
@ -459,6 +471,10 @@ export default {
}, },
// 组件方法 // 组件方法
methods: { methods: {
openModal() {
this.isModalVisible = true;
// 可在此处加载或更新表格数据
},
async getJob(value) { async getJob(value) {
try { try {
const { data } = await getStoreJobApi(value.id); const { data } = await getStoreJobApi(value.id);
@ -517,9 +533,11 @@ export default {
// }, // },
async getJobDetail(value) { async getJobDetail(value) {
try { try {
const { data } = await getJobDetailApi(value); const { data } = await getJobDetailApi(value, this.jobClassify);
console.log(data); console.log(data);
if (data.status === 200) { if (data.status === 200) {
this.agencyName = data.data.agency.agencyName;
this.form.policyNum = data.data.storeJob.policyNum; this.form.policyNum = data.data.storeJob.policyNum;
console.log(this.form.policyNum); console.log(this.form.policyNum);
if (this.form.policyNum == "" && this.form.policy != "") { if (this.form.policyNum == "" && this.form.policy != "") {
@ -941,10 +959,10 @@ export default {
.catch((err) => { .catch((err) => {
console.log(err); console.log(err);
}); });
}) })
.then((response) => { .then((response) => {
console.log("响应的数据", response); console.log("响应的数据", response);
let dataObj = {} let dataObj = {};
dataObj.policy = response.data.policy; dataObj.policy = response.data.policy;
dataObj.signature = response.data.signature; dataObj.signature = response.data.signature;
dataObj.ossaccessKeyId = response.data.accessid; dataObj.ossaccessKeyId = response.data.accessid;
@ -1086,7 +1104,7 @@ export default {
}, },
selected() { selected() {
// if (!isEmptyCheck(this.form.qiyeId)) { // if (!isEmptyCheck(this.form.qiyeId)) {
this.jobnameStatus = "jobname"; // this.jobnameStatus = "jobname";
// } else { // } else {
// this.$message.warning("请先选择企业"); // this.$message.warning("请先选择企业");
// } // }

180
src/components/FirstJob/recordBillTable.vue
Unescape Escape View File

@ -0,0 +1,180 @@
<template>
<div>
<a-modal title="职位选择" width="1200px" :visible="isModalVisible" @ok="confirmModal" @cancel="cancelModal" :footer="null">
<a-table :columns="tableColumns" :loading="isspinning" :data-source="tableData" size="small">
<span slot="cz" slot-scope="text, record">
<a href="javascript:;">选择</a>
</span>
</a-table>
</a-modal>
</div>
</template>
<script>
import { JobListApi, JobListApiYicai, getJobSpecialApi, getProvinceApi, getHotCityApi, getCityWhichHasJobApi, getHotStoreApi, getClassifyListApi } from "../../api/job";
import $ from "jquery";
import { moneyToFixed, getSalaryClassifyValue, isNotEmptyCheck, disposeJobListData, setReturnFee,xinZiXianShi } from "../../utils/commonUtil";
export default {
props:['isModalVisible'],
data() {
return {
isspinning: false,
formvalue: {},
tableColumns: [
{
title: "序号",
dataIndex: "sort",
key: "1",
},
{
title: "职位名称",
dataIndex: "jobName",
key: "jobName",
},
{
title: "项目方",
dataIndex: "agencyName",
key: "agencyName",
ellipsis: true,
width:200,
},
{
title: "服务费",
dataIndex: "servetype",
key: "servetype",
ellipsis: true,
width:180,
},
{
title: "员工薪资",
dataIndex: "jobpricemonth",
key: "jobpricemonth",
ellipsis: true,
width:180,
customRender: (text, row, index) => {
console.log(this.xinZiXianShi(row));
// return xinZiXianShi(row)
},
},
{
title: "性别",
dataIndex: "gender",
key: "gender",
ellipsis: true,
width:90,
customRender: (text, row, index) => {
if (text == '女丨') {
return '女'
}else if (text == '男丨') {
return '男'
}else{
return '男女不限'
}
},
},
{
title: "年龄",
dataIndex: "age",
key: "age",
ellipsis: true,
width:80,
},
{
title: "操作",
dataIndex: "cz",
key: "cz",
ellipsis: true,
width:50,
scopedSlots: { customRender: 'cz' },
},
],
tableData: [
/* 表格数据 */
], // 数据源
};
},
watch: {
"isModalVisible"(newV, old) {
console.log(old, newV);
if (newV) {
this.getJobList();
}
// this.getJobList();
},
},
created() {
console.log(123);
this.getJobList();
},
methods: {
openModal() {
this.isModalVisible = true;
// 可在此处加载或更新表格数据
},
confirmModal() {
this.isModalVisible = false;
// 处理确认逻辑，如保存更改等
},
cancelModal() {
this.isModalVisible = false;
// 清理或重置状态
},
xinZiXianShi(record){
console.log(record);
console.log("=================");
return xinZiXianShi(record)
},
// 获取工作列表
async getJobList() {
this.isspinning = true;
console.log("this.formvalue", this.formvalue);
try {
let newdata = {
district: "",
monthlyPayStr: "",
ageStr: "",
jobSpecialLabelIds: "",
aliasName: "",
pageNum: 1,
pageSize: 8,
total: null, //分页配置
};
// for (var k in this.formvalue) {
// // console.log(this.formvalue[k]);
// if (Array.isArray(this.formvalue[k])) {
// newdata[k] = this.formvalue[k].length > 0 ? this.formvalue[k].join() : "";
// } else {
// newdata[k] = this.formvalue[k];
// }
// }
// console.log(newdata);
// debugger;
// console.log(this.isLogin);
// if (this.isLogin) {
const { data } = await JobListApi(newdata);
console.log("data", data);
if (data.status === 200) {
this.tableData = disposeJobListData(data.data.pageBean.recordList);
this.formvalue.total = data.data.pageBean.recordCount;
} else {
this.$message.info("数据获取失败");
}
// }
// this.totop();
// = data.data.recordList;
// console.log(this.formvalue);
} catch (error) {
console.log(error);
}
this.isspinning = false;
},
},
};
</script>
<style></style>

967
src/style/index.css
Unescape Escape View File

@ -0,0 +1,967 @@
@import "//at.alicdn.com/t/c/font_3135652_nd5ivglbv4.css";
@font-face {
font-family: "DingTalk";
/* 这里的字体名称是自定义的 */
src: url("../assets/fonts/DingTalk\ Sans.ttf");
/* 服务器上ttf文件的路径，记得配置域名权限 */
font-weight: normal;
font-style: normal;
font-display: swap;
}
.lNum {
opacity: 1;
font-size: 32px;
font-weight: 400;
text-align: right;
color: #fff;
line-height: 39px;
font-family: "DingTalk";
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td,
div {
margin: 0;
padding: 0;
color: #333;
font-family: PingFangSC, PingFangSC-Regular;
}
body,
button,
input,
select,
textarea {
font-family: PingFangSC, PingFangSC-Regular;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
}
address,
cite,
dfn,
em,
var {
font-style: normal;
}
code,
kbd,
pre,
samp {
font-family: couriernew, courier, monospace;
}
small {
font-size: 12px;
}
ul,
ol {
list-style: none;
}
a {
color: inherit;
text-decoration: none;
}
a:hover {
color: inherit;
text-decoration: none;
}
sup {
vertical-align: text-top;
}
sub {
vertical-align: text-bottom;
}
legend {
color: #000;
}
fieldset,
img {
border: 0;
}
button,
input,
select,
textarea {
font-size: 100%;
}
button {
cursor: pointer;
}
button:focus-visible {
outline: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
:root {
overflow-y: auto;
overflow-x: hidden;
}
body {
padding: 0;
background-color: #fff;
font-size: 18px;
}
i {
font-style: normal;
}
.br8 {
border-radius: 8px;
}
.br6 {
border-radius: 6px;
}
.br4 {
border-radius: 4px;
}
.dil {
display: inline;
}
.cf4 {
color: #ff4400;
}
.dib {
display: inline-block;
}
.fw600 {
font-weight: 500;
}
.fl {
float: left;
}
.fr {
float: right;
}
.clb {
clear: both;
}
.tl {
text-align: left;
}
.tr {
text-align: right;
}
.tc,
.center {
text-align: center;
}
.f14 {
font-size: 14px !important;
}
.f14s {
font-size: 14px;
}
.ml8 {
margin-left: 8px;
}
.ml24 {
margin-left: 24px;
}
.m16 {
margin: 16px;
}
.mr16 {
margin-right: 16px !important;
}
.ml16 {
margin-left: 16px !important;
}
.m0 {
margin: 0 !important;
}
.m016 {
margin: 0 16px;
}
.m010 {
margin: 0 10px;
}
.m160 {
margin: 16px 0;
}
.mr0 {
margin-right: 0px !important;
}
.mr4 {
margin-right: 4px;
}
.mr8 {
margin-right: 8px;
}
.mr12 {
margin-right: 12px;
}
.mt8 {
margin-top: 8px;
}
.mb8 {
margin-bottom: 8px;
}
.mb4 {
margin-bottom: 4px;
}
.mb2 {
margin-bottom: 2px;
}
.p0 {
padding: 0 !important;
}
.pr16 {
padding-right: 16px;
}
.tac {
text-align: center;
}
.pl16 {
padding-left: 16px;
}
.pb12 {
padding-bottom: 12px;
}
.pb15 {
padding-bottom: 15px;
}
.pb4 {
padding-bottom: 4px;
}
.p08 {
padding: 0 8px;
}
.p012 {
padding: 0 12px !important;
}
.p016 {
padding: 0 16px;
}
.mt6 {
margin-top: 6px;
}
.p160 {
padding: 16px 0;
}
.p1612 {
padding: 16px 12px;
}
.ml10 {
margin-left: 10px;
}
.ml12 {
margin-left: 12px;
}
.mr10 {
margin-right: 10px;
}
.ml6 {
margin-left: 6px;
}
.ml4 {
margin-left: 4px !important;
}
.mr6 {
margin-right: 6px;
}
.mr14 {
margin-right: 14px;
}
.ml14 {
margin-left: 14px;
}
.mt10 {
margin-top: 10px;
}
.ml22 {
margin-left: 22px;
}
.ml24 {
margin-left: 24px;
}
.mb10 {
margin-bottom: 10px;
}
.mb12 {
margin-bottom: 12px;
}
.mb6 {
margin-bottom: 6px;
}
.mb16 {
margin-bottom: 16px;
}
.mb32 {
margin-bottom: 32px;
}
.pl8 {
padding-left: 8px;
}
.pl32 {
padding-left: 32px !important;
}
.pr8 {
padding-right: 8px;
}
.pt8 {
padding-top: 8px;
}
.pt12 {
padding-top: 12px;
}
.letter0 {
letter-spacing: 0;
}
.mb40 {
margin-bottom: 40px;
}
.pb8 {
padding-bottom: 8px;
}
.mb0 {
margin-bottom: 0;
}
.p16 {
padding: 16px;
}
.border1 {
border: 1px solid #eee;
}
.bb1 {
border-bottom: 1px solid #eee;
}
.br1 {
border-right: 1px solid #eee;
}
.bt1 {
border-top: 1px solid #eee;
}
.bl1 {
border-left: 1px solid #eee;
}
.bbd1 {
border-bottom: 1px dotted #eee;
}
.brd1 {
border-right: 1px dotted #eee;
}
.btd1 {
border-top: 1px dotted #eee;
}
.bld1 {
border-left: 1px dotted #eee;
}
.f6 {
font-size: 6px;
}
.f10 {
font-size: 10px !important;
}
.f22 {
font-size: 22px;
}
.f12 {
font-size: 12px !important;
}
.f14 {
font-size: 14px;
}
.f16 {
font-size: 16px !important;
}
.f18 {
font-size: 18px;
}
.f20 {
font-size: 20px;
}
.f22 {
font-size: 22px;
}
.f24 {
font-size: 24px;
}
.f26 {
font-size: 26px;
}
.f32 {
font-size: 32px !important;
}
.f36 {
font-size: 36px !important;
}
.f56 {
font-size: 56px !important;
}
.f64 {
font-size: 64px !important;
}
.f320 {
font-size: 320px !important;
}
.c3 {
color: #333;
}
.cf40 {
color: #f40;
}
.c6 {
color: #666;
}
.c9 {
color: #999;
}
.cccc {
color: #cccccc;
}
.cblue {
color: #1890ff;
}
.fsa {
display: flex;
align-items: center;
justify-content: space-between;
}
.fss {
display: flex;
align-items: center;
justify-content: start;
}
.fse {
display: flex;
align-items: center;
justify-content: end;
}
.fsc {
display: flex;
align-items: center;
justify-content: center;
}
.fcsc {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.middle {
position: relative;
left: 50%;
transform: translateX(-40%);
}
.setMiddle {
margin-left: 50%;
transform: translateX(-50%);
}
.setH {
transform: translate(-50%, 50%);
}
.flex1 {
flex: 1;
}
.dn {
display: none;
}
.esl {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: break-all;
}
.bodyContainer {
padding: 16px;
min-height: calc(100vh - 194px);
background-color: #fff;
}
.dpib {
white-space: nowrap;
display: inline-block;
overflow: hidden;
}
.w100 {
width: 100%;
}
.curp {
cursor: pointer;
}
.por {
position: relative;
}
.poa {
position: absolute;
}
.svg_icon {
width: 1em;
height: 1em;
overflow: hidden;
display: inline-block;
vertical-align: middle;
min-width: 30px;
text-align: center;
font-size: 20px;
font-weight: normal;
margin-right: 2px;
}
.svg {
width: 1em;
height: 1em;
overflow: hidden;
display: inline-block;
vertical-align: middle;
text-align: center;
font-weight: normal;
margin-right: 2px;
}
.w {
width: 1200px;
min-width: 1200px;
margin: 0 auto;
}
.mb12 {
margin-bottom: 12px;
}
.mt20 {
margin-top: 20px;
}
.mt48 {
margin-top: 48px;
}
.mt60 {
margin-top: 60px;
}
.titlestyle {
font-size: 16px;
font-weight: 600;
color: #333;
}
.nobd {
border-left-color: transparent !important;
border-right-color: transparent !important;
border-top: none !important;
border-bottom: none !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.ant-calendar-picker-container-content {
margin-top: 3px;
}
.ant-calendar-picker {
border-color: #d9d9d9 !important;
}
.ant-calendar-picker:hover .ant-calendar-picker-input {
border-color: #d9d9d9 !important;
}
.ant-calendar-picker:focus .ant-calendar-picker-input {
border-color: #d9d9d9 !important;
}
.ant-breadcrumb .ant-breadcrumb-link a:hover {
color: #ff4400;
}
.pagecontainer.f40 {
display: flex;
justify-content: center;
text-align: center;
margin-bottom: 30px;
margin-top: 15px;
}
.pagecontainer.f40 .ant-pagination-item-container .ant-pagination-item-link-icon {
color: #ff4400;
}
.pagecontainer.f40 .ant-pagination-options-quick-jumper {
margin-left: 10px;
font-size: 14px;
}
.pagecontainer.f40 .ant-pagination-disabled a:hover {
color: #c5c5c5 !important;
}
.pagecontainer.f40 .ant-pagination-next:focus .ant-pagination-item-link,
.pagecontainer.f40 .ant-pagination-prev:focus .ant-pagination-item-link {
color: #000000a6;
}
.pagecontainer.f40 .ant-pagination-next:hover .ant-pagination-item-link,
.pagecontainer.f40 .ant-pagination-prev:hover .ant-pagination-item-link {
color: #ff4400;
}
.pagecontainer.f40 input[type="text"] {
box-shadow: none;
background-color: #fff;
border-color: #ddd;
border-radius: 6px;
}
.pagecontainer.f40 input[type="text"]:focus {
border: 1px solid #ff4400;
}
.pagecontainer.f40 input[type="text"]:hover {
border: 1px solid #ff4400;
}
.pagecontainer.f40 .ant-pagination-item {
border: none;
border-radius: 6px;
line-height: 32px;
}
.pagecontainer.f40 .ant-pagination-item a:hover {
color: #ff4400;
}
.pagecontainer.f40 .ant-pagination-item-active {
background: #ff4400;
}
.pagecontainer.f40 .ant-pagination-item-active a {
color: white;
}
.pagecontainer.f40 .ant-pagination-item-active a:hover {
color: white;
}
.pagecontainer.f40 .ant-pagination-item-link {
border: none;
}
.ant-cascader-menus.monthlypay,
.ant-cascader-menus.agestr,
.ant-cascader-menus.gender {
width: 100vw;
margin: 0 auto;
top: 45px !important;
-webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.15);
box-shadow: 0 8px 8px rgba(0, 0, 0, 0.15);
transition: none !important;
}
.ant-cascader-menus.monthlypay .ant-cascader-menu,
.ant-cascader-menus.agestr .ant-cascader-menu,
.ant-cascader-menus.gender .ant-cascader-menu {
height: auto;
width: 100%;
}
.ant-cascader-menus.monthlypay .ant-cascader-menu .ant-cascader-menu-item,
.ant-cascader-menus.agestr .ant-cascader-menu .ant-cascader-menu-item,
.ant-cascader-menus.gender .ant-cascader-menu .ant-cascader-menu-item {
width: 100%;
text-align: left;
padding-left: calc((100vw - 1200px) / 2) !important;
}
.ant-cascader-menus.monthlypay .ant-cascader-menu .ant-cascader-menu-item:hover,
.ant-cascader-menus.agestr .ant-cascader-menu .ant-cascader-menu-item:hover,
.ant-cascader-menus.gender .ant-cascader-menu .ant-cascader-menu-item:hover {
background-color: rgba(255, 106, 0, 0.1);
color: #ff6a00;
}
.ant-cascader-menus.slide-up-leave-active {
animation: none !important;
transition: none !important;
}
.ant-cascader-menus.slide-up-enter-active {
animation: none !important;
transition: none !important;
}
.ant-cascader-menus.slide-up-leave {
transition: none !important;
animation: none !important;
}
.ant-cascader-menus.slide-up-enter {
animation: none !important;
transition: none !important;
}
.ant-cascader-menus.flitercity {
left: calc((100vw - 1216px) / 2) !important;
top: 45px !important;
border-radius: 0 0 4px 4px !important;
-webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.15);
box-shadow: 0 8px 8px rgba(0, 0, 0, 0.15);
}
.ant-cascader-menus.flitercity .ant-cascader-menu {
height: 500px;
}
.ant-cascader-menus.flitercity .ant-cascader-menu .ant-cascader-menu-item {
width: 100%;
text-align: left;
}
.ant-cascader-menus.flitercity .ant-cascader-menu .ant-cascader-menu-item:hover {
background-color: rgba(255, 106, 0, 0.1);
color: #ff6a00;
}
.logindropdown .loginbox:not(.backTable) {
overflow: hidden;
background-color: #fff;
border-radius: 4px;
text-align: center;
box-shadow: 0px 0px 10px rgba(128, 128, 128, 0.4);
padding: 4px;
}
.logindropdown .loginbox:not(.backTable) > div {
text-align: center;
font-size: 16px;
border-bottom: 1px solid #eee;
}
.logindropdown .loginbox:not(.backTable) > a > div {
display: flex;
padding: 12px 0;
font-size: 14px;
line-height: 24px;
justify-content: space-between;
}
.logindropdown .loginbox:not(.backTable) > a > div span {
line-height: 24px;
}
.logindropdown .loginbox:not(.backTable) > a > div span i {
font-size: 18px;
margin-right: 5px;
vertical-align: baseline;
}
.logindropdown .loginbox:not(.backTable) button {
width: 126px;
height: 32px;
margin-top: 12px;
border: 1px solid rgba(77, 87, 94, 0.1);
border-radius: 17px;
color: #ff4400;
font-size: 14px;
line-height: 32px;
background-color: #fff;
cursor: pointer;
}
.loginbox.backTable {
width: 180px;
overflow: hidden;
background-color: #fff;
border-radius: 4px;
text-align: center;
box-shadow: 0px 0px 10px rgba(128, 128, 128, 0.4);
padding: 0 12px 10px 16px;
}
.loginbox.backTable > div {
padding: 16px;
text-align: center;
font-size: 16px;
font-weight: bold;
border-bottom: 1px solid #eee;
}
.loginbox.backTable > a > div {
display: flex;
padding: 12px 0;
font-size: 14px;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #eee;
}
.loginbox.backTable > a > div:hover {
color: #1890ff;
}
.loginbox.backTable > a > div span {
line-height: 24px;
}
.loginbox.backTable > a > div span i {
font-size: 18px;
margin-right: 5px;
vertical-align: baseline;
}
.loginbox.backTable button {
width: 130px;
height: 32px;
margin-top: 12px;
border: 1px solid rgba(77, 87, 94, 0.1);
border-radius: 17px;
color: #1890ff;
font-size: 14px;
line-height: 30px;
background-color: #fff;
cursor: pointer;
}
.loginbox.backTable button:hover {
border: 1px solid #1890ff;
}
.beforeblock {
display: inline-block;
vertical-align: middle;
margin-top: -4px;
width: 4px;
height: 20px;
margin-right: 8px;
background: #ff4400;
}
h1.bottombox,
p.bottombox {
position: relative;
text-align: center;
font-weight: 600;
font-size: 16px;
padding: 12px 0;
color: #ff4400;
background-color: #fee9e1;
}
h1.bottombox::after,
p.bottombox::after {
content: "";
display: block;
position: absolute;
width: 240px;
height: 1px;
bottom: 0;
left: 0;
background-color: #eeefef;
}
.ant-cascader-menu::-webkit-scrollbar,
.ant-modal-body::-webkit-scrollbar {
/*滚动条整体样式*/
width: 7px;
/*高宽分别对应横竖滚动条的尺寸*/
height: 4px;
}
.ant-cascader-menu::-webkit-scrollbar-thumb,
.ant-modal-body::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
border-radius: 5px;
-webkit-box-shadow: inset 0 0 5px rgba(126, 126, 126, 0.06);
background: rgba(0, 0, 0, 0.1);
}
.ant-cascader-menu::-webkit-scrollbar-track,
.ant-modal-body::-webkit-scrollbar-track {
/*滚动条里面轨道*/
-webkit-box-shadow: inset 0 0 5px rgba(112, 112, 112, 0.06);
border-radius: 0;
background: rgba(0, 0, 0, 0.1);
}
.f40 .ant-select-dropdown-menu-item-active,
.f40 .ant-select-dropdown-menu-item-selected {
color: #ff4400 !important;
font-weight: normal;
background-color: rgba(255, 106, 0, 0.1) !important;
}
.ant-breadcrumb {
margin-top: 12px;
}
.ant-breadcrumb .ant-breadcrumb-link {
cursor: default;
}
@media screen and (max-width: 1910px) {
.loginlogo {
margin: 40px auto !important;
}
}
.ant-spin-dot-item {
background-color: #fda21d;
}
.ant-spin-text {
color: #fda21d;
}
.ant-popover .ant-popover-content .ant-popover-inner-content {
position: relative;
width: 600px;
white-space: pre-wrap !important;
}
.ant-popover .ant-popover-content .ant-popover-inner-content > div {
position: absolute;
width: 44px;
height: 22px;
right: 10px;
top: 10px;
border: 1px solid #ff4400;
color: #ff4400;
border-radius: 999px;
line-height: 22px;
text-align: center;
cursor: pointer;
}
.ant-popover .ant-popover-content .ant-popover-inner-content > div:hover {
background-color: #ff4400;
color: #fff;
}
.xiangdan .ant-modal-content {
width: 600px;
max-height: calc(100vh - 40px);
}
.xiangdan .ant-modal-content .ant-modal-body {
padding-top: 36px;
position: relative;
min-height: 480px;
white-space: pre-wrap !important;
}
.xiangdan .ant-modal-content .ant-modal-body .copy {
position: absolute;
padding: 0px 12px;
right: 20px;
top: 7px;
font-size: 14px;
border: 1px solid #ff4400;
color: #ff4400;
border-radius: 5px;
line-height: 22px;
text-align: center;
cursor: pointer;
}
.xiangdan .ant-modal-content .ant-modal-body .copy:hover {
color: #fff;
background-color: #ff4400;
}
.f40 .ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month {
background: #ff4400;
}
.f40 .ant-calendar-date:hover {
border-color: #ff4400;
background-color: #fff;
color: #ff4400;
}
.f40 .ant-calendar-today .ant-calendar-date {
background-color: #ff4400;
border-color: #ff4400;
color: #fff;
}
.f40 .ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date,
.f40 .ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date {
background-color: #ff4400;
border-color: #ff4400;
color: #fff;
}
.f40 .ant-calendar-range .ant-calendar-in-range-cell::before {
background: #fff3ef;
}
.f40 .ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date:hover,
.f40 .ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date:hover {
background: #ff4400;
}
.f40 .ant-calendar-header a:hover {
color: #ff4400;
}
.f40 .ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month:hover,
.f40 .ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year,
.f40 .ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade,
.f40 .ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade:hover,
.f40 .ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year:hover {
background: #ff4400;
}
.f40 .ant-calendar-month-panel-month:hover,
.f40 .ant-calendar-year-panel-year:hover,
.f40 .ant-calendar-decade-panel-decade:hover {
background: #fff3ef;
}
.ant-select-selection:active {
box-shadow: none;
}
.bb1 {
border-bottom: 1px solid #ddd;
}
.bbdot1 {
border-bottom: 1px dashed #ddd;
}
.bd1 {
border: 1px solid #ddd;
}

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

@ -1,4 +1,4 @@
@import "http://at.alicdn.com/t/c/font_3135652_nd5ivglbv4.css"; @import "//at.alicdn.com/t/c/font_3135652_nd5ivglbv4.css";
@font-face { @font-face {
font-family: "DingTalk"; /* 这里的字体名称是自定义的 */ font-family: "DingTalk"; /* 这里的字体名称是自定义的 */
src: url("../assets/fonts/DingTalk\ Sans.ttf"); /* 服务器上ttf文件的路径，记得配置域名权限 */ src: url("../assets/fonts/DingTalk\ Sans.ttf"); /* 服务器上ttf文件的路径，记得配置域名权限 */

Write Preview
Loading…
Cancel
Save