update: 增加文案配置

src/components/yw-header.vue

@@ -50,7 +50,7 @@ export default {
   top: 0;
   right: 0;
   left: 0;
-  // z-index: 20;
+  z-index: 20;
   display: flex;
   justify-content: space-between;
   align-items: center;

src/views/message/component/detail-form.vue

@@ -3,27 +3,29 @@
     <el-form ref="form" :model="form" :rules="rules" label-width="140px">
       <el-form-item label="短信签名ID" prop="smsSignId">
         <el-input v-model="form.smsSignId" class="w180" :disabled="disabledSmsSignId" />
-        <p class="mt10 tip">保存后不可编辑，请谨慎填写；如需变更，请提交数据工单处理</p>
+        <span class="tip">保存后不可编辑，请谨慎填写；如需变更，请提交数据工单处理</span>
       </el-form-item>
       <el-form-item label="短信签名" prop="smsSignText">
         <el-input v-model="form.smsSignText" class="w180" :disabled="disabledSignText" />
-        <p class="mt10 tip">保存后不可编辑，请谨慎填写；如需变更，请提交数据工单处理</p>
+        <span class="tip">保存后不可编辑，请谨慎填写；如需变更，请提交数据工单处理</span>
       </el-form-item>
       <el-form-item label="签名应用通道" prop="channelSignList">
         <el-checkbox-group v-model="form.channelSignList">
           <el-checkbox v-for="v in channelList" :key="v.channelId" :label="v.channelId" :disabled="disabledCheckBox.includes(v.channelId)">{{ v.channelName }}</el-checkbox>
+          <span span class="tip">请完善短信通道的短信签名后再勾选</span>
         </el-checkbox-group>
-        <p class="mt10 tip">请完善短信通道的短信签名后再勾选</p>
       </el-form-item>
       <el-form-item label="短信模板数量" prop="maxTemplateCount">
         <el-input-number v-model="form.maxTemplateCount" controls-position="right" :min="form.useTemplateCount" class="w90" />
-         <p class="mt10 tip">该商户最多可创建的短信模板数量</p>
+         <span class="tip">该商户最多可创建的短信模板数量</span>
       </el-form-item>
       <el-form-item label="短信发送优先级" prop="sendSmsType">
         <el-radio-group v-model="form.sendSmsType">
           <p class="send_sms">
             <el-radio :label="0">多通道</el-radio>
             <span class="channels">{{ channelSortRes }}</span>
+            <span class="tip">商户选择多通道后，系统会优先使用高优先级的通道进行发送，若短信提交失败，则换用低优先级的通…</span>
+            <el-button type="text" style="color: #606266;margin-left:4px" @click="dialogVisible = true">查看更多</el-button>
           </p>
           <el-radio :label="1">
             指定通道
@@ -32,24 +34,27 @@
             </el-radio-group>
           </el-radio>
         </el-radio-group>
-        <p class="mt10 tip">商户选择多通道后，系统会优先使用高优先级的通道进行发送，若短信提交失败，则换用低优先级的通道，直到所有通道都尝试过。（应用场景：短信营销，智能营销，观云台，会员小程序验证码）</p>
-        <p class="mt10 tip">商户选择指定通道后，只会通过该通道发送。</p>
       </el-form-item>
       <el-form-item label="短信AppID" prop="smsAppid">
         <span>{{ form.smsAppid }}</span>
-        <p class="mt10 tip">短信AppID由系统自动匹配</p>
+        <span class="tip">短信AppID由系统自动匹配</span>
       </el-form-item>
       <el-form-item label="">
         <el-button type="primary" style="margin-top: 30px" @click="submit">保存</el-button>
       </el-form-item>
     </el-form>
+    <more-tip-dialog title="提示详情" :type="form.smsSignId" :visible.sync="dialogVisible"/>
   </div>
 </template>
 
 <script>
 import requestApi from '@/api/operation';
+import MoreTipDialog from './more-tip-dialog.vue';
 const { getAllChannel, getSmsSetting, updateSms, getAppid } = requestApi;
 export default {
+  components: {
+    MoreTipDialog
+  },
   data() {
     const sendSmsTypeValidate = (_, val, cb) => {
       if (val === 1 && !this.form.appointChannel) {
@@ -83,7 +88,8 @@ export default {
         channelSignList: { required: true, message: '请选择签名应用通道', trigger: 'blur' },
         maxTemplateCount: { required: true, message: '请输短信模板数量', trigger: 'blur' },
         sendSmsType: { validator: sendSmsTypeValidate, trigger: 'change' }
-      }
+      },
+      dialogVisible: false
     };
   },
   created() {
@@ -189,7 +195,7 @@ export default {
   color: #909399;
   line-height: 17px;
   &.tip {
-    margin-left: 0;
+    margin-left: 18px;
   }
 }
 </style>

src/views/message/component/more-tip-dialog.vue

+<template>
+  <el-dialog :title="title" :visible.sync="visible" width="600px" append-to-body>
+    <template v-if="!type">
+      <p>1. 商户选择多通道后，系统会优先使用高优先级的通道进行发送，若短信提交失败，则换<i class="w16" />用低优先级的通道，直到所有通道都尝试过。（应用场景：短信营销，智能营销，观云<i class="w16" />台，会员小程序验证码）</p>
+      <p>2. 商户选择指定通道后，只会通过该通道发送。</p>
+    </template>
+    <template v-else>
+      <p>1. 商户选择多通道后，系统会优先使用高优先级的通道进行发送，若短信提交失败，则换用低优先级的通道，直到所有通道都尝试过。（应用场景：短信营销，智能营销，观云台，会员小程序验证码</p>
+      <p>2. 商户选择指定通道后，只会通过该通道发送。</p>
+      <p>3. 修改短信发送优先级注意事项： </p>
+      <p><i class="w16" />(1)指定通道切换多通道，可随意切换，无影响，切换前最好进行全量提审操作；</p>
+      <p><i class="w16" />(2)多通道切换指定通道/单通道切换单通道，必须进行全量审核（全量提审：把gic后台已<i class="w32" />通过的短信模板提交给其他可用短信通道审核）</p>
+      <p><i class="w32" />全量提审后，原先已通过审核的模板在要切换的指定通道不通过时，无法进行切换，<i class="w32" />需要人工介入处理后，才可切换指定通道。</p>
+    </template>
+  </el-dialog>
+</template>
+
+<script>
+
+export default {
+  props: {
+    title: String,
+    type: String,
+    visible: Boolean
+  },
+  watch: {
+    visible(val) {
+      if(!val) this.$emit('update:visible', val);
+    }
+  }
+};
+</script>
+
+<style scoped lang="scss">
+ p {
+  line-height: 20px;
+  color: #303133;
+ }
+ .indenet {
+   text-indent: 16px;
+ }
+ i {
+   display: inline-block;
+   &.w16 {
+     width: 16px;
+   }
+   &.w32 {
+     width: 32px;
+   }
+ }
+</style>