Sfoglia il codice sorgente

1、blockly配置新增任务完成动画上传视频功能

liyanbo 6 mesi fa
parent
commit
58f5682df2
1 ha cambiato i file con 20 aggiunte e 0 eliminazioni
  1. 20 0
      src/views/blockly/blockly/BlocklyForm.vue

+ 20 - 0
src/views/blockly/blockly/BlocklyForm.vue

@@ -380,6 +380,25 @@
                           <div v-if="selectedBlocklyPoint.endImg" class="upload-tip">已上传</div>
                         </div>
                       </el-form-item>
+
+                      <!-- 完成动画字段 -->
+                      <el-form-item
+                        label="完成动画"
+                        class="config-item"
+                        v-if="selectedBlocklyPoint.type && selectedBlocklyPoint.type === 'task'"
+                      >
+                        <div class="icon-upload-wrapper">
+                          <UploadVideo
+                            v-model="selectedBlocklyPoint.finishAnimation"
+                            title="点击上传完成动画"
+                            class="custom-upload"
+                            @upload-progress="handleUploadProgress"
+                            @upload-start="handleUploadStart"
+                            @upload-complete="handleUploadComplete"
+                          />
+                          <div v-if="selectedBlocklyPoint.finishAnimation" class="upload-tip">已上传</div>
+                        </div>
+                      </el-form-item>
                     </div>
 
                     <el-form-item label="提示语" class="form-item-full" v-if="selectedBlocklyPoint.type && selectedBlocklyPoint.type !== 'task'">
@@ -493,6 +512,7 @@ interface BlocklyWalkablePoint {
   must: boolean
   img: string
   endImg: string
+  finishAnimation: string
   tip: string
   unfinishedTip: string
   finishedTip: string