From 63993b4a1ad701ffbedd4e4207b07163be314d87 Mon Sep 17 00:00:00 2001
From: lwh <2679599887@qq.com>
Date: Thu, 24 Aug 2023 16:22:01 +0800
Subject: [PATCH] =?UTF-8?q?fixed:=20=E5=AE=8C=E5=96=84=E7=88=B1=E6=83=85?=
 =?UTF-8?q?=E6=95=85=E4=BA=8B=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/FileUpload.vue                 |   2 +-
 .../components/AddLoveStoryDialog.vue         |   2 +-
 .../components/DetailLoveStoryDialog.vue      | 113 ++++++++----------
 .../components/EditLoveStoryDialog.vue        |   6 +-
 src/pages/index/business/love_story/index.vue |   3 +-
 5 files changed, 59 insertions(+), 67 deletions(-)

diff --git a/src/components/FileUpload.vue b/src/components/FileUpload.vue
index 7757a6b..69c2541 100644
--- a/src/components/FileUpload.vue
+++ b/src/components/FileUpload.vue
@@ -68,7 +68,7 @@ const props = defineProps({
   // 大小限制(MB)
   fileSize: {
     type: Number,
-    default: 5,
+    default: 10,
   },
   // 文件类型, 例如['png', 'jpg', 'jpeg']
   fileType: {
diff --git a/src/pages/index/business/love_story/components/AddLoveStoryDialog.vue b/src/pages/index/business/love_story/components/AddLoveStoryDialog.vue
index ace3233..0da1a9b 100644
--- a/src/pages/index/business/love_story/components/AddLoveStoryDialog.vue
+++ b/src/pages/index/business/love_story/components/AddLoveStoryDialog.vue
@@ -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>
 
diff --git a/src/pages/index/business/love_story/components/DetailLoveStoryDialog.vue b/src/pages/index/business/love_story/components/DetailLoveStoryDialog.vue
index 8e6e3c7..af6ee1b 100644
--- a/src/pages/index/business/love_story/components/DetailLoveStoryDialog.vue
+++ b/src/pages/index/business/love_story/components/DetailLoveStoryDialog.vue
@@ -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>
diff --git a/src/pages/index/business/love_story/components/EditLoveStoryDialog.vue b/src/pages/index/business/love_story/components/EditLoveStoryDialog.vue
index 8161a2d..7d21fa3 100644
--- a/src/pages/index/business/love_story/components/EditLoveStoryDialog.vue
+++ b/src/pages/index/business/love_story/components/EditLoveStoryDialog.vue
@@ -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>
 
diff --git a/src/pages/index/business/love_story/index.vue b/src/pages/index/business/love_story/index.vue
index 745b989..8929218 100644
--- a/src/pages/index/business/love_story/index.vue
+++ b/src/pages/index/business/love_story/index.vue
@@ -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>