2025/8/8

src/views/modules/project/projectInfo/com_project_info_part.vue

@@ -900,23 +900,30 @@
     </el-dialog>
 
     <el-dialog
-      :title="'提示'"
       :visible.sync="uploadMessageDialogVisible"
       :close-on-click-modal="false"
-      width="500px"
+      width="430px"
+      class="confirm-like-dialog"
+      v-drag
+      :height="'50vh'"
       append-to-body
       @close="uploadMessageDialogVisible = false">
-      <div class="message-content">
+      <div class="custom-dialog-header">
+        <span class="dialog-title">错误</span>
+      </div>
+      <div class="custom-dialog-body">
         <div
           v-for="(message, index) in messages"
-          :key="index"
-          class="message-item">
-          {{ message }}
+          class="message-item"
+          :key="index">
+          <span class="left-part">{{ message.split(':')[0] }}:</span>
+          <span class="spacer"></span>
+          <span class="right-part">{{ message.split(':')[1] }}</span>
         </div>
       </div>
       <span slot="footer" class="dialog-footer">
-      <el-button type="primary" @click="uploadMessageDialogVisible = false">确 定</el-button>
-    </span>
+        <el-button size="small" type="primary" @click="uploadMessageDialogVisible = false">关闭</el-button>
+      </span>
     </el-dialog>
 
     <!-- 导入 -->
@@ -3633,6 +3640,11 @@ import {downLoadFile, queryFileId, readPartFromFile} from "../../../../api/part/
           if (data && data.code === 0) {
             if (data.rows.list.length > 0) {
               if(typeof data.rows.list[0] ==='string'){
+                // this.$confirm('文件中有数据错误，请查看错误信息', '错误', {
+                //   confirmButtonText: '确定',
+                //   cancelButtonText: '取消',
+                //   type: 'warning',
+                // })
                 this.messages = data.rows.list
                 this.uploadMessageDialogVisible = true
               } else {
@@ -3658,7 +3670,50 @@ import {downLoadFile, queryFileId, readPartFromFile} from "../../../../api/part/
 </script>
 
 <style scoped>
-.el-message-box__message {
-  white-space: pre-line;
+.left-part {
+  flex-shrink: 0;
+  white-space: nowrap;
+  text-align: left !important;
+}
+
+.right-part {
+  flex: 1 !important;
+  text-align: right !important;
+}
+
+.spacer {
+  flex: 1;
+  min-width: 10px;
+}
+
+.message-item {
+  display: flex;
+  width: 100%;
+}
+
+.confirm-like-dialog {
+  border-radius: 8px;
+  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
+}
+
+.custom-dialog-header {
+  display: flex;
+  align-items: center;
+  padding: 5px 0;
+  font-size: 18px;
+  color: #333;
+  margin-right: 10px;
+}
+
+.dialog-title {
+  font-weight: 400;
+}
+
+.custom-dialog-body {
+  font-size: 14px;
+  margin-top: 1px;
+  color: #606266;
+  line-height: 1.6;
+  padding: 0 5px;
 }
 </style>