活动编辑完成

src/api/activity/activity.js

@@ -21,4 +21,15 @@ export function fetchActivity(id) {
       id: id,
     }
   })
+}
+
+export function submitActivity(publish, activity) {
+  return request({
+    url: "/api/activity/submit",
+    method: "post",
+    params: {
+      publish: publish,
+    },
+    data: activity,
+  })
 }

src/scrm_pages/marketing_tool/activity_publish.vue

@@ -49,7 +49,6 @@ export default {
                 sign_up_notice: "",
             },
             activity_paragraph: {
-                id: 0,
                 title: "",
                 content: "",
             }
@@ -75,7 +74,6 @@ export default {
                     this.activity.sign_up_notice = activity.sign_up_notice
 
                     var paragraph = resp.data.paragraph
-                    this.activity_paragraph.id = paragraph.id
                     this.activity_paragraph.title = paragraph.title
                     this.activity_paragraph.content = paragraph.content
 

src/scrm_pages/marketing_tool/components/edit_activity_edit_form.vue

@@ -11,7 +11,7 @@
                     基本信息
                 </p>
                 <div class="module-item">
-                    <label class="item-title">主图</label>
+                    <label class="item-title">海报</label>
                     <div class="poster-photo-panel">
                         <el-input v-model="poster_photo_file_name" :readonly="true" class="input"></el-input>
                         <el-upload 
@@ -22,7 +22,7 @@
                         :on-success="posterPhotoUploadSuccess"
                         :before-upload="beforePosterPhotoUpload"
                         >
-                            <el-button type="primary" style="margin-left: 10px;" v-loading="uploading_poster_photo">上传图片</el-button>
+                            <el-button type="primary" style="margin-left: 10px;" :loading="uploading_poster_photo">上传图片</el-button>
                         </el-upload>
                     </div>
                 </div>
@@ -93,9 +93,9 @@
             </div>
 
             <div class="submit-button-panel">
-                <el-button style="padding: 10px 30px;" type="primary">发 布</el-button>
-                <el-button style="color: #409eff; border-color: #409eff; padding: 10px 30px;">保存草稿</el-button>
-                <el-button style="color: #409eff; border-color: #409eff; padding: 10px 30px;">预 览</el-button>
+                <el-button style="padding: 10px 30px;" type="primary" @click="publishAction" :loading="publishing_activity" :disabled="saving_activity || saving_before_preview_activity">发 布</el-button>
+                <el-button style="color: #409eff; border-color: #409eff; padding: 10px 30px;" @click="saveAction" :loading="saving_activity" :disabled="publishing_activity || saving_before_preview_activity">保存草稿</el-button>
+                <el-button style="color: #409eff; border-color: #409eff; padding: 10px 30px;" :loading="saving_before_preview_activity" :disabled="publishing_activity || saving_activity">预 览</el-button>
             </div>
         </div>
     </div>
@@ -105,6 +105,8 @@
 import Neditor from '@/components/Neditor'
 import { getToken } from "@/api/qiniu"
 import { getFileExtension } from "@/utils/tools"
+import { parseTime } from "@/utils"
+import { submitActivity } from "@/api/activity/activity"
 
 export default {
     name: "EditActivityEditForm",
@@ -123,6 +125,10 @@ export default {
     },
     data() {
         return {
+            saving_activity: false,
+            publishing_activity: false,
+            saving_before_preview_activity: false,
+
             uploading_poster_photo: false,
             qntoken: "",
             poster_photo_file_key: "",
@@ -153,10 +159,10 @@ export default {
             }
         },
         activity_time: function(new_val) {
-            this.activity.start_time = new_val
+            this.activity.start_time = parseInt(new_val / 1000)
         },
         sign_up_deadline: function(new_val) {
-            this.activity.sign_up_deadline = new_val  
+            this.activity.sign_up_deadline = parseInt(new_val / 1000)
         },
     },
     methods: {
@@ -213,6 +219,98 @@ export default {
                 })
             })
         },
+
+        saveAction: function() {
+            this.saving_activity = true
+            this.submitActivity(false)
+        },
+        publishAction: function() {
+            this.publishing_activity = true
+            this.submitActivity(true, function() {
+                // 前往活动详情页
+            })
+        },
+        previewAction: function() {
+            this.saving_before_preview_activity = true
+            this.submitActivity(false, function() {
+                // 前往活动预览页
+            })
+        },
+        submitActivity: function(is_publish, successCallBack) {
+            this.validActivityInfo().then(() => {
+                var activity = {
+                    id: this.activity.id,
+                    poster_photo: this.activity.poster_photo,
+                    title: this.activity.title,
+                    subtitle: this.activity.subtitle,
+                    address: this.activity.address,
+                    limit_num: this.activity.limit_num,
+                    sign_up_deadline: parseTime(this.activity.sign_up_deadline, "{y}-{m}-{d} {h}:{i}"),
+                    start_time: parseTime(this.activity.start_time, "{y}-{m}-{d} {h}:{i}"),
+                    phone_number: this.activity.phone_number,
+                    sign_up_notice: this.activity.sign_up_notice,
+
+                    paragraph: {
+                        title: this.paragraph.title,
+                        content: this.paragraph.content,
+                    }
+                }
+                submitActivity(is_publish, activity).then(rs => {
+                    var resp = rs.data
+                    if (resp.state == 1) {
+                        this.activity.id = resp.data.activity_id
+                    } else {
+                        this.$message.error(resp.msg)
+                    }
+
+                    if (successCallBack != null || successCallBack != undefined) {
+                        successCallBack()
+                    }
+
+                    this.saving_activity = false
+                    this.publishing_activity = false
+                    this.saving_before_preview_activity = false
+
+                }).catch(err => {
+                    this.$message.error(err)
+                    this.saving_activity = false
+                    this.publishing_activity = false
+                    this.saving_before_preview_activity = false
+                })
+
+            }).catch(err => {
+                this.$message.error(err)
+                this.saving_activity = false
+                this.publishing_activity = false
+                this.saving_before_preview_activity = false
+            })
+            
+        },
+        validActivityInfo: function() {
+            return new Promise((resolve, reject) => {
+                if (this.activity.poster_photo.length == 0) {
+                    reject("海报不能为空")
+                } else if (this.activity.title.length == 0) {
+                    reject("标题不能为空")
+                } else if (this.activity.subtitle.length == 0) {
+                    reject("副标题不能为空")
+                } else if (this.activity.address.length == 0) {
+                    reject("活动地址不能为空")
+                } else if (this.activity.sign_up_deadline == 0) {
+                    reject("活动报名时间不能为空")
+                } else if (this.activity.start == 0) {
+                    reject("活动时间不能为空")
+                } else {
+                    if (this.activity.phone_number.length > 0) {
+                        if (/^1\d{10}$/.test(this.activity.phone_number) == false && /^(0\d{2,3}-?\d{7,8}$)/.test(this.activity.phone_number) == false) {
+                            reject("联系方式格式错误")
+                            return
+                        }
+                    }
+                }
+                resolve()
+            })
+        },
     },
 }
 </script>