活动编辑页

src/api/activity/activity.js

@@ -11,4 +11,14 @@ export function fetchActivities(page, keyword, status) {
     method: 'get',
     params: params,
   })
+}
+
+export function fetchActivity(id) {
+  return request({
+    url: "/api/activity",
+    method: "get",
+    params: {
+      id: id,
+    }
+  })
 }

src/lang/en.js

@@ -114,7 +114,8 @@ export default {
     marketingTool: "marketing tools",
     activityList: "activity list",
     activityPublish: "publish activity",
-    systemsetting:'Systemsetting'
+    activityModify: "edit activity",
+    systemsetting:'Systemsetting',
   },
   navbar: {
     logOut: 'Log Out',

src/lang/zh.js

@@ -162,8 +162,9 @@ export default {
     marketingTool: "营销工具",
     activityList: "活动列表",
     activityPublish: "发布活动",
+    activityModify: "编辑活动",
     systemsetting:'系统设置',
-    staffmanagement:'员工管理'
+    staffmanagement:'员工管理',
   },
   navbar: {
     logOut: '退出登录',

src/router/modules/marketing_tool.js

@@ -28,5 +28,16 @@ export default {
         noCache: true
       }
     },
+    {
+      path: '/activity/modify',
+      hidden: true,
+      is_menu: false,
+      component: () => import('@/scrm_pages/marketing_tool/activity_publish'),
+      name: 'activityModify',
+      meta: {
+        title: 'activityModify',
+        noCache: true
+      }
+    },
   ]
 }

src/scrm_pages/marketing_tool/activity_publish.vue

@@ -9,7 +9,7 @@
                     <preview-form :activity="activity" :paragraph="activity_paragraph"></preview-form>
                 </div>
                 <div class="edit-panel">
-                    <edit-form :activity="activity" :paragraph="activity_paragraph"></edit-form>
+                    <edit-form ref="edit_form" :activity="activity" :paragraph="activity_paragraph"></edit-form>
                 </div>
             </div>
         </div>
@@ -20,6 +20,7 @@
 import BreadCrumb from "@/scrm_pages/components/bread-crumb";
 import PreviewForm from "@/scrm_pages/marketing_tool/components/edit_activity_preview_form"
 import EditForm from "@/scrm_pages/marketing_tool/components/edit_activity_edit_form"
+import { fetchActivity } from "@/api/activity/activity"
 
 export default {
     name: "ActivityPublish",
@@ -48,11 +49,47 @@ export default {
                 sign_up_notice: "",
             },
             activity_paragraph: {
+                id: 0,
                 title: "",
                 content: "",
             }
         }
     },
+    created() {
+        var id = this.$route.query.id
+        if (id != undefined) {
+            fetchActivity(id).then(rs => {
+                var resp = rs.data
+                if (resp.state == 1) {
+                    // console.log(resp.data)
+                    var activity = resp.data.activity
+                    this.activity.id = activity.id
+                    this.activity.poster_photo = activity.poster_photo
+                    this.activity.title = activity.title
+                    this.activity.subtitle = activity.subtitle
+                    this.activity.address = activity.address
+                    this.activity.limit_num = activity.limit_num
+                    this.activity.sign_up_deadline = activity.sign_up_deadline * 1000
+                    this.activity.start_time = activity.start_time * 1000
+                    this.activity.phone_number = activity.phone_number
+                    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
+
+                    this.$refs.edit_form.initForms()
+
+                } else {
+                    this.$message.error(resp.msg)
+                }
+
+            }).catch(err => {
+                this.$message.error(err)
+            })
+        }
+    },
 }
 </script>
 

src/scrm_pages/marketing_tool/components/drafts_cell.vue

@@ -10,7 +10,7 @@
                 <a href="/">{{ activity.title }}</a>
             </h3>
             <div class="operation">
-                <el-button type="primary" size="small" icon="el-icon-edit-outline">编辑</el-button>
+                <el-button type="primary" size="small" icon="el-icon-edit-outline" @click="$router.push({ path: '/activity/modify', query: {id: activity.id} })">编辑</el-button>
                 <el-button type="danger" size="small" icon="el-icon-delete">删除</el-button>
             </div>
         </div>

src/scrm_pages/marketing_tool/components/edit_activity_edit_form.vue

@@ -160,7 +160,12 @@ export default {
         },
     },
     methods: {
-        initParagraphContent: function(content) {
+        initForms: function() {
+            this.poster_photo_file_name = this.activity.poster_photo
+            this.limit_num = this.activity.limit_num > 0 ? this.activity.limit_num : ""
+            this.activity_time = this.activity.start_time
+            this.sign_up_deadline = this.activity.sign_up_deadline
+
             this.paragraph_init_content = this.paragraph.content
         },
         paragraphContentChanged: function(content) {
@@ -172,14 +177,11 @@ export default {
             this.$message.error(err)
         },
         posterPhotoUploadSuccess: function(res, file) {
-            console.log(res)
-            console.log(file)
             this.poster_photo_file_name = file.name
             this.uploading_poster_photo = false
             this.activity.poster_photo = "https://images.shengws.com/" + res.url
         },
         beforePosterPhotoUpload: function(file) {
-            console.log(file)
             var is_image = file.type.indexOf("image") > -1
             var mb = file.size / 1024 / 1024
 

src/scrm_pages/marketing_tool/components/edit_activity_preview_form.vue

@@ -197,6 +197,8 @@ export default {
                     width: 40px;
                     height: 40px;
                     border-radius: 20px;
+                    object-fit: cover;
+                    object-position: center;
                 }
             }
             .text-info {

src/scrm_pages/marketing_tool/components/unapproved_cell.vue

@@ -13,7 +13,7 @@
                 审核未通过：{{ activity.reason }}
             </div>
             <div class="operation">
-                <el-button type="primary" size="small" icon="el-icon-edit-outline">编辑</el-button>
+                <el-button type="primary" size="small" icon="el-icon-edit-outline" @click="$router.push({ path: '/activity/modify', query: {id: activity.id} })">编辑</el-button>
                 <el-button type="danger" size="small" icon="el-icon-delete">删除</el-button>
             </div>
         </div>