Parcourir la source

📦 增加多视频上传功能

快乐的梦鱼 il y a 1 mois
Parent
commit
000065ea9c
2 fichiers modifiés avec 19 ajouts et 1 suppressions
  1. 1 1
      src/components/dynamicf/index.ts
  2. 18 0
      src/pages/forms/ich.vue

+ 1 - 1
src/components/dynamicf/index.ts

@@ -86,7 +86,7 @@ export function registerAllFormComponents() {
     .register('single-image', markRaw(UploadImageFormItem), { single: true })
     .register('mulit-image', markRaw(UploadImageFormItem))
     .register('single-video', markRaw(UploadVideoFormItem), { single: true })
-    .register('mulit-video', markRaw(UploadVideoFormItem), { single: true })
+    .register('mulit-video', markRaw(UploadVideoFormItem), { single: false })
     .register('actions', markRaw(ActionRender))
     .register('alert', markRaw(Alert))
     .register('string-list', markRaw(SimpleEditDynamicStringListVue))

+ 18 - 0
src/pages/forms/ich.vue

@@ -148,6 +148,24 @@ const formOptions = ref<IDynamicFormOptions>({
             uploadCo: useAliOssUploadCo('ich/video'),
           } as UploadImageFormItemProps,  
         },
+        { 
+          label: '其他附件', name: 'annex', type: 'mulit-video',
+          //hidden: { callback: (_, model) => (model as IchInfo).type !== 3 },
+          formProps: {
+            extra: h('div', {
+              class: 'd-flex flex-row align-items-center mt-2'
+            }, [
+              h(ExclamationCircleOutlined),
+              h('span', { class: 'ms-2' }, '可以上传多个视频文件'),
+            ]),
+          },
+          additionalProps: {
+            placeholder: '请上传视频',
+            name: 'file',
+            beforeUpload: useBeforeUploadVideoChecker(),
+            uploadCo: useAliOssUploadCo('ich/video'),
+          } as UploadImageFormItemProps,  
+        },
       ]
     },
     /* {