From 2a4346f6cef77a828c03f5298d40e4e56ab3dc87 Mon Sep 17 00:00:00 2001
From: rain <1679827795@qq.com>
Date: Thu, 24 Apr 2025 10:20:02 +0800
Subject: [PATCH] 处理中和已完成的事件图片上传和处理详情必填处理,工单名称和工单内容增加文字溢出时的悬浮显示功能
---
src/views/tickets/ticket.vue | 29 +++++++++++++++++++++++++----
1 files changed, 25 insertions(+), 4 deletions(-)
diff --git a/src/views/tickets/ticket.vue b/src/views/tickets/ticket.vue
index 3c8d35e..c3934b7 100644
--- a/src/views/tickets/ticket.vue
+++ b/src/views/tickets/ticket.vue
@@ -266,7 +266,17 @@
<!-- 事件处理详情 -->
<div v-if="[3, 4, 5].includes(currentDetail.status)" class="form-section">
- <div class="section-title">事件处理详情</div>
+ <div class="section-title">
+ <!-- 处理中状态显示必填星号 -->
+ <template v-if="currentDetail.status === 3">
+ <span class="required-label">
+ <span class="required-star">*</span>事件处理详情
+ </span>
+ </template>
+ <template v-else>
+ 事件处理详情
+ </template>
+ </div>
<!-- 处理中状态显示输入框 -->
<template v-if="currentDetail.status === 3 && hasProcessedAndOverBtnPermission()">
<el-input type="textarea" v-model="currentDetail.processingDetail" placeholder="请输入事件处理详情" :rows="4"
@@ -282,7 +292,17 @@
<!-- 上传图片 -->
<div v-if="[3, 4].includes(currentDetail.status)" class="form-section" style="margin-bottom: 32px;">
- <div class="section-title" v-if="hasProcessedAndOverBtnPermission()">上传图片</div>
+ <div class="section-title" v-if="hasProcessedAndOverBtnPermission()">
+ <!-- 已完成状态显示必填星号 -->
+ <template v-if="currentDetail.status === 4">
+ <span class="required-label">
+ <span class="required-star">*</span>上传图片
+ </span>
+ </template>
+ <template v-else>
+ 上传图片
+ </template>
+ </div>
<el-upload v-if="hasProcessedAndOverBtnPermission()"
ref="upload"
:action="'#'"
@@ -303,6 +323,7 @@
(上传照片即可完结工单,只能上传jpg、jpeg、png照片,且不超过5M)
</div>
</div>
+
<!-- 图片和地图部分 -->
<div class="media-section">
<el-row :gutter="20">
@@ -544,7 +565,7 @@
column: [
// { label: "序号", prop: "id", width: 70 },
{ label: "工单编号", prop: "orderNumber", width: 150 },
- { label: "工单名称", prop: "orderName", width: 150 },
+ { label: "工单名称", prop: "orderName", width: 170, overHidden: true, tooltip: true },
{ label: "所属单位", prop: "department", width: 100 },
{ label: "发起时间", prop: "startTime", width: 160 },
{ label: "关联算法", prop: "aiType", width: 160 },
@@ -742,7 +763,7 @@
const fields = [
{ label: "工单名称", value: this.currentDetail.orderName },
{ label: "工单类型", value: this.currentDetail.type },
- { label: "关联任务", value: this.currentDetail.job_name || '暂无关联航线' },
+ { label: "关联任务", value: this.currentDetail.job_name || '/' },
{ label: "任务发起人", value: this.currentDetail.creator },
{ label: "当前状态", value: this.mapStatus(this.currentDetail.status) },
{ label: "事件地址", value: this.currentDetail.address }, // 包含经纬度信息
--
Gitblit v1.9.3