From a3b2d94cbfb9bea819346a1b738237f72819a833 Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期四, 12 六月 2025 13:35:33 +0800
Subject: [PATCH] 动态溯源（待完成）
---
src/views/sourcetrace/UnderwayAdvice.vue | 98 +++++++++++++++++++++++++++---------------------
1 files changed, 55 insertions(+), 43 deletions(-)
diff --git a/src/views/sourcetrace/UnderwayAdvice.vue b/src/views/sourcetrace/UnderwayAdvice.vue
index b8eaf03..9615793 100644
--- a/src/views/sourcetrace/UnderwayAdvice.vue
+++ b/src/views/sourcetrace/UnderwayAdvice.vue
@@ -26,42 +26,45 @@
</el-text>
</el-row>
</template> -->
- <TransitionGroup name="list">
- <div v-for="(item, index) in analysisResultList" :key="index">
- <template v-if="index == 0">
- <el-row justify="space-between">
- <el-text size="small">{{ item._timestr }}</el-text>
- <el-tag type="danger" effect="dark">鏈�鏂扮嚎绱�</el-tag>
- </el-row>
- <el-space>
- <el-icon color="#F56C6C" :size="40"
- ><WarnTriangleFilled
- /></el-icon>
- <el-text>
- {{ item.advice }}
- </el-text>
- </el-space>
- <el-row justify="space-between">
- <el-link type="primary" :underline="true" @click="showPolyline">
- {{ lineShow ? '鏀惰捣璺嚎' : '瀹氫綅璺嚎' }}
- </el-link>
- <el-text size="small">
- 鎺ㄨ崘璺嚎鎬婚暱{{ item.direction.distance }}绫�
- </el-text>
- </el-row>
- <el-divider>鍘嗗彶绾跨储</el-divider>
- </template>
- <template v-else>
- <el-row>
- <el-text size="small">{{ item._timestr }}</el-text>
- </el-row>
- <el-space>
- <!-- <el-icon color="#F56C6C" :size="40"><WarnTriangleFilled /></el-icon> -->
- <el-text>
- {{ item.advice }}
- </el-text>
- </el-space>
- <!-- <el-row justify="space-between">
+ <el-button icon="Plus" @click="addAdvice"></el-button>
+ <el-button icon="Minus" @click="removeAdvice"></el-button>
+ <el-scrollbar height="200">
+ <TransitionGroup name="list">
+ <div v-for="(item, index) in analysisResultList" :key="index">
+ <template v-if="index == 0">
+ <el-row justify="space-between">
+ <el-text size="small">{{ item._timestr }}</el-text>
+ <el-tag type="danger" effect="dark">鏈�鏂扮嚎绱�</el-tag>
+ </el-row>
+ <el-space>
+ <el-icon color="#F56C6C" :size="40"
+ ><WarnTriangleFilled
+ /></el-icon>
+ <el-text>
+ {{ item.advice }}
+ </el-text>
+ </el-space>
+ <el-row justify="space-between">
+ <el-link type="primary" :underline="true" @click="showPolyline">
+ {{ lineShow ? '鏀惰捣璺嚎' : '瀹氫綅璺嚎' }}
+ </el-link>
+ <el-text size="small">
+ 鎺ㄨ崘璺嚎鎬婚暱{{ item.direction.distance }}绫�
+ </el-text>
+ </el-row>
+ <el-divider>鍘嗗彶绾跨储</el-divider>
+ </template>
+ <template v-else>
+ <el-row>
+ <el-text size="small">{{ item._timestr }}</el-text>
+ </el-row>
+ <el-space>
+ <!-- <el-icon color="#F56C6C" :size="40"><WarnTriangleFilled /></el-icon> -->
+ <el-text>
+ {{ item.advice }}
+ </el-text>
+ </el-space>
+ <!-- <el-row justify="space-between">
<el-link type="primary" :underline="true" @click="showPolyline">
{{ lineShow ? '鏀惰捣璺嚎' : '瀹氫綅璺嚎' }}
</el-link>
@@ -69,10 +72,11 @@
鎺ㄨ崘璺嚎鎬婚暱{{ item.direction.distance }}绫�
</el-text>
</el-row> -->
- <el-divider></el-divider>
- </template>
- </div>
- </TransitionGroup>
+ <el-divider></el-divider>
+ </template>
+ </div>
+ </TransitionGroup>
+ </el-scrollbar>
</template>
<template #footer> </template>
</CardDialog>
@@ -144,6 +148,14 @@
function timeFormatter(time) {
return moment(time).format('YYYY-MM-DD HH:mm:ss');
}
+
+function addAdvice() {
+ analysisResultList.unshift(analysisResultList[0]);
+}
+
+function removeAdvice() {
+ analysisResultList.splice(0, 1);
+}
</script>
<style scoped>
:deep(.el-text) {
@@ -155,7 +167,7 @@
/* color: #ffd82a; */
}
</style>
-<style>
+<!-- <style>
.list-move, /* 瀵圭Щ鍔ㄤ腑鐨勫厓绱犲簲鐢ㄧ殑杩囨浮 */
.list-enter-active,
.list-leave-active {
@@ -165,7 +177,7 @@
.list-enter-from,
.list-leave-to {
opacity: 0;
- transform: translateX(30px);
+ transform: translateX(-30px);
}
/* 纭繚灏嗙寮�鐨勫厓绱犱粠甯冨眬娴佷腑鍒犻櫎
@@ -173,4 +185,4 @@
.list-leave-active {
position: absolute;
}
-</style>
+</style> -->
--
Gitblit v1.9.3