Skip to content

F
factory_front
Commit f75b0645 by wusiyi
Options

feat: podcn卡片字段展示优化

parent 120cd885
Showing with 115 additions and 22 deletions
src/views/order/pod/index.vue
...@@ -331,6 +331,26 @@ ...@@ -331,6 +331,26 @@
<img :src="item?.image" height="28" /> <img :src="item?.image" height="28" />
</div> </div>
</div> </div>
<div class="flex-row">
<el-tooltip
class="item"
effect="dark"
:content="'用户编码: ' + cardItem?.userMark"
placement="bottom"
>
<span
style="
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
display: inline-block;
"
@click.stop="copy(String(cardItem?.userMark || ''))"
>
{{ cardItem?.userMark }}
</span>
</el-tooltip>
<b <b
v-if="cardItem" v-if="cardItem"
:style="{ :style="{
...@@ -347,6 +367,7 @@ ...@@ -347,6 +367,7 @@
}} }}
</b> </b>
</div> </div>
</div>
</template> </template>
<template #info> <template #info>
<div style="font-size: 12px; padding: 14px 5px 0"> <div style="font-size: 12px; padding: 14px 5px 0">
...@@ -355,11 +376,10 @@ ...@@ -355,11 +376,10 @@
<el-tooltip <el-tooltip
class="item" class="item"
effect="dark" effect="dark"
:content="cardItem?.baseSku" :content="'Base SKU: ' + cardItem?.baseSku"
placement="bottom" placement="bottom"
> >
<span <span
title="Base SKU"
style=" style="
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
...@@ -381,14 +401,14 @@ ...@@ -381,14 +401,14 @@
<el-tooltip <el-tooltip
class="item" class="item"
effect="dark" effect="dark"
:content="'补胚数量'" :content="
'补胚数量: ' + (cardItem?.replenishmentNum || '--')
"
placement="bottom" placement="bottom"
> >
<span <span
>补胚数量：{{ >补胚数量：{{ cardItem?.replenishmentNum || '--' }}
cardItem?.replenishmentNum || '--' </span>
}}</span
>
</el-tooltip> </el-tooltip>
</el-col> </el-col>
<el-col <el-col
...@@ -397,11 +417,16 @@ ...@@ -397,11 +417,16 @@
:offset="0" :offset="0"
style="text-align: right" style="text-align: right"
> >
<span <el-tooltip
v-if="['INVALID', 'TO_BE_CONFIRMED'].includes(status)" v-if="['INVALID', 'TO_BE_CONFIRMED'].includes(status)"
class="item"
effect="dark"
:content="'数量: ' + (cardItem?.num || '--')"
placement="bottom"
> >
数量：{{ cardItem?.num }} <span> 数量：{{ cardItem?.num }} </span>
</span> </el-tooltip>
<template v-else> <template v-else>
<el-tooltip <el-tooltip
v-if="status !== 'TO_BE_REPLENISHMENT'" v-if="status !== 'TO_BE_REPLENISHMENT'"
...@@ -411,8 +436,8 @@ ...@@ -411,8 +436,8 @@
['TO_BE_REPLENISHMENT', 'IN_PRODUCTION'].includes( ['TO_BE_REPLENISHMENT', 'IN_PRODUCTION'].includes(
status, status,
) )
? '未生产数量' ? '未生产数量: ' + cardItem?.notPassNum
: '已生产数量' : '已生产数量: ' + cardItem?.passNum
" "
placement="bottom" placement="bottom"
> >
...@@ -440,8 +465,13 @@ ...@@ -440,8 +465,13 @@
align-items: center; align-items: center;
" "
> >
<el-tooltip
class="item"
effect="dark"
:content="'Variant SKU: ' + cardItem?.variantSku"
placement="bottom"
>
<span <span
title="Variant SKU"
style=" style="
display: inline-block; display: inline-block;
width: 100%; width: 100%;
...@@ -451,12 +481,15 @@ ...@@ -451,12 +481,15 @@
> >
{{ cardItem?.variantSku }} {{ cardItem?.variantSku }}
</span> </span>
</el-tooltip>
</el-col> </el-col>
<el-col :span="10" :offset="0" style="text-align: right"> <el-col :span="10" :offset="0" style="text-align: right">
<el-tooltip <el-tooltip
class="item" class="item"
effect="dark" effect="dark"
:content="'货号'" :content="
'货号: ' + (cardItem?.supplierItemNo || '--')
"
placement="bottom" placement="bottom"
> >
<span <span
...@@ -475,9 +508,13 @@ ...@@ -475,9 +508,13 @@
align-items: center; align-items: center;
" "
> >
<span>工艺：</span> <el-tooltip
class="item"
effect="dark"
:content="'工艺: ' + (cardItem?.processName || '--')"
placement="bottom"
>
<span <span
:title="String(cardItem?.processName)"
style=" style="
display: inline-block; display: inline-block;
width: 100%; width: 100%;
...@@ -485,16 +522,22 @@ ...@@ -485,16 +522,22 @@
text-overflow: ellipsis; text-overflow: ellipsis;
" "
> >
{{ cardItem?.processName }} {{ '工艺：' + (cardItem?.processName || '--') }}
</span> </span>
</el-tooltip>
</el-col> </el-col>
<el-col <el-col
:span="12" :span="12"
:offset="0" :offset="0"
style="white-space: nowrap; text-align: right" style="white-space: nowrap; text-align: right"
> >
<el-tooltip
class="item"
effect="dark"
:content="'店铺单号: ' + cardItem?.shopNumber"
placement="bottom"
>
<span <span
:title="`店铺单号:${cardItem?.shopNumber}`"
style=" style="
display: inline-block; display: inline-block;
width: 100%; width: 100%;
...@@ -504,6 +547,7 @@ ...@@ -504,6 +547,7 @@
> >
{{ cardItem?.shopNumber }} {{ cardItem?.shopNumber }}
</span> </span>
</el-tooltip>
</el-col> </el-col>
</el-row> </el-row>
<el-row style="margin-top: 5px"> <el-row style="margin-top: 5px">
...@@ -512,8 +556,15 @@ ...@@ -512,8 +556,15 @@
:offset="0" :offset="0"
style="white-space: nowrap" style="white-space: nowrap"
> >
<el-tooltip
class="item"
effect="dark"
:content="
'第三方生产单号: ' + cardItem?.thirdSubOrderNumber
"
placement="bottom"
>
<span <span
:title="`第三方生产单号:${cardItem?.thirdSubOrderNumber}`"
style=" style="
display: inline-block; display: inline-block;
width: 100%; width: 100%;
...@@ -526,15 +577,42 @@ ...@@ -526,15 +577,42 @@
> >
{{ cardItem?.thirdSubOrderNumber }} {{ cardItem?.thirdSubOrderNumber }}
</span> </span>
</el-tooltip>
</el-col> </el-col>
<el-col :span="12" :offset="0" style="text-align: right"> <el-col
:span="12"
:offset="0"
style="white-space: nowrap; text-align: right"
>
<el-tooltip
class="item"
effect="dark"
:content="'批次号: ' + cardItem?.factoryOrderNumber"
placement="bottom"
>
<span
style="
display: inline-block;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
"
@click.stop="
copy(String(cardItem?.factoryOrderNumber || ''))
"
>
{{ cardItem?.factoryOrderNumber }}
</span>
</el-tooltip>
</el-col>
<!-- <el-col :span="12" :offset="0" style="text-align: right">
<span v-if="!cardItem?.expectDeliveryTime" <span v-if="!cardItem?.expectDeliveryTime"
>期望交货时间：--</span >期望交货时间：--</span
> >
<span v-else title="期望交货时间"> <span v-else title="期望交货时间">
{{ cardItem?.expectDeliveryTime || '--' }} {{ cardItem?.expectDeliveryTime || '--' }}
</span> </span>
</el-col> </el-col> -->
</el-row> </el-row>
<el-row style="margin-top: 5px"> <el-row style="margin-top: 5px">
<el-col <el-col
...@@ -560,8 +638,15 @@ ...@@ -560,8 +638,15 @@
:offset="0" :offset="0"
style="white-space: nowrap; text-align: right" style="white-space: nowrap; text-align: right"
> >
<el-tooltip
class="item"
effect="dark"
:content="
'第三方订单号: ' + cardItem?.thirdOrderNumber
"
placement="bottom"
>
<span <span
:title="`第三方订单号:${cardItem?.thirdOrderNumber}`"
style=" style="
display: inline-block; display: inline-block;
width: 100%; width: 100%;
...@@ -574,6 +659,7 @@ ...@@ -574,6 +659,7 @@
> >
{{ cardItem?.thirdOrderNumber }} {{ cardItem?.thirdOrderNumber }}
</span> </span>
</el-tooltip>
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
...@@ -2317,6 +2403,13 @@ onBeforeUnmount(() => { ...@@ -2317,6 +2403,13 @@ onBeforeUnmount(() => {
font-size: 15px; font-size: 15px;
} }
} }
.flex-row {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 15px;
}
} }
} }
.no-data { .no-data {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment