|
|
@@ -136,7 +136,7 @@
|
|
|
<template #label>
|
|
|
<div class="hc-form-item-label">
|
|
|
<div class="title-content">
|
|
|
- <span class="title">菜单备注：</span>
|
|
|
+ <span class="title">菜单视频：</span>
|
|
|
<span content="text">(只能上传MP4格式，且不能用QQ录屏，推荐使用win10自带录屏录制，文件大小限制50兆)</span>
|
|
|
</div>
|
|
|
<div class="right-content">
|
|
|
@@ -144,7 +144,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
- <hc-form-upload :src="formModel.videoUrl" :num="1" @upload="videoUpload" />
|
|
|
+ <hc-form-upload v-model="formModel.videoUrl" :upload="{ options: videoUpload }" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="24">
|
|
|
@@ -157,7 +157,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
- <hc-form-upload :src="formModel.excelUrl" :num="1" @upload="excelUpload" />
|
|
|
+ <hc-form-upload v-model="formModel.excelUrl" :upload="{ options: excelUpload }" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
@@ -170,9 +170,6 @@
|
|
|
|
|
|
<!-- 图标选择 -->
|
|
|
<hc-menu-icon v-model="isIconShow" @finish="menuIconFinish" />
|
|
|
-
|
|
|
- <!-- 上传文件 -->
|
|
|
- <hc-upload-file ref="uploadRef" :echo-params="uploadParams" :options="uploadOptions" @success="uploadSuccess" />
|
|
|
</hc-card>
|
|
|
</template>
|
|
|
|
|
|
@@ -180,7 +177,7 @@
|
|
|
import { nextTick, onActivated, ref } from 'vue'
|
|
|
import { useRoute, useRouter } from 'vue-router'
|
|
|
import { arrToId, formValidate, getArrValue, getObjValue } from 'js-fast-way'
|
|
|
-import { HcDelMsg, getHeader } from 'hc-vue3-ui'
|
|
|
+import { HcDelMsg } from 'hc-vue3-ui'
|
|
|
import { reloadPage } from '~uti/tools'
|
|
|
import { getClinetAll } from '~api/other'
|
|
|
import mainApi from '~api/system/menu'
|
|
|
@@ -434,47 +431,20 @@ const delClick = () => {
|
|
|
})
|
|
|
}
|
|
|
|
|
|
-
|
|
|
-//上传文件
|
|
|
-const uploadRef = ref(null)
|
|
|
-const uploadParams = ref({})
|
|
|
-const uploadOptions = ref({
|
|
|
- url: '/api/blade-resource/oss/endpoint/put-file2',
|
|
|
- headers: getHeader(),
|
|
|
+//菜单视频
|
|
|
+const videoUpload = {
|
|
|
multiple: false,
|
|
|
-})
|
|
|
-
|
|
|
-//上传视频
|
|
|
-const videoUpload = () => {
|
|
|
- uploadParams.value = { type: '视频文件' }
|
|
|
- uploadOptions.value.accept = 'video/mp4'
|
|
|
- uploadOptions.value.accept_tip = '只能上传MP4格式，且不能用QQ录屏，推荐使用win10自带录屏录制，文件大小限制50兆'
|
|
|
- uploadOptions.value.size = 50
|
|
|
- nextTick(() => {
|
|
|
- uploadRef.value?.selectFile()
|
|
|
- })
|
|
|
+ accept: 'video/mp4',
|
|
|
+ accept_tip: '只能上传MP4格式，且不能用QQ录屏，推荐使用win10自带录屏录制，文件大小限制50兆',
|
|
|
+ size: 100,
|
|
|
}
|
|
|
|
|
|
-//上传文档
|
|
|
-const excelUpload = () => {
|
|
|
- uploadParams.value = { type: '文档文件' }
|
|
|
- uploadOptions.value.accept = null
|
|
|
- uploadOptions.value.accept_tip = null
|
|
|
- uploadOptions.value.size = null
|
|
|
- nextTick(() => {
|
|
|
- uploadRef.value?.selectFile()
|
|
|
- })
|
|
|
-}
|
|
|
-
|
|
|
-// 文件上传成功的回调
|
|
|
-const uploadSuccess = ({ echoParams, resData }) => {
|
|
|
- if (echoParams.type === '视频文件') {
|
|
|
- formModel.value.videoUrl = resData
|
|
|
- } else if (echoParams.type === '文档文件') {
|
|
|
- formModel.value.excelUrl = resData
|
|
|
- }
|
|
|
- //关闭弹窗
|
|
|
- uploadRef.value?.setModalShow(false)
|
|
|
+//文档信息
|
|
|
+const excelUpload = {
|
|
|
+ multiple: false,
|
|
|
+ accept: 'image/png,image/jpg,image/jpeg,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-excel,application/pdf,.doc,.docx,application/msword',
|
|
|
+ accept_tip: '图片(png、jpg、jpeg)<br/>Excel(xls、xlsx)<br/>PDF<br/>Word(doc、docx)',
|
|
|
+ size: 100,
|
|
|
}
|
|
|
|
|
|
//提交表单
|
