场景上传-错误记录展示

src/views/systemManagement/sceneUploadList.vue

@@ -56,7 +56,7 @@
                 <template v-slot="scope">
                     <span
                         v-if="scope.row.errorMessage"
-                        @click="viewRow(scope.row)"
+                        @click="viewRow(scope.row.errorMessage)"
                         class="errRecord"
                         >错误记录</span
                     >
@@ -145,6 +145,20 @@
                 <el-button @click="uploadCancel">取 消</el-button>
             </span>
         </el-dialog>
+
+        <el-dialog
+            title="错误记录"
+            :visible.sync="errRocordVisible"
+            width="690px"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            :before-close="errClose"
+        >
+            <div>{{ errorMessage }}</div>
+            <span slot="footer">
+                <el-button type="primary" @click="errClose">关 闭</el-button>
+            </span>
+        </el-dialog>
     </div>
 </template>
 
@@ -257,6 +271,8 @@ export default {
             sceneTypeList: [],
             dialogVisible: false,
             file: null,
+            errRocordVisible: false,
+            errorMessage: "",
         };
     },
 
@@ -307,7 +323,14 @@ export default {
                 this.$refs.form.clearValidate();
             });
         },
-        viewRow(row) {},
+        viewRow(errorMessage) {
+            this.errorMessage = errorMessage;
+            this.errRocordVisible = true;
+        },
+        errClose() {
+            this.errRocordVisible = false;
+            this.errorMessage = "";
+        },
         uploadConfirm() {
             this.$refs.form.validate(async (valid) => {
                 if (valid) {