deep问题

frame-financialTax-yjl-1204
sunzehua 3 weeks ago
parent 32b64ab50c
commit d803cbd948

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

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

@ -1,5 +1,5 @@
<template> <template>
<div > <div>
<BasicTable class="ds-table" @register="registerTable" @row-dbClick="handledbclick"> <BasicTable class="ds-table" @register="registerTable" @row-dbClick="handledbclick">
<template #toolbar> </template> <template #toolbar> </template>
<template v-slot:bodyCell="{ column, record }"> <template v-slot:bodyCell="{ column, record }">
@ -16,167 +16,159 @@
<span>{{ record.shipRateTotalCurrency }} {{ record.shipRateTotalAmount }}</span> <span>{{ record.shipRateTotalCurrency }} {{ record.shipRateTotalAmount }}</span>
</template> </template>
<template v-if="column.dataIndex == 'remainCtnsNum'"> <template v-if="column.dataIndex == 'remainCtnsNum'">
<span>{{ record.totalOrders - record.useNum }}</span> <span>{{ record.totalOrders - record.useNum }}</span>
</template> </template>
<template v-if="column.dataIndex == 'isRecvBC'"> <template v-if="column.dataIndex == 'isRecvBC'">
<BulbFilled <BulbFilled style="color: green; font-size: 16px" :title="record.lstRecvBCDate" v-if="record.isRecvBC" />
style="color: green; font-size: 16px"
:title="record.lstRecvBCDate"
v-if="record.isRecvBC"
/>
</template> </template>
<template v-if="column.dataIndex == 'isRecvBKCancel'"> <template v-if="column.dataIndex == 'isRecvBKCancel'">
<BulbFilled <BulbFilled style="color: red; font-size: 16px" :title="record.lstRecvBCDate" v-if="record.isRecvBKCancel" />
style="color: red; font-size: 16px"
:title="record.lstRecvBCDate"
v-if="record.isRecvBKCancel"
/>
</template> </template>
<template v-if="column.dataIndex == 'isShipperOwned'"> <template v-if="column.dataIndex == 'isShipperOwned'">
<CheckCircleFilled v-if="record.isShipperOwned" style="color: green; font-size: 16px" /> <CheckCircleFilled v-if="record.isShipperOwned" style="color: green; font-size: 16px" />
</template> </template>
<template v-if="column.dataIndex === 'action'"> <template v-if="column.dataIndex === 'action'">
<a @click="handleRefsh(record)" ></a> <a @click="handleRefsh(record)"></a>
</template> </template>
</template> </template>
</BasicTable> </BasicTable>
</div> </div>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { BasicTable, useTable, TableAction } from '/@/components/Table' import { BasicTable, useTable, TableAction } from '/@/components/Table'
import { BookingSlotPageStock,BookingSlotRefreshStock } from './api' import { BookingSlotPageStock, BookingSlotRefreshStock } from './api'
import { columns, searchFormSchema, FeeStatus } from './columns' import { columns, searchFormSchema, FeeStatus } from './columns'
import { BulbFilled, CheckCircleFilled } from '@ant-design/icons-vue' import { BulbFilled, CheckCircleFilled } from '@ant-design/icons-vue'
import { useModal } from '/@/components/Modal' import { useModal } from '/@/components/Modal'
import { formatParams } from '/@/hooks/web/common' import { formatParams } from '/@/hooks/web/common'
import { useMessage } from '../../../hooks/web/useMessage' import { useMessage } from '../../../hooks/web/useMessage'
const { createMessage } = useMessage() const { createMessage } = useMessage()
const [registerModal, { openModal }] = useModal() const [registerModal, { openModal }] = useModal()
const [registerTable, { reload, getForm, getPaginationRef, getSelectRows, setProps }] = useTable({ const [registerTable, { reload, getForm, getPaginationRef, getSelectRows, setProps }] = useTable({
title: '', title: '',
api: async (p) => { api: async (p) => {
const res: API.DataResult = await BookingSlotPageStock(p) const res: API.DataResult = await BookingSlotPageStock(p)
return new Promise((resolve) => { return new Promise((resolve) => {
resolve({ resolve({
data: res.data, data: res.data,
total: res.count, total: res.count,
})
}) })
}, })
beforeFetch: (p) => { },
return formatParams(p) beforeFetch: (p) => {
}, return formatParams(p)
columns, },
formConfig: { columns,
labelWidth: 120, formConfig: {
schemas: searchFormSchema, labelWidth: 120,
}, schemas: searchFormSchema,
isTreeTable: false, },
pagination: true, isTreeTable: false,
striped: true, pagination: true,
useSearchForm: true, striped: true,
showTableSetting: true, useSearchForm: true,
bordered: true, showTableSetting: true,
showIndexColumn: true, bordered: true,
indexColumnProps: { showIndexColumn: true,
width: 60, indexColumnProps: {
}, width: 60,
canResize: true, },
resizeHeightOffset: 35, canResize: true,
immediate: true, resizeHeightOffset: 35,
immediate: true,
actionColumn: { actionColumn: {
width: 50, width: 50,
title: '操作', title: '操作',
dataIndex: 'action', dataIndex: 'action',
fixed: 'right', fixed: 'right',
}, },
}) })
function handledbclick(record) { function handledbclick(record) {
console.log('双击') console.log('双击')
} }
function handleAdd() { function handleAdd() {
openModal(true, 123) openModal(true, 123)
} }
function handleRefsh(row){ function handleRefsh(row) {
const data = { const data = {
vessel: row.vessel, vessel: row.vessel,
voyno: row.voyno, voyno: row.voyno,
contracT_NO: row.contracT_NO, contracT_NO: row.contracT_NO,
portloadid: row.portloadid, portloadid: row.portloadid,
portdischargeid: row.portdischargeid, portdischargeid: row.portdischargeid,
bookinG_SLOT_TYPE: row.bookinG_SLOT_TYPE, bookinG_SLOT_TYPE: row.bookinG_SLOT_TYPE,
carrierid: row.carrierid carrierid: row.carrierid
}
setProps({ loading: true })
BookingSlotRefreshStock(data).then(res => {
if (res.succeeded) {
createMessage.success('刷新成功')
reload()
} else {
createMessage.error(res.message)
}
setProps({ loading: false })
})
} }
setProps({ loading: true })
BookingSlotRefreshStock(data).then(res => {
if (res.succeeded) {
createMessage.success('刷新成功')
reload()
} else {
createMessage.error(res.message)
}
setProps({ loading: false })
})
}
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
/deep/ .ant-form-item { :deep(.ant-form-item) {
margin-bottom: 10px !important; margin-bottom: 10px !important;
} }
/deep/ .ant-card-body { :deep(.ant-card-body) {
padding-bottom: 0px !important; padding-bottom: 0px !important;
} }
.table-operator { .table-operator {
margin-bottom: 18px; margin-bottom: 18px;
} }
.Close { .Close {
height: 45px; height: 45px;
overflow: hidden; overflow: hidden;
} }
.vxe-table--render-default .vxe-body--row.row--stripe { .vxe-table--render-default .vxe-body--row.row--stripe {
background: #f5f9fe; background: #f5f9fe;
} }
.ant-card-body { .ant-card-body {
padding-top: 10px; padding-top: 10px;
} }
.inline { .inline {
position: relative; position: relative;
} }
.inline-right { .inline-right {
position: absolute; position: absolute;
top: 6px; top: 6px;
right: 25px; right: 25px;
} }
.change { .change {
display: flex; display: flex;
justify-content: center; justify-content: center;
margin-top: 25px; margin-top: 25px;
div { div {
width: 120px; width: 120px;
height: 50px; height: 50px;
background-color: rgb(247, 249, 250); background-color: rgb(247, 249, 250);
border: 1px solid rgb(247, 249, 250); border: 1px solid rgb(247, 249, 250);
color: rgb(105, 102, 102); color: rgb(105, 102, 102);
line-height: 50px; line-height: 50px;
text-align: center; text-align: center;
cursor: pointer; cursor: pointer;
transition: box-shadow 0.3s, background-color 0.3s; transition: box-shadow 0.3s, background-color 0.3s;
margin-right: 10px; margin-right: 10px;
} }
div:hover { div:hover {
border: 1px solid #d1cfcf; border: 1px solid #d1cfcf;
}
} }
}
</style> </style>

@ -283,7 +283,7 @@
</a-form-item> </a-form-item>
</a-modal> </a-modal>
<a-modal @ok="handleSaveRoll" title="舱位延迟" width="600px" @cancel="rollFlag = false" :visible="rollFlag"> <a-modal @ok="handleSaveRoll" title="舱位延迟" width="600px" @cancel="rollFlag = false" :visible="rollFlag">
<a-spin :spinning="rollLoad" > <a-spin :spinning="rollLoad">
<BasicForm @register="registerFormRoll" /> <BasicForm @register="registerFormRoll" />
</a-spin> </a-spin>
</a-modal> </a-modal>
@ -294,7 +294,7 @@ import { GetCtnSelectList, GetClientListByCode } from '/@/api/common'
import DsFile from '/@/components/File/index.vue' import DsFile from '/@/components/File/index.vue'
import { ref, nextTick, onMounted, watch } from 'vue' import { ref, nextTick, onMounted, watch } from 'vue'
import { import {
BookingSlotSave, BookingSlotDetail, SaveRolling,GetRollingList BookingSlotSave, BookingSlotDetail, SaveRolling, GetRollingList
} from '../api' } from '../api'
import { import {
GetCustomerServiceList, GetSaleList, GetVouchingClerkList GetCustomerServiceList, GetSaleList, GetVouchingClerkList
@ -740,15 +740,15 @@ function getDetail() {
} }
loading.value = false loading.value = false
}) })
GetRollingList({ slotId: id.value }).then(res=>{ GetRollingList({ slotId: id.value }).then(res => {
if(res.succeeded){ if (res.succeeded) {
setTableData(res.data) setTableData(res.data)
} }
}) })
} }
const rollLoad = ref(false) const rollLoad = ref(false)
function handleSaveRoll(){ function handleSaveRoll() {
if(!form.value.id){ if (!form.value.id) {
createMessage.error('请先保存数据') createMessage.error('请先保存数据')
return false return false
} }
@ -757,13 +757,13 @@ function handleSaveRoll(){
} }
data.slotId = form.value.id data.slotId = form.value.id
rollLoad.value = true rollLoad.value = true
SaveRolling(data).then(res=>{ SaveRolling(data).then(res => {
if(res.succeeded){ if (res.succeeded) {
createMessage.success('保存成功') createMessage.success('保存成功')
getDetail() getDetail()
} }
rollLoad.value = false rollLoad.value = false
}).catch(()=>{ }).catch(() => {
rollLoad.value = false rollLoad.value = false
}) })
} }
@ -990,11 +990,11 @@ function getWeek(dateTime) {
} }
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
/deep/ .ant-form-item-control-input-content div { :deep(.ant-form-item-control-input-content div) {
font-size: 12px !important; font-size: 12px !important;
} }
/deep/ .ant-input-number-handler-wrap { :deep(.ant-input-number-handler-wrap) {
opacity: 1; opacity: 1;
} }
@ -1060,17 +1060,17 @@ function getWeek(dateTime) {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
/deep/ .ant-input-number-input { :deep(.ant-input-number-input) {
background-color: rgba(245, 249, 252, 1); 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); background-color: rgba(245, 249, 252, 1);
; ;
} }
/deep/ .ant-input-number-input { :deep(.ant-input-number-input) {
text-align: center; text-align: center;
} }
@ -1278,49 +1278,49 @@ function getWeek(dateTime) {
margin-bottom: 10px; margin-bottom: 10px;
} }
/deep/ .ant-form-item { :deep(.ant-form-item) {
margin-bottom: 10px !important; 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; border-left: none !important;
} }
/deep/ .ds-table .ant-table-container, :deep(.ds-table .ant-table-container,
.ds-table-detail .ant-table-container { .ds-table-detail .ant-table-container) {
padding: 0px !important; padding: 0px !important;
} }
.bookslot { .bookslot {
/deep/ .ant-input { :deep(.ant-input) {
height: 26px; height: 26px;
} }
/deep/ .ant-input-number-input { :deep( .ant-input-number-input) {
height: 26px; height: 26px;
} }
/deep/ .ant-picker-input>input { :deep(.ant-picker-input>input) {
height: 26px; 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; 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; height: 26px;
} }
/deep/ .ant-picker { :deep(.ant-picker) {
height: 26px; height: 26px;
} }
/deep/ .ant-select-single .ant-select-selector .ant-select-selection-item, :deep(.ant-select-single .ant-select-selector .ant-select-selection-item,
.ant-select-single .ant-select-selector .ant-select-selection-placeholder { .ant-select-single .ant-select-selector .ant-select-selection-placeholder) {
line-height: 26px; line-height: 26px;
} }
} }

@ -10,17 +10,12 @@
<span class="iconfont icon-shujuyingshe"></span> <span class="iconfont icon-shujuyingshe"></span>
合票 合票
</a-button> </a-button>
<a-upload <a-upload :customRequest="customRequest" :multiple="false"
:customRequest="customRequest"
:multiple="false"
accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel"
:showUploadList="false" :showUploadList="false" name="file">
name="file"
>
<a-button size="mini" type="link"> <a-button size="mini" type="link">
<span class="iconfont icon-a-17Fdaoru"></span> <span class="iconfont icon-a-17Fdaoru"></span>
导入</a-button 导入</a-button>
>
</a-upload> </a-upload>
<a-button type="link" @click="handleSuport" :loading="loadingExport" size="mini"> <a-button type="link" @click="handleSuport" :loading="loadingExport" size="mini">
<span class="iconfont icon-jiantouxia"></span> <span class="iconfont icon-jiantouxia"></span>
@ -36,12 +31,7 @@
<span class="iconfont icon-jiahao2fill"></span> <span class="iconfont icon-jiahao2fill"></span>
新增 新增
</a-button> </a-button>
<a-popconfirm <a-popconfirm title="确定删除吗?" ok-text="" cancel-text="" @confirm="handleDeleteAll">
title="确定删除吗?"
ok-text="确定"
cancel-text="取消"
@confirm="handleDeleteAll"
>
<a-button type="link" size="mini"> <a-button type="link" size="mini">
<span class="iconfont icon-shanchu2"></span> <span class="iconfont icon-shanchu2"></span>
删除 删除
@ -67,102 +57,67 @@
<span>{{ record.shipRateTotalCurrency }} {{ record.shipRateTotalAmount }}</span> <span>{{ record.shipRateTotalCurrency }} {{ record.shipRateTotalAmount }}</span>
</template> </template>
<template v-if="column.dataIndex == 'iS_CANCELLATION'"> <template v-if="column.dataIndex == 'iS_CANCELLATION'">
<BulbOutlined <BulbOutlined v-if="record.iS_CANCELLATION" style="color: red; font-size: 16px"
v-if="record.iS_CANCELLATION" :title="record.cancellatioN_DATE" />
style="color: red; font-size: 16px"
:title="record.cancellatioN_DATE"
/>
</template> </template>
<template v-if="column.dataIndex == 'isRecvBC'"> <template v-if="column.dataIndex == 'isRecvBC'">
<BulbFilled <BulbFilled style="color: green; font-size: 16px" :title="record.lstRecvBCDate" v-if="record.isRecvBC" />
style="color: green; font-size: 16px"
:title="record.lstRecvBCDate"
v-if="record.isRecvBC"
/>
</template> </template>
<template v-if="column.dataIndex == 'labelList'"> <template v-if="column.dataIndex == 'labelList'">
<div @click="handleLabelBind(record)" style="min-width: 200px; min-height: 15px"> <div @click="handleLabelBind(record)" style="min-width: 200px; min-height: 15px">
<a-tag <a-tag style="color: black !important; font-weight: bold; cursor: pointer" :color="item.color"
style="color: black !important; font-weight: bold; cursor: pointer" @click="handleLabelBind(record)" v-for="(item, index) in record.labelList" :key="index">{{ item.name
:color="item.color" }}</a-tag>
@click="handleLabelBind(record)"
v-for="(item, index) in record.labelList"
:key="index"
>{{ item.name }}</a-tag
>
</div> </div>
</template> </template>
<template v-if="column.dataIndex == 'isRecvBKCancel'"> <template v-if="column.dataIndex == 'isRecvBKCancel'">
<BulbFilled <BulbFilled style="color: red; font-size: 16px" :title="record.lstRecvBCDate" v-if="record.isRecvBKCancel" />
style="color: red; font-size: 16px"
:title="record.lstRecvBCDate"
v-if="record.isRecvBKCancel"
/>
</template> </template>
<template v-if="column.dataIndex == 'isShipperOwned'"> <template v-if="column.dataIndex == 'isShipperOwned'">
<CheckCircleFilled v-if="record.isShipperOwned" style="color: green; font-size: 16px" /> <CheckCircleFilled v-if="record.isShipperOwned" style="color: green; font-size: 16px" />
</template> </template>
<template v-if="column.key === 'action'"> <template v-if="column.key === 'action'">
<TableAction <TableAction :actions="[
:actions="[ {
{ icon: 'clarity:note-edit-line',
icon: 'clarity:note-edit-line', tooltip: '编辑',
tooltip: '编辑', onClick: () => {
onClick: () => { handleEdit(record)
handleEdit(record)
},
}, },
{ },
icon: 'ant-design:delete-outlined', {
tooltip: '删除', icon: 'ant-design:delete-outlined',
popConfirm: { tooltip: '删除',
title: '是否要删除?', popConfirm: {
okText: '是', title: '是否要删除?',
cancelText: '否', okText: '是',
confirm: handleDelete.bind(null, record), cancelText: '否',
}, confirm: handleDelete.bind(null, record),
}, },
{ },
icon: 'ant-design:profile-outlined', {
tooltip: '生成订舱', icon: 'ant-design:profile-outlined',
onClick: () => { tooltip: '生成订舱',
handleOpenSlot(record) onClick: () => {
}, handleOpenSlot(record)
}, },
]" },
/> ]" />
</template> </template>
</template> </template>
</BasicTable> </BasicTable>
<a-modal <a-modal width="800px" @ok="handleSubmitLabel" :visible="visible" title="分配标签" @cancel="visible = false">
width="800px"
@ok="handleSubmitLabel"
:visible="visible"
title="分配标签"
@cancel="visible = false"
>
<a-spin :spinning="labelLoad"> <a-spin :spinning="labelLoad">
<div class="content"> <div class="content">
<div <div class="items" v-for="(serive, sindex) in labelList" :key="sindex" @click="handleClickLable(sindex)"
class="items" :class="{ active: serive.isActive }">
v-for="(serive, sindex) in labelList"
:key="sindex"
@click="handleClickLable(sindex)"
:class="{ active: serive.isActive }"
>
{{ serive.name }} {{ serive.name }}
</div> </div>
</div> </div>
</a-spin> </a-spin>
</a-modal> </a-modal>
<generationModal ref="generation" @register="registerModal"> </generationModal> <generationModal ref="generation" @register="registerModal"> </generationModal>
<a-modal <a-modal title="多提单号查询" :width="400" :visible="moreFlag" @ok="moreNumSubmit" @cancel="moreFlag = false">
title="多提单号查询"
:width="400"
:visible="moreFlag"
@ok="moreNumSubmit"
@cancel="moreFlag = false"
>
<div> <div>
<a-textarea v-model:value="moreNumVal" style="height: 200px" /> <a-textarea v-model:value="moreNumVal" style="height: 200px" />
</div> </div>
@ -170,442 +125,442 @@
</div> </div>
</template> </template>
<script lang="ts" setup name="舱位台账"> <script lang="ts" setup name="舱位台账">
import { BasicTable, useTable, TableAction } from '/@/components/Table' import { BasicTable, useTable, TableAction } from '/@/components/Table'
import { import {
BookingSlotPage, BookingSlotPage,
BookingLabelList, BookingLabelList,
BookingLabelBind, BookingLabelBind,
GetMergeList, GetMergeList,
ImportSlotFromFile, ImportSlotFromFile,
PrintOrder, PrintOrder,
BookingSlotDelete, BookingSlotDelete,
} from './api' } from './api'
import { reactive, ref, h, onMounted } from 'vue' import { reactive, ref, h, onMounted } from 'vue'
import { columns, searchFormSchema, FeeStatus } from './columns' import { columns, searchFormSchema, FeeStatus } from './columns'
import { BulbFilled, CheckCircleFilled, BulbOutlined } from '@ant-design/icons-vue' import { BulbFilled, CheckCircleFilled, BulbOutlined } from '@ant-design/icons-vue'
import { useModal } from '/@/components/Modal' import { useModal } from '/@/components/Modal'
import generationModal from '../generation/index.vue' import generationModal from '../generation/index.vue'
import { formatParams } from '/@/hooks/web/common' import { formatParams } from '/@/hooks/web/common'
import { useGo } from '/@/hooks/web/usePage' import { useGo } from '/@/hooks/web/usePage'
import { useOptionsStore } from '/@/store/modules/options' import { useOptionsStore } from '/@/store/modules/options'
import { useMessage } from '../../../hooks/web/useMessage' import { useMessage } from '../../../hooks/web/useMessage'
const { createMessage } = useMessage() const { createMessage } = useMessage()
const optionsStore = useOptionsStore() const optionsStore = useOptionsStore()
const go = useGo() const go = useGo()
const queryStr = ref({}) const queryStr = ref({})
const [registerModal, { openModal }] = useModal() const [registerModal, { openModal }] = useModal()
const [ const [
registerTable, registerTable,
{ reload, setLoading, getForm, getSelectRows, setProps, setSelectedRowKeys }, { reload, setLoading, getForm, getSelectRows, setProps, setSelectedRowKeys },
] = useTable({ ] = useTable({
title: '', title: '',
api: async (p) => { api: async (p) => {
const res: API.DataResult = await BookingSlotPage(p) const res: API.DataResult = await BookingSlotPage(p)
return new Promise((resolve) => { return new Promise((resolve) => {
const arr = res.data const arr = res.data
for (let i = arr.length - 1; i >= 0; i--) { for (let i = arr.length - 1; i >= 0; i--) {
if (arr[i].bookingSlotSaleInfoList && arr[i].bookingSlotSaleInfoList.length > 1) { if (arr[i].bookingSlotSaleInfoList && arr[i].bookingSlotSaleInfoList.length > 1) {
arr[i].bookingSlotSaleInfoList.forEach((ite, index) => { arr[i].bookingSlotSaleInfoList.forEach((ite, index) => {
const data = JSON.parse(JSON.stringify(arr[i])) const data = JSON.parse(JSON.stringify(arr[i]))
delete data.bookingSlotSaleInfoList delete data.bookingSlotSaleInfoList
data.isRemark = true data.isRemark = true
data.dzmarkLoading = false data.dzmarkLoading = false
if (index === 0) { if (index === 0) {
data.isSPan = arr[i].bookingSlotSaleInfoList.length data.isSPan = arr[i].bookingSlotSaleInfoList.length
} else { } else {
data.isSPan = 0 data.isSPan = 0
} }
arr.push({ arr.push({
...ite, ...ite,
...data, ...data,
})
}) })
arr.splice(i, 1) })
} arr.splice(i, 1)
if (arr[i].bookingSlotSaleInfoList && arr[i].bookingSlotSaleInfoList.length == 1) {
arr[i].op = arr[i].bookingSlotSaleInfoList[0].op
arr[i].customerName = arr[i].bookingSlotSaleInfoList[0].customerName
arr[i].custService = arr[i].bookingSlotSaleInfoList[0].custService
arr[i].saleTime = arr[i].bookingSlotSaleInfoList[0].saleTime
arr[i].sellingPrice = arr[i].bookingSlotSaleInfoList[0].sellingPrice
arr[i].goodsName = arr[i].bookingSlotSaleInfoList[0].goodsName
arr[i].shipper = arr[i].bookingSlotSaleInfoList[0].shipper
arr[i].sale = arr[i].bookingSlotSaleInfoList[0].sale
arr[i].business = arr[i].bookingSlotSaleInfoList[0].business
arr[i].doc = arr[i].bookingSlotSaleInfoList[0].doc
}
arr[i].isRemark = true
arr[i].dzmarkLoading = false
} }
setProps({ if (arr[i].bookingSlotSaleInfoList && arr[i].bookingSlotSaleInfoList.length == 1) {
showIndexColumn: false, arr[i].op = arr[i].bookingSlotSaleInfoList[0].op
}), arr[i].customerName = arr[i].bookingSlotSaleInfoList[0].customerName
resolve({ data: arr, total: res.count }) arr[i].custService = arr[i].bookingSlotSaleInfoList[0].custService
optionsStore.getOptionsByCode('GetClientPortSelectList') arr[i].saleTime = arr[i].bookingSlotSaleInfoList[0].saleTime
}) arr[i].sellingPrice = arr[i].bookingSlotSaleInfoList[0].sellingPrice
}, arr[i].goodsName = arr[i].bookingSlotSaleInfoList[0].goodsName
beforeFetch: (p) => { arr[i].shipper = arr[i].bookingSlotSaleInfoList[0].shipper
queryStr.value = formatParams(p) arr[i].sale = arr[i].bookingSlotSaleInfoList[0].sale
return formatParams(p) arr[i].business = arr[i].bookingSlotSaleInfoList[0].business
}, arr[i].doc = arr[i].bookingSlotSaleInfoList[0].doc
columns, }
formConfig: { arr[i].isRemark = true
labelWidth: 120, arr[i].dzmarkLoading = false
schemas: searchFormSchema,
useAdvancedSearch: true,
},
isTreeTable: false,
pagination: true,
striped: true,
useSearchForm: true,
showTableSetting: true,
bordered: true,
showIndexColumn: true,
rowKey: 'id',
indexColumnProps: {
width: 60,
},
canResize: true,
resizeHeightOffset: 35,
immediate: true,
})
const generation = ref('')
function handleOpenSlot(row) {
openModal(true, { type: 'cabin', row: row })
}
function handleRowclick(record, index, event) {
console.log(record, index, event)
}
function handledbclick(record) {
go(`/CabinManagementDetail?type=edit&id=${record.id}`)
}
function handleDelete(row) {
setLoading(true)
BookingSlotDelete([row.id]).then((res) => {
if (res.succeeded) {
reload()
} else {
createMessage.error(res.message)
} }
setLoading(false) setProps({
showIndexColumn: false,
}),
resolve({ data: arr, total: res.count })
optionsStore.getOptionsByCode('GetClientPortSelectList')
}) })
} },
const labelIdArray = ref([]) beforeFetch: (p) => {
const labelList = ref([]) as any queryStr.value = formatParams(p)
const labelLoad = ref(false) return formatParams(p)
const visible = ref(false) },
function handleLabel() { columns,
const select = getSelectRows() formConfig: {
const pkIdArr = select.map((item, index) => { labelWidth: 120,
return item.id schemas: searchFormSchema,
}) useAdvancedSearch: true,
if (pkIdArr.length === 0) { },
createMessage.error('请选择要分配的数据') isTreeTable: false,
return false pagination: true,
striped: true,
useSearchForm: true,
showTableSetting: true,
bordered: true,
showIndexColumn: true,
rowKey: 'id',
indexColumnProps: {
width: 60,
},
canResize: true,
resizeHeightOffset: 35,
immediate: true,
})
const generation = ref('')
function handleOpenSlot(row) {
openModal(true, { type: 'cabin', row: row })
}
function handleRowclick(record, index, event) {
console.log(record, index, event)
}
function handledbclick(record) {
go(`/CabinManagementDetail?type=edit&id=${record.id}`)
}
function handleDelete(row) {
setLoading(true)
BookingSlotDelete([row.id]).then((res) => {
if (res.succeeded) {
reload()
} else {
createMessage.error(res.message)
} }
visible.value = true setLoading(false)
labelIdArray.value = [] })
labelLoad.value = true }
BookingLabelList({ scope: 1 }).then((res) => { const labelIdArray = ref([])
res.data.forEach((item) => { const labelList = ref([]) as any
item.isActive = false const labelLoad = ref(false)
}) const visible = ref(false)
labelList.value = res.data function handleLabel() {
labelLoad.value = false const select = getSelectRows()
}) const pkIdArr = select.map((item, index) => {
return item.id
})
if (pkIdArr.length === 0) {
createMessage.error('请选择要分配的数据')
return false
} }
function handleDeleteAll() { visible.value = true
const select = getSelectRows() labelIdArray.value = []
const pkIdArr = select.map((item, index) => { labelLoad.value = true
return item.id BookingLabelList({ scope: 1 }).then((res) => {
res.data.forEach((item) => {
item.isActive = false
}) })
if (pkIdArr.length === 0) { labelList.value = res.data
createMessage.error('请选择要删除的数据') labelLoad.value = false
return false })
}
function handleDeleteAll() {
const select = getSelectRows()
const pkIdArr = select.map((item, index) => {
return item.id
})
if (pkIdArr.length === 0) {
createMessage.error('请选择要删除的数据')
return false
}
setLoading(true)
BookingSlotDelete(pkIdArr).then((res) => {
if (res.succeeded) {
reload()
} else {
createMessage.error(res.message)
} }
setLoading(true) setLoading(false)
BookingSlotDelete(pkIdArr).then((res) => { })
if (res.succeeded) { }
reload() const moreNumVal = ref('')
} else { function moreNumSubmit() {
createMessage.error(res.message) let data = ''
moreNumVal.value
.replace(/\n|\r/g, ',')
.split(',')
.forEach((item) => {
if (item.replace(/\s*/g, '')) {
if (data) {
data = `${data},${item}`
} else {
data = item
}
} }
setLoading(false)
}) })
} getForm().setFieldsValue({
const moreNumVal = ref('') slotBookingNo: data,
function moreNumSubmit() { })
let data = '' moreFlag.value = false
moreNumVal.value }
.replace(/\n|\r/g, ',') const moreFlag = ref(false)
.split(',') function handleOpenS() {
.forEach((item) => { moreFlag.value = true
if (item.replace(/\s*/g, '')) { }
if (data) { function handleLabelBind(row) {
data = `${data},${item}` visible.value = true
} else { labelIdArray.value = []
data = item labelLoad.value = true
// setSelectedRowKeys([row.id])
BookingLabelList({ scope: 1 }).then((res) => {
res.data.forEach((item) => {
item.isActive = false
if (row.labelList) {
row.labelList.forEach((ite) => {
if (ite.id === item.id) {
item.isActive = true
} }
} })
}) }
getForm().setFieldsValue({
slotBookingNo: data,
}) })
moreFlag.value = false labelList.value = res.data
} labelLoad.value = false
const moreFlag = ref(false) })
function handleOpenS() { }
moreFlag.value = true function customRequest(data) {
} const formData = new FormData()
function handleLabelBind(row) { formData.append('file', data.file)
visible.value = true setLoading(true)
labelIdArray.value = [] ImportSlotFromFile(formData)
labelLoad.value = true .then((res) => {
// setSelectedRowKeys([row.id]) reload()
BookingLabelList({ scope: 1 }).then((res) => { setLoading(false)
res.data.forEach((item) => {
item.isActive = false
if (row.labelList) {
row.labelList.forEach((ite) => {
if (ite.id === item.id) {
item.isActive = true
}
})
}
})
labelList.value = res.data
labelLoad.value = false
}) })
} .catch((err) => {
function customRequest(data) { setLoading(false)
const formData = new FormData() })
formData.append('file', data.file) }
setLoading(true)
ImportSlotFromFile(formData)
.then((res) => {
reload()
setLoading(false)
})
.catch((err) => {
setLoading(false)
})
}
function handleAdd() { function handleAdd() {
go(`/CabinManagementDetail?type=Add`) go(`/CabinManagementDetail?type=Add`)
} }
function handleEdit(row) { function handleEdit(row) {
go(`/CabinManagementDetail?type=edit&id=${row.id}`) go(`/CabinManagementDetail?type=edit&id=${row.id}`)
} }
function handleSubmitLabel() { function handleSubmitLabel() {
const select = getSelectRows() const select = getSelectRows()
const pkIdArr = select.map((item, index) => { const pkIdArr = select.map((item, index) => {
return item.id return item.id
}) })
const arr = [] as any const arr = [] as any
labelList.value.forEach((item) => { labelList.value.forEach((item) => {
if (item.isActive) { if (item.isActive) {
arr.push(item.id) arr.push(item.id)
}
})
const data = {
labelIdArray: arr,
businessIdArray: pkIdArr,
} }
labelLoad.value = true })
BookingLabelBind(data).then((res) => { const data = {
if (res.succeeded) { labelIdArray: arr,
createMessage.success('分配成功') businessIdArray: pkIdArr,
visible.value = false
reload()
} else {
createMessage.error(res.message)
}
labelLoad.value = false
})
} }
const sumload = ref(false) labelLoad.value = true
function handleSum() { BookingLabelBind(data).then((res) => {
const select = getSelectRows() if (res.succeeded) {
const pkIdArr = select.map((item, index) => { createMessage.success('分配成功')
return item.id visible.value = false
}) reload()
if (select.length <= 1) { } else {
createMessage.warning('至少选择两条数据') createMessage.error(res.message)
return false
} }
const data = { labelLoad.value = false
mergeList: pkIdArr, })
}
const sumload = ref(false)
function handleSum() {
const select = getSelectRows()
const pkIdArr = select.map((item, index) => {
return item.id
})
if (select.length <= 1) {
createMessage.warning('至少选择两条数据')
return false
}
const data = {
mergeList: pkIdArr,
}
sumload.value = true
GetMergeList(data).then((res) => {
if (res.succeeded) {
this.$refs.generation.initSum(res.data)
} else {
createMessage.error(res.message)
} }
sumload.value = true sumload.value = false
GetMergeList(data).then((res) => { })
}
function handleClickLable(index) {
labelList.value[index].isActive = !labelList.value[index].isActive
}
const loadingExport = ref(false)
function handleSuport() {
loadingExport.value = true
if (getSelectRows().length > 0) {
const arr = []
getSelectRows().forEach((item) => {
arr.push(item.id)
})
queryStr.value.otherQueryCondition = arr.join(',')
}
PrintOrder(queryStr.value)
.then((res) => {
if (res.succeeded) { if (res.succeeded) {
this.$refs.generation.initSum(res.data) const fname = res.data //
const link = document.createElement('a')
link.href = `http://118.190.144.189:3008/LinkAttach/${res.data}`
link.setAttribute('download', fname)
document.body.appendChild(link)
link.click()
} else { } else {
createMessage.error(res.message) createMessage.error(res.message)
} }
sumload.value = false loadingExport.value = false
}) })
} .catch(() => {
function handleClickLable(index) { loadingExport.value = false
labelList.value[index].isActive = !labelList.value[index].isActive })
} }
const loadingExport = ref(false)
function handleSuport() {
loadingExport.value = true
if (getSelectRows().length > 0) {
const arr = []
getSelectRows().forEach((item) => {
arr.push(item.id)
})
queryStr.value.otherQueryCondition = arr.join(',')
}
PrintOrder(queryStr.value)
.then((res) => {
if (res.succeeded) {
const fname = res.data //
const link = document.createElement('a')
link.href = `http://118.190.144.189:3008/LinkAttach/${res.data}`
link.setAttribute('download', fname)
document.body.appendChild(link)
link.click()
} else {
createMessage.error(res.message)
}
loadingExport.value = false
})
.catch(() => {
loadingExport.value = false
})
}
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
/deep/ .ant-form-item { :deep(.ant-form-item) {
margin-bottom: 10px !important; margin-bottom: 10px !important;
} }
/deep/ .ant-card-body { :deep(.ant-card-body) {
padding-bottom: 0px !important; padding-bottom: 0px !important;
} }
.table-operator { .table-operator {
margin-bottom: 18px; margin-bottom: 18px;
} }
.Close { .Close {
height: 45px; height: 45px;
overflow: hidden; overflow: hidden;
} }
.vxe-table--render-default .vxe-body--row.row--stripe { .vxe-table--render-default .vxe-body--row.row--stripe {
background: #f5f9fe; background: #f5f9fe;
} }
.ant-card-body { .ant-card-body {
padding-top: 10px; padding-top: 10px;
} }
.inline { .inline {
position: relative; position: relative;
} }
.inline-right {
position: absolute;
top: 6px;
right: 25px;
}
.inline-right { .change {
position: absolute; display: flex;
top: 6px; justify-content: center;
right: 25px; margin-top: 25px;
div {
width: 120px;
height: 50px;
background-color: rgb(247, 249, 250);
border: 1px solid rgb(247, 249, 250);
color: rgb(105, 102, 102);
line-height: 50px;
text-align: center;
cursor: pointer;
transition: box-shadow 0.3s, background-color 0.3s;
margin-right: 10px;
} }
.change { div:hover {
display: flex; border: 1px solid #d1cfcf;
justify-content: center; }
margin-top: 25px; }
div { .content {
width: 120px; max-height: 300px;
height: 50px; overflow-y: auto;
background-color: rgb(247, 249, 250); overflow-x: hidden;
border: 1px solid rgb(247, 249, 250); width: 100%;
color: rgb(105, 102, 102);
line-height: 50px;
text-align: center;
cursor: pointer;
transition: box-shadow 0.3s, background-color 0.3s;
margin-right: 10px;
}
div:hover { &::-webkit-scrollbar {
border: 1px solid #d1cfcf; width: 0 !important;
}
} }
.content { .items {
max-height: 300px; display: inline-block;
overflow-y: auto; height: 28px;
overflow-x: hidden; line-height: 26px;
width: 100%; border: 1px dashed #ccc;
border-radius: 4px;
padding: 0 10px;
margin-top: 10px;
margin-right: 10px;
font-size: 13px;
cursor: pointer;
position: relative;
&::-webkit-scrollbar { .edit {
width: 0 !important; width: 17px;
height: 17px;
border-radius: 0 3px 0 0;
background: #c9c9c9;
display: none;
position: absolute;
right: -1px;
top: -1px;
text-align: center;
line-height: 17px;
} }
.items { &:hover {
display: inline-block; border: 1px dashed @primary-color;
height: 28px;
line-height: 26px;
border: 1px dashed #ccc;
border-radius: 4px;
padding: 0 10px;
margin-top: 10px;
margin-right: 10px;
font-size: 13px;
cursor: pointer;
position: relative; position: relative;
.edit { &::before {
width: 17px; width: 100%;
height: 17px; height: 100%;
border-radius: 0 3px 0 0; content: '';
background: #c9c9c9; background: @primary-color;
display: none; opacity: 0.08;
position: absolute; position: absolute;
right: -1px; top: 0;
top: -1px; left: 0;
text-align: center; border-radius: 4px;
line-height: 17px;
} }
&:hover { .edit {
border: 1px dashed @primary-color; display: block;
position: relative;
&::before {
width: 100%;
height: 100%;
content: '';
background: @primary-color;
opacity: 0.08;
position: absolute;
top: 0;
left: 0;
border-radius: 4px;
}
.edit {
display: block;
}
} }
}
&.active { &.active {
background: @primary-color; background: @primary-color;
border: 1px dashed @primary-color; border: 1px dashed @primary-color;
color: #fff; color: #fff;
}
} }
} }
}
/deep/ .vben-basic-table-action button { :deep(.vben-basic-table-action button) {
padding: 0 3px !important; padding: 0 3px !important;
} }
</style> </style>

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

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

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

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

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

@ -658,21 +658,7 @@
}) })
} }
</script> </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> <style lang="less" scoped>
// ---------------------- // ----------------------
.infoclientBox { .infoclientBox {

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

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

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

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

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

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

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

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

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

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

@ -377,12 +377,12 @@ function processNode(node) {
width: 50%; width: 50%;
} }
/deep/ .ant-tree-node-selected { :deep(.ant-tree-node-selected) {
color: #257afa; color: #257afa;
background-color: #f5f9fc !important; 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; padding-top: 0px !important;
} }
</style> </style>

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

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

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

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

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

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

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

Loading…
Cancel
Save