|
|
|
|
@ -6,45 +6,56 @@
|
|
|
|
|
@click="pagination.status = -1"
|
|
|
|
|
:class="{ townsmanactive: pagination.status === -1 }"
|
|
|
|
|
>
|
|
|
|
|
全部
|
|
|
|
|
全部<span>99</span>
|
|
|
|
|
</li>
|
|
|
|
|
<li
|
|
|
|
|
@click="pagination.status = 10"
|
|
|
|
|
:class="{ townsmanactive: pagination.status === 10 }"
|
|
|
|
|
>
|
|
|
|
|
审核中
|
|
|
|
|
审核中<span>99</span>
|
|
|
|
|
</li>
|
|
|
|
|
<li
|
|
|
|
|
@click="pagination.status = 20"
|
|
|
|
|
:class="{ townsmanactive: pagination.status === 20 }"
|
|
|
|
|
>
|
|
|
|
|
待面试
|
|
|
|
|
待面试<span>99</span>
|
|
|
|
|
</li>
|
|
|
|
|
<li
|
|
|
|
|
@click="pagination.status = 25"
|
|
|
|
|
:class="{ townsmanactive: pagination.status === 25 }"
|
|
|
|
|
>
|
|
|
|
|
已接到
|
|
|
|
|
已接到<span>99</span>
|
|
|
|
|
</li>
|
|
|
|
|
<li
|
|
|
|
|
<li
|
|
|
|
|
@click="pagination.status = 30"
|
|
|
|
|
:class="{ townsmanactive: pagination.status === 30 }"
|
|
|
|
|
>
|
|
|
|
|
面试通过
|
|
|
|
|
面试通过<span>99</span>
|
|
|
|
|
</li>
|
|
|
|
|
<li
|
|
|
|
|
@click="pagination.status = 40"
|
|
|
|
|
:class="{ townsmanactive: pagination.status === 40 }"
|
|
|
|
|
>
|
|
|
|
|
在职中
|
|
|
|
|
在职中<span>99</span>
|
|
|
|
|
</li>
|
|
|
|
|
<li
|
|
|
|
|
@click="pagination.status = 999"
|
|
|
|
|
:class="{ townsmanactive: pagination.status === 999 }"
|
|
|
|
|
>
|
|
|
|
|
报名结束
|
|
|
|
|
报名结束<span>99</span>
|
|
|
|
|
</li>
|
|
|
|
|
<li
|
|
|
|
|
@click="pagination.status = 50"
|
|
|
|
|
:class="{ townsmanactive: pagination.status === 50 }"
|
|
|
|
|
>
|
|
|
|
|
当前<span>99</span>
|
|
|
|
|
</li>
|
|
|
|
|
<li
|
|
|
|
|
@click="pagination.status = 70"
|
|
|
|
|
:class="{ townsmanactive: pagination.status === 70 }"
|
|
|
|
|
>
|
|
|
|
|
稍后<span>99</span>
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
|
|
<!-- <li
|
|
|
|
|
@click="pagination.status = 70"
|
|
|
|
|
:class="{ townsmanactive: pagination.status === 70 }"
|
|
|
|
|
@ -58,13 +69,17 @@
|
|
|
|
|
<div class="searchinput">
|
|
|
|
|
<a-input
|
|
|
|
|
placeholder="搜索工单号/职位/姓名/电话/身份证号"
|
|
|
|
|
allowClear
|
|
|
|
|
@keyup.enter="onSearch"
|
|
|
|
|
@input="resetsearch"
|
|
|
|
|
v-model="pagination.keys"
|
|
|
|
|
><i slot="prefix" class="iconfont icon-sousuo"></i>
|
|
|
|
|
<button slot="suffix" @click="onSearch">搜索</button>
|
|
|
|
|
</a-input>
|
|
|
|
|
<a-range-picker style="" @change="dateChange" class=""/>
|
|
|
|
|
<div>
|
|
|
|
|
<div>报名时间：</div>
|
|
|
|
|
<a-range-picker style="" @change="dateChange" class="" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="pagechange">
|
|
|
|
|
<button @click="changepage(-1)">上一页</button>
|
|
|
|
|
@ -78,7 +93,27 @@
|
|
|
|
|
<li>姓名</li>
|
|
|
|
|
<li>报名岗位</li>
|
|
|
|
|
<li>政策</li>
|
|
|
|
|
<li>状态</li>
|
|
|
|
|
<!-- <button @click="statusFilter">filter</button> -->
|
|
|
|
|
<li>
|
|
|
|
|
<div>状态</div>
|
|
|
|
|
<a-select
|
|
|
|
|
size="small"
|
|
|
|
|
placeholder=""
|
|
|
|
|
allowClear
|
|
|
|
|
@change="resetStatus"
|
|
|
|
|
:dropdownMatchSelectWidth="false"
|
|
|
|
|
dropdownClassName="statusclass"
|
|
|
|
|
style=""
|
|
|
|
|
>
|
|
|
|
|
<a-select-option
|
|
|
|
|
v-for="(i, index) in orderStatus"
|
|
|
|
|
:key="index"
|
|
|
|
|
@click="handleChange(i)"
|
|
|
|
|
>
|
|
|
|
|
{{ i.name }}</a-select-option
|
|
|
|
|
>
|
|
|
|
|
</a-select>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
<div style="text-align: center; margin-top: 16px">
|
|
|
|
|
@ -95,7 +130,7 @@
|
|
|
|
|
:class="item.isDown ? '' : 'isDownstyle'"
|
|
|
|
|
>
|
|
|
|
|
<ul class="proxyInfo">
|
|
|
|
|
<li>创建时间: {{ item.createTime }}</li>
|
|
|
|
|
<li>报名时间: {{ item.createTime }}</li>
|
|
|
|
|
<li>工单号: {{ item.orderNum }}</li>
|
|
|
|
|
<li>{{ item.agencyName }}</li>
|
|
|
|
|
<li>
|
|
|
|
|
@ -105,7 +140,7 @@
|
|
|
|
|
</ul>
|
|
|
|
|
<ul class="billInfo" style="">
|
|
|
|
|
<li>
|
|
|
|
|
<div class="serial">{{index + 1}}</div>
|
|
|
|
|
<div class="serial">{{ index + 1 }}</div>
|
|
|
|
|
<i
|
|
|
|
|
class="iconfont icon-shenfenzheng"
|
|
|
|
|
:style="{
|
|
|
|
|
@ -150,7 +185,7 @@
|
|
|
|
|
@change="onChange"
|
|
|
|
|
/>
|
|
|
|
|
<div class="ant-pagination-options-quick-jumper">
|
|
|
|
|
<span>共{{pagination.total}}条，</span>
|
|
|
|
|
<span>共{{ pagination.total }}条，</span>
|
|
|
|
|
跳至<input
|
|
|
|
|
ref="pageinput"
|
|
|
|
|
type="text"
|
|
|
|
|
@ -203,6 +238,7 @@ import {
|
|
|
|
|
getUserApplyOrderStatusById,
|
|
|
|
|
isEmptyCheck,
|
|
|
|
|
formatDateYMDHM,
|
|
|
|
|
formatDateYMD,
|
|
|
|
|
} from "../../../../utils/commonUtil";
|
|
|
|
|
|
|
|
|
|
export default {
|
|
|
|
|
@ -221,6 +257,8 @@ export default {
|
|
|
|
|
scaleNum: 1, // 身份证图片显示倍率
|
|
|
|
|
rotateNum: 0,
|
|
|
|
|
searchvalue: "", // 搜索框检索信息
|
|
|
|
|
filterStatus: 1, // 排序状态
|
|
|
|
|
saveBill: [], // 缓存的报名列表
|
|
|
|
|
pagination: {
|
|
|
|
|
pageNum: 1,
|
|
|
|
|
pageSize: 10,
|
|
|
|
|
@ -228,7 +266,61 @@ export default {
|
|
|
|
|
status: -1,
|
|
|
|
|
keys: "",
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
orderStatus: [
|
|
|
|
|
{
|
|
|
|
|
id: "10",
|
|
|
|
|
name: "已报名，审核中",
|
|
|
|
|
value: "10",
|
|
|
|
|
text: "报名审核中",
|
|
|
|
|
num: 0,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "20",
|
|
|
|
|
name: "报名成功，待面试",
|
|
|
|
|
value: "20",
|
|
|
|
|
text: "审核通过",
|
|
|
|
|
num: 0,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "21",
|
|
|
|
|
name: "审核未通过，报名失败",
|
|
|
|
|
value: "21",
|
|
|
|
|
text: "审核未通过",
|
|
|
|
|
num: 0,
|
|
|
|
|
},
|
|
|
|
|
{ id: "25", name: "已接到", value: "25", text: "已接到", num: 0 },
|
|
|
|
|
{ id: "26", name: "未接到", value: "26", text: "未接到", num: 0 },
|
|
|
|
|
{
|
|
|
|
|
id: "30",
|
|
|
|
|
name: "面试通过，待入职",
|
|
|
|
|
value: "30",
|
|
|
|
|
text: "面试通过",
|
|
|
|
|
num: 0,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "35",
|
|
|
|
|
name: "面试未通过",
|
|
|
|
|
value: "35",
|
|
|
|
|
text: "面试未通过",
|
|
|
|
|
num: 0,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "40",
|
|
|
|
|
name: "已入职，在职中",
|
|
|
|
|
value: "40",
|
|
|
|
|
text: "已入职",
|
|
|
|
|
num: 0,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "45",
|
|
|
|
|
name: "面试通过，未入职",
|
|
|
|
|
value: "45",
|
|
|
|
|
text: "通过未入职",
|
|
|
|
|
num: 0,
|
|
|
|
|
},
|
|
|
|
|
{ id: "50", name: "已离职", value: "50", text: "已离职", num: 0 },
|
|
|
|
|
// { id: "60", name: "已完成", value: "60", text: "已完成", num: 0 }
|
|
|
|
|
],
|
|
|
|
|
billList: [],
|
|
|
|
|
isunfold: false,
|
|
|
|
|
statusTimeInfo: "", // 状态的时间类型
|
|
|
|
|
@ -258,8 +350,20 @@ export default {
|
|
|
|
|
console.log(e);
|
|
|
|
|
this.getBill();
|
|
|
|
|
},
|
|
|
|
|
dateChange(e){
|
|
|
|
|
dateChange(e) {
|
|
|
|
|
console.log("ischange");
|
|
|
|
|
console.log(e);
|
|
|
|
|
|
|
|
|
|
if (e.length != 0) {
|
|
|
|
|
let date1 = new Date(e[0]._d);
|
|
|
|
|
let date2 = new Date(e[1]._d);
|
|
|
|
|
this.pagination.startDate = formatDateYMD(date1);
|
|
|
|
|
this.pagination.endDate = formatDateYMD(date2);
|
|
|
|
|
} else {
|
|
|
|
|
this.pagination.startDate = "";
|
|
|
|
|
this.pagination.endDate = "";
|
|
|
|
|
}
|
|
|
|
|
this.getBill();
|
|
|
|
|
},
|
|
|
|
|
inputpageChange(e) {
|
|
|
|
|
const pagenumcount = this.pagination.total / this.pagination.pageSize;
|
|
|
|
|
@ -288,6 +392,7 @@ export default {
|
|
|
|
|
if (data.status === 200) {
|
|
|
|
|
// console.log();
|
|
|
|
|
this.billList = data.data.recordList;
|
|
|
|
|
|
|
|
|
|
console.log(this.billList);
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
this.billList.forEach((item, index) => {
|
|
|
|
|
@ -372,7 +477,16 @@ export default {
|
|
|
|
|
item.controlUnfold = true;
|
|
|
|
|
console.log(item.status);
|
|
|
|
|
// setTimeout(() => {
|
|
|
|
|
if (item.status == 10 || item.status == 20 || item.status == 21 || item.status == 25 || item.status == 26|| item.status == 30|| item.status == 35|| item.status == 45) {
|
|
|
|
|
if (
|
|
|
|
|
item.status == 10 ||
|
|
|
|
|
item.status == 20 ||
|
|
|
|
|
item.status == 21 ||
|
|
|
|
|
item.status == 25 ||
|
|
|
|
|
item.status == 26 ||
|
|
|
|
|
item.status == 30 ||
|
|
|
|
|
item.status == 35 ||
|
|
|
|
|
item.status == 45
|
|
|
|
|
) {
|
|
|
|
|
item.statusTimeInfo = "面试时间";
|
|
|
|
|
item.statusShowTime = item.interviewTime;
|
|
|
|
|
} else if (item.status == 40) {
|
|
|
|
|
@ -389,6 +503,7 @@ export default {
|
|
|
|
|
// console.log("isunfold", item.isunfold);
|
|
|
|
|
// console.log(item);
|
|
|
|
|
});
|
|
|
|
|
this.saveBill = JSON.parse(JSON.stringify(this.billList));
|
|
|
|
|
}, 0);
|
|
|
|
|
|
|
|
|
|
this.pagination.total = data.data.recordCount;
|
|
|
|
|
@ -563,6 +678,52 @@ export default {
|
|
|
|
|
this.$forceUpdate();
|
|
|
|
|
console.log(item.controlUnfold);
|
|
|
|
|
},
|
|
|
|
|
statusFilter() {
|
|
|
|
|
// 状态筛选
|
|
|
|
|
let num = this.filterStatus % 3;
|
|
|
|
|
if (num == 1) {
|
|
|
|
|
this.billList.sort((a, b) => {
|
|
|
|
|
return a.status - b.status;
|
|
|
|
|
});
|
|
|
|
|
} else if (num == 2) {
|
|
|
|
|
this.billList.sort((a, b) => {
|
|
|
|
|
return b.status - a.status;
|
|
|
|
|
});
|
|
|
|
|
} else {
|
|
|
|
|
this.billList = JSON.parse(JSON.stringify(this.saveBill));
|
|
|
|
|
}
|
|
|
|
|
this.filterStatus++;
|
|
|
|
|
},
|
|
|
|
|
handleChange(e) {
|
|
|
|
|
this.billList = JSON.parse(JSON.stringify(this.saveBill));
|
|
|
|
|
let list = [];
|
|
|
|
|
this.billList.forEach((item) => {
|
|
|
|
|
if (item.status == e.value) {
|
|
|
|
|
list.push(item);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
this.billList = list;
|
|
|
|
|
this.billList.forEach((item, index) => {
|
|
|
|
|
let parent = this.$refs["Control" + index][0].parentNode;
|
|
|
|
|
let sibling = this.$refs["Control" + index][0].previousElementSibling;
|
|
|
|
|
if (sibling.offsetHeight > parent.offsetHeight) {
|
|
|
|
|
// sibling.style.height = "100%";
|
|
|
|
|
sibling.style.overflow = "hidden";
|
|
|
|
|
parent.style.paddingBottom = "20px";
|
|
|
|
|
item.isunfold = true;
|
|
|
|
|
} else {
|
|
|
|
|
item.isunfold = false;
|
|
|
|
|
}
|
|
|
|
|
item.controlUnfold = true;
|
|
|
|
|
});
|
|
|
|
|
console.log(e);
|
|
|
|
|
},
|
|
|
|
|
resetStatus(e) {
|
|
|
|
|
if (e == undefined) {
|
|
|
|
|
this.billList = JSON.parse(JSON.stringify(this.saveBill));
|
|
|
|
|
}
|
|
|
|
|
console.log(e);
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
</script>
|
|
|
|
|
@ -571,7 +732,7 @@ export default {
|
|
|
|
|
.mybill-container {
|
|
|
|
|
position: relative;
|
|
|
|
|
min-height: 802px;
|
|
|
|
|
margin-top: 20px;
|
|
|
|
|
margin-top: 16px;
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
padding: 1px 10px;
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
@ -645,7 +806,7 @@ export default {
|
|
|
|
|
float: right;
|
|
|
|
|
width: 72px;
|
|
|
|
|
height: 32px;
|
|
|
|
|
background-color: #ff6a00;
|
|
|
|
|
background-color: #ff4400;
|
|
|
|
|
border: none;
|
|
|
|
|
color: #fff;
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
@ -689,34 +850,53 @@ export default {
|
|
|
|
|
height: 40px;
|
|
|
|
|
.townsmanactive {
|
|
|
|
|
// border-color: #;
|
|
|
|
|
color: #ff6a00;
|
|
|
|
|
color: #ff6600;
|
|
|
|
|
z-index: 999;
|
|
|
|
|
border-bottom: 2px solid #ff6a00;
|
|
|
|
|
border-bottom: 2px solid #ff6600;
|
|
|
|
|
span {
|
|
|
|
|
color: #ff6600;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
li {
|
|
|
|
|
position: relative;
|
|
|
|
|
width: 96px;
|
|
|
|
|
// width: 104px;
|
|
|
|
|
// height: 40px;
|
|
|
|
|
padding: 0px 20px;
|
|
|
|
|
padding-bottom: 16px;
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
color: #666;
|
|
|
|
|
// line-height: 40px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
|
|
|
|
span {
|
|
|
|
|
color: #ff6600;
|
|
|
|
|
margin-left: 4px;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
}
|
|
|
|
|
&:hover {
|
|
|
|
|
color: #ff6600;
|
|
|
|
|
span {
|
|
|
|
|
color: #ff6600;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
&::after {
|
|
|
|
|
content: "";
|
|
|
|
|
position: absolute;
|
|
|
|
|
display: block;
|
|
|
|
|
width: 1px;
|
|
|
|
|
height: 16px;
|
|
|
|
|
height: 24px;
|
|
|
|
|
right: 0;
|
|
|
|
|
top: 5px;
|
|
|
|
|
top: 0%;
|
|
|
|
|
// transform: translateY(-50%);
|
|
|
|
|
background-color: #eeeeee;
|
|
|
|
|
}
|
|
|
|
|
&:last-child::after {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
&:nth-child(7)::after {
|
|
|
|
|
height: 57px;
|
|
|
|
|
top: -16px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
button {
|
|
|
|
|
width: 100px;
|
|
|
|
|
@ -728,7 +908,7 @@ export default {
|
|
|
|
|
margin-right: -1px;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
&:hover {
|
|
|
|
|
color: #ff6a00;
|
|
|
|
|
color: #ff4400;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
button:first-child {
|
|
|
|
|
@ -755,8 +935,19 @@ export default {
|
|
|
|
|
.searchinput {
|
|
|
|
|
display: flex;
|
|
|
|
|
position: relative;
|
|
|
|
|
> div {
|
|
|
|
|
display: flex;
|
|
|
|
|
// width: 375px;
|
|
|
|
|
justify-content: start;
|
|
|
|
|
align-items: center;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
> div {
|
|
|
|
|
margin-left: 50px;
|
|
|
|
|
width: 84px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.ant-input {
|
|
|
|
|
width: 400px;
|
|
|
|
|
width: 400px;
|
|
|
|
|
// width: 300px;
|
|
|
|
|
position: relative;
|
|
|
|
|
height: 32px;
|
|
|
|
|
@ -774,11 +965,11 @@ export default {
|
|
|
|
|
font-size: 14px !important;
|
|
|
|
|
}
|
|
|
|
|
&:hover {
|
|
|
|
|
border-color: #ff6a00;
|
|
|
|
|
border-color: #ff4400;
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
}
|
|
|
|
|
&:focus {
|
|
|
|
|
border-color: #ff6a00;
|
|
|
|
|
border-color: #ff4400;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.ant-input-affix-wrapper {
|
|
|
|
|
@ -800,8 +991,8 @@ export default {
|
|
|
|
|
width: 70px;
|
|
|
|
|
height: 32px;
|
|
|
|
|
color: white;
|
|
|
|
|
background: #ff6a00;
|
|
|
|
|
border-color: #ff6a00;
|
|
|
|
|
background: #ff4400;
|
|
|
|
|
border-color: #ff4400;
|
|
|
|
|
border: none;
|
|
|
|
|
border-radius: 16px;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
@ -815,14 +1006,20 @@ export default {
|
|
|
|
|
// border: none;
|
|
|
|
|
// }
|
|
|
|
|
}
|
|
|
|
|
.ant-calendar-picker-input{
|
|
|
|
|
.ant-calendar-picker-input {
|
|
|
|
|
display: flex;
|
|
|
|
|
margin-left: 50px;
|
|
|
|
|
// margin-left: 20px;
|
|
|
|
|
width: 260px;
|
|
|
|
|
.ant-calendar-range-picker-input{
|
|
|
|
|
border-color: #ccc;
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
// border: none;
|
|
|
|
|
.ant-calendar-range-picker-input {
|
|
|
|
|
width: 95px;
|
|
|
|
|
}
|
|
|
|
|
.ant-calendar-picker-clear{
|
|
|
|
|
.ant-calendar-range-picker-separator {
|
|
|
|
|
margin-right: 10px;
|
|
|
|
|
}
|
|
|
|
|
.ant-calendar-picker-clear {
|
|
|
|
|
margin-right: 10px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@ -837,8 +1034,8 @@ export default {
|
|
|
|
|
color: #4d575e;
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
&:hover {
|
|
|
|
|
border-color: #ff6a00;
|
|
|
|
|
color: #ff6a00;
|
|
|
|
|
border-color: #ff4400;
|
|
|
|
|
color: #ff4400;
|
|
|
|
|
}
|
|
|
|
|
&:first-child {
|
|
|
|
|
margin-right: 12px;
|
|
|
|
|
@ -849,7 +1046,7 @@ export default {
|
|
|
|
|
.infocontent {
|
|
|
|
|
.contenttltle {
|
|
|
|
|
margin-top: 16px;
|
|
|
|
|
ul {
|
|
|
|
|
> ul {
|
|
|
|
|
height: 32px;
|
|
|
|
|
line-height: 32px;
|
|
|
|
|
display: flex;
|
|
|
|
|
@ -875,7 +1072,18 @@ export default {
|
|
|
|
|
// background-color: green;
|
|
|
|
|
}
|
|
|
|
|
li:nth-child(4) {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
align-items: center;
|
|
|
|
|
padding-left: 50px;
|
|
|
|
|
width: 321px;
|
|
|
|
|
.ant-select {
|
|
|
|
|
width: 120px;
|
|
|
|
|
margin-left: 20px;
|
|
|
|
|
}
|
|
|
|
|
.ant-select-focused {
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
}
|
|
|
|
|
// background-color: purple;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@ -888,9 +1096,8 @@ export default {
|
|
|
|
|
.billInfo {
|
|
|
|
|
li {
|
|
|
|
|
border-color: rgba(0, 122, 255, 0.6) !important;
|
|
|
|
|
.serial{
|
|
|
|
|
border-color: rgba(0, 122, 255, 0.6) !important;
|
|
|
|
|
|
|
|
|
|
.serial {
|
|
|
|
|
border-color: rgba(0, 122, 255, 0.6) !important;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@ -946,19 +1153,19 @@ export default {
|
|
|
|
|
position: relative;
|
|
|
|
|
width: 273px;
|
|
|
|
|
padding-left: 60px;
|
|
|
|
|
.serial{
|
|
|
|
|
.serial {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
position: absolute;
|
|
|
|
|
height: 100%;
|
|
|
|
|
width: 60px;
|
|
|
|
|
left: 0;
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
color: #666;
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
color: #333;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
border-right: 1px solid #ccc ;
|
|
|
|
|
border-right: 1px solid #ccc;
|
|
|
|
|
}
|
|
|
|
|
// flex-direction: column;
|
|
|
|
|
|
|
|
|
|
@ -1012,7 +1219,7 @@ export default {
|
|
|
|
|
bottom: 3px;
|
|
|
|
|
text-align: right;
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
color: #ff6a00;
|
|
|
|
|
color: #ff4400;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
// background-color: green;
|
|
|
|
|
|
