删除/发布活动

src/api/activity/activity.js

@@ -54,4 +54,24 @@ export function fetchActivitySignupUsers(activity_id, keyword, page) {
       page: page,
     }
   })
+}
+
+export function deleteActivity(activity_id) {
+  return request({
+    url: "/api/activity/delete",
+    method: "post",
+    params: {
+      id: activity_id,
+    }
+  })
+}
+
+export function publishActivity(activity_id) {
+  return request({
+    url: "/api/activity/publish",
+    method: "post",
+    params: {
+      id: activity_id,
+    }
+  })
 }

src/lang/en.js

@@ -119,6 +119,7 @@ export default {
     activityDetail: "activity detail",
     activityShare: "activity share",
     activityPreview: "activity preview",
+    activitySignupList: "activity sign up list",
   },
   navbar: {
     logOut: 'Log Out',

src/lang/zh.js

@@ -168,6 +168,7 @@ export default {
     activityDetail: "活动详情",
     activityShare: "活动分享",
     activityPreview: "活动预览",
+    activitySignupList: "报名列表",
   },
   navbar: {
     logOut: '退出登录',

src/router/modules/marketing_tool.js

@@ -72,5 +72,16 @@ export default {
         noCache: true,
       }
     },
+    {
+      path: "/activity/signupusers",
+      hidden: true,
+      is_menu: false,
+      component: () => import("@/scrm_pages/marketing_tool/activity_signup_users"),
+      name: "activitySignupList",
+      meta: {
+        title: "activitySignupList",
+        noCache: true,
+      }
+    },
   ]
 }

src/scrm_pages/marketing_tool/activity_detail.vue

@@ -16,7 +16,7 @@
                 </div>
                 <div class="action-panel">
                     <el-button type="primary" v-if="show_share_btn" @click="$router.push({ path: '/activity/share', query: { id: activity_id } })">再次分享</el-button>
-                    <el-button type="primary" v-if="show_publish_btn">发布</el-button>
+                    <el-button type="primary" v-if="show_publish_btn" @click="publishActivity" :loading="publishing">发布</el-button>
                 </div>
             </div>
             <div class="times-statistics">
@@ -41,9 +41,7 @@
                     <el-button type="primary" icon="el-icon-search" :loading="loading_search" @click="fetchSignupUsers">搜索</el-button>
                 </div>
                 <div class="all-btn">
-                    <router-link to="/">
-                        <el-button type="primary">查看全部</el-button>
-                    </router-link>
+                    <el-button type="primary" @click="$router.push({ path: '/activity/signupusers', query: { id: activity_id } })">查看全部</el-button>
                 </div>
             </div>
             <div class="signup-table-panel">
@@ -64,7 +62,7 @@
 
 <script>
 import BreadCrumb from "@/scrm_pages/components/bread-crumb"
-import { fetchActivityDetailViewData, fetchActivitySignupUsers } from "@/api/activity/activity"
+import { fetchActivityDetailViewData, fetchActivitySignupUsers, publishActivity } from "@/api/activity/activity"
 import { parseTime } from "@/utils"
 
 export default {
@@ -86,6 +84,7 @@ export default {
             signup_users: [],
 
             loading_search: false,
+            publishing: false,
         }
     },
     computed: {
@@ -149,6 +148,22 @@ export default {
                 this.loading_search = false
                 this.$message.error(err)
             })
+        },
+        publishActivity: function() {
+            this.publishing = true
+            publishActivity(this.activity_id).then(rs => {
+                this.publishing = false
+                var resp = rs.data
+                if (resp.state == 1) {
+                    this.activity.status = 1
+                } else {
+                    this.$message.error(resp.msg)
+                } 
+
+            }).catch(rs => {
+                this.publishing = false
+                this.$message.error(err)
+            })
         }
     },
 }

src/scrm_pages/marketing_tool/activity_list.vue

@@ -34,8 +34,10 @@
       <div>
         <template v-for="(activity, index) in activities">
           <published-cell v-if="activity.status == 1 || activity.status == 4" :key="index" :activity="activity"></published-cell>
-          <unapproved-cell v-else-if="activity.status == 3" :key="index" :activity="activity"></unapproved-cell>
-          <drafts-cell v-else-if="activity.status == 2" :key="index" :activity="activity"></drafts-cell>
+
+          <unapproved-cell v-else-if="activity.status == 3" :key="index" :activity="activity" @delete="deleteActivity(activity.id, index)"></unapproved-cell>
+
+          <drafts-cell v-else-if="activity.status == 2" :key="index" :activity="activity" @delete="deleteActivity(activity.id, index)"></drafts-cell>
         </template>
       </div>
       <div class="cell clearfix" style="padding-top: 15px;">
@@ -50,7 +52,7 @@ import BreadCrumb from "@/scrm_pages/components/bread-crumb"
 import PublishedCell from "@/scrm_pages/marketing_tool/components/published_cell"
 import UnapprovedCell from "@/scrm_pages/marketing_tool/components/unapproved_cell"
 import DraftsCell from "@/scrm_pages/marketing_tool/components/drafts_cell"
-import { fetchActivities } from "@/api/activity/activity"
+import { fetchActivities, deleteActivity } from "@/api/activity/activity"
 
 export default {
   name: "ActivityList",
@@ -102,6 +104,23 @@ export default {
         this.$message.error(err)
       })
     },
+
+    deleteActivity(id, index) {
+      this.loading_activities = true
+      deleteActivity(id).then(rs => {
+        this.loading_activities = false
+        var resp = rs.data
+        if (resp.state == 1) {
+          this.activities.splice(index, 1)
+        } else {
+          this.$message.error(resp.msg)
+        }
+      }).catch(err => {
+        this.loading_activities = false
+        this.$message.error(err)
+        return err
+      })
+    }
   },
 };
 </script>

src/scrm_pages/marketing_tool/activity_signup_users.vue

@@ -0,0 +1,107 @@
+<template>
+    <div class="main-contain">
+        <div class="position">
+            <bread-crumb :crumbs="crumbs"></bread-crumb>
+        </div>
+        <div class="app-container" style="padding-top: 0; background-color: #f6f8f9;">
+            <div style="display: flex;">
+                <div style="flex: 1;">
+                    <router-link to="/activity/list">
+                        <el-button type="primary">返回列表</el-button>
+                    </router-link>
+                </div>
+                <el-button type="primary" @click="printAction">导出</el-button>
+            </div>
+            <div style="margin-top: 10px;" id="table-panel">
+                <el-table id="table" border :data="signup_users" empty-text="暂无人报名">
+                    <el-table-column label="报名号" align="center" prop="id"></el-table-column>
+                    <el-table-column label="手机号" align="center" prop="mobile"></el-table-column>
+                    <el-table-column label="客户姓名" align="center" prop="real_name"></el-table-column>
+                    <el-table-column label="报名时间" align="center">
+                        <template slot-scope="scope">
+                            <span>{{ parseTime(scope.row.ctime, "{y}-{m}-{d} {h}:{i}") }}</span>
+                        </template>
+                    </el-table-column>
+                </el-table>
+            </div>
+            <div style="margin-top: 10px;">
+                <el-pagination :total="total" :current-page.sync="current_page" :page-size="10" layout="total, prev, pager, next" @current-change="getActivities()"></el-pagination>
+            </div>
+            <div id="print-table" style="width:960px; display: none;">
+                <el-table border :data="signup_users" empty-text="暂无人报名">
+                    <el-table-column label="报名号" align="center" prop="id"></el-table-column>
+                    <el-table-column label="手机号" align="center" prop="mobile"></el-table-column>
+                    <el-table-column label="客户姓名" align="center" prop="real_name"></el-table-column>
+                    <el-table-column label="报名时间" align="center">
+                        <template slot-scope="scope">
+                            <span>{{ parseTime(scope.row.ctime, "{y}-{m}-{d} {h}:{i}") }}</span>
+                        </template>
+                    </el-table-column>
+                </el-table>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+import BreadCrumb from "@/scrm_pages/components/bread-crumb"
+import { fetchActivitySignupUsers } from "@/api/activity/activity"
+import { parseTime } from "@/utils"
+import printJS from "print-js"
+
+export default {
+    name: "ActivitySignupUsers",
+    components: {
+        BreadCrumb,
+    },
+    data() {
+        return {
+            crumbs: [
+                { path: false, name: "活动详情" },
+                { path: false, name: "报名列表" },
+            ],
+
+            activity_id: 0,
+
+            signup_users: [],
+            loading_search: false,
+            total: 0,
+            current_page: 1,
+        }
+    },
+    mounted() {
+        this.activity_id = this.$route.query.id
+
+        this.fetchSignupUsers()
+    },
+    methods: {
+        parseTime,
+        fetchSignupUsers: function() {
+            this.loading_search = true
+            fetchActivitySignupUsers(this.activity_id, "", this.current_page).then(rs => {
+                this.loading_search = false
+                var resp = rs.data
+                if (resp.state == 1) {
+                    this.signup_users = resp.data.users
+                    this.total = resp.data.total
+                } else {
+                    this.$message.error(resp.msg)
+                }
+            }).catch(err => {
+                this.loading_search = false
+                this.$message.error(err)
+            })
+        },
+        printAction: function() {
+            printJS({
+                printable: 'table',
+                type: "html",
+                scanStyles: false,
+                css: ['https://unpkg.com/element-ui/lib/theme-chalk/index.css'],
+                // maxWidth: 960,
+            })
+        },
+    },
+}
+</script>
+

src/scrm_pages/marketing_tool/components/drafts_cell.vue

@@ -13,7 +13,7 @@
             </h3>
             <div class="operation">
                 <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>
+                <el-button type="danger" size="small" icon="el-icon-delete" @click="deleteActivity">删除</el-button>
             </div>
         </div>
     </div>
@@ -39,6 +39,11 @@ export default {
             return "/activity?id=" + this.activity.id
         }
     },
+    methods: {
+        deleteActivity() {
+            this.$emit("delete")
+        }
+    }
 }
 </script>
 

src/scrm_pages/marketing_tool/components/unapproved_cell.vue

@@ -14,7 +14,7 @@
             </div>
             <div class="operation">
                 <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>
+                <el-button type="danger" size="small" icon="el-icon-delete" @click="deleteActivity">删除</el-button>
             </div>
         </div>
         <div class="activity-time-panel">
@@ -45,6 +45,11 @@ export default {
             return parseTime(this.activity.start_time, "{y}-{m}-{d} {h}:{i}")
         },
     },
+    methods: {
+        deleteActivity() {
+            this.$emit("delete")
+        }
+    }
 }
 </script>