修改视频部分内容

src/views/dynamic/videoCenter/components/EditDialog.vue

@@ -12,7 +12,7 @@
                     <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-textarea :placeholder="'请输入内容'" v-model:value="formData.subheading"></a-textarea>
                         </a-form-item>
                     </a-col>
                     <a-col :span="24">
@@ -36,12 +36,12 @@
                     </a-col>
                     <a-col :span="24">
                         <a-form-item :label="'大图片'" name="fullImg">
-                            <x-upload-image v-model="fullImg" @imgChange="imgChange" />
+                            <x-upload-image v-model="formData.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="smallImg" @imgChange="imgChange" />
+                            <x-upload-image v-model="formData.smallImg" @imgChange="(val) => imgChange(val, 'smallImg')" />
                         </a-form-item>
                     </a-col>
                     <a-col :span="24">
@@ -59,6 +59,7 @@
                             <video
                                 v-if="formData.videoUrl"
                                 :src="formData.videoUrl"
+                                @imgChange="(val) => imgChange(val, 'videoUrl')"
                                 controls
                                 style="margin-top: 10px; width: 100%; max-width: 600px;"
                             />
@@ -88,34 +89,28 @@ const cancelText = ref(t('button.cancel'))
 const okText = ref(t('button.confirm'))
 const rolesValue = ref([])
 const roles = ref([])
-const imgUrl = ref('')
 const fullImg = ref('')
 const smallImg = ref('')
 const videoUrl = ref('')
 formRules.value = {
     title: { required: true, message: '请输入标题' },
-    subheading: { required: true, message: '请输入内容' },
+    subheading: { required: false, message: '请输入内容' },
-    link: { required: true, message: '请输入链接' },
+    link: { required: false, message: '请输入链接' },
     status: [{ required: true, message: '请选择状态', trigger: 'change' }],
     pushAt: [{ required: true, message: '请选择发布日期', trigger: 'change' }],
     fullImg: [{ required: false, message: '请上传大图片', trigger: 'change' }],
     smallImg: [{ required: false, message: '请上传小图片', trigger: 'change' }],
     videoUrl: [{ required: false, message: '请上传视频', trigger: 'change' }],
 }
-
-
-
 /**
  * select 选择框
  */
 const handleChange = (value) => {
     rolesValue.value = value
 }
-const imgChange = (value) => {
+
-    formData.value.img = value
+const imgChange = (value, type) => {
-    formData.value.fullImg = value
+    formData.value[type] = value
-    formData.value.samllImg = value
-    formData.value.videoUrl = value
 }
 /**
  * 新建
@@ -145,10 +140,9 @@ async function handleEdit(record = {}) {
     formData.value = { ...data }
     formData.value.pushAt = dayjs(data.pushAt)
     console.log(formData.value)
-    imgUrl.value = config('http.apiBasic') + data.img
+    formData.value.fullImg = config('http.apiBasic') + data.fullImg
-    smallImg.value = config('http.apiBasic') + data.img
+    formData.value.smallImg = config('http.apiBasic') + data.smallImg
-    fullImg.value = config('http.apiBasic') + data.img
+    formData.value.videoUrl = config('http.apiBasic') + data.videoUrl
-    videoUrl.value = config('http.apiBasic') + data.mp4
 }
 
 /**
@@ -229,7 +223,7 @@ function formatArr(data, type = '') {
  * 取消
  */
 function handleCancel() {
-    imgUrl.value = ''
+    //imgUrl.value = ''
     fullImg.value = ''
     smallImg.value = ''
     videoUrl.value = ''
@@ -266,9 +260,8 @@ function beforeUpload(file) {
 }
 
 function handleUploadSuccess(response) {
-    formData.videoUrl = response.url // 假设接口返回 { url: 'xxx.mp4' }
+    formData.value.videoUrl = response.url
     message.success('视频上传成功')
-    videoChange(response.url) // 如果你需要触发 videoChange 方法
 }
 
 function videoChange(url) {

src/views/dynamic/videoCenter/index.vue

@@ -46,13 +46,13 @@
                          :pagination="paginationState" :scroll="{ x: 1000 }" @change="onTableChange">
                     <template #bodyCell="{ column, record }">
                         <template v-if="'fullImg' === column.dataIndex">
-                            <a-image :width="60" :src="config('http.apiBasic') + record.img || $imageErr.imgErr" />
+                            <a-image :width="60" :src="config('http.apiBasic') + record.fullImg || $imageErr.imgErr" />
                         </template>
                         <template v-if="'smallImg' === column.dataIndex">
-                            <a-image :width="60" :src="config('http.apiBasic') + record.img || $imageErr.imgErr" />
+                            <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.mp4 || $mp4Err.mp4Err"/>
+                            <video :width="60" :src="config('http.apiBasic') + record.videoUrl || $mp4Err.mp4Err"/>
                         </template>
                         <template v-if="column.dataIndex === 'title'">
                             <a-tooltip :title="record.title">