指导书演示添加

src/views/pro-steps/components/duomeiticaiji.vue

@@ -1,7 +1,10 @@
 <template>
   <div class="body">
     <div class="itemRow">
-      <el-scrollbar @click.stop style="height: calc(100vh - 260px)">
+      <el-scrollbar
+        @click.stop
+        style="height: calc(100vh - 260px); padding-bottom: 20px"
+      >
         <div
           :class="selectItem === true ? 'itembox itemSelect' : 'itembox'"
           @click.stop="toCamera"
@@ -87,8 +90,20 @@
           />
         </div>
       </div>
-      <div class="operate">
-        <el-button style="width: 100%" type="primary">提交</el-button>
+      <div
+        class="operate"
+        style="display: flex; flex-direction: column; align-items: center"
+      >
+        <el-button
+          style="width: 100%; margin-bottom: 5px"
+          type="danger"
+          @click="deleteImg"
+          v-if="selectItem !== null"
+          >删除</el-button
+        >
+        <el-button style="width: 100%; margin-left: -1px" type="primary"
+          >提交</el-button
+        >
       </div>
     </div>
   </div>
@@ -125,6 +140,13 @@ const toCamera = () => {
 };
 let mediaStreamTrack = null; // 视频对象(全局)
 let video;
+const deleteImg = () => {
+  deleteMedias([medias.value[selectItem.value].id]).then(() => {
+    selectItem.value = null;
+    ElMessage.success("删除成功");
+    getListData();
+  });
+};
 const openMedia = async () => {
   if (window.openHarmonyBridge && window.openHarmonyBridge.startCamera) {
     camera_ohos();

src/views/pro-steps/index.vue

@@ -1058,7 +1058,7 @@
               :need-to-show-pdf="selectIndexData4 != null"
               content-type="button"
               :is-link="false"
-              pdf-source="http://192.168.1.3:20001/jgfile//2025/4/11/447488548627850.pdf"
+              pdf-source="http://192.168.1.3:20001/jgfile//2025/5/28/3536205970402980.pdf"
             />
           </div>
         </div>