v1.9 优化导入详情鼠标放上去不显示错误问题

wuxw
1 parent f0891c46
Showing 1 changed file with 15 additions and 3 deletions
src/views/system/assetImportLogDetailList.vue
@@ -50,9 +50,11 @@
             </el-table-column>
             <el-table-column :label="$t('assetImportLogDetail.description')" align="center">
               <template slot-scope="scope">
-                <div class="textAuto" style="max-width: 200px;">
-                  {{ scope.row.message }}
-                </div>
+                <el-tooltip :content="scope.row.message" placement="top" :disabled="!scope.row.message || scope.row.message.length <= 20" popper-class="custom-tooltip">
+                  <div class="textAuto" style="max-width: 200px;">
+                    {{ scope.row.message }}
+                  </div>
+                </el-tooltip>
               </template>
             </el-table-column>
           </el-table>
@@ -210,4 +212,14 @@ export default {
   margin-top: 15px;
   text-align: right;
 }
+
+/* 自定义 tooltip 样式 */
+</style>
+
+<style>
+.custom-tooltip {
+  max-width: 600px !important;
+  word-wrap: break-word !important;
+  word-break: break-all !important;
+}
 </style>
 \ No newline at end of file