考勤申诉 加图片展示

src/views/workBenchManager/payAppeal.vue

@@ -6,7 +6,7 @@
       考勤申诉
     </h2>
     <div class="m-core">
-      <save-form :inline="true" :model.sync="searchForm" ref='searchForm'>
+      <save-form :inline="true" :model.sync="searchForm" ref="searchForm">
         <el-form-item>
           <el-input
             v-model.trim="searchForm.search"
@@ -163,11 +163,22 @@
     </div>
     <el-dialog title="考勤申诉" :visible.sync="dialogVisible" width="400px">
       <div>
-        <div class="titleP">
-          <p>签到时间:{{ visibleForm.signInTime }}</p>
-          <p>签退时间:{{ visibleForm.signOutTime }}</p>
-        </div>
         <el-form ref="visibleForm" :model="visibleForm" class="visibleForm">
+          <el-form-item label="签到时间">
+            {{ visibleForm.signInTime }}
+          </el-form-item>
+          <el-form-item label="签退时间">
+            {{ visibleForm.signOutTime }}
+          </el-form-item>
+          <el-form-item label="申诉图片">
+            <el-image
+              style="width: 100px; height: 100px"
+              fit="cover"
+              :src="visibleForm.url"
+              :preview-src-list="visibleForm.srcList"
+            >
+            </el-image>
+          </el-form-item>
           <el-form-item
             label="申诉内容"
             :rules="[
@@ -272,6 +283,7 @@ export default {
         teacherAttendanceId: null,
         reSignInStatus: null,
         reSignOutStatus: null,
+        url: null,
       },
     };
   },
@@ -279,7 +291,7 @@ export default {
   created() {},
   //生命周期 - 挂载完成（可以访问DOM元素）
   async mounted() {
-    await this.$store.dispatch('setBranchs')
+    await this.$store.dispatch("setBranchs");
 
     this.init();
   },
@@ -409,6 +421,8 @@ export default {
         // reSignOutStatus: row.signOutStatus == 1 ? true : false,
         reSignInStatus: null,
         reSignOutStatus: null,
+        url: row.url.split(",")[0],
+        srcList: row.url.split(","),
       };
       this.dialogVisible = true;
     },
@@ -435,4 +449,4 @@ export default {
 .titleP {
   line-height: 30px;
 }
-</style>
+</style>