update: 短信模板

src/components/linktools-fulls/index.vue

@@ -42,7 +42,8 @@ components: {linkId
     :close-on-click-modal="false"
     :visible.sync="mylinkToolsVisible"
     @close="changeVisible"
-    :modal-append-to-body="false">
+    :modal-append-to-body="false"
+    :append-to-body="appendToBody">
       <div v-loading="loading">
       <!-- 链接类型 -->
       <div class="links-types">
@@ -445,7 +446,7 @@ import { setTimeout } from 'timers';
 export default {
   name: 'links-tool',
 
-  props: ['linkVisible','showType','projectName', 'linkData', 'canSave', 'remove'],
+  props: ['linkVisible','showType','projectName', 'linkData', 'canSave', 'remove', 'appendToBody'],
 
   data () {
     return {

src/views/ecm/marketing-event/components/lib-qywx.vue

@@ -61,13 +61,53 @@
           <div class="sms-label">短信内容</div>
           <div class="sms-template-wrapper">
             <div class="sms-template-header">
-              <el-button type="text">选择模板</el-button>
+              <el-button type="text" @click="openDialog('smsTemplate')">选择模板</el-button>
               <el-divider direction="vertical"></el-divider>
-              <el-button type="text">插入小程序链接</el-button>
+              <el-button type="text" @click="openDialog('transferLink')">插入小程序链接</el-button>
               <el-divider direction="vertical"></el-divider>
-              <el-button type="text">压缩网址</el-button>
+              <el-button type="text" @click="openDialog('reduceLink')">压缩网址</el-button>
               <el-divider direction="vertical"></el-divider>
-              <el-button type="text">查看变量</el-button>
+              <el-popover placement="top" trigger="click" width="600" :offset="148">
+                <div style="padding:8px">
+                  <div class="messsage-template-title">模板示例</div>
+                  <div class="messsage-template-description">模板示列如下，其中{数字}为可插入的变量值，参照表如下：注意考虑变量值的文本长度，以免超出67字/条的文本上限。</div>
+                  <div class="messsage-template-content">
+                    <ul>
+                      <li>{1}=姓名</li>
+                      <li>{2}=姓名+先生/女士</li>
+                      <li>{3}=生日日期</li>
+                      <li>{4}=生日天数</li>
+                      <li>{5}=关注日期</li>
+                      <li>{6}=关注天数</li>
+                      <li>{7}=主门店品牌名称</li>
+                      <li>{8}=主门店名称</li>
+                      <li>{9}=主门店电话</li>
+                      <li>{10}=专属导购姓名</li>
+                      <li>{11}=专属导购手机号</li>
+                      <li>{12}=开卡日期</li>
+                      <li>{13}=开卡天数</li>
+                      <li>{14}=开卡门店名称</li>
+                    </ul>
+                    <ul>
+                      <li>{15}=会员卡号</li>
+                      <li>{16}=会员等级名称</li>
+                      <li>{17}=主门店地址</li>
+                      <li>{18}=会员等级剩余有效天数</li>
+                      <li>{19}=积分余额</li>
+                      <li>{20}=30天内将过期积分额度</li>
+                      <li>{21}=储值余额</li>
+                      <li>{22}=消费总额</li>
+                      <li>{23}=消费次数</li>
+                      <li>{24}=最近消费日期</li>
+                      <li>{25}=最近消费间隔</li>
+                      <li>{26}=最高单笔消费</li>
+                      <li>{27}=最近消费门店名称</li>
+                      <li>{28}=最近消费品牌名称</li>
+                    </ul>
+                  </div>
+                </div>
+                <el-button type="text" slot="reference">查看变量</el-button>
+              </el-popover>
             </div>
             <el-input class="sms-template" v-model="form.smsContent" type="textarea" :rows="4" resize="none" show-word-limit :maxlength="450"></el-input>
           </div>
@@ -86,12 +126,14 @@
       <el-button style="width:74px" :key="2" type="primary" @click="step = 0">上一步</el-button>
       <el-button style="width:74px" :key="2" type="primary" @click="addItem">确定</el-button>
     </template>
+    <template-dialog ref="template-dialog"></template-dialog>
   </el-dialog>
 </template>
 
 <script>
 import Draggable from 'vuedraggable';
 import { getEntepriseList } from '../assets/api';
+import TemplateDialog from './qywx-dialog';
 
 export default {
   name: 'lib-qywx',
@@ -108,7 +150,8 @@ export default {
     }
   },
   components: {
-    Draggable
+    Draggable,
+    TemplateDialog
   },
   data() {
     return {
@@ -197,6 +240,10 @@ export default {
       } else {
         this.form.qywxEnterpriseName = '';
       }
+    },
+    openDialog(type) {
+      // type: reduceLink 压缩链接，transferLink 小程序链接，smsTemplate 短信模板
+      this.$refs['template-dialog'][type].show = true;
     }
   },
   watch: {
@@ -325,4 +372,29 @@ export default {
     border-color: #1890ff;
   }
 }
+.messsage-template {
+  &-description {
+    font-size: 12px;
+    font-weight: 400;
+    color: #606266;
+    line-height: 17px;
+    margin: 23px 0 20px;
+  }
+  &-title {
+    font-size: 18px;
+    font-weight: 400;
+    color: #303133;
+    line-height: 18px;
+  }
+  &-content {
+    display: flex;
+    line-height: 28px;
+    background: #fafafa;
+    border-radius: 2px;
+    padding: 16px 0 16px 40px;
+    ul {
+      flex: 1;
+    }
+  }
+}
 </style>