update: 卡券新建群发调整

src/assets/style/base/index.scss

@@ -22,9 +22,6 @@
 #app .dm-form__wrap{
   background:#FFF;
   padding:20px 32px;
-  +.dm-form__wrap {
-    margin-top: 24px;
-  }
   // min-height: 500px;
 }
 
@@ -39,12 +36,22 @@
 }
 
 .dm-title__label {
-  border-bottom: 1px solid #DCDFE6;
-  width: calc(100% + 32px);
-  padding: 0 0 20px 32px;
+  margin-bottom: 10px;
+  padding-left: 20px;
   font-size: 16px;
   font-weight: 500;
-  margin: 0 0 20px -32px;
+  color: #303133;
+  line-height: 22px;
+  width: calc(100% + 32px);
+  &::before {
+    content: '';
+    display: inline-block;
+    vertical-align: middle;
+    transform: translate(-20px, -1px);
+    width: 4px;
+    height: 16px;
+    background: #1890ff;
+  }
   &--tips {
     padding:8px 16px;
     border:1px solid #91d5ff;

src/views/card/group-send.vue

 <template>
   <el-form class="content" :model="form" ref="form" :rules="rules" label-width="100px" v-loading="loading">
     <div class="dm-form__wrap">
-      <div class="page-tip">风险提示：大规模投放卡券可能导致模板消息被封</div>
       <h3 class="dm-title__label">基础设置</h3>
       <el-form-item label="活动名称" prop="putOnName">
         <dm-input class="w250" v-model="form.putOnName" :maxlength="9" :disabled="isInfo"></dm-input>
@@ -55,10 +54,11 @@
     <!-- 只有存在卡券的情况下出现卡券通知方式 -->
     <section class="dm-form__wrap">
       <h3 class="dm-title__label">卡券通知方式配置</h3>
+      <el-alert type="warning" show-icon :closable="false" style="width: 520px" title="大批量投放卡券时，若搭配“微信模板消息”进行通知，可能导致模板消息被封。"></el-alert>
       <el-form-item label="通知方式" class="is-required" prop="noticeType">
         <el-radio v-model="form.noticeType" :label="0" :disabled="!isEditTemplate || isInfo"
           >不通知
-          <el-tooltip class="item" effect="dark" content="不会通知用户，但是卡券会放入用户账户" placement="top-start">
+          <el-tooltip class="item" effect="dark" content="不会通知用户，但是卡券会放入用户账户" placement="top">
             <i class="iconfont icon-xinxixianshi pl5 gray"></i>
           </el-tooltip>
         </el-radio>
@@ -71,7 +71,7 @@
         </el-radio> -->
         <el-radio v-model="form.noticeType" :label="2" :disabled="$store.getters.getLimitWechatTemplateMessage || !isEditTemplate || isInfo || form.templateUseEnable === 0"
           >微信模板消息
-          <el-tooltip placement="top-start">
+          <el-tooltip placement="top">
             <span slot="content">建议小规模发券、智能营销实时计划使用，滥用可能导致模板消息被封。参考微信<a target="_blank" href="https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1433751288">《模板消息运营规范》</a></span>
             <i class="iconfont icon-xinxixianshi pl5 gray"></i>
           </el-tooltip>
@@ -719,11 +719,6 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
-.content {
-  border-top: 1px solid transparent;
-  border-bottom: 1px solid transparent;
-  background: #f0f2f5;
-}
 .ecm-msg__edit {
   display: inline-block;
   vertical-align: top;