新增 消防安检历史审核

src/views/fireSafetyManage/checkFireSafetyExamine.vue

@@ -104,69 +104,109 @@
         <div class="mr10 item-title">检查项目备注:</div>
         <div class="mr10 item-text">{{ item.checkItemRemark }}</div>
       </div>
-      <div class="mt10">
-        <div v-if="item.viewUrl">
-          <el-image
-            v-if="isImage(item.fileKey)"
-            style="width: 200px; height: 200px"
-            :src="item.viewUrl"
-            :preview-src-list="[item.viewUrl]"
-            fit="cover"
-          ></el-image>
-          <div class="video-box" v-else>
-            <img
-              class="play-icon"
-              style="width: 50px; height: 50px"
-              src="../../assets/play.png"
-              alt=""
-              @click="showModal(item)"
-            />
-            <video
+      <div class="df aic">
+        <div class="mt10 ml20">
+          <div v-if="item.viewUrl">
+            <el-image
+              v-if="isImage(item.fileKey)"
               style="width: 200px; height: 200px"
               :src="item.viewUrl"
-            ></video>
+              :preview-src-list="[item.viewUrl]"
+              fit="cover"
+            ></el-image>
+            <div class="video-box" v-else>
+              <img
+                class="play-icon"
+                style="width: 50px; height: 50px"
+                src="../../assets/play.png"
+                alt=""
+                @click="showModal(item)"
+              />
+              <video
+                style="width: 200px; height: 200px"
+                :src="item.viewUrl"
+              ></video>
+            </div>
           </div>
-        </div>
-        <el-empty
-          v-else
-          style="width: 220px"
-          class="p10"
-          :image-size="100"
-          description="暂无图片"
-        />
-        <div
-          class="df aic jcsa mt10"
-          style="width: 200px"
-          v-if="item.auditStatus == 0"
-        >
-          <el-button
-            @click="checkSecurityItem(item.id, 1)"
-            class="ml10"
-            size="small"
-            type="primary"
-            :disabled="!item.viewUrl"
+          <el-empty
+            v-else
+            style="width: 220px"
+            class="p10"
+            :image-size="100"
+            description="暂无图片"
+          />
+          <div
+            class="df aic jcsa mt10"
+            style="width: 200px"
+            v-if="item.auditStatus == 0"
           >
-            通过
-          </el-button>
-          <el-button
-            @click="checkSecurityItem(item.id, 2)"
-            size="small"
-            type="danger"
-            :disabled="!item.viewUrl"
-          >
-            不通过
-          </el-button>
+            <el-button
+              @click="checkSecurityItem(item.id, 1)"
+              class="ml10"
+              size="small"
+              type="primary"
+              :disabled="!item.viewUrl"
+            >
+              通过
+            </el-button>
+            <el-button
+              @click="checkSecurityItem(item.id, 2)"
+              size="small"
+              type="danger"
+              :disabled="!item.viewUrl"
+            >
+              不通过
+            </el-button>
+          </div>
+          <div v-else class="df aic jcsa mt10" style="width: 200px">
+            <el-tag
+              class="ml-2"
+              :type="item.auditStatus == 1 ? 'success' : 'danger'"
+            >
+              {{ item.auditStatus == 1 ? "已通过" : "未通过" }}
+            </el-tag>
+          </div>
         </div>
-        <div v-else class="df aic jcsa mt10" style="width: 200px">
-          <el-tag
-            class="ml-2"
-            :type="item.auditStatus == 1 ? 'success' : 'danger'"
-          >
-            {{ item.auditStatus == 1 ? "已通过" : "未通过" }}
-          </el-tag>
+        <div class="mt10 ml20" v-for="item1 in item.histories">
+          <div v-if="item1.viewUrl">
+            <el-image
+              v-if="isImage(item1.fileKey)"
+              style="width: 200px; height: 200px"
+              :src="item1.viewUrl"
+              :preview-src-list="[item1.viewUrl]"
+              fit="cover"
+            ></el-image>
+            <div class="video-box" v-else>
+              <img
+                class="play-icon"
+                style="width: 50px; height: 50px"
+                src="../../assets/play.png"
+                alt=""
+                @click="showModal(item1)"
+              />
+              <video
+                style="width: 200px; height: 200px"
+                :src="item1.viewUrl"
+              ></video>
+            </div>
+          </div>
+          <el-empty
+            v-else
+            style="width: 220px"
+            class="p10"
+            :image-size="100"
+            description="暂无图片"
+          />
+          <div class="df aic jcsa mt10" style="width: 200px">
+            <el-tag
+              class="ml-2"
+              :type="item1.auditStatus == 1 ? 'success' : 'danger'"
+            >
+              {{ item1.auditStatus == 1 ? "已通过" : "未通过" }}
+            </el-tag>
+          </div>
         </div>
       </div>
-
       <el-divider />
     </div>
     <el-dialog
@@ -504,7 +544,7 @@ onMounted(() => {
 }
 
 .item-text {
-  width: 100px;
+  width: 120px;
 }
 .video-box {
   position: relative;