优化更新

src/views/marketing_center/drainage/index.vue

@@ -8,10 +8,10 @@
           <div class="preview">
             <div class="info">
               <div class="top">
-                <div class="title">{{ form.title || '请输入模块标题' }}</div>
+                <div class="title">{{ form.title || defaultTitle }}</div>
                 <div class="content">{{ form.content || '请输入模块内容' }}</div>
               </div>
-              <div class="btm">{{ form.note || '请输入模块提示语' }}</div>
+              <div class="btm">{{ form.note || defaultNote }}</div>
             </div>
             <div class="img_wrap">
               <el-image :src="form.qrCode" style="width: 100%;height: 100%;"></el-image>
@@ -32,7 +32,7 @@
               <single-image-upload style="width: 120px; height: 120px" v-model="form.qrCode"></single-image-upload>
             </el-form-item>
             <el-form-item label="模块标题" prop="title">
-              <el-input placeholder="请输入模块标题" :maxlength="20" v-model.trim="form.title"></el-input>
+              <el-input :placeholder="defaultTitle" :maxlength="20" v-model.trim="form.title"></el-input>
             </el-form-item>
             <el-form-item label="模块内容">
               <div class="textarea">
@@ -42,7 +42,7 @@
               </div>
             </el-form-item>
             <el-form-item label="模块提示语">
-              <el-input placeholder="请输模块提示语" :maxlength="20" v-model.trim="form.note"></el-input>
+              <el-input :placeholder="defaultNote" :maxlength="20" v-model.trim="form.note"></el-input>
             </el-form-item>
             <el-form-item>
               <el-button type="primary" :loading="loading" @click="submitHandle">保存</el-button>
@@ -59,13 +59,14 @@ import { ref, reactive, onMounted } from 'vue'
 import { ElNotification } from 'element-plus'
 import { drainageConfigGet, drainageConfigPost } from '@/api/coupon/index'
 
+const defaultTitle = ref('扫码进群，优惠多多')
 const defaultNote = ref('长按识别，微信内扫一扫加好友')
 
 const form = ref({
   id: '',
   useType: ['dine-in'],
   qrCode: '',
-  title: '',
+  title: defaultTitle.value,
   content: '',
   note: '长按识别，微信内扫一扫加好友',
   isEnable: '',
@@ -129,6 +130,14 @@ function submitHandle() {
 
         let data = { ...form.value }
 
+        if (data.title == '') {
+          data.title = defaultTitle.value
+        }
+
+        if (data.note == '') {
+          data.note = defaultNote.value
+        }
+
         await drainageConfigPost(data);
         ElNotification({
           title: '注意',
@@ -151,6 +160,13 @@ async function drainageConfigGetAjax() {
       res.useType = []
     }
     form.value = res
+
+    if (form.value.title == '') {
+      form.value.title = defaultTitle.value
+    }
+    if (form.value.note == '') {
+      form.value.note = defaultNote.value
+    }
   } catch (error) {
     console.log(error);
   }