|
@@ -2,24 +2,23 @@
|
|
|
<!--结果对比 -->
|
|
|
<div class="resultyem" v-show="resultyem">
|
|
|
<div class="publicleft">
|
|
|
- <h1>目标页</h1>
|
|
|
- <router-link :to="{path:'/resultLeft'}">目标页</router-link>
|
|
|
+ <div class="resultime">
|
|
|
+ <div class="text">指定时间</div>
|
|
|
+ <div class="time">{{timeline}}</div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
|
|
|
<div class="result_left results">
|
|
|
<!-- <resultLeft/> -->
|
|
|
- <router-view name="resultLeft">
|
|
|
- <resultLeft/>
|
|
|
+ <router-view name="goods">
|
|
|
+ <!-- <resultLeft/> -->
|
|
|
</router-view>
|
|
|
- <router-view>
|
|
|
+ <router-view name="orderinfo">
|
|
|
</router-view>
|
|
|
</div>
|
|
|
<div class="result_right results">
|
|
|
|
|
|
- <!-- <router-view name="resultRight"> -->
|
|
|
- <!-- <h1>右边result_right</h1> -->
|
|
|
- <!-- <resultRight/> -->
|
|
|
- <!-- </router-view> -->
|
|
|
+
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
@@ -29,7 +28,10 @@
|
|
|
import { request, uploadFile } from "@/utils/request";
|
|
|
import resultLeft from "./result/resultLeft.vue";
|
|
|
import resultRight from "./result/resultRight.vue"
|
|
|
+ import { timestampToTime } from "@/js/lindex.js";
|
|
|
let resultyem=ref(false);
|
|
|
+let timeline=ref("2024-03-03 14:00");
|
|
|
+let timing = ref(null);
|
|
|
const accident6 = (key) => {
|
|
|
if (key == "5") {
|
|
|
resultyem.value=true;
|
|
@@ -37,6 +39,16 @@ const accident6 = (key) => {
|
|
|
resultyem.value= false;
|
|
|
}
|
|
|
};
|
|
|
+const newtime=()=>{
|
|
|
+ timing.value = setInterval(() => {
|
|
|
+ const timestamp = new Date().getTime();
|
|
|
+ timeline.value = timestampToTime(timestamp);
|
|
|
+
|
|
|
+ }, 1000);
|
|
|
+}
|
|
|
+onMounted(() => {
|
|
|
+ newtime()
|
|
|
+});
|
|
|
defineExpose({accident6});
|
|
|
</script>
|
|
|
<style scoped>
|
|
@@ -66,4 +78,33 @@ color:#fff;
|
|
|
box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
|
|
|
/* border:1px solid #fff */
|
|
|
}
|
|
|
+.resultime{
|
|
|
+ height: 70px;
|
|
|
+ border-bottom: 1px solid;
|
|
|
+ border-image: linear-gradient(347deg, rgb(16, 92, 240), rgb(18, 48, 102)) 1 1;
|
|
|
+
|
|
|
+}
|
|
|
+.resultime .text{
|
|
|
+font-size: 14px;
|
|
|
+width: 88px;
|
|
|
+font-weight: bold;
|
|
|
+line-height: 70px;
|
|
|
+text-align: center;
|
|
|
+display: inline-block;
|
|
|
+border-right: 1px solid;
|
|
|
+border-image: linear-gradient(347deg, rgb(16, 92, 240), rgb(18, 48, 102)) 1 1;
|
|
|
+float: left;
|
|
|
+}
|
|
|
+.resultime .time{
|
|
|
+line-height: 70px;
|
|
|
+font-family: Microsoft YaHei UI, Microsoft YaHei UI;
|
|
|
+font-weight: bold;
|
|
|
+font-size: 14px;
|
|
|
+color: #FF0F0F;
|
|
|
+line-height: 70px;
|
|
|
+text-align: left;
|
|
|
+text-align: center;
|
|
|
+font-style: normal;
|
|
|
+text-transform: none;
|
|
|
+}
|
|
|
</style>
|