From c13de4bee39be8187cda7569249aa3139aafc31c Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期二, 18 三月 2025 09:12:47 +0800
Subject: [PATCH] 修改线索清单中的样式
---
src/views/overlay-clue/ClueLayout.vue | 96 ++++++++---------------------------------------
1 files changed, 17 insertions(+), 79 deletions(-)
diff --git a/src/views/overlay-clue/ClueLayout.vue b/src/views/overlay-clue/ClueLayout.vue
index 774d7c1..4b786b6 100644
--- a/src/views/overlay-clue/ClueLayout.vue
+++ b/src/views/overlay-clue/ClueLayout.vue
@@ -1,95 +1,33 @@
<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)"
+ ></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 now = moment(updateTime.value);
- const sTime = now.format('YYYY-MM-DD HH:mm:ss');
- const eTime = now.add(1, 'month');
- onMapMounted(() => {
- clueApi.getClue({ sTime, eTime }).then((res) => {
- clueList.value = res;
- });
- });
-};
+const selectedClue = ref();
+const show = ref(false);
/**
* 閫夋嫨绾跨储浜嬩欢
*/
const selectClue = function (clue) {
-
+ show.value = true;
+ selectedClue.value = clue;
};
</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