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

1

Browse Source
cyl/dev
wangxia 3 years ago
parent 9b8d8d0799
commit 6a7ee9735a
6 changed files with 708 additions and 500 deletions
Show Stats Download Patch File Download Diff File

7
src/App.vue
Unescape Escape View File

@ -33,7 +33,7 @@ export default {
}; };
</script> </script>
<style lang="less"> <style lang="less">
@import 'http://matripeweb.oss-cn-hangzhou.aliyuncs.com/antd/ant.css'; @import "http://matripeweb.oss-cn-hangzhou.aliyuncs.com/antd/ant.css";
#app { #app {
font-family: Avenir, Helvetica, Arial, sans-serif; font-family: Avenir, Helvetica, Arial, sans-serif;
@ -59,4 +59,9 @@ export default {
} }
} }
} }
body {
position: inherit !important;
width: auto !important;
overflow: revert !important;
}
</style> </style>

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

@ -13,16 +13,14 @@
</a> </a>
</a-breadcrumb-item> </a-breadcrumb-item>
<a-breadcrumb-item> <a-breadcrumb-item>
<router-link <router-link :to="
:to="
'/detail?' + '/detail?' +
'id=' + 'id=' +
firminfo.id + firminfo.id +
'&' + '&' +
'page=' + 'page=' +
firminfo.currentPageNum firminfo.currentPageNum
" ">
>
<!-- <span @click="$router.back(-1)">企业详情</span> --> <!-- <span @click="$router.back(-1)">企业详情</span> -->
<span>企业详情</span> <span>企业详情</span>
</router-link> </router-link>
@ -33,14 +31,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 <a-form-model-item ref="proxy" label="代理" prop="" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }" style="height: 30px; margin-bottom: 18px">
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 !== '' &&
@ -59,202 +50,67 @@
proxyinfo.userName !== undefined proxyinfo.userName !== undefined
? proxyinfo.userName ? proxyinfo.userName
: proxyinfo.tel : proxyinfo.tel
}}</span }}</span>
> <a-select v-if="proxyStatus === 'proxy'" mode="combobox" auto-focus style="width: calc(100% - 200px)" placeholder="请选择代理" @blur="proxyStatus = ''">
<a-select <a-select-option v-for="i in proxyList" :key="i.userName" @click="proxyChange(i)">
v-if="proxyStatus === 'proxy'"
mode="combobox"
auto-focus
style="width: calc(100% - 200px)"
placeholder="请选择代理"
@blur="proxyStatus = ''"
>
<a-select-option
v-for="i in proxyList"
:key="i.userName"
@click="proxyChange(i)"
>
{{ i.userName }} {{ i.userName }}
</a-select-option> </a-select-option>
</a-select> </a-select>
<span <span @click="proxyStatus = 'proxy'" :style="{
@click="proxyStatus = 'proxy'"
:style="{
color: '#ff4400', color: '#ff4400',
marginLeft: '10px', marginLeft: '10px',
cursor: 'pointer', cursor: 'pointer',
}" }" v-if="isMaster && proxyStatus !== 'proxy'">修改</span>
v-if="isMaster && proxyStatus !== 'proxy'"
>修改</span
>
</div> </div>
</a-form-model-item> </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: 18px">
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 v-if="storeStatus === ''">{{ firminfo.aliasName }}</span>
<a-select <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 = ''">
v-if="storeStatus === 'store'" <a-select-option v-for="i in storeList" :key="i.id + ''" @click="storeChange(i)">
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 }} {{ i.aliasName }}
</a-select-option> </a-select-option>
</a-select> </a-select>
<span <span @click="storeStatus = 'store'" :style="{
@click="storeStatus = 'store'"
:style="{
color: '#ff4400', color: '#ff4400',
marginLeft: '10px', marginLeft: '10px',
cursor: 'pointer', cursor: 'pointer',
}" }" v-if="isMaster && storeStatus !== 'store'">修改</span>
v-if="isMaster && storeStatus !== 'store'"
>修改</span
>
</div> </div>
</a-form-model-item> </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">
ref="username"
label="岗位"
prop="username"
:wrapperCol="{ span: 18 }"
:labelCol="{ span: 4 }"
style="height: 30px"
>
<!-- <a-input :value="firminfo.jobName" :disabled="true" /> --> <!-- <a-input :value="firminfo.jobName" :disabled="true" /> -->
<div class="pzbox" style="width: 100%"> <div class="pzbox" style="width: 100%">
<span v-if="jobnameStatus === ''">{{ firminfo.jobName }}</span> <span v-if="jobnameStatus === ''">{{ firminfo.jobName }}</span>
<a-select <a-select v-if="jobnameStatus === 'jobname'" show-search auto-focus placeholder="请选择岗位" option-filter-prop="children" style="width: 200px" @blur="jobnameStatus = ''">
v-if="jobnameStatus === 'jobname'" <a-select-option v-for="i in storeJobList" :key="i.id" @click="storeJobChange(i)">
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 }} {{ i.aliasName }}
</a-select-option> </a-select-option>
</a-select> </a-select>
<span <span @click="selected" :style="{
@click="selected"
:style="{
color: '#ff4400', color: '#ff4400',
marginLeft: '10px', marginLeft: '10px',
cursor: 'pointer', cursor: 'pointer',
}" }" v-if="isMaster && jobnameStatus !== 'jobname'">修改</span>
v-if="isMaster && jobnameStatus !== 'jobname'"
>修改</span
>
</div> </div>
</a-form-model-item> </a-form-model-item>
<a-form-model-item <a-form-model-item class="time-input" ref="interviewTime" label="面试时间" prop="interviewTime" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }">
class="time-input" <timepicker :isShow.sync="isShow" :datetime.sync="form.interviewTime"></timepicker>
ref="interviewTime" <a-input class="pt1" v-model="form.interviewTime" placeholder="请选择面试时间" @input="verify" allowClear @click="getDateinfo"><i class="iconfont icon-rili" slot="suffix" @click="getDateinfo"></i></a-input>
label="面试时间"
prop="interviewTime"
:wrapperCol="{ span: 18 }"
:labelCol="{ span: 4 }"
>
<timepicker
:isShow.sync="isShow"
:datetime.sync="form.interviewTime"
></timepicker>
<a-input
class="pt1"
v-model="form.interviewTime"
placeholder="请选择面试时间"
@input="verify"
allowClear
@click="getDateinfo"
><i
class="iconfont icon-rili"
slot="suffix"
@click="getDateinfo"
></i
></a-input>
</a-form-model-item> </a-form-model-item>
<a-form-model-item <a-form-model-item style="margin-top: 12px" class="time-input" ref="receptionTime" label="接待时间" prop="receptionTime" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }">
style="margin-top: 12px" <timepicker :isShow.sync="isShow1" :datetime.sync="form.receptionTime"></timepicker>
class="time-input" <a-input class="pt1" v-model="form.receptionTime" placeholder="请选择接待时间" @input="verify1" allowClear @click="getDateinfo1"><i class="iconfont icon-rili" slot="suffix" @click="getDateinfo1"></i></a-input>
ref="receptionTime"
label="接待时间"
prop="receptionTime"
:wrapperCol="{ span: 18 }"
:labelCol="{ span: 4 }"
>
<timepicker
:isShow.sync="isShow1"
:datetime.sync="form.receptionTime"
></timepicker>
<a-input
class="pt1"
v-model="form.receptionTime"
placeholder="请选择接待时间"
@input="verify1"
allowClear
@click="getDateinfo1"
><i
class="iconfont icon-rili"
slot="suffix"
@click="getDateinfo1"
></i
></a-input>
</a-form-model-item> </a-form-model-item>
<a-row> <a-row>
<a-col :span="20"> <a-col :span="20">
<a-form-model-item <a-form-model-item ref="idCard" label="身份证号" prop="idCard" :wrapperCol="{ span: 16 }" :labelCol="{ span: 5 }">
ref="idCard" <a-input v-model="form.idCard" @change="getIdInfo($event)" placeholder="请输入老乡身份证号" :max-length="18" />
label="身份证号"
prop="idCard"
:wrapperCol="{ span: 16 }"
:labelCol="{ span: 5 }"
>
<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">
<a-upload <a-upload :customRequest="customRequestFun" list-type="picture-card" :file-list="fileList" @change="handleChange" @preview="handlePreview" style="margin-left: -50px" :beforeUpload="beforeUpload" :data="dataObj">
:customRequest="customRequestFun"
list-type="picture-card"
:file-list="fileList"
@change="handleChange"
@preview="handlePreview"
style="margin-left: -50px"
:beforeUpload="beforeUpload"
:data="dataObj"
>
<!-- <div <!-- <div
v-if="fileList.length < 1" v-if="fileList.length < 1"
style=" style="
@ -271,70 +127,35 @@
:src="form.idCardImageUrl" :src="form.idCardImageUrl"
alt="avatar" alt="avatar"
/> --> /> -->
<div <div v-if="fileList.length == 0" style="
v-if="fileList.length == 0"
style="
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
" " class="nloding">
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 <div v-if="loading" style="
v-if="loading"
style="
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
" " class="uploading">
class="uploading" <a-icon :type="loading ? 'loading' : 'plus'" style="margin-right: 10px" />
>
<a-icon
:type="loading ? 'loading' : 'plus'"
style="margin-right: 10px"
/>
<div class="ant-upload-text">上传中</div> <div class="ant-upload-text">上传中</div>
</div> </div>
<i <i class="iconfont icon-guanbi" v-if="fileList.length !== 0 && !loading" @click="fileList = []"></i>
class="iconfont icon-guanbi"
v-if="fileList.length !== 0 && !loading"
@click="fileList = []"
></i>
</a-col> </a-col>
</a-row> </a-row>
<a-row class="specialbox"> <a-row class="specialbox">
<a-col :span="12"> <a-col :span="12">
<a-form-model-item <a-form-model-item ref="userName" label="姓名" prop="userName" :wrapperCol="{ span: 15 }" :labelCol="{ span: 8 }">
ref="userName" <a-input v-model="form.userName" placeholder="请输入老乡姓名" class="special-input" />
label="姓名"
prop="userName"
:wrapperCol="{ span: 15 }"
:labelCol="{ span: 8 }"
>
<a-input
v-model="form.userName"
placeholder="请输入老乡姓名"
class="special-input"
/>
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
<a-col :span="12"> <a-col :span="12">
<a-form-model-item <a-form-model-item ref="sex" label="性别" prop="sex" :wrapperCol="{ span: 18 }" :labelCol="{ span: 5 }">
ref="sex" <a-radio-group v-model="form.sex" defaultValue="nan" class="radiobox">
label="性别"
prop="sex"
:wrapperCol="{ span: 18 }"
:labelCol="{ span: 5 }"
>
<a-radio-group
v-model="form.sex"
defaultValue="nan"
class="radiobox"
>
<a-radio value="1"> 男 </a-radio> <a-radio value="1"> 男 </a-radio>
<a-radio value="2"> 女 </a-radio> <a-radio value="2"> 女 </a-radio>
</a-radio-group> </a-radio-group>
@ -344,64 +165,22 @@
<a-row> <a-row>
<a-col :span="12"> <a-col :span="12">
<!-- :offset="2" --> <!-- :offset="2" -->
<a-form-model-item <a-form-model-item ref="age" label="年龄" prop="age" :wrapperCol="{ span: 15 }" :labelCol="{ span: 8 }">
ref="age" <a-input v-model="form.age" placeholder="请输入年龄" class="special-input" />
label="年龄"
prop="age"
:wrapperCol="{ span: 15 }"
:labelCol="{ span: 8 }"
>
<a-input
v-model="form.age"
placeholder="请输入年龄"
class="special-input"
/>
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
<a-col :span="12"> <a-col :span="12">
<a-form-model-item <a-form-model-item ref="peoplecard" label="民族" prop="peoplecard" :wrapperCol="{ span: 15 }" :labelCol="{ span: 5 }">
ref="peoplecard" <a-select v-model="form.nation" placeholder="请选择民族" class="special-input">
label="民族" <a-select-option v-for="item in nationlist" :key="item.id" :value="item.name">{{ item.name }}</a-select-option>
prop="peoplecard"
:wrapperCol="{ span: 15 }"
:labelCol="{ span: 5 }"
>
<a-select
v-model="form.nation"
placeholder="请选择民族"
class="special-input"
>
<a-select-option
v-for="item in nationlist"
:key="item.id"
:value="item.name"
>{{ item.name }}</a-select-option
>
</a-select> </a-select>
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
</a-row> </a-row>
<a-form-model-item <a-form-model-item ref="tel" label="电话" prop="tel" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }" style="margin-bottom: 18px">
ref="tel" <a-input v-model="form.tel" placeholder="请输入电话号" :max-length="11" />
label="电话"
prop="tel"
:wrapperCol="{ span: 18 }"
:labelCol="{ span: 4 }"
style="margin-bottom: 18px"
>
<a-input
v-model="form.tel"
placeholder="请输入电话号"
:max-length="11"
/>
</a-form-model-item> </a-form-model-item>
<a-form-model-item <a-form-model-item ref="peoplecard" label="家庭住址" prop="peoplecard" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }">
ref="peoplecard"
label="家庭住址"
prop="peoplecard"
:wrapperCol="{ span: 18 }"
:labelCol="{ span: 4 }"
>
<a-input v-model="form.address" placeholder="请输入家庭住址" /> <a-input v-model="form.address" placeholder="请输入家庭住址" />
</a-form-model-item> </a-form-model-item>
<!-- <a-form-model-item ref="username" label="模式" prop="username"> <!-- <a-form-model-item ref="username" label="模式" prop="username">
@ -409,86 +188,48 @@
<a-select-option :value="apply.id">{{ apply.id }}</a-select-option> <a-select-option :value="apply.id">{{ apply.id }}</a-select-option>
</a-select> </a-select>
</a-form-model-item> --> </a-form-model-item> -->
<a-form-model-item <a-form-model-item ref="policy" label="政策" prop="policy" class="policyContainer" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }">
ref="policy"
label="政策"
prop="policy"
class="policyContainer"
:wrapperCol="{ span: 18 }"
:labelCol="{ span: 4 }"
>
<!-- <a-input v-model="form.policy" type='textarea'/> --> <!-- <a-input v-model="form.policy" type='textarea'/> -->
<div class="policy" style="min-height: 30px !important"> <div class="policy" style="min-height: 30px !important">
{{ form.policy }} {{ form.policy }}
</div> </div>
<div class="openContral" v-if="isContainerShow"> <div class="openContral" v-if="isContainerShow">
<span v-if="isFold" @click="toFold(1)">展开</span <span v-if="isFold" @click="toFold(1)">展开</span><span v-else @click="toFold(2)">收起</span>
><span v-else @click="toFold(2)">收起</span>
</div> </div>
</a-form-model-item> </a-form-model-item>
<a-form-model-item <a-form-model-item ref="headerUploadRef" label="附件" prop="peoplecard" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }">
ref="headerUploadRef" <a-upload :customRequest="customRequestFun2" multiple list-type="picture" :default-file-list="fileList2" class="upload-list-inline" @change="handleChange2" :remove="
label="附件"
prop="peoplecard"
:wrapperCol="{ span: 18 }"
:labelCol="{ span: 4 }"
>
<a-upload
:customRequest="customRequestFun2"
multiple
list-type="picture"
:default-file-list="fileList2"
class="upload-list-inline"
@change="handleChange2"
:remove="
(file) => { (file) => {
removeFile(file, 'header'); removeFile(file, 'header');
} }
" " @preview="handlePreview" :beforeUpload="beforeUpload" :data="dataObj">
@preview="handlePreview"
:beforeUpload="beforeUpload"
:data="dataObj"
>
<a-button> <a-icon type="upload" /> 上传 </a-button> <a-button> <a-icon type="upload" /> 上传 </a-button>
</a-upload> </a-upload>
</a-form-model-item> </a-form-model-item>
</a-form-model> </a-form-model>
<div class="upline"> <div class="upline">
<div> <div>
<a-button <a-button type="primary" @click="onClose" :style="{
type="primary"
@click="onClose"
:style="{
color: '#666', color: '#666',
backgroundColor: '#fafafa', backgroundColor: '#fafafa',
borderColor: '#ddd', borderColor: '#ddd',
boxShadow: 'none', boxShadow: 'none',
textShadow: 'none', textShadow: 'none',
}" }">
>
取消 取消
</a-button> </a-button>
<a-button <a-button style="
style="
margin-left: 10px; margin-left: 10px;
color: #fff; color: #fff;
background-color: #ff4400; background-color: #ff4400;
border-color: #ff4400; border-color: #ff4400;
" " @click="handleOk" :loading="confirmLoading">
@click="handleOk"
:loading="confirmLoading"
>
提交 提交
</a-button> </a-button>
</div> </div>
</div> </div>
</div> </div>
<a-modal <a-modal title="预览" :visible="previewVisible" :footer="null" @cancel="previewVisible = false">
title="预览"
:visible="previewVisible"
:footer="null"
@cancel="previewVisible = false"
>
<img alt="example" :src="form.idCardImageUrl" /> <img alt="example" :src="form.idCardImageUrl" />
</a-modal> </a-modal>
</div> </div>
@ -850,33 +591,54 @@ export default {
//"S": val.getMilliseconds() //毫秒 //"S": val.getMilliseconds() //毫秒
//"q+": Math.floor((val.getMonth() + 3) / 3) //季度 //"q+": Math.floor((val.getMonth() + 3) / 3) //季度
}; };
if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (value.getFullYear() + "").substr(4 - RegExp.$1.length)); if (/(y+)/.test(fmt))
fmt = fmt.replace(
RegExp.$1,
(value.getFullYear() + "").substr(4 - RegExp.$1.length)
);
for (var k in o) { for (var k in o) {
if (new RegExp("(" + k + ")").test(fmt)) { if (new RegExp("(" + k + ")").test(fmt)) {
fmt = fmt.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k] : ("00" + o[k]).substr(("" + o[k]).length)); fmt = fmt.replace(
RegExp.$1,
RegExp.$1.length == 1
? o[k]
: ("00" + o[k]).substr(("" + o[k]).length)
);
} }
} }
return fmt; return fmt;
}, },
getDateinfo() { getDateinfo() {
this.isShow = true; this.isShow = true;
if(isEmptyCheck(this.form.interviewTime)) {//设置默认值 if (isEmptyCheck(this.form.interviewTime)) {
//设置默认值
//判断当前时间是不是在16:00之后，如果在16:00之后，默认显示次日09:00，如果在16:00之前，则显示下一个整点时间 //判断当前时间是不是在16:00之后，如果在16:00之后，默认显示次日09:00，如果在16:00之前，则显示下一个整点时间
var mydate = new Date(); var mydate = new Date();
var tomorrow = new Date(); var tomorrow = new Date();
tomorrow.setDate(tomorrow.getDate() + 1); tomorrow.setDate(tomorrow.getDate() + 1);
this.form.interviewTime = mydate.toTimeString() >= '16:00' ? (this.formatDateYMD(tomorrow.toLocaleDateString()) + " " + "09:00") : (this.formatDateYMD(mydate.toLocaleDateString()) + " " + `${mydate.getHours() + 1}:00`); this.form.interviewTime =
mydate.toTimeString() >= "16:00"
? this.formatDateYMD(tomorrow.toLocaleDateString()) + " " + "09:00"
: this.formatDateYMD(mydate.toLocaleDateString()) +
" " +
`${mydate.getHours() + 1}:00`;
} }
console.log(this.form.interviewTime); console.log(this.form.interviewTime);
}, },
getDateinfo1() { getDateinfo1() {
this.isShow1 = true; this.isShow1 = true;
if(isEmptyCheck(this.form.receptionTime)) {//设置默认值 if (isEmptyCheck(this.form.receptionTime)) {
//设置默认值
//判断当前时间是不是在16:00之后，如果在16:00之后，默认显示次日09:00，如果在16:00之前，则显示下一个整点时间 //判断当前时间是不是在16:00之后，如果在16:00之后，默认显示次日09:00，如果在16:00之前，则显示下一个整点时间
var mydate = new Date(); var mydate = new Date();
var tomorrow = new Date(); var tomorrow = new Date();
tomorrow.setDate(tomorrow.getDate() + 1); tomorrow.setDate(tomorrow.getDate() + 1);
this.form.receptionTime = mydate.toTimeString() >= '16:00' ? (this.formatDateYMD(tomorrow.toLocaleDateString()) + " " + "09:00") : (this.formatDateYMD(mydate.toLocaleDateString()) + " " + `${mydate.getHours() + 1}:00`); this.form.receptionTime =
mydate.toTimeString() >= "16:00"
? this.formatDateYMD(tomorrow.toLocaleDateString()) + " " + "09:00"
: this.formatDateYMD(mydate.toLocaleDateString()) +
" " +
`${mydate.getHours() + 1}:00`;
} }
console.log(this.form.receptionTime); console.log(this.form.receptionTime);
}, },
@ -1324,34 +1086,34 @@ export default {
} }
} }
/deep/ .ant-radio { // /deep/ .ant-radio {
border-color: #ddd; // border-color: #ddd;
box-shadow: none; // box-shadow: none;
&:after { // &:after {
display: none; // display: none;
} // }
&:hover .ant-radio-inner { // &:hover .ant-radio-inner {
border-color: #ff4400 !important; // border-color: #ff4400 !important;
box-shadow: none; // box-shadow: none;
} // }
} // }
/deep/ .ant-radio-checked { // /deep/ .ant-radio-checked {
.ant-radio-input:focus { // .ant-radio-input:focus {
box-shadow: none; // box-shadow: none;
} // }
.ant-radio-inner { // .ant-radio-inner {
border-color: #ff4400; // border-color: #ff4400;
box-shadow: none; // box-shadow: none;
&::after { // &::after {
background-color: #ff4400 !important; // background-color: #ff4400 !important;
} // }
} // }
} // }
.ant-col { .ant-col {
.ant-form-item { .ant-form-item {

158
src/components/userinfo/usercenter/components/mybill.vue
Unescape Escape View File

@ -156,7 +156,7 @@
</div> </div>
<div id="progressinfo" v-if="Object.keys(currentBillDetail).length != 0"> <div id="progressinfo" v-if="Object.keys(currentBillDetail).length != 0">
<template v-for="(group,key) in currentBillDetail"> <template v-for="(group,key) in currentBillDetail">
<div class="titleMain" :key="key"> <div class="titleMain">
<div v-if="spliceStr(key) == '1'"> <div v-if="spliceStr(key) == '1'">
<img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/shz.svg" alt=""> <img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/shz.svg" alt="">
报名审核中 报名审核中
@ -178,45 +178,74 @@
<div class="ui-list-info"> <div class="ui-list-info">
<!-- :style="padding-bottom: item.desp == '' ? '18px' : '24px';" --> <!-- :style="padding-bottom: item.desp == '' ? '18px' : '24px';" -->
<div class="f12 c6" style="white-space: pre-line;" v-if="item.desp != ''">{{item.desp}} <div class="f12 c6" style="white-space: pre-line;" v-if="item.desp != ''">{{item.desp}}
<template v-if="item.policy"><span class="ml12" style="color:#1890ff;cursor: pointer;" @click="showInfo2(item.policy)">详情</span> <!-- <template v-if="item.policy"> -->
</template> <span class="ml12" style="color:#ff4400;cursor: pointer;" @click="showInfo2(item.policy)">
<a-modal title="报名信息" :visible="zzvisible" @cancel="policyModalCancel"> 详情</span>
<span class="f16 c3 mb8 mt8 display-flex"> <!-- </template> -->
<span style="min-width:90px" class="dib tr">姓名：</span> <a-modal class="billDetailModal recordInfo" title="报名信息" :visible="zzvisible" @cancel="policyModalCancel" width="716px" :footer='null'>
<span class="fwb" v-if='currentBillInfo.userName'>{{currentBillInfo.userName}}</span> <a-row class='f16 mb8'>
<span class="fwb" v-if='currentBillInfo.sex'>/{{currentBillInfo.sex == '1' || currentBillInfo.sex == '男' ? '男' : '女'}}</span> <a-col :span="4">
<span class="fwb" v-if='currentBillInfo.age'>/{{currentBillInfo.age}}岁</span> <span class="dib tr">姓名：</span>
<span class="fwb" v-if='currentBillInfo.nation && currentBillInfo.nation!="族"'>/{{currentBillInfo.nation}}</span> </a-col>
</span> <a-col :span="18">
<span class="f16 c3 mb8 display-flex"> <span class="fwb" v-if='currentBillInfo.userName'>{{currentBillInfo.userName}}</span>
<span style="min-width:90px" class="dib tr">电话：</span> <span class="fwb" v-if='currentBillInfo.sex'>/{{currentBillInfo.sex == '1' || currentBillInfo.sex == '男' ? '男' : '女'}}</span>
<span style="color:#576B95;">{{currentBillInfo.tel == '' || currentBillInfo.tel == null || currentBillInfo.tel == 'undefined' ? '-' : currentBillInfo.tel}}</span> <span class="fwb" v-if='currentBillInfo.age'>/{{currentBillInfo.age}}岁</span>
</span> <span class="fwb" v-if='currentBillInfo.nation && currentBillInfo.nation!="族"'>/{{currentBillInfo.nation}}</span>
<span class="f16 c3 mb8 display-flex"> </a-col>
<span style="min-width:90px" class="dib tr">身份证号：</span> </a-row>
<span>{{currentBillInfo.idCard == '' || currentBillInfo.idCard == null || currentBillInfo.idCard == 'undefined' ? '-' : currentBillInfo.idCard}}</span> <a-row class='f16 mb8'>
</span> <a-col :span="4">
<span class="f16 c3 mb8 display-flex"> <span class="dib tr">电话：</span>
<span style="min-width:90px" class="dib tr">家庭住址：</span> </a-col>
<span>{{currentBillInfo.address == '' || currentBillInfo.address == null || currentBillInfo.address == 'undefined' ? '-' : currentBillInfo.address}}</span> <a-col :span="18">
</span> <span>{{currentBillInfo.tel == '' || currentBillInfo.tel == null || currentBillInfo.tel == 'undefined' ? '-' : currentBillInfo.tel}}</span>
<div style="border-top: 1px dashed #eeeeee;margin-top: 10px;margin-bottom: 10px;"></div> </a-col>
<span class="f16 c3 mb8 display-flex"> </a-row>
<span style="min-width:90px" class="dib tr">报名岗位：</span> <a-row class='f16 mb8'>
<span class="fwb">{{currentBillInfo.storeJobName || '-'}}</span> <a-col :span="4">
</span> <span class="dib tr">身份证号：</span>
<span class="f16 c3 mb8 display-flex"> </a-col>
<span style="min-width:90px" class="dib tr">政策：</span> <a-col :span="18">
<span>{{currentBillInfo.policy || '-'}}</span> <span>{{currentBillInfo.idCard == '' || currentBillInfo.idCard == null || currentBillInfo.idCard == 'undefined' ? '-' : currentBillInfo.idCard}}</span>
</span> </a-col>
<div class="bfbutton"> </a-row>
<a-button style="marginRight: 8px" @click="handleCancel"> <a-row class='f16'>
复制文本 <a-col :span="4">
</a-button> <span class="dib tr">家庭住址：</span>
<a-button type="primary" @click="handleOk"> </a-col>
确定 <a-col :span="18">
</a-button> <span>{{currentBillInfo.address == '' || currentBillInfo.address == null || currentBillInfo.address == 'undefined' ? '-' : currentBillInfo.address}}</span>
</div> </a-col>
</a-row>
<div style="border-top: 1px dashed #eeeeee;margin-top: 24px;margin-bottom: 24px;"></div>
<a-row class='f16 mb8'>
<a-col :span="4">
<span class="dib tr">报名岗位：</span>
</a-col>
<a-col :span="18">
<span class="fwb">{{currentBillInfo.storeJobName || '-'}}</span>
</a-col>
</a-row>
<a-row class='f16 mb8'>
<a-col :span="4">
<span class="dib tr">政策：</span>
</a-col>
<a-col :span="18">
<span style="white-space:pre-wrap">{{currentBillInfo.policy || '-'}}</span>
</a-col>
</a-row>
<a-row class='f16 mb8'>
<a-col :span="4">
</a-col>
<a-col :span="18" class="bfbutton">
<a-button style="background-color:#ff4400;color:white;border-radius:0;border:none" @click="handleCancel">
复制文本
</a-button>
</a-col>
</a-row>
</a-modal> </a-modal>
</div> </div>
<div class="f12 c9 mt8">{{item.creator}} <span class="ml8"> <div class="f12 c9 mt8">{{item.creator}} <span class="ml8">
@ -227,7 +256,7 @@
</template> </template>
</div> </div>
<div v-else> <div v-else>
<a-empty class="nodata" description="暂无数据" style="padding:40px"/> <a-empty class="nodata" description="暂无数据" style="padding:40px" />
</div> </div>
</a-modal> </a-modal>
</div> </div>
@ -773,10 +802,9 @@ export default {
} }
console.log(this.currentBillDetail); console.log(this.currentBillDetail);
console.log(this.currentBillDetail.length); console.log(this.currentBillDetail.length);
let test = { let test = {};
}
console.log(test[0]); console.log(test[0]);
console.log(toString(this.currentBillDetail) == '{}'); console.log(toString(this.currentBillDetail) == "{}");
}); });
this.billDetailVisible = true; this.billDetailVisible = true;
console.log(item); console.log(item);
@ -797,13 +825,26 @@ export default {
截出跟进记录字符串 截出跟进记录字符串
*/ */
spliceStr(str) { spliceStr(str) {
console.log(str.split("_")[1]);
return str.split("_")[1]; return str.split("_")[1];
}, },
/* /*
显示跟进记录详情弹出框 显示跟进记录详情弹出框
*/ */
showInfo2(record) { showInfo2(record) {
this.currentBillInfo = record; // this.currentBillInfo = JSON.parse(record);
this.currentBillInfo = {
userName: "李俊中",
nation: "汉族",
age: "52",
sex: 1,
tel: 1311111111,
idCard: 412825197101040513,
address: "河南省上蔡县芦岗乡看花楼村王会庄9988",
storeJobName: "郑州西区格力绿色再生资源",
policy:
"●年龄性别：男 35-55；女 35-46 ●薪资明细：计件工资，多劳多得。不同岗位，计件工资约200-280元/天（出勤七天内，男170元/天，在职不满30天的保底工资按60%或按实际操作量计算工资）。入职会安全培训，上岗实习等，以上时间无工资 ●吃饭住宿：吃饭自理;住宿免费，水电均摊 ●代理利润：出勤15天利润400元；（具体政策以面试当天为准）",
};
this.zzvisible = true; this.zzvisible = true;
}, },
/* /*
@ -860,9 +901,9 @@ export default {
/* /*
关闭跟进详情弹出框 关闭跟进详情弹出框
*/ */
handleOk() { // handleOk() {
this.zzvisible = false; // this.zzvisible = false;
}, // },
formatDateYMDHM(time) { formatDateYMDHM(time) {
return formatDateYMDHM(time); return formatDateYMDHM(time);
}, },
@ -1304,7 +1345,9 @@ export default {
.billInfo { .billInfo {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.policyControl {
white-space: pre-line;
}
li { li {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -1523,6 +1566,9 @@ export default {
border-radius: 50%; border-radius: 50%;
padding: 2px; padding: 2px;
} }
.titleMain:first-of-type > div {
color: #ff4400;
}
.titleMain:first-of-type > div > img { .titleMain:first-of-type > div > img {
background-color: #ff4400; background-color: #ff4400;
} }
@ -1533,4 +1579,18 @@ export default {
} }
} }
} }
.recordInfo {
/deep/ .ant-modal-content {
.ant-modal-body {
padding-left: 120px;
.mb8 {
margin-bottom: 20px !important;
}
.ant-row > div:first-child {
text-align: right;
margin-right: 32px;
}
}
}
}
</style> </style>

332
src/components/userinfo/usercenter/components/townsman.vue
Unescape Escape View File

@ -44,11 +44,170 @@
</div> </div>
</div> </div>
<!-- 老乡详情的弹出框 --> <!-- 老乡详情的弹出框 -->
<a-modal class="townsmanDetailModal" transitionName="" v-model="townsmanDetailVisible" width="756px" @cancel="townsmanDetailModalClose" :footer="null"> <a-modal class="townsmanDetailModal" centered v-model="townsmanDetailVisible" width="756px" @cancel="townsmanDetailModalClose" :footer="null">
<div slot='title'> <div slot='title'>
老乡详情 老乡详情
</div> </div>
<div class="detailContent">
<div class="userInfo">
<div class="userInfo_top">
<div>
<div>
<span class="f18" style="font-weight:600">
{{currentTownsmanDetail.username}}/
{{currentTownsmanDetail.sex}}/
{{currentTownsmanDetail.age}}/
{{currentTownsmanDetail.nation}}
</span>
<span style="border:1px solid #ff4400; color: #ff4400;padding:1px 4px;cursor:pointer;margin-left:16px" @click="editTownsmanDetail">编辑</span>
</div>
<p class="f14" style="color:#999">
{{currentTownsmanDetail.position}}
</p>
</div>
<div>
<span style="margin-right:20px">
<span class="iconfont icon-shenfenzheng1" style="color:#f40;margin-right:10px"></span>
{{currentTownsmanDetail.IDcard}}
</span>
<span>
<span class="iconfont icon-dianhua1" style="color:#f40;margin-right:10px"></span>
{{currentTownsmanDetail.tel}}
</span>
</div>
</div>
<div class="userInfo_bottom">
<img src="http://matripe.oss-cn-beijing.aliyuncs.com/yishoudan/newBanner/banner1.webp" alt="">
<img src="http://matripe.oss-cn-beijing.aliyuncs.com/yishoudan/newBanner/banner2.webp" alt="">
<img src="http://matripe.oss-cn-beijing.aliyuncs.com/yishoudan/newBanner/banner3.webp" alt="">
</div>
</div>
<div class="jobExperience boxStyle">
<div class="experienceTitle titleStyle">
工作一
</div>
<div class="experienceContent">
<a-row>
<a-col :span="6">
报名岗位
</a-col>
<a-col :span="18" style="text-align:right">
{{currentTownsmanDetail.jobName}}
</a-col>
</a-row>
<a-row>
<a-col :span="6">
报名企业
</a-col>
<a-col :span="18" style="text-align:right">
{{currentTownsmanDetail.storeName}}
</a-col>
</a-row>
<a-row>
<a-col :span="6">
政策
</a-col>
<a-col class="policy" :span="18" style="text-align:right">
{{currentTownsmanDetail.policy}}
</a-col>
<span @click="togglePolicyStatus">{{policyStatus?'收起':'展开'}}</span>
</a-row>
<a-row>
<a-col :span="6">
状态
</a-col>
<a-col :span="18" style="text-align:right;color:#ff4400">
{{currentTownsmanDetail.status == 1 ? '在职中' : ''}}
</a-col>
</a-row>
<a-row>
<a-col :span="6">
入职时间
</a-col>
<a-col :span="18" style="text-align:right">
{{new Date(currentTownsmanDetail.entryTime)}}
</a-col>
</a-row>
</div>
</div>
<div class="progressRecord boxStyle">
<div class="progressRecordTitle titleStyle">
跟进记录
</div>
</div>
<a-modal class="editDetailModal" transitionName="" centered v-model="editTownsmanVisibel" width="716px" @cancel="cancelEditTownsman" :footer="null">
<div slot='title'>
老乡信息
</div>
<div class="editInfoContent">
<a-form :labelCol='{ span: 10 }' :wrapperCol='{ span: 14 }'>
<a-row>
<a-col :span="12">
<a-form-item label="姓名">
<a-input placeholder="请输入姓名" />
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="性别">
<a-radio-group name="radioGroup" :default-value="1">
<a-radio :value="1">
男
</a-radio>
<a-radio :value="2">
女
</a-radio>
</a-radio-group>
</a-form-item>
</a-col>
</a-row>
<a-row>
<a-col :span="12">
<a-form-item label="年龄">
<a-input placeholder="请输入年龄" />
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="民族">
<a-select default-value="汉族" @change="selectChange">
<a-select-option :title="item.name" v-for="item in nationOptions" :key="item.id" :value="item.name">
{{item.name}}
</a-select-option>
</a-select>
</a-form-item>
</a-col>
</a-row>
<a-form-item label="电话" :labelCol='{ span:5}' :wrapperCol='{ span: 19 }'>
<a-input placeholder="请输入电话" />
</a-form-item>
<a-form-item label="身份证号" :labelCol='{ span:5}' :wrapperCol='{ span: 19 }'>
<a-input placeholder="请输入身份证号" />
</a-form-item>
<a-form-item label="家庭住址" :labelCol='{ span:5}' :wrapperCol='{ span: 19 }'>
<a-input placeholder="请输入家庭住址" />
</a-form-item>
<a-form-item label="附件" :labelCol='{ span:5}' :wrapperCol='{ span: 19 }'>
<a-upload :customRequest="customRequestFun2" multiple list-type="picture" :default-file-list="fileList2" class="upload-list-inline" @change="handleChange2" :remove="
(file) => {
removeFile(file, 'header');
}
" @preview="handlePreview" :beforeUpload="beforeUpload" :data="dataObj">
<a-button> <a-icon type="upload" /> 上传 </a-button>
</a-upload>
</a-form-item>
<a-row>
<a-col :span="5">
</a-col>
<a-col :span="19">
<a-button>取消</a-button>
<a-button style="background-color:#ff4400;color:white;margin-left:16px">提交</a-button>
</a-col>
</a-row>
</a-form>
</div>
</a-modal>
</div>
</a-modal> </a-modal>
</div> </div>
</template> </template>
@ -59,7 +218,7 @@ import {
formatDateYMD, formatDateYMD,
getUserApplyOrderStatusById, getUserApplyOrderStatusById,
} from "../../../../utils/commonUtil"; } from "../../../../utils/commonUtil";
import { nationlist } from "../../../../utils/datalist";
export default { export default {
// 组件名称 // 组件名称
name: "", name: "",
@ -102,6 +261,27 @@ export default {
}, },
data: [], data: [],
townsmanDetailVisible: false, // 控制详情弹出框的显示 townsmanDetailVisible: false, // 控制详情弹出框的显示
currentTownsmanDetail: {
// 当前老乡详情信息
username: "张润龙",
sex: "男",
age: "23",
nation: "汉族",
position: "河南省许昌市魏都区罗庄94号",
IDcard: 411002199811194015,
tel: 15603716868,
jobName: "郑州宇鑫物流装卸工",
storeName: "郑州宇鑫物流",
policy:
"●年龄性别：男 17-40；女 17-40 ●薪资明细：16-17元/小时（根据岗位情况定薪）200/月餐补 ●吃饭住宿：吃饭自理，餐补200元/月；厂区提供成本餐厅，饭菜非常便宜，有清真窗口;免费酒店式住宿，宿舍到厂区3公里左右免费班车接送 ●代理利润：1元/小时*3个月；（具体政策以面试当天为准） 伯才利润",
status: 1,
entryTime: 1678075200000,
},
policyStatus: false, // 政策的展开状态
editTownsmanVisibel: false, // 编辑老乡详情弹出框的显示
nationOptions: nationlist, // 民族列表数据
fileList2: [], // 上传文件的暂存
}; };
}, },
// 计算属性 // 计算属性
@ -321,6 +501,7 @@ export default {
*/ */
toDetail(e) { toDetail(e) {
this.townsmanDetailVisible = true; this.townsmanDetailVisible = true;
// this.currentTownsmanDetail = e;
console.log(e); console.log(e);
}, },
/* /*
@ -329,6 +510,62 @@ export default {
townsmanDetailModalClose() { townsmanDetailModalClose() {
this.townsmanDetailVisible = false; this.townsmanDetailVisible = false;
}, },
/*
切换政策展开状态
*/
togglePolicyStatus() {
console.log(this.policyStatus);
this.policyStatus = !this.policyStatus;
let policy = document.querySelector(".policy");
if (this.policyStatus == false) {
policy.style.height = "20px";
} else {
policy.style.height = "auto";
}
},
/*
编辑老乡详情
*/
editTownsmanDetail() {
this.editTownsmanVisibel = true;
},
/*
关闭编辑老乡信息
*/
cancelEditTownsman() {
this.editTownsmanVisibel = false;
},
/*
民族选择框变化
*/
selectChange(e) {
console.log(e);
},
/*
上传附件
*/
handleChange2({ file, fileList }) {
console.log(file);
console.log(fileList);
this.fileList2 = fileList;
},
removeFile(file) {
// let fileList
// let _this = this
// fileList = this.$refs.headerUploadRef.$children[1].$children[0].items
// console.log(this.$refs.headerUploadRef.$children[1].$children[0].items);
console.log(this.fileList2.indexOf(file));
let index = this.fileList2.indexOf(file);
this.fileListT2.splice(index, 1);
console.log(this.fileListT2);
// fileList.forEach((item, index) => {
// if (item.uid === file.uid) {
// _this.headerFileList.splice(index, 1)
// }
// })
},
}, },
}; };
</script> </script>
@ -550,4 +787,95 @@ export default {
border-bottom: 0px solid #000; border-bottom: 0px solid #000;
} }
} }
.detailContent {
.titleStyle {
font-weight: 600;
margin-bottom: 20px;
}
.boxStyle {
padding: 20px 0;
border-bottom: 1px solid #eee;
}
.userInfo {
border-bottom: 1px solid #eee;
.userInfo_top {
display: flex;
margin-bottom: 20px;
justify-content: space-between;
align-items: center;
& > div > div:first-child {
margin-bottom: 4px;
}
}
.userInfo_bottom {
margin-bottom: 20px;
img {
width: 64px;
height: 64px;
margin-right: 10px;
border-radius: 4px;
}
}
}
.experienceContent {
.ant-row {
margin-bottom: 10px;
& > div {
color: #666;
}
.policy {
position: relative;
height: 20px;
margin-bottom: 20px;
overflow: hidden;
}
span {
position: absolute;
bottom: -5px;
right: 0;
color: #ff4400;
cursor: pointer;
}
}
}
div {
// border: 1px solid #eee;
}
}
.editDetailModal {
/deep/ .ant-modal-content {
.ant-modal-header {
background-color: #f5f5f5;
border-bottom: 0px solid #000;
}
.ant-modal-body {
padding: 30px 120px 30px 70px;
}
}
}
/deep/ .ant-form-item {
margin-bottom: 20px;
.ant-input {
height: 40px;
}
.ant-select-selection,
.ant-select-selection__rendered {
height: 40px;
line-height: 40px;
}
}
/deep/ .upload-list-inline .ant-upload-list-item {
float: left;
width: 220px;
margin-right: 16px;
.ant-upload-animate-enter {
animation-name: uploadAnimateInlineIn;
}
.ant-upload-animate-leave {
animation-name: uploadAnimateInlineOut;
}
}
</style> </style>

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

@ -1,4 +1,4 @@
@import "http://at.alicdn.com/t/c/font_3135652_malbnqa0h0e.css"; @import "http://at.alicdn.com/t/c/font_3135652_me9fsfpihrt.css";
// 初始化页面样式 // 初始化页面样式
body, body,
h1, h1,
@ -28,8 +28,8 @@ td,
div { div {
margin: 0; margin: 0;
padding: 0; padding: 0;
color: #333; color: #333;
// color: #666; // color: #666;
font-family: PingFangSC, PingFangSC-Regular; font-family: PingFangSC, PingFangSC-Regular;
} }
body, body,
@ -136,30 +136,29 @@ i {
overflow: hidden; overflow: hidden;
} }
// 公用样式类名 // 公用样式类名
.w { .w {
width: 1200px; width: 1200px;
margin: 0 auto; margin: 0 auto;
} }
.mb12 { .mb12 {
margin-bottom: 12px; margin-bottom: 12px;
} }
.mt20 { .mt20 {
margin-top: 20px; margin-top: 20px;
} }
.titlestyle { .titlestyle {
font-size: 16px; font-size: 16px;
font-weight: 600; font-weight: 600;
color: #333; color: #333;
} }
.nobd { .nobd {
border-left-color: transparent !important; border-left-color: transparent !important;
border-right-color: transparent !important; border-right-color: transparent !important;
border-top: none !important; border-top: none !important;
border-bottom: none !important; border-bottom: none !important;
margin-top: 0 !important; margin-top: 0 !important;
margin-bottom: 0 !important; margin-bottom: 0 !important;
} }
// 日期选择框 // 日期选择框
.ant-calendar-picker-container-content { .ant-calendar-picker-container-content {
@ -216,9 +215,9 @@ i {
} }
input[type="text"] { input[type="text"] {
box-shadow: none; box-shadow: none;
background-color: #fff; background-color: #fff;
border-color: #ddd; border-color: #ddd;
border-radius: 0; border-radius: 0;
&:focus { &:focus {
border: 1px solid #ff4400; border: 1px solid #ff4400;
} }
@ -228,7 +227,7 @@ i {
} }
.ant-pagination-item { .ant-pagination-item {
border: none; border: none;
border-radius: 0; border-radius: 0;
a:hover { a:hover {
color: #ff4400; color: #ff4400;
} }
@ -258,8 +257,8 @@ i {
.ant-cascader-menus.monthlypay, .ant-cascader-menus.monthlypay,
.ant-cascader-menus.agestr, .ant-cascader-menus.agestr,
.ant-cascader-menus.gender { .ant-cascader-menus.gender {
// position: fixed !important; // position: fixed !important;
// border-top: 1px solid #000; // border-top: 1px solid #000;
width: 100vw; width: 100vw;
margin: 0 auto; margin: 0 auto;
top: 45px !important; top: 45px !important;
@ -385,9 +384,9 @@ p.bottombox {
position: relative; position: relative;
text-align: center; text-align: center;
// border-bottom: 1px solid #eeefef; // border-bottom: 1px solid #eeefef;
font-weight: 600; font-weight: 600;
margin-top: 12px; margin-top: 12px;
font-size: 16px; font-size: 16px;
padding-bottom: 12px; padding-bottom: 12px;
margin-bottom: 16px; margin-bottom: 16px;
color: rgba(0, 0, 0, 0.85); color: rgba(0, 0, 0, 0.85);
@ -429,10 +428,11 @@ p.bottombox {
background: rgba(0, 0, 0, 0.1); background: rgba(0, 0, 0, 0.1);
} }
} }
.ant-select-dropdown-menu-item-active ,.ant-select-dropdown-menu-item-selected{ .ant-select-dropdown-menu-item-active,
color: #ff4400 !important; .ant-select-dropdown-menu-item-selected {
font-weight: normal; color: #ff4400 !important;
background-color: rgba(255, 106, 0,.1) !important; font-weight: normal;
background-color: rgba(255, 106, 0, 0.1) !important;
} }
// 面包屑样式 // 面包屑样式
@ -455,103 +455,135 @@ p.bottombox {
.ant-spin-text { .ant-spin-text {
color: #fda21d; color: #fda21d;
} }
.ant-popover { .ant-popover {
.ant-popover-content { .ant-popover-content {
.ant-popover-inner-content { .ant-popover-inner-content {
position: relative; position: relative;
width: 600px; width: 600px;
white-space: pre-wrap !important; white-space: pre-wrap !important;
>div{ > div {
position: absolute; position: absolute;
width: 44px; width: 44px;
height: 22px; height: 22px;
right: 10px; right: 10px;
top: 10px; top: 10px;
border: 1px solid #ff4400; border: 1px solid #ff4400;
color: #ff4400; color: #ff4400;
border-radius: 999px; border-radius: 999px;
line-height:22px; line-height: 22px;
text-align: center; text-align: center;
cursor: pointer; cursor: pointer;
&:hover { &:hover {
background-color: #ff4400; background-color: #ff4400;
color: #fff; color: #fff;
} }
} }
} }
} }
} }
.xiangdan{ .xiangdan {
.ant-modal-content{ .ant-modal-content {
width: 600px; width: 600px;
max-height: calc(100vh - 40px); max-height: calc(100vh - 40px);
.ant-modal-body{ .ant-modal-body {
padding-top: 36px; padding-top: 36px;
position: relative; position: relative;
min-height: 480px; min-height: 480px;
white-space: pre-wrap !important; white-space: pre-wrap !important;
// max-height: ; // max-height: ;
// background-color: #000; // background-color: #000;
.copy { .copy {
position: absolute; position: absolute;
padding: 0px 12px; padding: 0px 12px;
right: 20px; right: 20px;
top: 7px; top: 7px;
font-size: 14px; font-size: 14px;
border: 1px solid #ff4400; border: 1px solid #ff4400;
color: #ff4400; color: #ff4400;
border-radius: 5px; border-radius: 5px;
line-height: 22px; line-height: 22px;
text-align: center; text-align: center;
cursor: pointer; cursor: pointer;
&:hover { &:hover {
color: #fff; color: #fff;
background-color: #ff4400; background-color: #ff4400;
} }
} }
} }
} }
} }
// 日期选择器样式 // 日期选择器样式
.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month{ .ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month {
background: #ff4400; background: #ff4400;
} }
.ant-calendar-date:hover { .ant-calendar-date:hover {
border-color: #ff4400; border-color: #ff4400;
background-color: #fff; background-color: #fff;
color: #ff4400; color: #ff4400;
} }
.ant-calendar-today .ant-calendar-date { .ant-calendar-today .ant-calendar-date {
background-color: #ff4400; background-color: #ff4400;
border-color: #ff4400; border-color: #ff4400;
color: #fff; color: #fff;
} }
.ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date, .ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date{ .ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date,
background-color: #ff4400; .ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date {
border-color: #ff4400; background-color: #ff4400;
color: #fff; border-color: #ff4400;
color: #fff;
} }
.ant-calendar-range .ant-calendar-in-range-cell::before{ .ant-calendar-range .ant-calendar-in-range-cell::before {
background: #fff3ef; background: #fff3ef;
} }
.ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date:hover, .ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date:hover { .ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date:hover,
background: #ff4400; .ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date:hover {
background: #ff4400;
} }
.ant-calendar-header a:hover{ .ant-calendar-header a:hover {
color: #ff4400; color: #ff4400;
} }
.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month:hover , .ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year , .ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade,.ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade:hover,.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year:hover{ .ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month:hover,
background: #ff4400; .ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year,
.ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade,
.ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade:hover,
.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year:hover {
background: #ff4400;
} }
.ant-calendar-month-panel-month:hover,.ant-calendar-year-panel-year:hover,.ant-calendar-decade-panel-decade:hover { .ant-calendar-month-panel-month:hover,
background: #fff3ef; .ant-calendar-year-panel-year:hover,
.ant-calendar-decade-panel-decade:hover {
background: #fff3ef;
} }
// 全体样式 // 全体样式
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-up.on, .ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-down.on { .ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-up.on,
color: #ff4400; .ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-down.on {
color: #ff4400;
}
.ant-table-thead > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.ant-table-thead > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {
background: #fff3ef;
}
.ant-radio-checked .ant-radio-inner {
border-color: #ff4400 !important;
box-shadow: none !important;
}
.ant-radio-checked .ant-radio-inner::after {
background-color: #ff4400 !important;
}
.ant-radio:hover .ant-radio-inner {
border-color: #ff4400 !important;
box-shadow: none;
}
.ant-radio-checked .ant-radio-inner::after {
background-color: #ff4400 !important;
}
.ant-radio-checked:hover .ant-radio-inner {
border-color: #ff4400 !important;
}
.ant-radio {
border-color: #ddd !important;
box-shadow: none !important;
} }
.ant-table-thead > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td, .ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td, .ant-table-thead > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td, .ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td{
background: #fff3ef;
}

23
src/style/index.wxss
Unescape Escape View File

@ -1,4 +1,4 @@
@import "http://at.alicdn.com/t/c/font_3135652_malbnqa0h0e.css"; @import "http://at.alicdn.com/t/c/font_3135652_me9fsfpihrt.css";
body, body,
h1, h1,
h2, h2,
@ -505,3 +505,24 @@ p.bottombox::after {
.ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td { .ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {
background: #fff3ef; background: #fff3ef;
} }
.ant-radio-checked .ant-radio-inner {
border-color: #ff4400 !important;
box-shadow: none !important;
}
.ant-radio-checked .ant-radio-inner::after {
background-color: #ff4400 !important;
}
.ant-radio:hover .ant-radio-inner {
border-color: #ff4400 !important;
box-shadow: none;
}
.ant-radio-checked .ant-radio-inner::after {
background-color: #ff4400 !important;
}
.ant-radio-checked:hover .ant-radio-inner {
border-color: #ff4400 !important;
}
.ant-radio {
border-color: #ddd !important;
box-shadow: none !important;
}

Write Preview
Loading…
Cancel
Save