fixed: 完善爱情故事管理

This commit is contained in:
lwh 2023-08-24 16:22:01 +08:00
parent 20aba12984
commit 63993b4a1a
5 changed files with 59 additions and 67 deletions

View File

@ -68,7 +68,7 @@ const props = defineProps({
// (MB)
fileSize: {
type: Number,
default: 5,
default: 10,
},
// , ['png', 'jpg', 'jpeg']
fileType: {

View File

@ -40,7 +40,7 @@
<el-col :span='12'>
<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']"
:data=uoloadData />
:data=uoloadData :limit="1"/>
</el-form-item>
</el-col>

View File

@ -1,60 +1,53 @@
<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-row>
<el-col :span="12">
<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-form-item>
</el-col>
<el-col :span="12">
<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-form-item>
</el-col>
<el-col :span="12">
<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-form-item>
</el-col>
<el-col :span="12">
<el-form-item
:label-width="labelWidth"
label="日期" prop="love_story_date"
>
<el-date-picker
v-model="formData.love_story_date"
type="datetime"
value-format="YYYY-MM-DD HH:mm"
placeholder="日期"
/>
</el-form-item>
</el-col>
<el-col :span='12'>
<el-form-item :label-width='labelWidth' label='封面' prop='love_story_cover'>
<UploadImage ref='uploadRef' v-model='formData.love_story_cover' :data=uoloadData :limit='1' :fileSize='5'
:drag='true' :isShowTip='false' />
</el-form-item>
</el-col>
<el-col :span="12">
<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-form-item>
</el-col>
<el-col :span="12">
<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-form-item>
</el-col>
<el-col :span="12">
<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-form-item>
</el-col>
<el-col :span="12">
<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" placeholder="日期" />
</el-form-item>
</el-col>
<el-col :span='12'>
<el-form-item :label-width='labelWidth' label='封面' prop='love_story_cover'>
<UploadImage ref='uploadRef' v-model='formData.love_story_cover' :data=uoloadData :limit='1' :fileSize='5'
:drag='true' :isShowTip='false' />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item :label-width="labelWidth" label="排序" prop="love_story_sort">
<el-input-number v-model='formData.love_story_sort' controls-position='right' :min='1'></el-input-number>
</el-form-item>
</el-col>
<el-col :span='12'>
<el-form-item :label-width='labelWidth' label='音乐' prop='love_story_music'>
<UploadFile v-model='formData.love_story_music' :data=uoloadData />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item :label-width="labelWidth" label="排序" prop="love_story_sort">
<el-input-number v-model='formData.love_story_sort' controls-position='right' :min='1'></el-input-number>
</el-form-item>
</el-col>
<el-col :span='12'>
<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']"
:data=uoloadData />
</el-form-item>
</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-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-form>
@ -108,6 +101,4 @@ const closeDialog = () => {
};
</script>
<style lang="less" scoped>
</style>
<style lang="less" scoped></style>

View File

@ -21,8 +21,7 @@
</el-col>
<el-col :span="12">
<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"
placeholder="日期" />
<el-date-picker v-model="formData.love_story_date" type="date" value-format="YYYY-MM-DD" placeholder="日期" />
</el-form-item>
</el-col>
<el-col :span='12'>
@ -39,7 +38,8 @@
</el-col>
<el-col :span='12'>
<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-col>

View File

@ -76,10 +76,11 @@
<!-- 音乐 -->
<template #love_story_music_name='scope'>
<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" />
<embed height="100" width="100" :src=scope.row.love_story_music />
</audio>
<div v-else>暂无音乐</div>
</template>