2025.7.18 动态溯源-测试版本

riku

2025-07-18 306ef09707d6bcf9ffa67de55f86ab6f4362deee

 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> -->