短信发送

src/api/sms/index.js

@@ -8,4 +8,61 @@ export function fetchBatchSendRecords(page) {
             page: page,
         }
     })
+}
+
+export function sendsInitData(action, id) {
+    var param = {}
+    if (action != null && action != undefined) {
+        param.action = action
+    }
+    if (id != null && id != undefined) {
+        param.id = id
+    }
+    return request({
+        url: "/api/sms/sendinit",
+        method: "get",
+        params: param,
+    })
+}
+
+export function tagFilterCustomerCount(tag_ids_str) {
+    return request({
+        url: "/api/sms/tagfiltercount",
+        method: "get",
+        params: {
+            tags: tag_ids_str,
+        },
+    })
+}
+
+export function send2AllCustomers(content) {
+    return request({
+        url: "/api/sms/send2all",
+        method: "post",
+        param: {
+            content: content,
+        }
+    })
+}
+
+export function send2TagCustomers(content, tag_ids) {
+    return request({
+        url: "/api/sms/send2tag",
+        method: "post",
+        param: {
+            content: content,
+            tags: tag_ids,
+        }
+    })
+}
+
+export function send2SpecificCustomers(content, customer_ids) {
+    return request({
+        url: "/api/sms/send2specific",
+        method: "post",
+        param: {
+            content: content,
+            ids: customer_ids,
+        }
+    })
 }

src/scrm_pages/marketing_tool/activity_share.vue

@@ -24,7 +24,7 @@
                     <p class="desc">以短信方式推送给客户</p>
                 </div>
                 <div class="btn-panel">
-                    <el-button type="primary">短信推送</el-button>
+                    <el-button type="primary" @click="smsAction">短信推送</el-button>
                 </div>
             </div>
             <div class="link-share-panel">
@@ -114,6 +114,9 @@ export default {
             document.body.removeChild(input);
 
             this.$message.success("已复制链接")
+        },
+        smsAction: function() {
+            this.$router.push({ path: "/sms/send", query: { action: 1, id: this.activity_id } })
         }
     },
 }

src/scrm_pages/sms/sms_manage.vue

@@ -81,14 +81,6 @@ export default {
             })
         },
         sendAction: function() {
-            // var targets = [
-            //     { id: 1, name: "会员1", mobile: "12346789098" },
-            //     { id: 2, name: "会员2", mobile: "12346789098" },
-            //     { id: 3, name: "会员3", mobile: "12346789098" },
-            //     { id: 4, name: "会员4", mobile: "12346789098" },
-            //     { id: 5, name: "会员5", mobile: "12346789098" },
-            // ]
-            // this.$store.dispatch("SMSSetTargets", targets)
             this.$router.push({path:'/sms/send'})
         },
 

src/scrm_pages/sms/sms_send.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="main-contain">
+    <div class="main-contain" v-loading="sending">
         <div class="position">
             <bread-crumb :crumbs="crumbs"></bread-crumb>
         </div>
@@ -30,7 +30,7 @@
                     </div>
                     <div class="form-content">
                         <div class="input-panel">
-                            <el-input v-model="sms_content" type="textarea" :rows="4" resize="none"></el-input>
+                            <el-input v-model="sms_content" type="textarea" :rows="4" resize="none" maxlength="500"></el-input>
                             <div class="hint-text">已输入{{ total_content_length }}字（含签名和尾缀）按{{ sms_charge_count }}条短信计费</div>
                         </div>
                         <div v-if="designated_targets.length == 0" class="filters-panel">
@@ -40,7 +40,7 @@
                                     <p class="desc">将该短信推送给系统里的所有客户</p>
                                 </div>
                                 <div class="btn">
-                                    <el-button type="primary">发送</el-button>
+                                    <el-button type="primary" @click="sendToAllCustomersAction">发送</el-button>
                                 </div>
                             </div>
                             <div class="tag-filter-panel">
@@ -48,14 +48,14 @@
                                 <p class="desc">将该短信推送给相应标签客户</p>
                                 <div class="tag-panel">
                                     <div v-for="(tag, index) in tags" class="item-panel" :key="index">
-                                        <el-tag effect="plain">{{ tag.name }}</el-tag>
+                                        <el-tag :effect="tagEffect(tag)" @click="selectTagAction(tag)" @close="cancelSelectTagAction(tag)" :closable="isTagSelected(tag)">{{ tag.tag_name }}</el-tag>
                                     </div>
                                 </div>
                                 <p class="hint-text">*选择标签发送可以帮助您精准营销</p>
                                 <div class="send">
                                     <p class="text">已为您筛选 {{ tag_filtered_count }} 位客户</p>
                                     <div class="btn">
-                                        <el-button type="primary">发送</el-button>
+                                        <el-button type="primary" @click="sendToTagCustomersAction">发送</el-button>
                                     </div>
                                 </div>
                             </div>
@@ -66,7 +66,7 @@
                                     推送指定客户
                                 </div>
                                 <div class="btn">
-                                    <el-button type="primary">发送</el-button>
+                                    <el-button type="primary" @click="sendToDesignatedCustomersAction">发送</el-button>
                                 </div>
                             </div>
                             <el-table :data="designated_targets" border max-height="500px">
@@ -83,6 +83,7 @@
 
 <script>
 import BreadCrumb from "@/scrm_pages/components/bread-crumb"
+import { sendsInitData, tagFilterCustomerCount, send2AllCustomers, send2TagCustomers, send2SpecificCustomers } from "@/api/sms"
 
 export default {
     name: "SMSSend",
@@ -96,9 +97,14 @@ export default {
                 { path: false, name: "群发短信" },
             ],
 
+            sending: false,
             sms_content: "",
             tags: [],
+            selecting_tags: [],
+            tag_filtered_count: 0,
 
+            action: 0,
+            id: 0,
             designated_targets: [],
         }
     },
@@ -112,13 +118,173 @@ export default {
         sms_charge_count: function() {
             return parseInt(Math.ceil(this.total_content_length / 67.0))
         },
-        tag_filtered_count: function() {
-            return 0
-        },
     },
     mounted() {
         this.designated_targets = this.$store.getters.sms_designated_targets.targets
-        this.$store.dispatch("SMSClearTargets")
+        if (this.designated_targets.length > 0) {
+            this.$store.dispatch("SMSClearTargets")
+        } else {
+            var action = this.$route.query.action
+            var id = this.$route.query.id
+            if (action != undefined && id != undefined) {
+                this.action = action
+                this.id = id
+            }
+
+            this.getInitData()
+        }
+    },
+    methods: {
+        getInitData: function() {
+            sendsInitData(this.action, this.id).then(rs => {
+                var resp = rs.data
+                if (resp.state == 1) {
+                    this.tags = resp.data.tags
+                    this.sms_content = resp.data.default_content
+
+                } else {
+                    this.$message.error(resp.msg)
+                }
+
+            }).catch(err => {
+                this.$message.error(err)
+            })
+        },
+        getTagCustomerCount: function() {
+            var tag_ids = []
+            for (let index = 0; index < this.selecting_tags.length; index++) {
+                tag_ids.push(this.selecting_tags[index].id)
+            }
+            if (tag_ids.length == 0) {
+                this.tag_filtered_count = 0
+                return
+            }
+            tagFilterCustomerCount(tag_ids.join(",")).then(rs => {
+                var resp = rs.data
+                if (resp.state == 1) {
+                    this.tag_filtered_count = resp.data.count
+                } else {
+                    console.log(resp.msg)
+                }
+            }).catch(err => {
+                console.log(err)
+            })
+        },
+
+        tagEffect: function(tag) {
+            if (this.isTagSelected(tag)) {
+                return "dark"
+            } else {
+                return "plain"
+            }
+        },
+        isTagSelected: function(tag) {
+            for (let index = 0; index < this.selecting_tags.length; index++) {
+                if (this.selecting_tags[index].id == tag.id) {
+                    return true
+                }
+            }
+            return false
+        },
+        selectTagAction: function(tag) {
+            if (!this.isTagSelected(tag)) {
+                this.selecting_tags.push(tag)
+                this.getTagCustomerCount()
+            }
+        },
+        cancelSelectTagAction: function(tag) {
+            for (let index = 0; index < this.selecting_tags.length; index++) {
+                if (this.selecting_tags[index].id == tag.id) {
+                    this.selecting_tags.splice(index, 1)
+                    this.getTagCustomerCount()
+                    break
+                }
+            }
+        },
+
+        isSMSContentValid: function() {
+            if (this.sms_content.length == 0) {
+                this.$message.error("请编辑短信内容")
+                return false
+            }
+            if (this.sms_content.indexOf("【") >= 0 || this.sms_content.indexOf("】") >= 0) {
+                this.$message.error("短信内容不得包含【】")
+                return false
+            }
+            return true
+        },
+        sendToAllCustomersAction: function() {
+            if (!this.isSMSContentValid()) {
+                return
+            }
+            this.sending = true
+            send2AllCustomers(this.sms_content).then(rs => {
+                this.sending = false
+                var resp = rs.data
+                if (resp.state == 1) {
+                    this.$message.success("发送成功")
+                } else {
+                    this.$message.error(resp.msg)
+                }
+
+            }).catch(err => {
+                this.sending = false
+                this.$message.error(err)
+            })
+        },
+        sendToTagCustomersAction: function() {
+            if (!this.isSMSContentValid()) {
+                return
+            }
+            if (this.selecting_tags.length == 0) {
+                this.$message.error("请选择标签")
+                return
+            }
+
+            var tag_ids = []
+            for (let index = 0; index < this.selecting_tags.length; index++) {
+                tag_ids.push(this.selecting_tags[index].id)
+            }
+
+            this.sending = true
+            send2TagCustomers(this.sms_content, tag_ids.join(",")).then(rs => {
+                this.sending = false
+                var resp = rs.data
+                if (resp.state == 1) {
+                    this.$message.success("发送成功")
+                } else {
+                    this.$message.error(resp.msg)
+                }
+
+            }).catch(err => {
+                this.sending = false
+                this.$message.error(err)
+            })
+        },
+        sendToDesignatedCustomersAction: function() {
+            if (!this.isSMSContentValid()) {
+                return
+            }
+            var customer_ids = []
+            for (let index = 0; index < this.designated_targets.length; index++) {
+                customer_ids.push(this.designated_targets[index].id)
+            }
+
+            this.sending = true
+            send2SpecificCustomers(this.sms_content, customer_ids.join(",")).then(rs => {
+                this.sending = false
+                var resp = rs.data
+                if (resp.state == 1) {
+                    this.$message.success("发送成功")
+                } else {
+                    this.$message.error(resp.msg)
+                }
+
+            }).catch(err => {
+                this.sending = false
+                this.$message.error(err)
+            })
+        },
     },
 }
 </script>
@@ -302,6 +468,7 @@ export default {
                         .item-panel {
                             display: inline-block;
                             margin-bottom: 5px;
+                            margin-right: 5px;
                         }
                     }
                     .hint-text {

src/store/modules/sms_designated_targets.js

@@ -1,6 +1,6 @@
 const sms_designated_targets = {
     state: {
-        targets: [],
+        targets: [ /* { id, name, mobile } */ ],
     },
     mutations: {
         SET_TARGETS: (state, targets) => {