From 4a836815f12e8ba717702cc8ed431e1b4f96134c Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期五, 25 四月 2025 13:55:34 +0800
Subject: [PATCH] 新增内部线索相关管理逻辑
---
src/views/overlay-clue/ClueLayout.vue | 101 ++++++++++++--------------------------------------
1 files changed, 24 insertions(+), 77 deletions(-)
diff --git a/src/views/overlay-clue/ClueLayout.vue b/src/views/overlay-clue/ClueLayout.vue
index eab7e20..c250f2d 100644
--- a/src/views/overlay-clue/ClueLayout.vue
+++ b/src/views/overlay-clue/ClueLayout.vue
@@ -1,91 +1,38 @@
<template>
- <el-row class="container">
- <el-col :span="6" class="grid-content bg-content">
- <div class="title">涓嬪彂绾跨储娓呭崟</div>
- <div class="search-wrap">
- <span>鏃堕棿</span>
- <el-date-picker
- v-model="updateTime"
- type="datetime"
- placeholder="閫夋嫨鏃ユ湡鍜屾椂闂�"
- />
- <el-button type="primary" @click="getClues">鏌ヨ</el-button>
- </div>
- <ClueList
- :dataList="clueList"
- @itemSelected="selectClue"
- ></ClueList>
+ <el-row class="fy-overlay-container" justify="space-between">
+ <el-col :span="6">
+ <ClueManage @itemSelected="selectClue"></ClueManage>
</el-col>
- <el-col :span="6" class="grid-content bg-content-1">
- <ClueReport></ClueReport>
+ <el-col :span="6">
+ <ClueReport
+ v-model:show="show"
+ :clueData="selectedClue"
+ @pushed="(e) => (selectedClue.cuploaded = e)"
+ @onClueTaskChange="handleClueTaskChange"
+ ></ClueReport>
</el-col>
</el-row>
</template>
<script setup>
-import ClueList from './components/ClueList.vue';
-import ClueReport from './components/ClueReport.vue';
+import ClueManage from './list/ClueManage.vue';
+import ClueReport from './report/ClueReport.vue';
+import { ref } from 'vue';
-import clueApi from '@/api/clue/clueApi';
-import { onMapMounted } from '@/components/map/baseMap';
-import moment from 'moment';
-import { ref, watch } from 'vue';
-
-// 涓嬪彂鏃堕棿锛堟瘡娆℃煡璇㈠ぇ浜庢鏃堕棿鐨勬暟鎹級
-const updateTime = ref(new Date());
-// 绾跨储娓呭崟
-const clueList = ref([]);
-
-/**
- * 鏌ヨ宸蹭笅鍙戠殑绾跨储娓呭崟
- */
-const getClues = function () {
- const time = moment(updateTime.value).format('YYYY-MM-DD HH:mm:ss');
- onMapMounted(() => {
- clueApi.getClues(time).then((res) => {
- clueList.value = res;
- });
- });
-};
+const selectedClue = ref();
+const show = ref(false);
/**
* 閫夋嫨绾跨储浜嬩欢
*/
-const selectClue = function (clue) {};
+const selectClue = function (clue) {
+ show.value = true;
+ selectedClue.value = clue;
+};
+
+function handleClueTaskChange() {
+ selectedClue.value.taskCount = 1;
+}
</script>
-<style scoped>
-.title {
- font-size: var(--el-font-size-large);
-}
-
-.container {
- pointer-events: none;
-}
-
-.grid-content {
- /* min-width: 180px; */
- border-radius: 4px;
- display: flex;
- flex-direction: column;
- gap: 16px;
- padding: 8px 8px;
- pointer-events: auto;
-}
-
-.bg-content {
- height: 90vh;
- background: white;
- min-width: calc(var(--screen-min-width) / 6);
-}
-
-.bg-content-1 {
- height: 90vh;
- background: white;
-}
-
-.search-wrap {
- display: flex;
- gap: 4px;
-}
-</style>
+<style scoped></style>
--
Gitblit v1.9.3