|
|
@@ -75,11 +75,13 @@
|
|
|
</a-row>
|
|
|
</a-form>
|
|
|
<div class="__cus-title_1">查验过程记录</div>
|
|
|
- <a-timeline>
|
|
|
- <template v-for="item in formData.checks">
|
|
|
- <a-timeline-item>{{ item.createTime }}<span style="margin-left: 20px"/>{{ item.checkStep }}</a-timeline-item>
|
|
|
- </template>
|
|
|
- </a-timeline>
|
|
|
+ <div class="timeline">
|
|
|
+ <a-timeline>
|
|
|
+ <template v-for="item in formData.checks">
|
|
|
+ <a-timeline-item color="#00C27C">{{ item.createTime }}<span style="margin-left: 20px"/>{{ item.checkStep }}</a-timeline-item>
|
|
|
+ </template>
|
|
|
+ </a-timeline>
|
|
|
+ </div>
|
|
|
<div class="__cus-title_1">行李物品信息</div>
|
|
|
<a-table
|
|
|
style="margin-top: 10px"
|
|
|
@@ -103,7 +105,7 @@
|
|
|
>
|
|
|
<template #bodyCell="{ column, record }">
|
|
|
<template v-if="column.dataIndex === 'license'">
|
|
|
- <a-button type="link" primary size="small" @click="onViewImg(record.license)">查看</a-button>
|
|
|
+ <a-button v-if="record.license" type="link" primary size="small" @click="onViewImg(record.license)">查看</a-button>
|
|
|
</template>
|
|
|
</template>
|
|
|
</a-table>
|
|
|
@@ -212,9 +214,19 @@ defineExpose({
|
|
|
overflow-y: auto;
|
|
|
overflow-x: hidden;
|
|
|
}
|
|
|
-:deep(.ant-timeline-item-last) {
|
|
|
- .ant-timeline-item-content {
|
|
|
- min-height: unset;
|
|
|
- }
|
|
|
+:deep(.timeline) {
|
|
|
+ padding-top: 20px;
|
|
|
+ padding-left: 20px;
|
|
|
+ .ant-timeline-item-tail {
|
|
|
+ border-inline-color: #00C27C;
|
|
|
+ }
|
|
|
+ .ant-timeline-item-content {
|
|
|
+ color: #FFFFFF;
|
|
|
+ }
|
|
|
+ .ant-timeline-item-last {
|
|
|
+ .ant-timeline-item-content {
|
|
|
+ min-height: unset;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|
CzRger