|
|
@ -11,6 +11,14 @@
|
|
|
|
<a-input allow-clear v-model="SearchContent" />
|
|
|
|
<a-input allow-clear v-model="SearchContent" />
|
|
|
|
</a-form-item>
|
|
|
|
</a-form-item>
|
|
|
|
</a-col>
|
|
|
|
</a-col>
|
|
|
|
|
|
|
|
<a-col :md="8" :sm="24">
|
|
|
|
|
|
|
|
<a-form-item label="删除时间">
|
|
|
|
|
|
|
|
<a-range-picker
|
|
|
|
|
|
|
|
v-model="delDate"
|
|
|
|
|
|
|
|
valueFormat="YYYY-MM-DD"
|
|
|
|
|
|
|
|
format="YYYY-MM-DD" />
|
|
|
|
|
|
|
|
</a-form-item>
|
|
|
|
|
|
|
|
</a-col>
|
|
|
|
</a-row>
|
|
|
|
</a-row>
|
|
|
|
</a-col>
|
|
|
|
</a-col>
|
|
|
|
<a-col :md="6" :sm="24">
|
|
|
|
<a-col :md="6" :sm="24">
|
|
|
@ -30,13 +38,7 @@
|
|
|
|
<vxe-toolbar>
|
|
|
|
<vxe-toolbar>
|
|
|
|
<template #buttons>
|
|
|
|
<template #buttons>
|
|
|
|
<div class="nav-box">
|
|
|
|
<div class="nav-box">
|
|
|
|
<a-popconfirm
|
|
|
|
<a-popconfirm title="确定恢复当前选中订舱?" ok-text="是" cancel-text="否" @confirm="removeMoreFun" @cancel="cancelRemove">
|
|
|
|
title="确定恢复当前选中订舱?"
|
|
|
|
|
|
|
|
ok-text="是"
|
|
|
|
|
|
|
|
cancel-text="否"
|
|
|
|
|
|
|
|
@confirm="removeMoreFun"
|
|
|
|
|
|
|
|
@cancel="cancelRemove"
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
<div class="nav"><i class="iconfont icon-fanhui"></i>批量恢复</div>
|
|
|
|
<div class="nav"><i class="iconfont icon-fanhui"></i>批量恢复</div>
|
|
|
|
</a-popconfirm>
|
|
|
|
</a-popconfirm>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
@ -54,8 +56,7 @@
|
|
|
|
@resizable-change="resizableChange"
|
|
|
|
@resizable-change="resizableChange"
|
|
|
|
@sort-change="tableSortChange"
|
|
|
|
@sort-change="tableSortChange"
|
|
|
|
@scroll="pageClick"
|
|
|
|
@scroll="pageClick"
|
|
|
|
@checkbox-change="checkboxChangeEvent"
|
|
|
|
@checkbox-change="checkboxChangeEvent">
|
|
|
|
>
|
|
|
|
|
|
|
|
<template #mblno="{ row }">
|
|
|
|
<template #mblno="{ row }">
|
|
|
|
<div class="mblno">
|
|
|
|
<div class="mblno">
|
|
|
|
<span>{{ row.mblno }}</span>
|
|
|
|
<span>{{ row.mblno }}</span>
|
|
|
@ -98,13 +99,7 @@
|
|
|
|
icon="vxe-icon-edit"
|
|
|
|
icon="vxe-icon-edit"
|
|
|
|
@click="editColumns(row)"
|
|
|
|
@click="editColumns(row)"
|
|
|
|
></vxe-button> -->
|
|
|
|
></vxe-button> -->
|
|
|
|
<a-popconfirm
|
|
|
|
<a-popconfirm title="确定恢复当前订舱?" ok-text="是" cancel-text="否" @confirm="removeFun(row)" @cancel="cancelRemove">
|
|
|
|
title="确定恢复当前订舱?"
|
|
|
|
|
|
|
|
ok-text="是"
|
|
|
|
|
|
|
|
cancel-text="否"
|
|
|
|
|
|
|
|
@confirm="removeFun(row)"
|
|
|
|
|
|
|
|
@cancel="cancelRemove"
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
<vxe-button class="operate-btn" type="text" icon="iconfont icon-return"></vxe-button>
|
|
|
|
<vxe-button class="operate-btn" type="text" icon="iconfont icon-return"></vxe-button>
|
|
|
|
</a-popconfirm>
|
|
|
|
</a-popconfirm>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
@ -275,6 +270,7 @@ export default {
|
|
|
|
formAllData: null,
|
|
|
|
formAllData: null,
|
|
|
|
formMoreData: null,
|
|
|
|
formMoreData: null,
|
|
|
|
formBtnCol: 8,
|
|
|
|
formBtnCol: 8,
|
|
|
|
|
|
|
|
delDate: [],
|
|
|
|
formBtnLoading: false,
|
|
|
|
formBtnLoading: false,
|
|
|
|
setVisible: false,
|
|
|
|
setVisible: false,
|
|
|
|
showColumns: null,
|
|
|
|
showColumns: null,
|
|
|
@ -367,10 +363,18 @@ export default {
|
|
|
|
showHeaderOverflow: true,
|
|
|
|
showHeaderOverflow: true,
|
|
|
|
sortable: true
|
|
|
|
sortable: true
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
field: 'deleteTime',
|
|
|
|
|
|
|
|
label: 'deleteTime',
|
|
|
|
|
|
|
|
width: 160,
|
|
|
|
|
|
|
|
title: '删除时间',
|
|
|
|
|
|
|
|
showHeaderOverflow: true,
|
|
|
|
|
|
|
|
sortable: true
|
|
|
|
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
field: 'operate',
|
|
|
|
field: 'operate',
|
|
|
|
title: '操作',
|
|
|
|
title: '操作',
|
|
|
|
minwidth: 110,
|
|
|
|
width: 80,
|
|
|
|
noDraggable: true,
|
|
|
|
noDraggable: true,
|
|
|
|
slots: { default: 'operate' },
|
|
|
|
slots: { default: 'operate' },
|
|
|
|
fixed: 'right',
|
|
|
|
fixed: 'right',
|
|
|
@ -669,7 +673,7 @@ export default {
|
|
|
|
// 船公司 - start
|
|
|
|
// 船公司 - start
|
|
|
|
getCarrier() {
|
|
|
|
getCarrier() {
|
|
|
|
const Rdata = data => {
|
|
|
|
const Rdata = data => {
|
|
|
|
let RData = {}
|
|
|
|
const RData = {}
|
|
|
|
for (var i = 0; i < 26; i++) {
|
|
|
|
for (var i = 0; i < 26; i++) {
|
|
|
|
RData[String.fromCharCode(65 + i)] = []
|
|
|
|
RData[String.fromCharCode(65 + i)] = []
|
|
|
|
data.forEach(item => {
|
|
|
|
data.forEach(item => {
|
|
|
@ -678,14 +682,14 @@ export default {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
})
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
let Obj = {
|
|
|
|
const Obj = {
|
|
|
|
'A-D': ['A', 'B', 'C', 'D'],
|
|
|
|
'A-D': ['A', 'B', 'C', 'D'],
|
|
|
|
'E-L': ['E', 'F', 'G', 'H', 'I', 'J', 'K', 'L'],
|
|
|
|
'E-L': ['E', 'F', 'G', 'H', 'I', 'J', 'K', 'L'],
|
|
|
|
'M-R': ['M', 'N', 'O', 'P', 'Q', 'R'],
|
|
|
|
'M-R': ['M', 'N', 'O', 'P', 'Q', 'R'],
|
|
|
|
'S-U': ['S', 'T', 'U'],
|
|
|
|
'S-U': ['S', 'T', 'U'],
|
|
|
|
'V-Z': ['V', 'W', 'X', 'Y', 'Z']
|
|
|
|
'V-Z': ['V', 'W', 'X', 'Y', 'Z']
|
|
|
|
}
|
|
|
|
}
|
|
|
|
let Data = {
|
|
|
|
const Data = {
|
|
|
|
'A-D': [],
|
|
|
|
'A-D': [],
|
|
|
|
'E-L': [],
|
|
|
|
'E-L': [],
|
|
|
|
'M-R': [],
|
|
|
|
'M-R': [],
|
|
|
@ -715,7 +719,7 @@ export default {
|
|
|
|
DjyUserConfigGet({ type: 'booking_memory' })
|
|
|
|
DjyUserConfigGet({ type: 'booking_memory' })
|
|
|
|
.then(e => {
|
|
|
|
.then(e => {
|
|
|
|
if (e.data) {
|
|
|
|
if (e.data) {
|
|
|
|
let data = []
|
|
|
|
const data = []
|
|
|
|
JSON.parse(e.data.configJson).forEach(item => {
|
|
|
|
JSON.parse(e.data.configJson).forEach(item => {
|
|
|
|
res.data.forEach(item2 => {
|
|
|
|
res.data.forEach(item2 => {
|
|
|
|
if (item == item2.code) {
|
|
|
|
if (item == item2.code) {
|
|
|
@ -895,7 +899,7 @@ export default {
|
|
|
|
toggleAdvanced() {
|
|
|
|
toggleAdvanced() {
|
|
|
|
this.advanced = !this.advanced
|
|
|
|
this.advanced = !this.advanced
|
|
|
|
this.$forceUpdate()
|
|
|
|
this.$forceUpdate()
|
|
|
|
let start = new Date().getTime()
|
|
|
|
const start = new Date().getTime()
|
|
|
|
console.log('== 点击展开 ==', start)
|
|
|
|
console.log('== 点击展开 ==', start)
|
|
|
|
if (!this.advanced) {
|
|
|
|
if (!this.advanced) {
|
|
|
|
const len = this.formData.length % 4
|
|
|
|
const len = this.formData.length % 4
|
|
|
@ -915,6 +919,13 @@ export default {
|
|
|
|
this.formRes.MBLNO = this.SearchContent
|
|
|
|
this.formRes.MBLNO = this.SearchContent
|
|
|
|
const data = { ...this.formRes }
|
|
|
|
const data = { ...this.formRes }
|
|
|
|
this.searchData = JSON.parse(JSON.stringify(data))
|
|
|
|
this.searchData = JSON.parse(JSON.stringify(data))
|
|
|
|
|
|
|
|
if (this.delDate) {
|
|
|
|
|
|
|
|
this.searchData.BDELETETIME = this.delDate[0]
|
|
|
|
|
|
|
|
this.searchData.EDELETETIME = this.delDate[1]
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
|
|
|
this.searchData.BDELETETIME = ''
|
|
|
|
|
|
|
|
this.searchData.EDELETETIME = ''
|
|
|
|
|
|
|
|
}
|
|
|
|
this.init(this.searchData)
|
|
|
|
this.init(this.searchData)
|
|
|
|
this.formRes = data
|
|
|
|
this.formRes = data
|
|
|
|
},
|
|
|
|
},
|
|
|
@ -953,6 +964,7 @@ export default {
|
|
|
|
|
|
|
|
|
|
|
|
tableReset() {
|
|
|
|
tableReset() {
|
|
|
|
this.SearchContent = ''
|
|
|
|
this.SearchContent = ''
|
|
|
|
|
|
|
|
this.delDate = []
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
submitForm(data) {
|
|
|
|
submitForm(data) {
|
|
|
@ -1068,6 +1080,7 @@ export default {
|
|
|
|
if (isInit) {
|
|
|
|
if (isInit) {
|
|
|
|
query.firstFlag = true
|
|
|
|
query.firstFlag = true
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
query.multisort = [{ 'sortField': 'deleteTime', 'descSort': true }]
|
|
|
|
PageDataByBooking(query)
|
|
|
|
PageDataByBooking(query)
|
|
|
|
.then(res => {
|
|
|
|
.then(res => {
|
|
|
|
console.log('BookingOrderPage==>>', query)
|
|
|
|
console.log('BookingOrderPage==>>', query)
|
|
|
@ -1157,7 +1170,7 @@ export default {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
addSubmit() {
|
|
|
|
addSubmit() {
|
|
|
|
let data = []
|
|
|
|
const data = []
|
|
|
|
data.push(this.carrierRadio)
|
|
|
|
data.push(this.carrierRadio)
|
|
|
|
if (this.RecentlyCarrierData.length) {
|
|
|
|
if (this.RecentlyCarrierData.length) {
|
|
|
|
this.RecentlyCarrierData.forEach(item => {
|
|
|
|
this.RecentlyCarrierData.forEach(item => {
|
|
|
@ -1587,22 +1600,27 @@ export default {
|
|
|
|
/*列表排序按钮 */
|
|
|
|
/*列表排序按钮 */
|
|
|
|
.vxe-cell--sort {
|
|
|
|
.vxe-cell--sort {
|
|
|
|
margin-top: -6px;
|
|
|
|
margin-top: -6px;
|
|
|
|
|
|
|
|
|
|
|
|
i {
|
|
|
|
i {
|
|
|
|
font-size: 10px;
|
|
|
|
font-size: 10px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vxe-sort--asc-btn {
|
|
|
|
.vxe-sort--asc-btn {
|
|
|
|
margin-top: 6px;
|
|
|
|
margin-top: 6px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*列表表头 */
|
|
|
|
/*列表表头 */
|
|
|
|
.vxe-header--row {
|
|
|
|
.vxe-header--row {
|
|
|
|
position: relative;
|
|
|
|
position: relative;
|
|
|
|
background: #fff !important;
|
|
|
|
background: #fff !important;
|
|
|
|
|
|
|
|
|
|
|
|
.vxe-cell--sort {
|
|
|
|
.vxe-cell--sort {
|
|
|
|
position: absolute;
|
|
|
|
position: absolute;
|
|
|
|
z-index: 3;
|
|
|
|
z-index: 3;
|
|
|
|
right: 0;
|
|
|
|
right: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&::after {
|
|
|
|
&::after {
|
|
|
|
content: '';
|
|
|
|
content: '';
|
|
|
|
position: absolute;
|
|
|
|
position: absolute;
|
|
|
@ -1615,6 +1633,7 @@ export default {
|
|
|
|
opacity: 0.04;
|
|
|
|
opacity: 0.04;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*列表分页 */
|
|
|
|
/*列表分页 */
|
|
|
|
.vxe-pager {
|
|
|
|
.vxe-pager {
|
|
|
|
margin: 8px 0;
|
|
|
|
margin: 8px 0;
|
|
|
@ -1625,14 +1644,17 @@ export default {
|
|
|
|
.mblno {
|
|
|
|
.mblno {
|
|
|
|
text-align: left;
|
|
|
|
text-align: left;
|
|
|
|
color: @primary-color;
|
|
|
|
color: @primary-color;
|
|
|
|
|
|
|
|
|
|
|
|
span {
|
|
|
|
span {
|
|
|
|
margin-right: 0.5rem;
|
|
|
|
margin-right: 0.5rem;
|
|
|
|
cursor: pointer;
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.CSMblnoCopy {
|
|
|
|
.CSMblnoCopy {
|
|
|
|
cursor: pointer;
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// .vessel {
|
|
|
|
// .vessel {
|
|
|
|
// color: #77c950;
|
|
|
|
// color: #77c950;
|
|
|
|
// }
|
|
|
|
// }
|
|
|
@ -1661,6 +1683,7 @@ export default {
|
|
|
|
.iconfont {
|
|
|
|
.iconfont {
|
|
|
|
color: #1d8aff;
|
|
|
|
color: #1d8aff;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
&:hover {
|
|
|
|
background: #fff;
|
|
|
|
background: #fff;
|
|
|
|
box-shadow: 0 0 10px #eee;
|
|
|
|
box-shadow: 0 0 10px #eee;
|
|
|
@ -1671,6 +1694,7 @@ export default {
|
|
|
|
.iconfont {
|
|
|
|
.iconfont {
|
|
|
|
color: #865ef8;
|
|
|
|
color: #865ef8;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
&:hover {
|
|
|
|
background: #fff;
|
|
|
|
background: #fff;
|
|
|
|
box-shadow: 0 0 10px #eee;
|
|
|
|
box-shadow: 0 0 10px #eee;
|
|
|
@ -1681,6 +1705,7 @@ export default {
|
|
|
|
.iconfont {
|
|
|
|
.iconfont {
|
|
|
|
color: #ff9702;
|
|
|
|
color: #ff9702;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
&:hover {
|
|
|
|
background: #fff;
|
|
|
|
background: #fff;
|
|
|
|
box-shadow: 0 0 10px #eee;
|
|
|
|
box-shadow: 0 0 10px #eee;
|
|
|
@ -1691,6 +1716,7 @@ export default {
|
|
|
|
.iconfont {
|
|
|
|
.iconfont {
|
|
|
|
color: #1d8aff;
|
|
|
|
color: #1d8aff;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
&:hover {
|
|
|
|
background: #fff;
|
|
|
|
background: #fff;
|
|
|
|
box-shadow: 0 0 10px #eee;
|
|
|
|
box-shadow: 0 0 10px #eee;
|
|
|
@ -1701,6 +1727,7 @@ export default {
|
|
|
|
.iconfont {
|
|
|
|
.iconfont {
|
|
|
|
color: #ff1062;
|
|
|
|
color: #ff1062;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
&:hover {
|
|
|
|
background: #fff;
|
|
|
|
background: #fff;
|
|
|
|
box-shadow: 0 0 10px #eee;
|
|
|
|
box-shadow: 0 0 10px #eee;
|
|
|
@ -1711,6 +1738,7 @@ export default {
|
|
|
|
.iconfont {
|
|
|
|
.iconfont {
|
|
|
|
color: #1ebeca;
|
|
|
|
color: #1ebeca;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
&:hover {
|
|
|
|
background: #fff;
|
|
|
|
background: #fff;
|
|
|
|
box-shadow: 0 0 10px #eee;
|
|
|
|
box-shadow: 0 0 10px #eee;
|
|
|
@ -1721,6 +1749,7 @@ export default {
|
|
|
|
.iconfont {
|
|
|
|
.iconfont {
|
|
|
|
color: #82c93d;
|
|
|
|
color: #82c93d;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
&:hover {
|
|
|
|
background: #fff;
|
|
|
|
background: #fff;
|
|
|
|
box-shadow: 0 0 10px #eee;
|
|
|
|
box-shadow: 0 0 10px #eee;
|
|
|
@ -1731,15 +1760,18 @@ export default {
|
|
|
|
.iconfont {
|
|
|
|
.iconfont {
|
|
|
|
color: #1d8aff;
|
|
|
|
color: #1d8aff;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
&:hover {
|
|
|
|
background: #fff;
|
|
|
|
background: #fff;
|
|
|
|
box-shadow: 0 0 10px #eee;
|
|
|
|
box-shadow: 0 0 10px #eee;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&:nth-of-type(9) {
|
|
|
|
&:nth-of-type(9) {
|
|
|
|
.iconfont {
|
|
|
|
.iconfont {
|
|
|
|
color: #f6826b;
|
|
|
|
color: #f6826b;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
&:hover {
|
|
|
|
background: #fff;
|
|
|
|
background: #fff;
|
|
|
|
box-shadow: 0 0 10px #eee;
|
|
|
|
box-shadow: 0 0 10px #eee;
|
|
|
@ -1753,14 +1785,17 @@ export default {
|
|
|
|
.mblno {
|
|
|
|
.mblno {
|
|
|
|
text-align: left;
|
|
|
|
text-align: left;
|
|
|
|
color: @primary-color;
|
|
|
|
color: @primary-color;
|
|
|
|
|
|
|
|
|
|
|
|
span {
|
|
|
|
span {
|
|
|
|
margin-right: 0.5rem;
|
|
|
|
margin-right: 0.5rem;
|
|
|
|
cursor: pointer;
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.CSMblnoCopy {
|
|
|
|
.CSMblnoCopy {
|
|
|
|
cursor: pointer;
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// .vessel {
|
|
|
|
// .vessel {
|
|
|
|
// color: #77c950;
|
|
|
|
// color: #77c950;
|
|
|
|
// }
|
|
|
|
// }
|
|
|
@ -1789,6 +1824,7 @@ export default {
|
|
|
|
.iconfont {
|
|
|
|
.iconfont {
|
|
|
|
color: #1d8aff;
|
|
|
|
color: #1d8aff;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
&:hover {
|
|
|
|
background: #fff;
|
|
|
|
background: #fff;
|
|
|
|
box-shadow: 0 0 10px #eee;
|
|
|
|
box-shadow: 0 0 10px #eee;
|
|
|
@ -1799,6 +1835,7 @@ export default {
|
|
|
|
.iconfont {
|
|
|
|
.iconfont {
|
|
|
|
color: #865ef8;
|
|
|
|
color: #865ef8;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
&:hover {
|
|
|
|
background: #fff;
|
|
|
|
background: #fff;
|
|
|
|
box-shadow: 0 0 10px #eee;
|
|
|
|
box-shadow: 0 0 10px #eee;
|
|
|
@ -1809,6 +1846,7 @@ export default {
|
|
|
|
.iconfont {
|
|
|
|
.iconfont {
|
|
|
|
color: #ff9702;
|
|
|
|
color: #ff9702;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
&:hover {
|
|
|
|
background: #fff;
|
|
|
|
background: #fff;
|
|
|
|
box-shadow: 0 0 10px #eee;
|
|
|
|
box-shadow: 0 0 10px #eee;
|
|
|
@ -1819,6 +1857,7 @@ export default {
|
|
|
|
.iconfont {
|
|
|
|
.iconfont {
|
|
|
|
color: #1d8aff;
|
|
|
|
color: #1d8aff;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
&:hover {
|
|
|
|
background: #fff;
|
|
|
|
background: #fff;
|
|
|
|
box-shadow: 0 0 10px #eee;
|
|
|
|
box-shadow: 0 0 10px #eee;
|
|
|
@ -1829,6 +1868,7 @@ export default {
|
|
|
|
.iconfont {
|
|
|
|
.iconfont {
|
|
|
|
color: #ff1062;
|
|
|
|
color: #ff1062;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
&:hover {
|
|
|
|
background: #fff;
|
|
|
|
background: #fff;
|
|
|
|
box-shadow: 0 0 10px #eee;
|
|
|
|
box-shadow: 0 0 10px #eee;
|
|
|
@ -1839,6 +1879,7 @@ export default {
|
|
|
|
.iconfont {
|
|
|
|
.iconfont {
|
|
|
|
color: #1ebeca;
|
|
|
|
color: #1ebeca;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
&:hover {
|
|
|
|
background: #fff;
|
|
|
|
background: #fff;
|
|
|
|
box-shadow: 0 0 10px #eee;
|
|
|
|
box-shadow: 0 0 10px #eee;
|
|
|
@ -1849,6 +1890,7 @@ export default {
|
|
|
|
.iconfont {
|
|
|
|
.iconfont {
|
|
|
|
color: #82c93d;
|
|
|
|
color: #82c93d;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
&:hover {
|
|
|
|
background: #fff;
|
|
|
|
background: #fff;
|
|
|
|
box-shadow: 0 0 10px #eee;
|
|
|
|
box-shadow: 0 0 10px #eee;
|
|
|
@ -1859,15 +1901,18 @@ export default {
|
|
|
|
.iconfont {
|
|
|
|
.iconfont {
|
|
|
|
color: #1d8aff;
|
|
|
|
color: #1d8aff;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
&:hover {
|
|
|
|
background: #fff;
|
|
|
|
background: #fff;
|
|
|
|
box-shadow: 0 0 10px #eee;
|
|
|
|
box-shadow: 0 0 10px #eee;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&:nth-of-type(9) {
|
|
|
|
&:nth-of-type(9) {
|
|
|
|
.iconfont {
|
|
|
|
.iconfont {
|
|
|
|
color: #f6826b;
|
|
|
|
color: #f6826b;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
&:hover {
|
|
|
|
background: #fff;
|
|
|
|
background: #fff;
|
|
|
|
box-shadow: 0 0 10px #eee;
|
|
|
|
box-shadow: 0 0 10px #eee;
|
|
|
@ -1881,8 +1926,10 @@ export default {
|
|
|
|
cursor: pointer;
|
|
|
|
cursor: pointer;
|
|
|
|
padding-top: 6px;
|
|
|
|
padding-top: 6px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.BookTopButton {
|
|
|
|
.BookTopButton {
|
|
|
|
height: 33px;
|
|
|
|
height: 33px;
|
|
|
|
|
|
|
|
|
|
|
|
.tab-btn {
|
|
|
|
.tab-btn {
|
|
|
|
padding: 6px 9px;
|
|
|
|
padding: 6px 9px;
|
|
|
|
border: 1px solid #c7c7c9;
|
|
|
|
border: 1px solid #c7c7c9;
|
|
|
@ -1895,13 +1942,16 @@ export default {
|
|
|
|
-webkit-user-select: 0 2px 0 rgba(0, 0, 0, 0.02);
|
|
|
|
-webkit-user-select: 0 2px 0 rgba(0, 0, 0, 0.02);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.table-page-search-submitButtons {
|
|
|
|
.table-page-search-submitButtons {
|
|
|
|
text-align: right;
|
|
|
|
text-align: right;
|
|
|
|
padding-top: 6px;
|
|
|
|
padding-top: 6px;
|
|
|
|
|
|
|
|
|
|
|
|
.reset {
|
|
|
|
.reset {
|
|
|
|
margin-left: 8px;
|
|
|
|
margin-left: 8px;
|
|
|
|
margin-right: 8px;
|
|
|
|
margin-right: 8px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.more-search {
|
|
|
|
.more-search {
|
|
|
|
margin-left: 8px;
|
|
|
|
margin-left: 8px;
|
|
|
|
margin-right: 20px;
|
|
|
|
margin-right: 20px;
|
|
|
@ -1910,6 +1960,7 @@ export default {
|
|
|
|
position: relative;
|
|
|
|
position: relative;
|
|
|
|
box-shadow: none !important;
|
|
|
|
box-shadow: none !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*.tab-btn{
|
|
|
|
/*.tab-btn{
|
|
|
|
margin-left:8px;
|
|
|
|
margin-left:8px;
|
|
|
|
margin-right: 10px;
|
|
|
|
margin-right: 10px;
|
|
|
@ -1922,11 +1973,13 @@ export default {
|
|
|
|
.tab-btn {
|
|
|
|
.tab-btn {
|
|
|
|
cursor: pointer;
|
|
|
|
cursor: pointer;
|
|
|
|
position: relative;
|
|
|
|
position: relative;
|
|
|
|
|
|
|
|
|
|
|
|
i {
|
|
|
|
i {
|
|
|
|
font-size: 14px;
|
|
|
|
font-size: 14px;
|
|
|
|
margin-left: 8px;
|
|
|
|
margin-left: 8px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.tab-btn::before {
|
|
|
|
.tab-btn::before {
|
|
|
|
content: '';
|
|
|
|
content: '';
|
|
|
|
position: absolute;
|
|
|
|
position: absolute;
|
|
|
@ -1936,15 +1989,18 @@ export default {
|
|
|
|
top: 2px;
|
|
|
|
top: 2px;
|
|
|
|
left: -20px;
|
|
|
|
left: -20px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.senior-search {
|
|
|
|
.senior-search {
|
|
|
|
margin-left: 36px;
|
|
|
|
margin-left: 36px;
|
|
|
|
color: rgba(0, 0, 0, 0.65);
|
|
|
|
color: rgba(0, 0, 0, 0.65);
|
|
|
|
position: relative;
|
|
|
|
position: relative;
|
|
|
|
|
|
|
|
|
|
|
|
i {
|
|
|
|
i {
|
|
|
|
margin-left: 3px;
|
|
|
|
margin-left: 3px;
|
|
|
|
font-size: 15px;
|
|
|
|
font-size: 15px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.senior-search::before {
|
|
|
|
.senior-search::before {
|
|
|
|
content: '';
|
|
|
|
content: '';
|
|
|
|
position: absolute;
|
|
|
|
position: absolute;
|
|
|
@ -1954,16 +2010,20 @@ export default {
|
|
|
|
top: 2px;
|
|
|
|
top: 2px;
|
|
|
|
left: -16px;
|
|
|
|
left: -16px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.senior-search:hover {
|
|
|
|
.senior-search:hover {
|
|
|
|
color: @primary-color;
|
|
|
|
color: @primary-color;
|
|
|
|
|
|
|
|
|
|
|
|
i {
|
|
|
|
i {
|
|
|
|
color: @primary-color;
|
|
|
|
color: @primary-color;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.ant-btn {
|
|
|
|
.ant-btn {
|
|
|
|
margin-right: 8px;
|
|
|
|
margin-right: 8px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.table {
|
|
|
|
.table {
|
|
|
|
margin: 8px auto 20px;
|
|
|
|
margin: 8px auto 20px;
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -1973,23 +2033,28 @@ export default {
|
|
|
|
// height: 40px;
|
|
|
|
// height: 40px;
|
|
|
|
display: inline-block;
|
|
|
|
display: inline-block;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.group-label-box {
|
|
|
|
.group-label-box {
|
|
|
|
width: 100%;
|
|
|
|
width: 100%;
|
|
|
|
|
|
|
|
|
|
|
|
.group-label {
|
|
|
|
.group-label {
|
|
|
|
width: 100%;
|
|
|
|
width: 100%;
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
|
flex-wrap: wrap;
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
|
|
|
|
|
|
|
.ant-radio-wrapper {
|
|
|
|
.ant-radio-wrapper {
|
|
|
|
height: 45px !important;
|
|
|
|
height: 45px !important;
|
|
|
|
line-height: 45px !important;
|
|
|
|
line-height: 45px !important;
|
|
|
|
width: 10%;
|
|
|
|
width: 10%;
|
|
|
|
margin: 0;
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// .label-flex {
|
|
|
|
// .label-flex {
|
|
|
|
// flex: 1;
|
|
|
|
// flex: 1;
|
|
|
|
// }
|
|
|
|
// }
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.Awrapper {
|
|
|
|
.Awrapper {
|
|
|
|
width: 100% !important;
|
|
|
|
width: 100% !important;
|
|
|
|
display: flex !important;
|
|
|
|
display: flex !important;
|
|
|
@ -1997,6 +2062,7 @@ export default {
|
|
|
|
line-height: 45px !important;
|
|
|
|
line-height: 45px !important;
|
|
|
|
width: 10%;
|
|
|
|
width: 10%;
|
|
|
|
margin: 0;
|
|
|
|
margin: 0;
|
|
|
|
|
|
|
|
|
|
|
|
.line {
|
|
|
|
.line {
|
|
|
|
margin-left: 10px;
|
|
|
|
margin-left: 10px;
|
|
|
|
margin-right: 40px;
|
|
|
|
margin-right: 40px;
|
|
|
@ -2005,6 +2071,7 @@ export default {
|
|
|
|
border-bottom: 1px solid #c9c9c9;
|
|
|
|
border-bottom: 1px solid #c9c9c9;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*查询区日期默认颜色 */
|
|
|
|
/*查询区日期默认颜色 */
|
|
|
|
/deep/ .ant-calendar-today {
|
|
|
|
/deep/ .ant-calendar-today {
|
|
|
|
.ant-calendar-date {
|
|
|
|
.ant-calendar-date {
|
|
|
@ -2012,12 +2079,14 @@ export default {
|
|
|
|
border-color: @primary-color !important;
|
|
|
|
border-color: @primary-color !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*方块边框按钮 */
|
|
|
|
/*方块边框按钮 */
|
|
|
|
.tab-btn:hover {
|
|
|
|
.tab-btn:hover {
|
|
|
|
border-color: @primary-color;
|
|
|
|
border-color: @primary-color;
|
|
|
|
color: @primary-color;
|
|
|
|
color: @primary-color;
|
|
|
|
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
|
|
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*列表双列背景色 */
|
|
|
|
/*列表双列背景色 */
|
|
|
|
// /deep/ .vxe-table--render-default .vxe-body--row.row--stripe {
|
|
|
|
// /deep/ .vxe-table--render-default .vxe-body--row.row--stripe {
|
|
|
|
// // background: #f5f9fe;
|
|
|
|
// // background: #f5f9fe;
|
|
|
@ -2041,10 +2110,12 @@ export default {
|
|
|
|
/deep/ .operate-btn {
|
|
|
|
/deep/ .operate-btn {
|
|
|
|
color: @primary-color;
|
|
|
|
color: @primary-color;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/deep/ .operate-btn:hover {
|
|
|
|
/deep/ .operate-btn:hover {
|
|
|
|
color: @primary-color !important;
|
|
|
|
color: @primary-color !important;
|
|
|
|
opacity: 0.7;
|
|
|
|
opacity: 0.7;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.book-btn {
|
|
|
|
.book-btn {
|
|
|
|
display: inline-block;
|
|
|
|
display: inline-block;
|
|
|
|
padding: 0 10px;
|
|
|
|
padding: 0 10px;
|
|
|
@ -2054,28 +2125,35 @@ export default {
|
|
|
|
color: #999;
|
|
|
|
color: #999;
|
|
|
|
font-size: 12px;
|
|
|
|
font-size: 12px;
|
|
|
|
line-height: 24px;
|
|
|
|
line-height: 24px;
|
|
|
|
|
|
|
|
|
|
|
|
i {
|
|
|
|
i {
|
|
|
|
display: none;
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&.sta_so {
|
|
|
|
&.sta_so {
|
|
|
|
color: #8bc34a;
|
|
|
|
color: #8bc34a;
|
|
|
|
border: 1px solid #8bc34a;
|
|
|
|
border: 1px solid #8bc34a;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&.sta_bc {
|
|
|
|
&.sta_bc {
|
|
|
|
color: #fbc02d;
|
|
|
|
color: #fbc02d;
|
|
|
|
border: 1px solid #fbc02d;
|
|
|
|
border: 1px solid #fbc02d;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&.sta_letter_yard {
|
|
|
|
&.sta_letter_yard {
|
|
|
|
color: #00bcd4;
|
|
|
|
color: #00bcd4;
|
|
|
|
border: 1px solid #00bcd4;
|
|
|
|
border: 1px solid #00bcd4;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&.sta_xhz {
|
|
|
|
&.sta_xhz {
|
|
|
|
color: #e64a19;
|
|
|
|
color: #e64a19;
|
|
|
|
border: 1px solid #e64a19;
|
|
|
|
border: 1px solid #e64a19;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.billtrace-box {
|
|
|
|
.billtrace-box {
|
|
|
|
width: 100%;
|
|
|
|
width: 100%;
|
|
|
|
|
|
|
|
|
|
|
|
// display: flex;
|
|
|
|
// display: flex;
|
|
|
|
// height: 48px;
|
|
|
|
// height: 48px;
|
|
|
|
// flex-wrap:wrap;
|
|
|
|
// flex-wrap:wrap;
|
|
|
@ -2085,6 +2163,7 @@ export default {
|
|
|
|
display: inline-block;
|
|
|
|
display: inline-block;
|
|
|
|
font-size: 12px;
|
|
|
|
font-size: 12px;
|
|
|
|
height: 16px;
|
|
|
|
height: 16px;
|
|
|
|
|
|
|
|
|
|
|
|
// width:30%;
|
|
|
|
// width:30%;
|
|
|
|
// display: flex;
|
|
|
|
// display: flex;
|
|
|
|
span {
|
|
|
|
span {
|
|
|
@ -2092,15 +2171,18 @@ export default {
|
|
|
|
text-align: right;
|
|
|
|
text-align: right;
|
|
|
|
color: #999;
|
|
|
|
color: #999;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
i {
|
|
|
|
i {
|
|
|
|
font-size: 12px;
|
|
|
|
font-size: 12px;
|
|
|
|
color: #ccc;
|
|
|
|
color: #ccc;
|
|
|
|
// flex: 1;
|
|
|
|
// flex: 1;
|
|
|
|
text-align: center;
|
|
|
|
text-align: center;
|
|
|
|
|
|
|
|
|
|
|
|
&.hide {
|
|
|
|
&.hide {
|
|
|
|
opacity: 0;
|
|
|
|
opacity: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.active {
|
|
|
|
.active {
|
|
|
|
cursor: pointer;
|
|
|
|
cursor: pointer;
|
|
|
|
// color: @primary-color;
|
|
|
|
// color: @primary-color;
|
|
|
@ -2109,11 +2191,13 @@ export default {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.normal-box {
|
|
|
|
.normal-box {
|
|
|
|
.billtrace-btn {
|
|
|
|
.billtrace-btn {
|
|
|
|
display: inline-block;
|
|
|
|
display: inline-block;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.flex-box {
|
|
|
|
.flex-box {
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
|
height: 48px;
|
|
|
|
height: 48px;
|
|
|
@ -2121,31 +2205,37 @@ export default {
|
|
|
|
padding: 3px 0;
|
|
|
|
padding: 3px 0;
|
|
|
|
text-align: center;
|
|
|
|
text-align: center;
|
|
|
|
justify-content: center;
|
|
|
|
justify-content: center;
|
|
|
|
|
|
|
|
|
|
|
|
.billtrace-btn {
|
|
|
|
.billtrace-btn {
|
|
|
|
font-size: 12px;
|
|
|
|
font-size: 12px;
|
|
|
|
height: 16px;
|
|
|
|
height: 16px;
|
|
|
|
width: 30%;
|
|
|
|
width: 30%;
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
|
|
|
|
|
|
|
|
|
span {
|
|
|
|
span {
|
|
|
|
flex: 1;
|
|
|
|
flex: 1;
|
|
|
|
text-align: right;
|
|
|
|
text-align: right;
|
|
|
|
color: #999;
|
|
|
|
color: #999;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
i {
|
|
|
|
i {
|
|
|
|
font-size: 12px;
|
|
|
|
font-size: 12px;
|
|
|
|
color: #ccc;
|
|
|
|
color: #ccc;
|
|
|
|
flex: 1;
|
|
|
|
flex: 1;
|
|
|
|
text-align: center;
|
|
|
|
text-align: center;
|
|
|
|
|
|
|
|
|
|
|
|
&.hide {
|
|
|
|
&.hide {
|
|
|
|
opacity: 0;
|
|
|
|
opacity: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.active {
|
|
|
|
.active {
|
|
|
|
cursor: pointer;
|
|
|
|
cursor: pointer;
|
|
|
|
// color: @primary-color;
|
|
|
|
// color: @primary-color;
|
|
|
|
color: #ff9702;
|
|
|
|
color: #ff9702;
|
|
|
|
font-weight: bold;
|
|
|
|
font-weight: bold;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&:nth-of-type(3) {
|
|
|
|
&:nth-of-type(3) {
|
|
|
|
i {
|
|
|
|
i {
|
|
|
|
opacity: 0;
|
|
|
|
opacity: 0;
|
|
|
@ -2153,23 +2243,29 @@ export default {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/deep/ .ant-form-item {
|
|
|
|
/deep/ .ant-form-item {
|
|
|
|
margin-bottom: 10px !important;
|
|
|
|
margin-bottom: 10px !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/deep/ .table-page-search-submitButtons {
|
|
|
|
/deep/ .table-page-search-submitButtons {
|
|
|
|
margin-bottom: 10px !important;
|
|
|
|
margin-bottom: 10px !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/deep/ .ant-input {
|
|
|
|
/deep/ .ant-input {
|
|
|
|
height: 28px;
|
|
|
|
height: 28px;
|
|
|
|
margin-top: 4px;
|
|
|
|
margin-top: 4px;
|
|
|
|
// transform: scaleY(.8);
|
|
|
|
// transform: scaleY(.8);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/deep/ .ant-card-body {
|
|
|
|
/deep/ .ant-card-body {
|
|
|
|
padding-top: 10px;
|
|
|
|
padding-top: 10px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/deep/ .ant-calendar-picker-input {
|
|
|
|
/deep/ .ant-calendar-picker-input {
|
|
|
|
padding: 0 4px;
|
|
|
|
padding: 0 4px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/deep/ .ant-calendar-range-picker-input {
|
|
|
|
/deep/ .ant-calendar-range-picker-input {
|
|
|
|
height: 28px;
|
|
|
|
height: 28px;
|
|
|
|
font-size: 12px;
|
|
|
|
font-size: 12px;
|
|
|
@ -2177,9 +2273,11 @@ export default {
|
|
|
|
text-align: center;
|
|
|
|
text-align: center;
|
|
|
|
// background: #f99;
|
|
|
|
// background: #f99;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.reamrk-btns {
|
|
|
|
.reamrk-btns {
|
|
|
|
overflow: visible;
|
|
|
|
overflow: visible;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/deep/ .from-label {
|
|
|
|
/deep/ .from-label {
|
|
|
|
padding: 0 !important;
|
|
|
|
padding: 0 !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -2201,8 +2299,10 @@ export default {
|
|
|
|
margin-right: 4px;
|
|
|
|
margin-right: 4px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.table-page-search-submitButtons .senior-search {
|
|
|
|
.table-page-search-submitButtons .senior-search {
|
|
|
|
margin-left: 20px;
|
|
|
|
margin-left: 20px;
|
|
|
|
|
|
|
|
|
|
|
|
&::before {
|
|
|
|
&::before {
|
|
|
|
left: -7px;
|
|
|
|
left: -7px;
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -2213,6 +2313,7 @@ export default {
|
|
|
|
>.vxe-cell {
|
|
|
|
>.vxe-cell {
|
|
|
|
overflow: visible !important;
|
|
|
|
overflow: visible !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/deep/ .vxe-cell {
|
|
|
|
/deep/ .vxe-cell {
|
|
|
|
overflow: visible !important;
|
|
|
|
overflow: visible !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -2220,6 +2321,7 @@ export default {
|
|
|
|
|
|
|
|
|
|
|
|
.bookremark {
|
|
|
|
.bookremark {
|
|
|
|
position: relative;
|
|
|
|
position: relative;
|
|
|
|
|
|
|
|
|
|
|
|
.reamrk-label {
|
|
|
|
.reamrk-label {
|
|
|
|
width: 100%;
|
|
|
|
width: 100%;
|
|
|
|
white-space: nowrap;
|
|
|
|
white-space: nowrap;
|
|
|
@ -2236,12 +2338,14 @@ export default {
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
|
height: 48px;
|
|
|
|
height: 48px;
|
|
|
|
align-items: center;
|
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
|
|
|
|
.goods-status-left {
|
|
|
|
.goods-status-left {
|
|
|
|
flex: 1;
|
|
|
|
flex: 1;
|
|
|
|
overflow: hidden;
|
|
|
|
overflow: hidden;
|
|
|
|
height: 48px;
|
|
|
|
height: 48px;
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
white-space: nowrap;
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
|
|
|
|
|
|
.goods-tip {
|
|
|
|
.goods-tip {
|
|
|
|
font-size: 12px;
|
|
|
|
font-size: 12px;
|
|
|
|
margin: 0 4px;
|
|
|
|
margin: 0 4px;
|
|
|
@ -2252,10 +2356,12 @@ export default {
|
|
|
|
color: @primary-color;
|
|
|
|
color: @primary-color;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.goods-status-right {
|
|
|
|
.goods-status-right {
|
|
|
|
width: 30px;
|
|
|
|
width: 30px;
|
|
|
|
text-align: center;
|
|
|
|
text-align: center;
|
|
|
|
height: 48px;
|
|
|
|
height: 48px;
|
|
|
|
|
|
|
|
|
|
|
|
i {
|
|
|
|
i {
|
|
|
|
color: @primary-color;
|
|
|
|
color: @primary-color;
|
|
|
|
cursor: pointer;
|
|
|
|
cursor: pointer;
|
|
|
@ -2263,6 +2369,7 @@ export default {
|
|
|
|
line-height: 48px;
|
|
|
|
line-height: 48px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.TablelstShipOrderCompareRltRedo {
|
|
|
|
.TablelstShipOrderCompareRltRedo {
|
|
|
|
cursor: pointer;
|
|
|
|
cursor: pointer;
|
|
|
|
margin-left: 0.5rem;
|
|
|
|
margin-left: 0.5rem;
|
|
|
@ -2294,9 +2401,11 @@ export default {
|
|
|
|
/deep/.line-box:nth-of-type(2n) {
|
|
|
|
/deep/.line-box:nth-of-type(2n) {
|
|
|
|
position: relative;
|
|
|
|
position: relative;
|
|
|
|
background: #fff;
|
|
|
|
background: #fff;
|
|
|
|
|
|
|
|
|
|
|
|
>* {
|
|
|
|
>* {
|
|
|
|
z-index: 1;
|
|
|
|
z-index: 1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&::after {
|
|
|
|
&::after {
|
|
|
|
content: '';
|
|
|
|
content: '';
|
|
|
|
position: absolute;
|
|
|
|
position: absolute;
|
|
|
@ -2308,6 +2417,7 @@ export default {
|
|
|
|
background: @primary-color;
|
|
|
|
background: @primary-color;
|
|
|
|
opacity: 0.04;
|
|
|
|
opacity: 0.04;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.book-remark-box {
|
|
|
|
.book-remark-box {
|
|
|
|
.bookremark {
|
|
|
|
.bookremark {
|
|
|
|
.reamrk-list {
|
|
|
|
.reamrk-list {
|
|
|
@ -2333,12 +2443,14 @@ export default {
|
|
|
|
white-space: normal;
|
|
|
|
white-space: normal;
|
|
|
|
text-align: left;
|
|
|
|
text-align: left;
|
|
|
|
z-index: 999 !important;
|
|
|
|
z-index: 999 !important;
|
|
|
|
|
|
|
|
|
|
|
|
.title {
|
|
|
|
.title {
|
|
|
|
height: 30px;
|
|
|
|
height: 30px;
|
|
|
|
line-height: 30px;
|
|
|
|
line-height: 30px;
|
|
|
|
font-size: 12px;
|
|
|
|
font-size: 12px;
|
|
|
|
font-weight: 600;
|
|
|
|
font-weight: 600;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.list {
|
|
|
|
.list {
|
|
|
|
border-bottom: 1px solid #eee;
|
|
|
|
border-bottom: 1px solid #eee;
|
|
|
|
padding: 6px 0;
|
|
|
|
padding: 6px 0;
|
|
|
@ -2346,15 +2458,18 @@ export default {
|
|
|
|
font-size: 12px;
|
|
|
|
font-size: 12px;
|
|
|
|
color: #666;
|
|
|
|
color: #666;
|
|
|
|
word-break: break-all;
|
|
|
|
word-break: break-all;
|
|
|
|
|
|
|
|
|
|
|
|
&:nth-last-of-type(1) {
|
|
|
|
&:nth-last-of-type(1) {
|
|
|
|
border: none;
|
|
|
|
border: none;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.icon {
|
|
|
|
.icon {
|
|
|
|
margin-right: 4px;
|
|
|
|
margin-right: 4px;
|
|
|
|
color: @primary-color;
|
|
|
|
color: @primary-color;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.goods-hovers-list {
|
|
|
|
.goods-hovers-list {
|
|
|
|
max-height: 400px;
|
|
|
|
max-height: 400px;
|
|
|
|
position: fixed;
|
|
|
|
position: fixed;
|
|
|
@ -2373,6 +2488,7 @@ export default {
|
|
|
|
transition: 0.5s all;
|
|
|
|
transition: 0.5s all;
|
|
|
|
display: block;
|
|
|
|
display: block;
|
|
|
|
opacity: 1;
|
|
|
|
opacity: 1;
|
|
|
|
|
|
|
|
|
|
|
|
&.seat-top {
|
|
|
|
&.seat-top {
|
|
|
|
&::before {
|
|
|
|
&::before {
|
|
|
|
display: none;
|
|
|
|
display: none;
|
|
|
@ -2381,10 +2497,12 @@ export default {
|
|
|
|
// left: 50%;
|
|
|
|
// left: 50%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&.hide-goods-hover {
|
|
|
|
&.hide-goods-hover {
|
|
|
|
display: none;
|
|
|
|
display: none;
|
|
|
|
opacity: 0;
|
|
|
|
opacity: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// overflow: auto;
|
|
|
|
// overflow: auto;
|
|
|
|
&::before {
|
|
|
|
&::before {
|
|
|
|
content: '';
|
|
|
|
content: '';
|
|
|
@ -2408,6 +2526,7 @@ export default {
|
|
|
|
font-size: 12px;
|
|
|
|
font-size: 12px;
|
|
|
|
font-weight: 600;
|
|
|
|
font-weight: 600;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.goods-btn {
|
|
|
|
.goods-btn {
|
|
|
|
display: inline-block;
|
|
|
|
display: inline-block;
|
|
|
|
font-size: 12px;
|
|
|
|
font-size: 12px;
|
|
|
@ -2422,10 +2541,12 @@ export default {
|
|
|
|
text-align: center;
|
|
|
|
text-align: center;
|
|
|
|
margin: 0 2px 8px;
|
|
|
|
margin: 0 2px 8px;
|
|
|
|
cursor: pointer;
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
|
|
|
|
|
|
&.active {
|
|
|
|
&.active {
|
|
|
|
color: @primary-color;
|
|
|
|
color: @primary-color;
|
|
|
|
border: 1px solid @primary-color;
|
|
|
|
border: 1px solid @primary-color;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.icon {
|
|
|
|
.icon {
|
|
|
|
margin-right: 4px;
|
|
|
|
margin-right: 4px;
|
|
|
|
color: @primary-color;
|
|
|
|
color: @primary-color;
|
|
|
@ -2436,6 +2557,7 @@ export default {
|
|
|
|
@media (min-width: 1192px) and (max-width: 1591px) {
|
|
|
|
@media (min-width: 1192px) and (max-width: 1591px) {
|
|
|
|
.booking-from-box {
|
|
|
|
.booking-from-box {
|
|
|
|
padding-right: 24px;
|
|
|
|
padding-right: 24px;
|
|
|
|
|
|
|
|
|
|
|
|
/deep/ .ant-calendar-picker-icon {
|
|
|
|
/deep/ .ant-calendar-picker-icon {
|
|
|
|
display: none;
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -2447,6 +2569,7 @@ export default {
|
|
|
|
margin-top: -4px !important;
|
|
|
|
margin-top: -4px !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/deep/ .ant-form-item-control-wrapper {
|
|
|
|
/deep/ .ant-form-item-control-wrapper {
|
|
|
|
overflow: hidden !important;
|
|
|
|
overflow: hidden !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -2455,46 +2578,58 @@ export default {
|
|
|
|
display: block;
|
|
|
|
display: block;
|
|
|
|
color: #aaa;
|
|
|
|
color: #aaa;
|
|
|
|
font-size: 14px;
|
|
|
|
font-size: 14px;
|
|
|
|
|
|
|
|
|
|
|
|
i {
|
|
|
|
i {
|
|
|
|
line-height: 120px;
|
|
|
|
line-height: 120px;
|
|
|
|
font-size: 100px;
|
|
|
|
font-size: 100px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.pono {
|
|
|
|
.pono {
|
|
|
|
text-align: left;
|
|
|
|
text-align: left;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/deep/ .vxe-header--row th {
|
|
|
|
/deep/ .vxe-header--row th {
|
|
|
|
text-align: left !important;
|
|
|
|
text-align: left !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/deep/ .vxe-cell--title {
|
|
|
|
/deep/ .vxe-cell--title {
|
|
|
|
width: 100%;
|
|
|
|
width: 100%;
|
|
|
|
text-align: left;
|
|
|
|
text-align: left;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.TaskShippingOrderCompareP {
|
|
|
|
.TaskShippingOrderCompareP {
|
|
|
|
border-bottom: 1px solid #000;
|
|
|
|
border-bottom: 1px solid #000;
|
|
|
|
padding: 5px;
|
|
|
|
padding: 5px;
|
|
|
|
background: #0000000e;
|
|
|
|
background: #0000000e;
|
|
|
|
|
|
|
|
|
|
|
|
.TaskShippingOrderCompareSpan {
|
|
|
|
.TaskShippingOrderCompareSpan {
|
|
|
|
font-weight: bolder;
|
|
|
|
font-weight: bolder;
|
|
|
|
color: red;
|
|
|
|
color: red;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.TaskShippingOrderCompareMainBox {
|
|
|
|
.TaskShippingOrderCompareMainBox {
|
|
|
|
height: 55vh;
|
|
|
|
height: 55vh;
|
|
|
|
overflow-y: auto;
|
|
|
|
overflow-y: auto;
|
|
|
|
|
|
|
|
|
|
|
|
.TaskShippingOrderCompareMain {
|
|
|
|
.TaskShippingOrderCompareMain {
|
|
|
|
p {
|
|
|
|
p {
|
|
|
|
margin-bottom: 0;
|
|
|
|
margin-bottom: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.TaskShippingOrderCompareMainHeader {
|
|
|
|
.TaskShippingOrderCompareMainHeader {
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
|
|
|
|
|
|
|
|
|
>div {
|
|
|
|
>div {
|
|
|
|
&:nth-child(1) {
|
|
|
|
&:nth-child(1) {
|
|
|
|
flex: 3;
|
|
|
|
flex: 3;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&:nth-child(2) {
|
|
|
|
&:nth-child(2) {
|
|
|
|
width: 46px;
|
|
|
|
width: 46px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&:nth-child(3) {
|
|
|
|
&:nth-child(3) {
|
|
|
|
flex: 3;
|
|
|
|
flex: 3;
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -2505,6 +2640,7 @@ export default {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&.Box {
|
|
|
|
&.Box {
|
|
|
|
border-top: 1px solid #000;
|
|
|
|
border-top: 1px solid #000;
|
|
|
|
// border-bottom: 1px solid #000;
|
|
|
|
// border-bottom: 1px solid #000;
|
|
|
@ -2512,22 +2648,28 @@ export default {
|
|
|
|
margin-bottom: 0.5rem;
|
|
|
|
margin-bottom: 0.5rem;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.TaskShippingOrderCompareMainList {
|
|
|
|
.TaskShippingOrderCompareMainList {
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
align-items: center;
|
|
|
|
margin-bottom: 0.5rem;
|
|
|
|
margin-bottom: 0.5rem;
|
|
|
|
|
|
|
|
|
|
|
|
>p {
|
|
|
|
>p {
|
|
|
|
flex: 2;
|
|
|
|
flex: 2;
|
|
|
|
|
|
|
|
|
|
|
|
&:nth-child(1) {
|
|
|
|
&:nth-child(1) {
|
|
|
|
flex: 1;
|
|
|
|
flex: 1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&:nth-child(3) {
|
|
|
|
&:nth-child(3) {
|
|
|
|
flex: 0;
|
|
|
|
flex: 0;
|
|
|
|
margin: 0 1rem;
|
|
|
|
margin: 0 1rem;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&:nth-child(4) {
|
|
|
|
&:nth-child(4) {
|
|
|
|
flex: 1;
|
|
|
|
flex: 1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// &:nth-child(3) {
|
|
|
|
// &:nth-child(3) {
|
|
|
|
// flex: 2;
|
|
|
|
// flex: 2;
|
|
|
|
// margin: 0 1rem;
|
|
|
|
// margin: 0 1rem;
|
|
|
@ -2545,9 +2687,11 @@ export default {
|
|
|
|
// padding-left: 0.5rem;
|
|
|
|
// padding-left: 0.5rem;
|
|
|
|
// }
|
|
|
|
// }
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&.BoxNo {
|
|
|
|
&.BoxNo {
|
|
|
|
padding-top: 0.5rem;
|
|
|
|
padding-top: 0.5rem;
|
|
|
|
border-top: 1px solid #000;
|
|
|
|
border-top: 1px solid #000;
|
|
|
|
|
|
|
|
|
|
|
|
&:nth-child(1) {
|
|
|
|
&:nth-child(1) {
|
|
|
|
padding-top: 0;
|
|
|
|
padding-top: 0;
|
|
|
|
border: none;
|
|
|
|
border: none;
|
|
|
@ -2556,6 +2700,7 @@ export default {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// .form-box{
|
|
|
|
// .form-box{
|
|
|
|
// .form-main{
|
|
|
|
// .form-main{
|
|
|
|
// float: left;
|
|
|
|
// float: left;
|
|
|
@ -2573,5 +2718,4 @@ export default {
|
|
|
|
// }
|
|
|
|
// }
|
|
|
|
// .more-btn{
|
|
|
|
// .more-btn{
|
|
|
|
// }
|
|
|
|
// }
|
|
|
|
// }
|
|
|
|
// }</style>
|
|
|
|
</style>
|
|
|
|
|
|
|
|