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) // (MB)
fileSize: { fileSize: {
type: Number, type: Number,
default: 5, default: 10,
}, },
// , ['png', 'jpg', 'jpeg'] // , ['png', 'jpg', 'jpeg']
fileType: { fileType: {

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>