fixed: 完善爱情故事管理
This commit is contained in:
parent
20aba12984
commit
63993b4a1a
@ -68,7 +68,7 @@ const props = defineProps({
|
||||
// 大小限制(MB)
|
||||
fileSize: {
|
||||
type: Number,
|
||||
default: 5,
|
||||
default: 10,
|
||||
},
|
||||
// 文件类型, 例如['png', 'jpg', 'jpeg']
|
||||
fileType: {
|
||||
|
@ -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>
|
||||
|
||||
|
@ -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_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="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="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' :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-row>
|
||||
</el-form>
|
||||
@ -93,14 +86,14 @@ const formData = ref({
|
||||
// --基础方法
|
||||
watch(props, (v) => {
|
||||
formData.value = v.data;
|
||||
|
||||
|
||||
|
||||
|
||||
});
|
||||
|
||||
// 打开弹窗时执行
|
||||
const openDialog = () => {
|
||||
|
||||
|
||||
|
||||
|
||||
};
|
||||
|
||||
const closeDialog = () => {
|
||||
@ -108,6 +101,4 @@ const closeDialog = () => {
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
|
||||
</style>
|
||||
<style lang="less" scoped></style>
|
||||
|
@ -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>
|
||||
|
||||
|
@ -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>
|
||||
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user