From 30748ea70f14c675743c7ea54e5c162d4a5e2839 Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期一, 21 四月 2025 17:31:15 +0800
Subject: [PATCH] 修改多个组件的展示样式
---
src/views/overlay-clue/report/ClueReport.vue | 67 +++++++++++++++++++++++++++++----
1 files changed, 58 insertions(+), 9 deletions(-)
diff --git a/src/views/overlay-clue/report/ClueReport.vue b/src/views/overlay-clue/report/ClueReport.vue
index 97f98d4..dabd554 100644
--- a/src/views/overlay-clue/report/ClueReport.vue
+++ b/src/views/overlay-clue/report/ClueReport.vue
@@ -6,7 +6,8 @@
:type="clueData.cuploaded ? 'success' : 'danger'"
@click="pushCheck"
:disabled="clueData.cuploaded"
- ><div class="flex-col">
+ >
+ <div class="flex-col">
<template v-if="clueData.cuploaded">
<el-icon><Check /></el-icon>
<div>宸�</div>
@@ -20,8 +21,30 @@
<div>鍙�</div>
<div>棣�</div>
</template>
- </div></el-button
+ </div>
+ </el-button>
+ <el-button
+ class="task-btn"
+ :type="clueTask ? 'success' : 'danger'"
+ @click="publishTask"
>
+ <div class="flex-col">
+ <template v-if="clueTask">
+ <el-icon><Check /></el-icon>
+ <div>鏌�</div>
+ <div>鐪�</div>
+ <div>浠�</div>
+ <div>鍔�</div>
+ </template>
+ <template v-else>
+ <el-icon><Upload /></el-icon>
+ <div>鍙�</div>
+ <div>甯�</div>
+ <div>浠�</div>
+ <div>鍔�</div>
+ </template>
+ </div>
+ </el-button>
<div class="fy-card">
<div class="fy-h1">绾跨储鍙嶉</div>
<el-scrollbar height="80vh" class="p-h-1">
@@ -29,9 +52,7 @@
<ClueReportConclusion
:clueId="clueData.cid"
></ClueReportConclusion>
- <ClueReportQuestion
- :clueId="clueData.cid"
- ></ClueReportQuestion>
+ <ClueReportQuestion :clueData="clueData"></ClueReportQuestion>
</el-scrollbar>
</div>
</CloseButton>
@@ -42,7 +63,7 @@
import ClueReportConclusion from './components/ClueReportConclusion.vue';
import ClueReportQuestion from './components/ClueReportQuestion.vue';
import { useMessageBoxTip } from '@/composables/messageBox';
-import clueApi from "@/api/clue/clueApi";
+import clueApi from '@/api/clue/clueApi';
export default {
components: {
@@ -59,9 +80,11 @@
},
show: Boolean
},
- emits: ['update:show'],
+ emits: ['update:show', 'pushed'],
data() {
- return {};
+ return {
+ clueTask: undefined
+ };
},
methods: {
closeEdit() {
@@ -77,7 +100,12 @@
});
},
pushClue() {
- return clueApi.pushClue(this.clueData.cid)
+ return clueApi.pushClue(this.clueData.cid).then((res) => {
+ this.$emit('pushed', res);
+ });
+ },
+ publishTask() {
+
}
}
};
@@ -104,4 +132,25 @@
border-bottom-right-radius: 0px;
/* box-shadow: var(--el-box-shadow-light); */
}
+
+.task-btn {
+ position: absolute;
+ z-index: 1;
+ bottom: 2rem;
+ left: -2.5rem;
+ width: 2.5rem;
+ height: initial;
+ margin: initial;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ /* background-color: white; */
+ /* border-color: white; */
+ /* border-top: 1px solid;
+ border-left: 1px solid;
+ border-bottom: 1px solid; */
+ border-top-right-radius: 0px;
+ border-bottom-right-radius: 0px;
+ /* box-shadow: var(--el-box-shadow-light); */
+}
</style>
--
Gitblit v1.9.3