|
|
|
|
@ -95,9 +95,9 @@
|
|
|
|
|
</div>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
|
|
|
|
|
<a-form-model-item 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"></timepicker>
|
|
|
|
|
<a-input v-model="form.interviewTime" placeholder="请选择面试时间" @input="verify" @click="getDateinfo"><i class="iconfont icon-rili" slot="suffix" @click="getDateinfo"></i></a-input>
|
|
|
|
|
<a-input v-model="form.interviewTime" placeholder="请选择面试时间" @input="verify" allowClear @click="getDateinfo"><i class="iconfont icon-rili" slot="suffix" @click="getDateinfo"></i></a-input>
|
|
|
|
|
<!-- <a-date-picker
|
|
|
|
|
:showToday="false"
|
|
|
|
|
format="YYYY-MM-DD HH:mm"
|
|
|
|
|
@ -199,9 +199,9 @@
|
|
|
|
|
<a-form-model-item ref="policy" label="政策" prop="policy" class="policyContainer" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }">
|
|
|
|
|
<!-- <a-input v-model="form.policy" type='textarea'/> -->
|
|
|
|
|
<div class="policy" style="">
|
|
|
|
|
{{form.policy}}
|
|
|
|
|
{{ form.policy }}
|
|
|
|
|
</div>
|
|
|
|
|
<div class="openContral"><span v-if="isFold" @click="toFold(1)">展开</span><span v-else @click="toFold(2)">收起</span></div>
|
|
|
|
|
<div class="openContral"><span v-if="isFold" @click="toFold(1)">展开</span><span v-else @click="toFold(2)">收起</span></div>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-form-model>
|
|
|
|
|
|
|
|
|
|
@ -260,8 +260,8 @@ export default {
|
|
|
|
|
proxyStatus: "", // 代理选择的控制
|
|
|
|
|
storeStatus: "", // 企业选择的控制
|
|
|
|
|
jobnameStatus: "", // 岗位选择的控制
|
|
|
|
|
isContainerShow:false, // 政策展示控制按钮是否显示
|
|
|
|
|
isFold:false,
|
|
|
|
|
isContainerShow: false, // 政策展示控制按钮是否显示
|
|
|
|
|
isFold: false,
|
|
|
|
|
previewImage: "",
|
|
|
|
|
isMaster: true,
|
|
|
|
|
isShow: false,
|
|
|
|
|
@ -409,20 +409,20 @@ export default {
|
|
|
|
|
* 如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.el 也在文档内。
|
|
|
|
|
*/
|
|
|
|
|
mounted() {
|
|
|
|
|
let that = this
|
|
|
|
|
let that = this;
|
|
|
|
|
const policy = document.querySelector(".policy");
|
|
|
|
|
// this.$nextTick(()=>{
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
console.log(policy.offsetHeight);
|
|
|
|
|
if (policy.offsetHeight >= 230) {
|
|
|
|
|
policy.style.maxHeight = "230px";
|
|
|
|
|
policy.style.marginBottom = '24px'
|
|
|
|
|
that.isContainerShow = true
|
|
|
|
|
that.isFold = true
|
|
|
|
|
policy.style.marginBottom = "24px";
|
|
|
|
|
that.isContainerShow = true;
|
|
|
|
|
that.isFold = true;
|
|
|
|
|
} else {
|
|
|
|
|
policy.style.minHeight = "230px";
|
|
|
|
|
that.isContainerShow = false
|
|
|
|
|
that.isFold = false
|
|
|
|
|
that.isContainerShow = false;
|
|
|
|
|
that.isFold = false;
|
|
|
|
|
}
|
|
|
|
|
}, 200);
|
|
|
|
|
// })
|
|
|
|
|
@ -806,17 +806,16 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
toFold(value){
|
|
|
|
|
let policy = document.querySelector('.policy')
|
|
|
|
|
if(value == 1){
|
|
|
|
|
this.isFold = false
|
|
|
|
|
policy.style.maxHeight = 'unset'
|
|
|
|
|
} else {
|
|
|
|
|
this.isFold = true
|
|
|
|
|
policy.style.maxHeight = '230px'
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
toFold(value) {
|
|
|
|
|
let policy = document.querySelector(".policy");
|
|
|
|
|
if (value == 1) {
|
|
|
|
|
this.isFold = false;
|
|
|
|
|
policy.style.maxHeight = "unset";
|
|
|
|
|
} else {
|
|
|
|
|
this.isFold = true;
|
|
|
|
|
policy.style.maxHeight = "230px";
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
</script>
|
|
|
|
|
@ -835,7 +834,6 @@ export default {
|
|
|
|
|
.ant-form {
|
|
|
|
|
width: 640px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
.upline {
|
|
|
|
|
position: relative !important;
|
|
|
|
|
@ -1113,31 +1111,279 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
/deep/ .policyContainer {
|
|
|
|
|
position: relative;
|
|
|
|
|
.ant-form-item-children{
|
|
|
|
|
position: unset;
|
|
|
|
|
.policy {
|
|
|
|
|
position: relative;
|
|
|
|
|
.ant-form-item-children {
|
|
|
|
|
position: unset;
|
|
|
|
|
.policy {
|
|
|
|
|
// position: relative;
|
|
|
|
|
padding: 0 16px;
|
|
|
|
|
// padding-bottom: 24px;
|
|
|
|
|
// padding-bottom: 24px;
|
|
|
|
|
white-space: pre-wrap;
|
|
|
|
|
// border: 1px solid #ddd;
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
line-height: 2;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
line-height: 2;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
.openContral{
|
|
|
|
|
position: absolute;
|
|
|
|
|
height: 20px;
|
|
|
|
|
line-height: 20px;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
right: 10px;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
&:hover {
|
|
|
|
|
color: #ff6a00;
|
|
|
|
|
.openContral {
|
|
|
|
|
position: absolute;
|
|
|
|
|
height: 20px;
|
|
|
|
|
line-height: 20px;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
right: 10px;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
&::after{
|
|
|
|
|
content: '';
|
|
|
|
|
position: absolute;
|
|
|
|
|
width: 480px;
|
|
|
|
|
height: 1px;
|
|
|
|
|
background-color: #eee;
|
|
|
|
|
bottom: -10px;
|
|
|
|
|
left: -445px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// background-color: #ff6a00;
|
|
|
|
|
&:hover {
|
|
|
|
|
color: #ff6a00;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// background-color: #ff6a00;
|
|
|
|
|
}
|
|
|
|
|
/deep/ .date-picker {
|
|
|
|
|
.picker-content {
|
|
|
|
|
table {
|
|
|
|
|
width: 100%;
|
|
|
|
|
// padding: 4px !important;
|
|
|
|
|
margin: 4px 0;
|
|
|
|
|
border-collapse: separate;
|
|
|
|
|
border-spacing: 0;
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
line-height: 20px !important;
|
|
|
|
|
.contain {
|
|
|
|
|
height: 2px;
|
|
|
|
|
}
|
|
|
|
|
thead {
|
|
|
|
|
padding-bottom: 5px;
|
|
|
|
|
tr {
|
|
|
|
|
margin-bottom: 5px;
|
|
|
|
|
background-color: #ff6a001a;
|
|
|
|
|
color: rgba(77, 87, 94);
|
|
|
|
|
th {
|
|
|
|
|
text-align: center;
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
line-height: 26px;
|
|
|
|
|
&:first-child {
|
|
|
|
|
border-radius: 4px 0 0 4px;
|
|
|
|
|
}
|
|
|
|
|
&:last-child {
|
|
|
|
|
border-radius: 0 4px 4px 0;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
tbody {
|
|
|
|
|
margin-top: 10px;
|
|
|
|
|
tr {
|
|
|
|
|
td {
|
|
|
|
|
// height: 50px;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
color: rgba(77, 87, 94);
|
|
|
|
|
// font-weight: 600;
|
|
|
|
|
padding: 0 4px;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
&:first-child {
|
|
|
|
|
border-radius: 4px 0 0 4px;
|
|
|
|
|
}
|
|
|
|
|
&:last-child {
|
|
|
|
|
border-radius: 0 4px 4px 0;
|
|
|
|
|
}
|
|
|
|
|
div {
|
|
|
|
|
border: 1px solid transparent;
|
|
|
|
|
position: relative;
|
|
|
|
|
width: 30px;
|
|
|
|
|
height: 26px;
|
|
|
|
|
line-height: 24px;
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
margin: 0 2px;
|
|
|
|
|
z-index: 99;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
td.gray {
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
color: rgba(138, 138, 138, 0.7);
|
|
|
|
|
}
|
|
|
|
|
td.bggray {
|
|
|
|
|
position: relative;
|
|
|
|
|
color: #ccc;
|
|
|
|
|
cursor: default;
|
|
|
|
|
|
|
|
|
|
&::after {
|
|
|
|
|
content: "";
|
|
|
|
|
position: absolute;
|
|
|
|
|
display: block;
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 26px;
|
|
|
|
|
background-color: #f5f5f5;
|
|
|
|
|
top: 50%;
|
|
|
|
|
transform: translateY(-50%);
|
|
|
|
|
left: 0;
|
|
|
|
|
z-index: 9;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.bggray:first-child::after {
|
|
|
|
|
border-radius: 4px 0 0 4px;
|
|
|
|
|
}
|
|
|
|
|
.bggray:last-of-type::after {
|
|
|
|
|
border-radius: 0 4px 4px 0;
|
|
|
|
|
}
|
|
|
|
|
td:not(.bggray):hover {
|
|
|
|
|
div {
|
|
|
|
|
border: 1px solid #ff6a00;
|
|
|
|
|
color: #ff6a00;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
td.active {
|
|
|
|
|
div {
|
|
|
|
|
background: #ff6a00;
|
|
|
|
|
color: white !important;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.picker-content1:extend(.picker-content all) {
|
|
|
|
|
// &: extend ;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
table {
|
|
|
|
|
width: calc(100% - 40px);
|
|
|
|
|
margin-right: 4px;
|
|
|
|
|
// border-right: 1px solid #eee;
|
|
|
|
|
}
|
|
|
|
|
.hour-list {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
border-left: 1px solid #eee;
|
|
|
|
|
list-style: none;
|
|
|
|
|
padding: 5px 2px 0 4px;
|
|
|
|
|
margin: 0;
|
|
|
|
|
height: 100%;
|
|
|
|
|
overflow-x: hidden;
|
|
|
|
|
width: 300px;
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
overflow-y: auto;
|
|
|
|
|
&::-webkit-scrollbar {
|
|
|
|
|
/*滚动条整体样式*/
|
|
|
|
|
width: 0px !important; /*高宽分别对应横竖滚动条的尺寸*/
|
|
|
|
|
height: 4px;
|
|
|
|
|
}
|
|
|
|
|
&::-webkit-scrollbar-thumb {
|
|
|
|
|
/*滚动条里面小方块*/
|
|
|
|
|
border-radius: 5px;
|
|
|
|
|
// -webkit-box-shadow: inset 0 0 5px rgba(126, 126, 126, 0.06);
|
|
|
|
|
background: #ddd !important;
|
|
|
|
|
}
|
|
|
|
|
// &::-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);
|
|
|
|
|
// }
|
|
|
|
|
li {
|
|
|
|
|
padding: 0;
|
|
|
|
|
margin: 0;
|
|
|
|
|
margin-bottom: 6px;
|
|
|
|
|
color: #4d575ecc;
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
background-color: #ff6a001a;
|
|
|
|
|
width: 48%;
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
/* font-weight: 600; */
|
|
|
|
|
display: flex;
|
|
|
|
|
height: 26px !important;
|
|
|
|
|
line-height: 26px;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
align-items: center;
|
|
|
|
|
padding: 0 4px;
|
|
|
|
|
height: 26px;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
span:last-child {
|
|
|
|
|
margin-left: 0 !important;
|
|
|
|
|
}
|
|
|
|
|
&:hover {
|
|
|
|
|
color: white;
|
|
|
|
|
background: #ff6a00;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
// li:not(:last-child) {
|
|
|
|
|
// border-bottom: solid 1px gainsboro;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
.active {
|
|
|
|
|
color: white;
|
|
|
|
|
background: #ff6a00;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.minutes-list {
|
|
|
|
|
width: 60px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.picker-footer {
|
|
|
|
|
display: block;
|
|
|
|
|
line-height: 42px;
|
|
|
|
|
text-align: right;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
button {
|
|
|
|
|
outline: none;
|
|
|
|
|
border: solid 1px gainsboro;
|
|
|
|
|
border-radius: 2px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
padding-left: 1px;
|
|
|
|
|
color: #8a8a8a;
|
|
|
|
|
height: 24px;
|
|
|
|
|
width: 50px;
|
|
|
|
|
line-height: 20px;
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
margin-right: 12px;
|
|
|
|
|
background-color: #f3f3f3;
|
|
|
|
|
&:first-child {
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
&:active,
|
|
|
|
|
&:hover {
|
|
|
|
|
border-color: #eee;
|
|
|
|
|
background-color: #eee;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
&:last-child {
|
|
|
|
|
background-color: #ff6a00;
|
|
|
|
|
border-color: #ff6a00;
|
|
|
|
|
color: #fff;
|
|
|
|
|
&:active,
|
|
|
|
|
&:hover {
|
|
|
|
|
border-color: #ff6a00;
|
|
|
|
|
background-color: #ff6a00;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
/deep/ .time-input {
|
|
|
|
|
margin-bottom: 16px;
|
|
|
|
|
.ant-input {
|
|
|
|
|
font-size: 20px !important;
|
|
|
|
|
&::placeholder {
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
|
