From 5aa960a437900a8d06d595cb52c0df435570799e Mon Sep 17 00:00:00 2001
From: caoqianming <caoqianming@foxmail.com>
Date: Mon, 27 Jul 2026 10:51:50 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=97=A5=E5=BF=97=E5=B7=A5=E8=89=BA?=
 =?UTF-8?q?=E6=AD=A5=E9=AA=A4=E6=98=BE=E7=A4=BA=E6=89=80=E5=B1=9E=E8=B7=AF?=
 =?UTF-8?q?=E7=BA=BF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/wpm_bx/mlog_form.vue    | 6 +++++-
 src/views/wpm_bx/mlogb_form.vue   | 7 +++++--
 src/views/wpm_gx/f_mlogs_form.vue | 7 +++++--
 src/views/wpm_gx/fmlog_form.vue   | 6 +++++-
 src/views/wpm_gx/mlog_form.vue    | 7 +++++--
 src/views/wpm_gx/mlogb_form.vue   | 7 +++++--
 6 files changed, 30 insertions(+), 10 deletions(-)

diff --git a/src/views/wpm_bx/mlog_form.vue b/src/views/wpm_bx/mlog_form.vue
index fd7b4d1e..17a41913 100644
--- a/src/views/wpm_bx/mlog_form.vue
+++ b/src/views/wpm_bx/mlog_form.vue
@@ -53,9 +53,13 @@
 									<el-option
 										v-for="item in routeOptions"
 										:key="item.id"
-										:label="item.name"
+										:label="item.name + (item.routepack_name ? '（' + item.routepack_name + '）' : '')"
 										:value="item.id"
 									>
+										<span style="display: flex; width: 100%; min-width: 0" :title="item.name + (item.routepack_name ? '（' + item.routepack_name + '）' : '')">
+											<span style="flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap">{{ item.name }}</span>
+											<span v-if="item.routepack_name" style="max-width: 45%; flex-shrink: 0; overflow: hidden; color: var(--el-text-color-secondary); text-overflow: ellipsis; white-space: nowrap">（{{ item.routepack_name }}）</span>
+										</span>
 									</el-option>
 								</el-select>
 							</el-form-item>
diff --git a/src/views/wpm_bx/mlogb_form.vue b/src/views/wpm_bx/mlogb_form.vue
index 695b418b..b0d539c3 100644
--- a/src/views/wpm_bx/mlogb_form.vue
+++ b/src/views/wpm_bx/mlogb_form.vue
@@ -31,10 +31,13 @@
 									<el-option
 										v-for="item in routeOptions"
 										:key="item.id"
-										:label="item.name"
+										:label="item.name + (item.routepack_name ? '（' + item.routepack_name + '）' : '')"
 										:value="item.id"
 									>
-									<span>[{{ item.routepack_name }}]{{ item.name }}</span>
+										<span style="display: flex; width: 100%; min-width: 0" :title="item.name + (item.routepack_name ? '（' + item.routepack_name + '）' : '')">
+											<span style="flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap">{{ item.name }}</span>
+											<span v-if="item.routepack_name" style="max-width: 45%; flex-shrink: 0; overflow: hidden; color: var(--el-text-color-secondary); text-overflow: ellipsis; white-space: nowrap">（{{ item.routepack_name }}）</span>
+										</span>
 									</el-option>
 								</el-select>
 							</el-form-item>
diff --git a/src/views/wpm_gx/f_mlogs_form.vue b/src/views/wpm_gx/f_mlogs_form.vue
index c8439512..ca1a10d2 100644
--- a/src/views/wpm_gx/f_mlogs_form.vue
+++ b/src/views/wpm_gx/f_mlogs_form.vue
@@ -28,10 +28,13 @@
 							<el-option
 								v-for="item in routeOptions"
 								:key="item.id"
-								:label="item.name"
+								:label="item.name + (item.routepack_name ? '（' + item.routepack_name + '）' : '')"
 								:value="item.id"
 							>
-								<span>[{{ item.routepack_name }}]{{ item.name }}</span>
+								<span style="display: flex; width: 100%; min-width: 0" :title="item.name + (item.routepack_name ? '（' + item.routepack_name + '）' : '')">
+									<span style="flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap">{{ item.name }}</span>
+									<span v-if="item.routepack_name" style="max-width: 45%; flex-shrink: 0; overflow: hidden; color: var(--el-text-color-secondary); text-overflow: ellipsis; white-space: nowrap">（{{ item.routepack_name }}）</span>
+								</span>
 							</el-option>
 						</el-select>
 					</el-form-item>
diff --git a/src/views/wpm_gx/fmlog_form.vue b/src/views/wpm_gx/fmlog_form.vue
index 32f73e25..c6ab77b3 100644
--- a/src/views/wpm_gx/fmlog_form.vue
+++ b/src/views/wpm_gx/fmlog_form.vue
@@ -48,9 +48,13 @@
 									<el-option
 										v-for="item in routeOptions"
 										:key="item.id"
-										:label="item.name"
+										:label="item.name + (item.routepack_name ? '（' + item.routepack_name + '）' : '')"
 										:value="item.id"
 									>
+										<span style="display: flex; width: 100%; min-width: 0" :title="item.name + (item.routepack_name ? '（' + item.routepack_name + '）' : '')">
+											<span style="flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap">{{ item.name }}</span>
+											<span v-if="item.routepack_name" style="max-width: 45%; flex-shrink: 0; overflow: hidden; color: var(--el-text-color-secondary); text-overflow: ellipsis; white-space: nowrap">（{{ item.routepack_name }}）</span>
+										</span>
 									</el-option>
 								</el-select>
 							</el-form-item>
diff --git a/src/views/wpm_gx/mlog_form.vue b/src/views/wpm_gx/mlog_form.vue
index c7055a85..1956e00f 100644
--- a/src/views/wpm_gx/mlog_form.vue
+++ b/src/views/wpm_gx/mlog_form.vue
@@ -49,10 +49,13 @@
 							<el-option
 								v-for="item in routeOptions"
 								:key="item.id"
-								:label="item.name"
+								:label="item.name + (item.routepack_name ? '（' + item.routepack_name + '）' : '')"
 								:value="item.id"
 							>
-							<span>[{{ item.routepack_name }}]{{ item.name }}</span>
+								<span style="display: flex; width: 100%; min-width: 0" :title="item.name + (item.routepack_name ? '（' + item.routepack_name + '）' : '')">
+									<span style="flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap">{{ item.name }}</span>
+									<span v-if="item.routepack_name" style="max-width: 45%; flex-shrink: 0; overflow: hidden; color: var(--el-text-color-secondary); text-overflow: ellipsis; white-space: nowrap">（{{ item.routepack_name }}）</span>
+								</span>
 							</el-option>
 						</el-select>
 					</el-form-item>
diff --git a/src/views/wpm_gx/mlogb_form.vue b/src/views/wpm_gx/mlogb_form.vue
index e0da3d23..34b85920 100644
--- a/src/views/wpm_gx/mlogb_form.vue
+++ b/src/views/wpm_gx/mlogb_form.vue
@@ -28,10 +28,13 @@
 							<el-option
 								v-for="item in routeOptions"
 								:key="item.id"
-								:label="item.name"
+								:label="item.name + (item.routepack_name ? '（' + item.routepack_name + '）' : '')"
 								:value="item.id"
 							>
-							<span>[{{ item.routepack_name }}]{{ item.name }}</span>
+								<span style="display: flex; width: 100%; min-width: 0" :title="item.name + (item.routepack_name ? '（' + item.routepack_name + '）' : '')">
+									<span style="flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap">{{ item.name }}</span>
+									<span v-if="item.routepack_name" style="max-width: 45%; flex-shrink: 0; overflow: hidden; color: var(--el-text-color-secondary); text-overflow: ellipsis; white-space: nowrap">（{{ item.routepack_name }}）</span>
+								</span>
 							</el-option>
 						</el-select>
 					</el-form-item>