|
|
@@ -1,11 +1,22 @@
|
|
|
<template>
|
|
|
<div class="full-container-p24">
|
|
|
+ <i class="el-icon-arrow-left"></i>
|
|
|
+ <div
|
|
|
+ class="dib go-back ml8 mb20 pointer"
|
|
|
+ @click="router.replace('/voyage/dailyList')"
|
|
|
+ >
|
|
|
+ 返回日报列表
|
|
|
+ </div>
|
|
|
<el-card>
|
|
|
<div class="df">
|
|
|
- <el-card v-for="item in medias" class="mr20">
|
|
|
+ <el-card v-for="item in medias" :key="item" class="mr20">
|
|
|
<div style="width: 160px">
|
|
|
- <div class="title m0a mb10">{{ item.shipName }}</div>
|
|
|
- <div class="time m0a mb10">{{ item.createTime }}</div>
|
|
|
+ <div class="title m0a mb5 c3">{{ item.shipName }} 拍摄于</div>
|
|
|
+ <div class="time m0a mb5 c3">{{ item.createTime }}</div>
|
|
|
+ <div class="time m0a mb5 c3">
|
|
|
+ 天气 : {{ item.weather?.weather }} - 气温 :
|
|
|
+ {{ item.weather?.temperature }}℃
|
|
|
+ </div>
|
|
|
<el-image
|
|
|
class="m0a mb20"
|
|
|
:src="item.viewUrl"
|
|
|
@@ -81,9 +92,7 @@ onMounted(() => {
|
|
|
.df {
|
|
|
font-size: 14px;
|
|
|
}
|
|
|
-.m0a {
|
|
|
- margin: 0 auto;
|
|
|
-}
|
|
|
+
|
|
|
.mb10 {
|
|
|
margin-bottom: 10px;
|
|
|
}
|
|
|
@@ -91,4 +100,8 @@ onMounted(() => {
|
|
|
.mb20 {
|
|
|
margin-bottom: 20px;
|
|
|
}
|
|
|
+
|
|
|
+.c3 {
|
|
|
+ color: #333;
|
|
|
+}
|
|
|
</style>
|
