deep问题

frame
sunzehua 3 weeks ago
parent 32b64ab50c
commit d803cbd948

@ -145,7 +145,7 @@
cursor: pointer;
transition: opacity 0.4s;
::v-deep(svg) {
:deep(svg) {
margin: auto;
}
}

@ -144,7 +144,7 @@
display: none;
}
::v-deep(.ant-pagination-disabled) {
:deep(.ant-pagination-disabled) {
display: inline-block !important;
}

@ -19,18 +19,10 @@
<span>{{ record.totalOrders - record.useNum }}</span>
</template>
<template v-if="column.dataIndex == 'isRecvBC'">
<BulbFilled
style="color: green; font-size: 16px"
:title="record.lstRecvBCDate"
v-if="record.isRecvBC"
/>
<BulbFilled style="color: green; font-size: 16px" :title="record.lstRecvBCDate" v-if="record.isRecvBC" />
</template>
<template v-if="column.dataIndex == 'isRecvBKCancel'">
<BulbFilled
style="color: red; font-size: 16px"
:title="record.lstRecvBCDate"
v-if="record.isRecvBKCancel"
/>
<BulbFilled style="color: red; font-size: 16px" :title="record.lstRecvBCDate" v-if="record.isRecvBKCancel" />
</template>
<template v-if="column.dataIndex == 'isShipperOwned'">
<CheckCircleFilled v-if="record.isShipperOwned" style="color: green; font-size: 16px" />
@ -122,11 +114,11 @@ const { createMessage } = useMessage()
</script>
<style lang="less" scoped>
/deep/ .ant-form-item {
:deep(.ant-form-item) {
margin-bottom: 10px !important;
}
/deep/ .ant-card-body {
:deep(.ant-card-body) {
padding-bottom: 0px !important;
}

@ -990,11 +990,11 @@ function getWeek(dateTime) {
}
</script>
<style lang="less" scoped>
/deep/ .ant-form-item-control-input-content div {
:deep(.ant-form-item-control-input-content div) {
font-size: 12px !important;
}
/deep/ .ant-input-number-handler-wrap {
:deep(.ant-input-number-handler-wrap) {
opacity: 1;
}
@ -1060,17 +1060,17 @@ function getWeek(dateTime) {
display: flex;
flex-wrap: wrap;
/deep/ .ant-input-number-input {
:deep(.ant-input-number-input) {
background-color: rgba(245, 249, 252, 1);
;
}
/deep/ .ant-input-number-affix-wrapper {
:deep(.ant-input-number-affix-wrapper) {
background-color: rgba(245, 249, 252, 1);
;
}
/deep/ .ant-input-number-input {
:deep(.ant-input-number-input) {
text-align: center;
}
@ -1278,49 +1278,49 @@ function getWeek(dateTime) {
margin-bottom: 10px;
}
/deep/ .ant-form-item {
:deep(.ant-form-item) {
margin-bottom: 10px !important;
}
/deep/ .ant-table.ant-table-bordered>.ant-table-container {
:deep(.ant-table.ant-table-bordered>.ant-table-container) {
border-left: none !important;
}
/deep/ .ds-table .ant-table-container,
.ds-table-detail .ant-table-container {
:deep(.ds-table .ant-table-container,
.ds-table-detail .ant-table-container) {
padding: 0px !important;
}
.bookslot {
/deep/ .ant-input {
:deep(.ant-input) {
height: 26px;
}
/deep/ .ant-input-number-input {
:deep( .ant-input-number-input) {
height: 26px;
}
/deep/ .ant-picker-input>input {
:deep(.ant-picker-input>input) {
height: 26px;
}
/deep/ .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
:deep(.ant-select-single:not(.ant-select-customize-input) .ant-select-selector) {
height: 26px;
}
/deep/ .ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
:deep(.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input) {
height: 26px;
}
/deep/ .ant-picker {
:deep(.ant-picker) {
height: 26px;
}
/deep/ .ant-select-single .ant-select-selector .ant-select-selection-item,
.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
:deep(.ant-select-single .ant-select-selector .ant-select-selection-item,
.ant-select-single .ant-select-selector .ant-select-selection-placeholder) {
line-height: 26px;
}
}

@ -10,17 +10,12 @@
<span class="iconfont icon-shujuyingshe"></span>
合票
</a-button>
<a-upload
:customRequest="customRequest"
:multiple="false"
<a-upload :customRequest="customRequest" :multiple="false"
accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel"
:showUploadList="false"
name="file"
>
:showUploadList="false" name="file">
<a-button size="mini" type="link">
<span class="iconfont icon-a-17Fdaoru"></span>
导入</a-button
>
导入</a-button>
</a-upload>
<a-button type="link" @click="handleSuport" :loading="loadingExport" size="mini">
<span class="iconfont icon-jiantouxia"></span>
@ -36,12 +31,7 @@
<span class="iconfont icon-jiahao2fill"></span>
新增
</a-button>
<a-popconfirm
title="确定删除吗?"
ok-text="确定"
cancel-text="取消"
@confirm="handleDeleteAll"
>
<a-popconfirm title="确定删除吗?" ok-text="" cancel-text="" @confirm="handleDeleteAll">
<a-button type="link" size="mini">
<span class="iconfont icon-shanchu2"></span>
删除
@ -67,44 +57,27 @@
<span>{{ record.shipRateTotalCurrency }} {{ record.shipRateTotalAmount }}</span>
</template>
<template v-if="column.dataIndex == 'iS_CANCELLATION'">
<BulbOutlined
v-if="record.iS_CANCELLATION"
style="color: red; font-size: 16px"
:title="record.cancellatioN_DATE"
/>
<BulbOutlined v-if="record.iS_CANCELLATION" style="color: red; font-size: 16px"
:title="record.cancellatioN_DATE" />
</template>
<template v-if="column.dataIndex == 'isRecvBC'">
<BulbFilled
style="color: green; font-size: 16px"
:title="record.lstRecvBCDate"
v-if="record.isRecvBC"
/>
<BulbFilled style="color: green; font-size: 16px" :title="record.lstRecvBCDate" v-if="record.isRecvBC" />
</template>
<template v-if="column.dataIndex == 'labelList'">
<div @click="handleLabelBind(record)" style="min-width: 200px; min-height: 15px">
<a-tag
style="color: black !important; font-weight: bold; cursor: pointer"
:color="item.color"
@click="handleLabelBind(record)"
v-for="(item, index) in record.labelList"
:key="index"
>{{ item.name }}</a-tag
>
<a-tag style="color: black !important; font-weight: bold; cursor: pointer" :color="item.color"
@click="handleLabelBind(record)" v-for="(item, index) in record.labelList" :key="index">{{ item.name
}}</a-tag>
</div>
</template>
<template v-if="column.dataIndex == 'isRecvBKCancel'">
<BulbFilled
style="color: red; font-size: 16px"
:title="record.lstRecvBCDate"
v-if="record.isRecvBKCancel"
/>
<BulbFilled style="color: red; font-size: 16px" :title="record.lstRecvBCDate" v-if="record.isRecvBKCancel" />
</template>
<template v-if="column.dataIndex == 'isShipperOwned'">
<CheckCircleFilled v-if="record.isShipperOwned" style="color: green; font-size: 16px" />
</template>
<template v-if="column.key === 'action'">
<TableAction
:actions="[
<TableAction :actions="[
{
icon: 'clarity:note-edit-line',
tooltip: '编辑',
@ -129,40 +102,22 @@
handleOpenSlot(record)
},
},
]"
/>
]" />
</template>
</template>
</BasicTable>
<a-modal
width="800px"
@ok="handleSubmitLabel"
:visible="visible"
title="分配标签"
@cancel="visible = false"
>
<a-modal width="800px" @ok="handleSubmitLabel" :visible="visible" title="分配标签" @cancel="visible = false">
<a-spin :spinning="labelLoad">
<div class="content">
<div
class="items"
v-for="(serive, sindex) in labelList"
:key="sindex"
@click="handleClickLable(sindex)"
:class="{ active: serive.isActive }"
>
<div class="items" v-for="(serive, sindex) in labelList" :key="sindex" @click="handleClickLable(sindex)"
:class="{ active: serive.isActive }">
{{ serive.name }}
</div>
</div>
</a-spin>
</a-modal>
<generationModal ref="generation" @register="registerModal"> </generationModal>
<a-modal
title="多提单号查询"
:width="400"
:visible="moreFlag"
@ok="moreNumSubmit"
@cancel="moreFlag = false"
>
<a-modal title="多提单号查询" :width="400" :visible="moreFlag" @ok="moreNumSubmit" @cancel="moreFlag = false">
<div>
<a-textarea v-model:value="moreNumVal" style="height: 200px" />
</div>
@ -482,11 +437,11 @@
</script>
<style lang="less" scoped>
/deep/ .ant-form-item {
:deep(.ant-form-item) {
margin-bottom: 10px !important;
}
/deep/ .ant-card-body {
:deep(.ant-card-body) {
padding-bottom: 0px !important;
}
@ -605,7 +560,7 @@
}
}
/deep/ .vben-basic-table-action button {
:deep(.vben-basic-table-action button) {
padding: 0 3px !important;
}
</style>

@ -133,11 +133,11 @@ function handleAdd() {
</script>
<style lang="less" scoped>
/deep/ .ant-form-item {
:deep(.ant-form-item) {
margin-bottom: 10px !important;
}
/deep/ .ant-card-body {
:deep(.ant-card-body) {
padding-bottom: 0px !important;
}

@ -1345,14 +1345,14 @@ function getContractnoList() {
</script>
<style lang="less" scoped>
/deep/ .ant-form-item {
:deep(.ant-form-item) {
margin-bottom: 10px !important;
}
/deep/ .ant-form-item-label>label {
:deep(.ant-form-item-label>label) {
height: 25px !important;
}
/deep/ .ant-form-item-control-input-content{
:deep(.ant-form-item-control-input-content) {
div{
font-size: 12px;
}

@ -541,11 +541,11 @@ function handleOpenCopy() {
</script>
<style lang="less" scoped>
/deep/ .ant-form-item {
:deep(.ant-form-item) {
margin-bottom: 10px !important;
}
/deep/ .ant-card-body {
:deep(.ant-card-body) {
padding-bottom: 0px !important;
}

@ -631,17 +631,17 @@ function handleSaveTask() {
display: flex;
flex-wrap: wrap;
/deep/ .ant-input-number-input {
:deep(.ant-input-number-input) {
background-color: rgb(255, 255, 255);
;
}
/deep/ .ant-input-number-affix-wrapper {
:deep(.ant-input-number-affix-wrapper) {
background-color: rgb(255, 255, 255);
;
}
/deep/ .ant-input-number-input {
:deep(.ant-input-number-input) {
text-align: center;
}

@ -119,11 +119,11 @@ function handleAdd() {
</script>
<style lang="less" scoped>
/deep/ .ant-form-item {
:deep(.ant-form-item) {
margin-bottom: 10px !important;
}
/deep/ .ant-card-body {
:deep(.ant-card-body) {
padding-bottom: 0px !important;
}

@ -658,21 +658,7 @@
})
}
</script>
<!-- <style lang="less" scoped>
/deep/.ant-table-container {
height: calc(100vh - 301px);
.ant-table-body {
max-height: none !important;
height: calc(100% - 50px) !important;
.ant-table-placeholder {
display: none;
.ant-table-expanded-row-fixed {
height: calc(100vh - 300px);
}
}
}
}
</style> -->
<style lang="less" scoped>
// ----------------------
.infoclientBox {

@ -640,7 +640,7 @@ function cancelCheckIn(type) {
}
</script>
<style lang="less" scoped>
/deep/ .ant-table-pagination.ant-pagination {
:deep(.ant-table-pagination.ant-pagination) {
border-bottom: 1px solid #ebebeb;
margin-bottom: 0px;
padding-bottom: 10px;
@ -704,12 +704,12 @@ function cancelCheckIn(type) {
height: 0 !important;
}
/deep/ .ant-table-footer {
/deep/ .ant-table-measure-row {
:deep(.ant-table-footer) {
:deep(.ant-table-measure-row) {
display: none;
}
/deep/ .ant-table-row-level-0 {
:deep(.ant-table-row-level-0 ){
height: 26px !important;
padding-left: 50px;
@ -723,18 +723,18 @@ function cancelCheckIn(type) {
}
.fee-table {
/deep/ .ant-table-body {
:deep(.ant-table-body) {
min-height: calc(50vh - 210px);
}
}
/deep/ .ant-divider-vertical {
:deep(.ant-divider-vertical) {
height: 20px;
margin: 0 10px;
background: #eeeeee;
}
/deep/ .vben-basic-table .ant-table-footer td {
:deep(.vben-basic-table .ant-table-footer td) {
padding: 0px 10px !important;
}

@ -371,7 +371,7 @@ function sureRefuse() {
}
</script>
<style lang="less" scoped>
/deep/ .ant-table-pagination.ant-pagination {
:deep(.ant-table-pagination.ant-pagination) {
border-bottom: 1px solid #ebebeb;
margin-bottom: 0px;
padding-bottom: 10px;
@ -428,12 +428,12 @@ function sureRefuse() {
height: 0 !important;
}
/deep/ .ant-table-footer {
/deep/ .ant-table-measure-row {
:deep(.ant-table-footer) {
:deep(.ant-table-measure-row) {
display: none;
}
/deep/ .ant-table-row-level-0 {
:deep(.ant-table-row-level-0) {
height: 26px !important;
padding-left: 50px;
@ -447,18 +447,18 @@ function sureRefuse() {
}
.fee-table {
/deep/ .ant-table-body {
:deep(.ant-table-body) {
min-height: calc(50vh - 210px);
}
}
/deep/ .ant-divider-vertical {
:deep(.ant-divider-vertical) {
height: 20px;
margin: 0 10px;
background: #eeeeee;
}
/deep/ .vben-basic-table .ant-table-footer td {
:deep(.vben-basic-table .ant-table-footer td) {
padding: 0px 10px !important;
}
</style>

@ -690,12 +690,12 @@ defineExpose({ init, changeCustIn })
}
}
/deep/ .ant-table-footer {
:deep(.ant-table-footer) {
padding: 0px !important;
background: white;
}
/deep/ .ant-table-container {
:deep(.ant-table-container) {
padding: 0px;
}
@ -712,7 +712,7 @@ defineExpose({ init, changeCustIn })
margin-right: 20px;
border: 1px solid white;
/deep/ .ant-checkbox-wrapper {
:deep(.ant-checkbox-wrapper) {
font-size: 12px !important;
}
@ -733,16 +733,16 @@ defineExpose({ init, changeCustIn })
margin: 0 10px;
}
/deep/ .ant-checkbox-wrapper-checked .ant-checkbox-inner {
:deep(.ant-checkbox-wrapper-checked .ant-checkbox-inner) {
background-color: #257afa;
border-color: #257afa;
}
/deep/ .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
:deep(.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after) {
border-color: #f5f5f5;
}
/deep/ .ant-checkbox-wrapper-checked .ant-checkbox-disabled+span {
:deep(.ant-checkbox-wrapper-checked .ant-checkbox-disabled+span) {
color: #257afa;
}

@ -686,7 +686,7 @@ defineExpose({ list, dataSource, init, changeCust, open })
}
}
/deep/ .ant-tabs-nav {
:deep(.ant-tabs-nav) {
margin-bottom: 2px;
}
</style>

@ -1184,7 +1184,7 @@ function handleSelect(value) {
padding-top: 5px;
}
/deep/ .ant-btn-link {
:deep(.ant-btn-link) {
padding: 0px !important;
}
@ -1292,7 +1292,7 @@ function handleSelect(value) {
margin-right: 20px;
border: 1px solid white;
/deep/ .ant-checkbox-wrapper {
:deep(.ant-checkbox-wrapper) {
font-size: 12px !important;
}
@ -1317,16 +1317,16 @@ function handleSelect(value) {
padding: 0 20px;
}
/deep/ .ant-checkbox-wrapper-checked .ant-checkbox-inner {
:deep(.ant-checkbox-wrapper-checked .ant-checkbox-inner) {
background-color: #257afa;
border-color: #257afa;
}
/deep/ .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
:deep(.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after) {
border-color: #f5f5f5;
}
/deep/ .ant-checkbox-wrapper-checked .ant-checkbox-disabled+span {
:deep(.ant-checkbox-wrapper-checked .ant-checkbox-disabled+span) {
color: #257afa;
}

@ -876,12 +876,12 @@ defineExpose({ init, customerIdP, customerIdPName })
}
}
/deep/ .ant-table-footer {
:deep(.ant-table-footer) {
padding: 0px !important;
background: white;
}
/deep/ .ant-table-container {
:deep(.ant-table-container) {
padding: 0px;
}
@ -898,7 +898,7 @@ defineExpose({ init, customerIdP, customerIdPName })
margin-right: 20px;
border: 1px solid white;
/deep/ .ant-checkbox-wrapper {
:deep(.ant-checkbox-wrapper) {
font-size: 12px !important;
}
@ -919,16 +919,16 @@ defineExpose({ init, customerIdP, customerIdPName })
margin: 0 10px;
}
/deep/ .ant-checkbox-wrapper-checked .ant-checkbox-inner {
:deep(.ant-checkbox-wrapper-checked .ant-checkbox-inner) {
background-color: #257afa;
border-color: #257afa;
}
/deep/ .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
:deep(.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after) {
border-color: #f5f5f5;
}
/deep/ .ant-checkbox-wrapper-checked .ant-checkbox-disabled+span {
:deep(.ant-checkbox-wrapper-checked .ant-checkbox-disabled+span) {
color: #257afa;
}

@ -1540,16 +1540,16 @@ watchEffect(() => {
left: 35px;
}
/deep/ .ant-divider-inner-text {
:deep(.ant-divider-inner-text) {
font-size: 12px;
font-weight: bold;
}
/deep/ .ant-divider-horizontal.ant-divider-with-text {
:deep(.ant-divider-horizontal.ant-divider-with-text) {
margin: 3px;
}
/deep/ .vben-basic-table {
:deep(.vben-basic-table) {
height: auto;
}

@ -1165,7 +1165,7 @@ defineExpose({
.left-title {
display: flex;
/deep/ .ant-btn-link {
:deep(.ant-btn-link) {
padding: 0px !important;
margin-right: 10px;
}

@ -91,11 +91,11 @@ export default {
</script>
<style lang="less" scoped>
/deep/ .ant-form-explain{
:deep(.ant-form-explain){
display: none !important;
}
/deep/ .ant-form-item-children-icon .anticon-check-circle{
:deep(.ant-form-item-children-icon .anticon-check-circle){
display: none;
}
</style>

@ -429,7 +429,7 @@ function replaceEndChar(str, target, replacement) {
}
</script>
<style scoped lang="less">
/deep/ .ant-form-small {
:deep(.ant-form-small) {
margin-top: 0px !important;
}
</style>

@ -377,12 +377,12 @@ function processNode(node) {
width: 50%;
}
/deep/ .ant-tree-node-selected {
:deep(.ant-tree-node-selected) {
color: #257afa;
background-color: #f5f9fc !important;
}
/deep/ .vben-basic-table .ant-table-wrapper .ant-table.ant-table-bordered .ant-table-title {
:deep(.vben-basic-table .ant-table-wrapper .ant-table.ant-table-bordered .ant-table-title) {
padding-top: 0px !important;
}
</style>

@ -233,15 +233,15 @@
.p-active {
color: #17A6A3;
}
/deep/ .ant-divider {
:deep(.ant-divider) {
font-size: 12px;
font-weight: 600;
margin: 16px 0 8px -19px;
}
/deep/ .ant-divider-horizontal.ant-divider-with-text-left::before {
:deep(.ant-divider-horizontal.ant-divider-with-text-left::before) {
width: 0;
}
/deep/ .ant-divider-horizontal.ant-divider-with-text-left::after {
:deep(.ant-divider-horizontal.ant-divider-with-text-left::after) {
width: 0;
}
</style>

@ -98,13 +98,13 @@ defineExpose({ startInit })
padding-left: 40px;
}
/deep/ .ant-tabs-nav {
:deep(.ant-tabs-nav) {
margin-bottom: 0px !important;
}
/deep/ .ant-spin-nested-loading{
:deep(.ant-spin-nested-loading) {
height: 100%;
}
/deep/ .ant-spin-container{
:deep(.ant-spin-container) {
height: 100%;
}
</style>

@ -340,7 +340,7 @@ defineExpose({ getInfo })
font-size: 12px;
}
/deep/ .ant-form-item-control-input-content {
:deep(.ant-form-item-control-input-content) {
div {
color: rgba(122, 135, 152, 1);
font-size: 12px;
@ -374,10 +374,10 @@ defineExpose({ getInfo })
}
}
/deep/ .ant-form-item {
:deep(.ant-form-item) {
margin-bottom: 10px;
}
/deep/ .ant-form-item-control-input-content{
:deep(.ant-form-item-control-input-content) {
display: flex;
div{
margin-right: 5px;

@ -1669,59 +1669,59 @@ function handleClickTree(row, index) {
}
</script>
<style lang="less" scoped>
/deep/ .ant-popover-placement-top {
:deep( .ant-popover-placement-top) {
width: 330px !important;
}
/deep/ .ant-tabs-bar {
:deep(.ant-tabs-bar) {
margin-bottom: 0 !important;
}
/deep/ .ant-table.ant-table-bordered>.ant-table-container {
:deep(.ant-table.ant-table-bordered>.ant-table-container) {
border-left: none !important;
}
/deep/ .ant-tabs-tab {
:deep(.ant-tabs-tab) {
padding: 8px !important;
margin-right: 8px !important;
}
/deep/ .ant-form-item {
:deep(.ant-form-item) {
display: flex;
}
/deep/ .ant-radio-button-wrapper-checked {
:deep(.ant-radio-button-wrapper-checked) {
background: white;
color: black;
border: none;
font-weight: 700;
}
/deep/ .ant-radio-button-wrapper {
:deep(.ant-radio-button-wrapper) {
background: rgba(245, 249, 252, 1);
border: none !important;
}
/deep/ .ant-tabs-tab+.ant-tabs-tab {
:deep(.ant-tabs-tab+.ant-tabs-tab) {
margin: 0 0 0 12px;
}
/deep/ .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
:deep(.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)) {
background: white;
color: black;
font-weight: 700;
}
/deep/ .nav-title .ant-radio-button-wrapper {
:deep(.nav-title .ant-radio-button-wrapper) {
padding: 0px;
flex-grow: 1;
}
/deep/ .ant-radio-button-wrapper:not(:first-child)::before {
:deep(.ant-radio-button-wrapper:not(:first-child)::before) {
width: 0px;
}
/deep/ .ant-radio-group {
:deep(.ant-radio-group) {
width: 100%;
}

@ -1412,7 +1412,7 @@ const boxSiColumns = [
overflow: hidden;
}
/deep/ .ant-form-item-label {
:deep(.ant-form-item-label) {
height: 29px;
line-height: 35px;
text-align: left;
@ -1501,7 +1501,7 @@ const boxSiColumns = [
}
.si-model {
/deep/ .ant-form-item-label {
:deep(.ant-form-item-label) {
text-align: right !important;
}
}

@ -265,7 +265,7 @@ defineExpose({ init })
cursor: pointer;
margin-bottom: 3px;
/deep/ .ant-checkbox-wrapper {
:deep(.ant-checkbox-wrapper) {
span {
font-size: 12px;
}

@ -22,7 +22,7 @@
color: black;
}
/deep/ .ant-form-item-control-input-content {
:deep(.ant-form-item-control-input-content) {
div {
color: rgba(122, 135, 152, 1);
}
@ -55,7 +55,7 @@
}
}
/deep/ .ant-form-item {
:deep(.ant-form-item) {
margin-bottom: 10px;
}

Loading…
Cancel
Save