fixed: 完善爱情故事管理
This commit is contained in:
parent
20aba12984
commit
63993b4a1a
@ -68,7 +68,7 @@ const props = defineProps({
|
|||||||
// 大小限制(MB)
|
// 大小限制(MB)
|
||||||
fileSize: {
|
fileSize: {
|
||||||
type: Number,
|
type: Number,
|
||||||
default: 5,
|
default: 10,
|
||||||
},
|
},
|
||||||
// 文件类型, 例如['png', 'jpg', 'jpeg']
|
// 文件类型, 例如['png', 'jpg', 'jpeg']
|
||||||
fileType: {
|
fileType: {
|
||||||
|
@ -40,7 +40,7 @@
|
|||||||
<el-col :span='12'>
|
<el-col :span='12'>
|
||||||
<el-form-item :label-width='labelWidth' label='音乐' prop='love_story_music'>
|
<el-form-item :label-width='labelWidth' label='音乐' prop='love_story_music'>
|
||||||
<UploadFile v-model='formData.love_story_music' :fileType="['mp3', 'wma', 'wav', 'ape', 'flac', 'ogg', 'aac']"
|
<UploadFile v-model='formData.love_story_music' :fileType="['mp3', 'wma', 'wav', 'ape', 'flac', 'ogg', 'aac']"
|
||||||
:data=uoloadData />
|
:data=uoloadData :limit="1"/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
|
|
||||||
|
@ -1,60 +1,53 @@
|
|||||||
<template>
|
<template>
|
||||||
<el-dialog v-model="props.modelValue" title="爱情故事详情" width="900px" @closed="closeDialog" @open="openDialog">
|
<el-dialog v-model="props.modelValue" title="爱情故事详情" width="900px" @closed="closeDialog" @open="openDialog">
|
||||||
<el-form ref="formRef" :model="formData" :disabled="true">
|
<el-form ref="formRef" :model="formData" :disabled="true">
|
||||||
<el-row>
|
<el-row>
|
||||||
|
|
||||||
|
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item :label-width="labelWidth" label="标题" prop="love_story_title">
|
<el-form-item :label-width="labelWidth" label="标题" prop="love_story_title">
|
||||||
<el-input v-model='formData.love_story_title' type="text" placeholder='请输入标题'></el-input>
|
<el-input v-model='formData.love_story_title' type="text" placeholder='请输入标题'></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item :label-width="labelWidth" label="作者" prop="love_story_author">
|
<el-form-item :label-width="labelWidth" label="作者" prop="love_story_author">
|
||||||
<el-input v-model='formData.love_story_author' type="text" placeholder='请输入作者'></el-input>
|
<el-input v-model='formData.love_story_author' type="text" placeholder='请输入作者'></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item :label-width="labelWidth" label="地点" prop="love_story_place">
|
<el-form-item :label-width="labelWidth" label="地点" prop="love_story_place">
|
||||||
<el-input v-model='formData.love_story_place' type="text" placeholder='请输入地点'></el-input>
|
<el-input v-model='formData.love_story_place' type="text" placeholder='请输入地点'></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item
|
<el-form-item :label-width="labelWidth" label="日期" prop="love_story_date">
|
||||||
:label-width="labelWidth"
|
<el-date-picker v-model="formData.love_story_date" type="date" value-format="YYYY-MM-DD" placeholder="日期" />
|
||||||
label="日期" prop="love_story_date"
|
</el-form-item>
|
||||||
>
|
</el-col>
|
||||||
<el-date-picker
|
<el-col :span='12'>
|
||||||
v-model="formData.love_story_date"
|
<el-form-item :label-width='labelWidth' label='封面' prop='love_story_cover'>
|
||||||
type="datetime"
|
<UploadImage ref='uploadRef' v-model='formData.love_story_cover' :data=uoloadData :limit='1' :fileSize='5'
|
||||||
value-format="YYYY-MM-DD HH:mm"
|
:drag='true' :isShowTip='false' />
|
||||||
placeholder="日期"
|
</el-form-item>
|
||||||
/>
|
</el-col>
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
<el-col :span="12">
|
||||||
<el-col :span='12'>
|
<el-form-item :label-width="labelWidth" label="排序" prop="love_story_sort">
|
||||||
<el-form-item :label-width='labelWidth' label='封面' prop='love_story_cover'>
|
<el-input-number v-model='formData.love_story_sort' controls-position='right' :min='1'></el-input-number>
|
||||||
<UploadImage ref='uploadRef' v-model='formData.love_story_cover' :data=uoloadData :limit='1' :fileSize='5'
|
</el-form-item>
|
||||||
:drag='true' :isShowTip='false' />
|
</el-col>
|
||||||
</el-form-item>
|
<el-col :span='12'>
|
||||||
</el-col>
|
<el-form-item :label-width='labelWidth' label='音乐' prop='love_story_music'>
|
||||||
|
<UploadFile v-model='formData.love_story_music' :fileType="['mp3', 'wma', 'wav', 'ape', 'flac', 'ogg', 'aac']"
|
||||||
<el-col :span="12">
|
:data=uoloadData />
|
||||||
<el-form-item :label-width="labelWidth" label="排序" prop="love_story_sort">
|
</el-form-item>
|
||||||
<el-input-number v-model='formData.love_story_sort' controls-position='right' :min='1'></el-input-number>
|
</el-col>
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
<el-col :span="24">
|
||||||
<el-col :span='12'>
|
<el-form-item :label-width="labelWidth" label="内容" prop="love_story_content">
|
||||||
<el-form-item :label-width='labelWidth' label='音乐' prop='love_story_music'>
|
<RichText v-model='formData.love_story_content' :min-height='196'></RichText>
|
||||||
<UploadFile v-model='formData.love_story_music' :data=uoloadData />
|
</el-form-item>
|
||||||
</el-form-item>
|
</el-col>
|
||||||
</el-col>
|
|
||||||
|
|
||||||
<el-col :span="24">
|
|
||||||
<el-form-item :label-width="labelWidth" label="内容" prop="love_story_content">
|
|
||||||
<RichText v-model='formData.love_story_content' :min-height='196'></RichText>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
|
|
||||||
</el-row>
|
</el-row>
|
||||||
</el-form>
|
</el-form>
|
||||||
@ -93,14 +86,14 @@ const formData = ref({
|
|||||||
// --基础方法
|
// --基础方法
|
||||||
watch(props, (v) => {
|
watch(props, (v) => {
|
||||||
formData.value = v.data;
|
formData.value = v.data;
|
||||||
|
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
||||||
// 打开弹窗时执行
|
// 打开弹窗时执行
|
||||||
const openDialog = () => {
|
const openDialog = () => {
|
||||||
|
|
||||||
|
|
||||||
};
|
};
|
||||||
|
|
||||||
const closeDialog = () => {
|
const closeDialog = () => {
|
||||||
@ -108,6 +101,4 @@ const closeDialog = () => {
|
|||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped></style>
|
||||||
|
|
||||||
</style>
|
|
||||||
|
@ -21,8 +21,7 @@
|
|||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item :label-width="labelWidth" label="日期" prop="love_story_date">
|
<el-form-item :label-width="labelWidth" label="日期" prop="love_story_date">
|
||||||
<el-date-picker v-model="formData.love_story_date" type="date" value-format="YYYY-MM-DD"
|
<el-date-picker v-model="formData.love_story_date" type="date" value-format="YYYY-MM-DD" placeholder="日期" />
|
||||||
placeholder="日期" />
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span='12'>
|
<el-col :span='12'>
|
||||||
@ -39,7 +38,8 @@
|
|||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span='12'>
|
<el-col :span='12'>
|
||||||
<el-form-item :label-width='labelWidth' label='音乐' prop='love_story_music'>
|
<el-form-item :label-width='labelWidth' label='音乐' prop='love_story_music'>
|
||||||
<UploadFile v-model='formData.love_story_music' :data=uoloadData />
|
<UploadFile v-model='formData.love_story_music' :fileType="['mp3', 'wma', 'wav', 'ape', 'flac', 'ogg', 'aac']"
|
||||||
|
:data=uoloadData :limit="1"/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
|
|
||||||
|
@ -76,10 +76,11 @@
|
|||||||
<!-- 音乐 -->
|
<!-- 音乐 -->
|
||||||
<template #love_story_music_name='scope'>
|
<template #love_story_music_name='scope'>
|
||||||
<div style="text-align: center;margin-top: 5px;">{{ scope.row.love_story_music_name }}</div>
|
<div style="text-align: center;margin-top: 5px;">{{ scope.row.love_story_music_name }}</div>
|
||||||
<audio controls="controls" height="100" width="100">
|
<audio v-if="scope.row.love_story_music_name" controls="controls" height="100" width="100">
|
||||||
<source :src=scope.row.love_story_music type="audio/mp3" />
|
<source :src=scope.row.love_story_music type="audio/mp3" />
|
||||||
<embed height="100" width="100" :src=scope.row.love_story_music />
|
<embed height="100" width="100" :src=scope.row.love_story_music />
|
||||||
</audio>
|
</audio>
|
||||||
|
<div v-else>暂无音乐</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user