From 1f96f089eb3546c682313d29513be04ac72e2de5 Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期二, 31 十月 2023 16:21:08 +0800
Subject: [PATCH] Merge branch 'master' of ssh://114.215.109.124:29418/grid-management-vue
---
src/views/overlay-clue/list/ClueManage.vue | 80 ++++++++++++++++++++++++++++++++++++++++
1 files changed, 80 insertions(+), 0 deletions(-)
diff --git a/src/views/overlay-clue/list/ClueManage.vue b/src/views/overlay-clue/list/ClueManage.vue
new file mode 100644
index 0000000..8519370
--- /dev/null
+++ b/src/views/overlay-clue/list/ClueManage.vue
@@ -0,0 +1,80 @@
+<template>
+ <div class="fy-card">
+ <div class="fy-h1">绾跨储娓呭崟</div>
+ <div class="fy-flex-row">
+ <span>鏃堕棿</span>
+ <el-date-picker
+ v-model="updateTime"
+ type="datetime"
+ placeholder="閫夋嫨鏃ユ湡鍜屾椂闂�"
+ />
+ <el-button type="primary" @click="getClues">鏌ヨ</el-button>
+ <el-button type="primary" @click="fetchRemoteClue" plain
+ >鎷夊彇绾跨储</el-button
+ >
+ </div>
+ <el-scrollbar height="70vh" class="p-h-1">
+ <ClueList
+ :dataList="clueList"
+ @itemSelected="selectClue"
+ ></ClueList>
+ </el-scrollbar>
+ </div>
+</template>
+
+<script setup>
+import ClueList from './components/ClueList.vue';
+
+import clueApi from '@/api/clue/clueApi';
+import { onMapMounted } from '@/components/map/baseMap';
+import moment from 'moment';
+import { ref, onMounted } from 'vue';
+
+const emits = defineEmits('itemSelected');
+
+// 涓嬪彂鏃堕棿锛堟瘡娆℃煡璇㈠ぇ浜庢鏃堕棿鐨勬暟鎹級
+const updateTime = ref();
+// 绾跨储娓呭崟
+const clueList = ref([]);
+
+/**
+ * 鏌ヨ宸蹭笅鍙戠殑绾跨储娓呭崟
+ */
+const getClues = function () {
+ let sTime;
+ let eTime;
+ if (updateTime.value) {
+ const now = moment(updateTime.value);
+ sTime = now.format('YYYY-MM-DD HH:mm:ss');
+ eTime = now.add(1, 'month').format('YYYY-MM-DD HH:mm:ss');
+ }
+ onMapMounted(() => {
+ clueApi.getClue({ sTime, eTime }).then((res) => {
+ clueList.value = res;
+ });
+ });
+};
+
+function fetchRemoteClue() {
+ const time = moment(updateTime.value).format('YYYY-MM-DD HH:mm:ss');
+ onMapMounted(() => {
+ clueApi.fetchRemoteClue(time).then((res) => {
+ clueList.value = res;
+ });
+ });
+}
+
+/**
+ * 閫夋嫨绾跨储浜嬩欢
+ */
+const selectClue = function (clue) {
+ emits('itemSelected', clue);
+};
+
+onMounted(() => {
+ getClues();
+});
+</script>
+<style scoped>
+
+</style>
\ No newline at end of file
--
Gitblit v1.9.3