|
@@ -59,12 +59,14 @@
|
|
|
<div class="last-photo" v-show="showlastPhoto && (lastPhoto as any)?.file_path" v-key="(lastPhoto as any)?.file_path">
|
|
<div class="last-photo" v-show="showlastPhoto && (lastPhoto as any)?.file_path" v-key="(lastPhoto as any)?.file_path">
|
|
|
<el-button
|
|
<el-button
|
|
|
class="close-btn"
|
|
class="close-btn"
|
|
|
- type="danger"
|
|
|
|
|
icon="Close"
|
|
icon="Close"
|
|
|
circle
|
|
circle
|
|
|
@click="closeLastPhoto"
|
|
@click="closeLastPhoto"
|
|
|
/>
|
|
/>
|
|
|
- <el-image :src="getFilePath((lastPhoto as any)?.file_path || '')" fit="contain" ></el-image>
|
|
|
|
|
|
|
+ <div class="last-photo-content">
|
|
|
|
|
+ <div class="action-name-tag" v-if="(lastPhoto as any)?.action_name">{{ (lastPhoto as any)?.action_name }}</div>
|
|
|
|
|
+ <el-image :src="getFilePath((lastPhoto as any)?.file_path || '')" fit="contain" ></el-image>
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="history-section flex-col koutu-section">
|
|
<div class="history-section flex-col koutu-section">
|
|
@@ -931,9 +933,29 @@ watch(goodsList, () => {
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
+ .last-photo-content {
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ height: 100%;
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ flex-direction: column;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ justify-content: center;
|
|
|
|
|
+
|
|
|
|
|
+ .action-name-tag {
|
|
|
|
|
+ background: rgba(41, 87, 255, 0.9);
|
|
|
|
|
+ color: #fff;
|
|
|
|
|
+ padding: 8px 20px;
|
|
|
|
|
+ border-radius: 20px;
|
|
|
|
|
+ font-size: 16px;
|
|
|
|
|
+ font-weight: 500;
|
|
|
|
|
+ margin-bottom: 15px;
|
|
|
|
|
+ box-shadow: 0 2px 8px rgba(41, 87, 255, 0.4);
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
.el-image {
|
|
.el-image {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
- height:100%;
|
|
|
|
|
|
|
+ height: calc(100% - 60px);
|
|
|
display: block;
|
|
display: block;
|
|
|
|
|
|
|
|
.el-image__inner {
|
|
.el-image__inner {
|