From e9d679f8f34104e21950fbc97ab78a96d178d3c8 Mon Sep 17 00:00:00 2001
From: 张含笑 <zhx18749296735@163.com>
Date: Sat, 22 Nov 2025 14:36:30 +0800
Subject: [PATCH] feat:样式调整
---
src/views/tickets/ticketComponent/TicketDetailDialog.vue | 34 ++++++++++++++++++----------------
1 files changed, 18 insertions(+), 16 deletions(-)
diff --git a/src/views/tickets/ticketComponent/TicketDetailDialog.vue b/src/views/tickets/ticketComponent/TicketDetailDialog.vue
index 2bd198d..8a4209d 100644
--- a/src/views/tickets/ticketComponent/TicketDetailDialog.vue
+++ b/src/views/tickets/ticketComponent/TicketDetailDialog.vue
@@ -157,7 +157,7 @@
placeholder="请输入事件处理详情"
:rows="4"
:maxlength="200"
- show-word-limit
+ show-word-limit
style="width: 100%; margin-bottom: 10px"
:disabled="!isCurrentUserAssigned"
/>
@@ -395,6 +395,7 @@
import { ElMessage} from 'element-plus';
const store = useStore()
const userInfo = computed(() => store.state.user.userInfo)
+const isLoading = ref(false);
// console.log('userInfo',userInfo.value);
// 定义props
const props = defineProps({
@@ -527,8 +528,13 @@
() => props.currentDetail,
(newVal) => {
if (newVal && dialogVisible.value) {
- loadStepInfo();
- initMap();
+ isLoading.value = true;
+ setTimeout(() => {
+ loadStepInfo();
+ initMap();
+ isLoading.value = false;
+ }, 50);
+
}
},
{ deep: true }
@@ -734,10 +740,9 @@
const handleComplete = async () => {
if (completeLoading.value) return;
completeLoading.value = true;
-
- try {
if (!props.currentDetail.processingDetail) {
ElMessage.warning('请先填写事件处理详情');
+ completeLoading.value = false;
return;
}
@@ -746,18 +751,15 @@
completeLoading.value = false;
return;
}
-
+ try {
const data = {
id: props.currentDetail.id,
status: props.currentDetail.status,
processingDetails: props.currentDetail.processingDetail,
eventNum: props.currentDetail.orderNumber,
};
-
const file = props.currentDetail.photos?.[0]?.raw || null;
-
const response = await flowEvent(data, file);
-
if (response.data.code === 0) {
ElMessage.success('工单已完成');
emit('detail-success');
@@ -780,8 +782,7 @@
<style lang="scss">
.custom-dialog {
- max-height: 96vh;
- transition: max-height 0.3s ease-out;
+ height: 96vh;
.el-dialog__body {
border-top: 0.1rem solid #f0f0f0;
overflow: hidden;
@@ -824,13 +825,14 @@
.step-timer {
position: absolute;
- right: 80%;
+ right: 92%;
top: 50%;
transform: translateY(-50%);
- width: 100px;
- margin-left: 4px;
+ min-width: 100px;
+
color: #666;
font-size: 12px;
+ white-space: nowrap;
}
.event-total-time {
@@ -1071,12 +1073,12 @@
}
.PopUpTableScrolls {
- max-height: calc(100vh - 380px);
+ max-height: calc(100vh - 370px);
min-height: 200px;
overflow-y: auto;
overflow-x: hidden;
padding-bottom: 30px;
- scrollbar-width: thin;
+ // scrollbar-width: thin;
}
.media-box {
width: 100%;
--
Gitblit v1.9.3