From 75045862e8135b63cb20a61bbf213d2e143bdd69 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=96=87=E7=9D=BF=20=E5=BC=A0?= <zzz0217asdf@163.com>
Date: Wed, 14 Oct 2026 17:29:24 +0800
Subject: [PATCH] =?UTF-8?q?=E7=89=A9=E6=96=99=E8=AF=A6=E6=83=85=E9=A1=B5?=
 =?UTF-8?q?=E5=A4=87=E6=B3=A8=E7=8B=AC=E5=8D=A0=E4=B8=80=E8=A1=8C=E5=B9=B6?=
 =?UTF-8?q?=E8=87=AA=E5=8A=A8=E6=8A=98=E8=A1=8C=EF=BC=8C=E5=BC=B9=E7=AA=97?=
 =?UTF-8?q?=E5=8A=A0=E5=AE=BD=EF=BC=8C=E8=A7=84=E6=A0=BC=E6=A0=87=E9=80=89?=
 =?UTF-8?q?=E5=A1=AB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/Materials.vue | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/frontend/src/views/Materials.vue b/frontend/src/views/Materials.vue
index 123edcd4..fd60be63 100644
--- a/frontend/src/views/Materials.vue
+++ b/frontend/src/views/Materials.vue
@@ -90,7 +90,7 @@
       </el-table-column>
     </BaseTable>
 
-    <el-dialog v-model="dialogVisible" :title="dialogTitle" width="600px" @close="handleDialogClose">
+    <el-dialog v-model="dialogVisible" :title="dialogTitle" width="750px" @close="handleDialogClose">
       <!-- 本公司没有任何可用分类时，建档会卡在“选不出大类/小类”，这里给出明确的配置入口。 -->
       <el-alert
         v-if="isCreating && majorCategories.length === 0"
@@ -116,7 +116,7 @@
           <el-input v-model="form.name" />
         </el-form-item>
         <el-form-item label="规格">
-          <el-input v-model="form.spec" />
+          <el-input v-model="form.spec" placeholder="选填" />
         </el-form-item>
         <el-form-item label="来源">
           <el-select v-model="form.source" clearable placeholder="选填" style="width: 100%">
@@ -160,7 +160,7 @@
           <img v-if="imagePreview" :src="imagePreview" style="max-width:200px;margin-top:10px;" />
         </el-form-item>
       </el-form>
-      <el-descriptions v-else-if="detailRow" :column="2" border>
+      <el-descriptions v-else-if="detailRow" :column="2" border label-width="90px">
         <el-descriptions-item label="物料编码">{{ detailRow.material_code }}</el-descriptions-item>
         <el-descriptions-item label="ID">{{ detailRow.id }}</el-descriptions-item>
         <el-descriptions-item label="名称">{{ detailRow.name }}</el-descriptions-item>
@@ -173,7 +173,7 @@
         <el-descriptions-item label="制造商">{{ detailRow.manufacturer_name || '-' }}</el-descriptions-item>
         <el-descriptions-item label="创建时间">{{ formatDate(detailRow.created_at, MATERIAL_DATE_OPTIONS) }}</el-descriptions-item>
         <el-descriptions-item label="更新时间">{{ formatDate(detailRow.updated_at, MATERIAL_DATE_OPTIONS) }}</el-descriptions-item>
-        <el-descriptions-item label="备注">{{ detailRow.remark || '-' }}</el-descriptions-item>
+        <el-descriptions-item label="备注" :span="2" class-name="material-remark">{{ detailRow.remark || '-' }}</el-descriptions-item>
         <el-descriptions-item label="物料图片" :span="2">
           <el-image
             v-if="detailRow.material_image"
@@ -747,4 +747,10 @@ useOrganizationSwitchGuard(() => hasUnsavedChanges.value)
   flex: 1;
   min-width: 0;
 }
+/* 备注可能是没有空格的长 URL（找不到断行点会撑破单元格），也可能是多行文本。
+   pre-wrap 保留原本的换行与空格，break-all 让长 URL 能在任意字符处折行。 */
+:deep(.material-remark) {
+  white-space: pre-wrap;
+  word-break: break-all;
+}
 </style>