generated from Leo_Ding/web-template
修改视频部分内容
This commit is contained in:
qingyu
parent
26e985e99f
commit
a47ab30f19
@ -73,6 +73,7 @@ import { config } from '@/config'
|
||||
defineOptions({
|
||||
name: 'XUploadVideo',
|
||||
})
|
||||
|
||||
defineProps({
|
||||
modelValue: {
|
||||
type: [String, Array],
|
||||
@ -114,7 +115,8 @@ const fileList = ref([])
|
||||
const uploadVideoRef = ref()
|
||||
|
||||
const loading = computed(() => fileList.value.some((o) => STATUS_ENUM.is('uploading', o.status)))
|
||||
const showUploadBtn = computed(() => props.multiple || !fileList.value.length)
|
||||
const showUploadBtn = computed(() =>true)
|
||||
//const showUploadBtn = computed(() => props.multiple || !fileList.value.length)
|
||||
|
||||
watch(() => props.modelValue, () => init())
|
||||
onMounted(() => init())
|
||||
@ -141,7 +143,6 @@ function onBeforeUpload(file) {
|
||||
|
||||
return true
|
||||
}
|
||||
|
||||
function customRequest(file) {
|
||||
const record = getItem({
|
||||
key: file.uid,
|
||||
@ -150,10 +151,11 @@ function customRequest(file) {
|
||||
file,
|
||||
})
|
||||
|
||||
// 预览地址设置
|
||||
const reader = new FileReader()
|
||||
reader.onload = (e) => {
|
||||
record.src = e.target.result
|
||||
console.log('Preview loaded:', record.src)
|
||||
fileList.value = [...fileList.value] // 强制响应式更新
|
||||
}
|
||||
reader.readAsDataURL(file)
|
||||
|
||||
@ -168,6 +170,39 @@ function customRequest(file) {
|
||||
}
|
||||
}
|
||||
|
||||
// function customRequest(file) {
|
||||
// const record = getItem({
|
||||
// key: file.uid,
|
||||
// status: STATUS_ENUM.getValue('wait'),
|
||||
// percent: 0,
|
||||
// file,
|
||||
// })
|
||||
//
|
||||
// // 预览地址设置
|
||||
// const reader = new FileReader()
|
||||
// // reader.onload = (e) => {
|
||||
// // record.src = e.target.result
|
||||
// // }
|
||||
// reader.onload = (e) => {
|
||||
// record.src = e.target.result
|
||||
// fileList.value = [...fileList.value] // 触发响应式更新
|
||||
// }
|
||||
//
|
||||
// reader.readAsDataURL(file)
|
||||
//
|
||||
// if (props.multiple) {
|
||||
// fileList.value.push(record)
|
||||
// console.log('customRequest called:', file)
|
||||
//
|
||||
// } else {
|
||||
// fileList.value = [record]
|
||||
// }
|
||||
//
|
||||
// if (!loading.value) {
|
||||
// doUpload()
|
||||
// }
|
||||
// }
|
||||
|
||||
async function doUpload() {
|
||||
const index = findIndex(fileList.value, { status: STATUS_ENUM.getValue('wait') })
|
||||
if (index === -1) return
|
||||
|
||||
@ -9,12 +9,12 @@
|
||||
<a-input :placeholder="'请输入标题'" v-model:value="formData.title"></a-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item :label="'内容'" name="subheading">
|
||||
<!-- <a-textarea :placeholder="'内容'" v-model:value="formData.subheading"></a-textarea>-->
|
||||
<a-textarea :placeholder="'请输入内容'" v-model:value="formData.subheading"></a-textarea>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<!-- <a-col :span="24">-->
|
||||
<!-- <a-form-item :label="'内容'" name="subheading">-->
|
||||
<!--<!– <a-textarea :placeholder="'内容'" v-model:value="formData.subheading"></a-textarea>–>-->
|
||||
<!-- <a-textarea :placeholder="'请输入内容'" v-model:value="formData.subheading"></a-textarea>-->
|
||||
<!-- </a-form-item>-->
|
||||
<!-- </a-col>-->
|
||||
<a-col :span="24">
|
||||
<a-form-item :label="'链接'" name="link">
|
||||
<a-input v-model:value="formData.link" :placeholder="'请输入链接'" />
|
||||
@ -36,17 +36,17 @@
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item :label="'大图片'" name="fullImg">
|
||||
<x-upload-image v-model="formData.fullImg" @imgChange="(val) => imgChange(val, 'fullImg')" />
|
||||
<x-upload-image v-model="fullImg" @imgChange="(val) => imgChange(val, 'fullImg')" />
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item :label="'小图片'" name="smallImg">
|
||||
<x-upload-image v-model="formData.smallImg" @imgChange="(val) => imgChange(val, 'smallImg')" />
|
||||
<x-upload-image v-model="smallImg" @imgChange="(val) => imgChange(val, 'smallImg')" />
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item :label="'视频'" name="videoUrl">
|
||||
<x-upload-video v-model="formData.videoUrl" @imgChange="(val) => imgChange(val, 'videoUrl')" />
|
||||
<x-upload-video v-model="videoUrl" @imgChange="(val) => imgChange(val, 'videoUrl')" />
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<!-- <a-col :span="24">-->
|
||||
@ -127,8 +127,6 @@ function handleCreate() {
|
||||
})
|
||||
formData.value.status = 'enabled'
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* 编辑
|
||||
*/
|
||||
@ -145,11 +143,10 @@ async function handleEdit(record = {}) {
|
||||
formData.value = { ...data }
|
||||
formData.value.pushAt = dayjs(data.pushAt)
|
||||
console.log(formData.value)
|
||||
formData.value.fullImg = config('http.apiBasic') + data.fullImg
|
||||
formData.value.smallImg = config('http.apiBasic') + data.smallImg
|
||||
formData.value.videoUrl = config('http.apiBasic') + data.videoUrl
|
||||
fullImg.value = config('http.apiBasic') + data.fullImg
|
||||
smallImg.value = config('http.apiBasic') + data.smallImg
|
||||
videoUrl.value = config('http.apiBasic') + data.videoUrl
|
||||
}
|
||||
|
||||
/**
|
||||
* 确定
|
||||
*/
|
||||
@ -161,7 +158,6 @@ function handleOk() {
|
||||
showLoading()
|
||||
const params = {
|
||||
...values,
|
||||
//img: formData.value.img,
|
||||
fullImg: formData.value.fullImg,
|
||||
smallImg: formData.value.smallImg,
|
||||
videoUrl: formData.value.videoUrl,
|
||||
|
||||
@ -52,18 +52,18 @@
|
||||
<a-image :width="60" :src="config('http.apiBasic') + record.smallImg || $imageErr.imgErr" />
|
||||
</template>
|
||||
<template v-if="'videoUrl' === column.dataIndex">
|
||||
<video :width="60" :src="config('http.apiBasic') + record.videoUrl || $mp4Err.mp4Err"/>
|
||||
<video :width="60" :src="config('http.apiBasic') + record.videoUrl || $imageErr.imgErr"/>
|
||||
</template>
|
||||
<template v-if="column.dataIndex === 'title'">
|
||||
<a-tooltip :title="record.title">
|
||||
<span>{{ record.title }}</span>
|
||||
</a-tooltip>
|
||||
</template>
|
||||
<template v-if="column.dataIndex === 'subheading'">
|
||||
<a-tooltip :title="record.subheading">
|
||||
<span>{{ record.subheading }}</span>
|
||||
</a-tooltip>
|
||||
</template>
|
||||
<!-- <template v-if="column.dataIndex === 'subheading'">-->
|
||||
<!-- <a-tooltip :title="record.subheading">-->
|
||||
<!-- <span>{{ record.subheading }}</span>-->
|
||||
<!-- </a-tooltip>-->
|
||||
<!-- </template>-->
|
||||
<template v-if="column.dataIndex === 'link'">
|
||||
<a-tooltip :title="record.link">
|
||||
<a :href="record.link" target="_blank" style="text-decoration: underline;">{{
|
||||
@ -115,7 +115,7 @@ const columns = [
|
||||
{ title: '小图片', dataIndex: 'smallImg', width: 100, align: 'center' },
|
||||
{ title: '视频', dataIndex: 'videoUrl', width: 100, align: 'center' },
|
||||
{ title: '标题', dataIndex: 'title', key: 'title' },
|
||||
{ title: '简介', dataIndex: 'subheading', key: 'subheading' },
|
||||
// { title: '简介', dataIndex: 'subheading', key: 'subheading' },
|
||||
{ title: '状态', dataIndex: 'status', width: 120, align: 'center' },
|
||||
{ title: '发布日期', dataIndex: 'pushAt', width: 120, align: 'center' },
|
||||
{ title: '链接', dataIndex: 'link', align: 'center' },
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user