文案与样式等

src/components/cme/basic-info.vue

@@ -16,9 +16,8 @@
     </div>
     <div class="content">
       <!-- <span>申请范围</span> -->
-      <!-- <span>{{scope}}</span> -->
       <span>学习范围</span>
-      <span>后台配置</span>
+      <span>{{scope}}</span>
     </div>
     <div class="remind" v-if="remind && cmeType != 2">
       <span>{{remind}}</span>
@@ -30,7 +29,7 @@
     <div class="content">
       <!-- <span>{{cmeType == 2 ? '主办单位' : '发起机构'}}</span> -->
       <!-- <span>主办单位</span> -->
-      <span>发起机构</span>
+      <span>申办单位</span>
       <span>{{organName}}</span>
     </div>
   </div>

src/components/cme/change-card.vue

@@ -45,17 +45,15 @@ export default {
       default: ''
     }
   },
-  // computed: {
-  //   cardShow() {
-  //     return this.isShow;
-  //   }
-  // },
+  
   data() {
     return {
       activationCode: "",
       errorMsg: '请输入激活码'
     };
   },
+
+  // 
   watch: {
     activationCode(val) {
       if(!val) {
@@ -73,20 +71,21 @@ export default {
       }
     }
   },
+
   methods: {
     cancle() {
       this.$emit("cancle");
     },
     confirm() {
-      if(!this.activationCode || this.activationCode.length != 23) return;
+      if(!this.activationCode ) return;
+      if(this.activationCode.length != 23) {
+        this.errorMsg = '请输入正确的激活码';
+        return;
+      }
       let aCode = JSON.parse(JSON.stringify(this.activationCode));
       aCode = aCode.replace(/\s/g,'');
       this.$emit("confirm", aCode);
     },
-    // bankCardKeyup() {
-    //         this.id_card = val.replace(/\s/g,'').replace(/....(?!$)/g,'$& ');
-    //   this.activationCode = this.activationCode.replace(/\s/g,'').replace(/(\.{4})(?=\.)/g, '$1 ');
-    // }
   }
 };
 </script>

src/components/cme/exjumper-dialog.vue

@@ -3,8 +3,13 @@
     <div class="dialog-mask"></div>
     <div class="dialog-container">
       <div class="title" v-html="title"></div>
-      <div class="dialog-content">{{content}}</div>
-      <div v-show="needSubContent" class="dialog-sub-content" v-html="subContent"></div>
+      <!-- <div class="dialog-content">{{content}}</div> -->
+      <div class="sub-wrapper">
+        <div v-show="needSubContent" class="dialog-sub-content">1.跳转后点击“购买学习”，注册登录“中华医学教育在线”平台（首次登录需用手机号注册）</div>
+        <img class="dialog-img-1" src="https://file.yunqueyi.com/h5/images/tinified/II-tips-1.png" alt="">
+        <div v-show="needSubContent" class="dialog-sub-content">2.支付方式选择 “学习卡支付”，输入您的学习卡激活码，即可参加考试、申请学分。</div>
+        <img class="dialog-img-2" src="https://file.yunqueyi.com/h5/images/tinified/II-tips-2.png" alt="">
+      </div>
       <div class="dialog-footer v-hairline-top">
         <span :class="{'single-btn': isSingle}" @click.stop.prevent="handlerAction(1)">{{cancleBtnText}}</span>
         <span v-show="!isSingle" class="confirm-btn v-hairline-left" @click.stop.prevent="handlerAction(2)">{{confirmBtnText}}</span>
@@ -95,7 +100,7 @@ export default {
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     .title {
-      margin-top: px2rem(30px);
+      margin: px2rem(30px) 0 px2rem(20px);
       text-align: center;
       font-size: px2rem(18px);
       font-weight: 700;
@@ -103,21 +108,64 @@ export default {
     }
     .dialog-content {
       // margin: px2rem(30px) px2rem(22px);
-      margin: px2rem(20px) px2rem(30px) px2rem(30px);
+      margin: px2rem(20px) px2rem(16px) px2rem(30px);
       text-align: left;
       font-size: px2rem(14px);
       font-weight: 400;
       color: #373839;
     }
-    .dialog-sub-content {
-      margin: px2rem(-16px) px2rem(30px) px2rem(20px);
-      // margin: px2rem(-16px) px2rem(22px) px2rem(30px);
-      text-align: left;
-      font-size: px2rem(14px);
-      line-height: px2rem(24px);
-      font-weight: 400;
-      color: #979899;
+    .sub-wrapper {
+      margin-right: px2rem(5px);
+      max-height: px2rem(300px);
+      overflow: auto;
+      .dialog-sub-content {
+        margin: 0 px2rem(8px) px2rem(20px) px2rem(16px);
+        text-align: left;
+        font-size: px2rem(14px);
+        line-height: px2rem(24px);
+        font-weight: 400;
+        color: #979899;
+      }
+      .dialog-img-1 {
+        width: px2rem(268px);
+        height: px2rem(165px);
+        margin-left: px2rem(16px);
+        margin-bottom: px2rem(20px);
+      }
+      .dialog-img-2 {
+        width: px2rem(268px);
+        height: px2rem(145px);
+        margin-left: px2rem(16px);
+        margin-bottom: px2rem(20px);
+      }
+
+      &::-webkit-scrollbar-track-piece {
+        background-color: rgba(0, 0, 0, 0);
+        border-left: 1px solid rgba(0, 0, 0, 0);
+      }
+      &::-webkit-scrollbar {
+        width: px2rem(5px);
+        height: px2rem(13px);
+        -webkit-border-radius: px2rem(3px);
+        -moz-border-radius: px2rem(3px);
+        border-radius: px2rem(3px);
+      }
+      &::-webkit-scrollbar-thumb {
+        background-color: #C7C8C9;
+        background-clip: padding-box;
+        -webkit-border-radius: px2rem(3px);
+        -moz-border-radius: px2rem(3px);
+        border-radius: px2rem(3px);
+        min-height: px2rem(28px);
+      }
+      &::-webkit-scrollbar-thumb:hover {
+        background-color: #C7C8C9;
+        -webkit-border-radius: px2rem(3px);
+        -moz-border-radius: px2rem(3px);
+        border-radius: px2rem(3px);
+      }
     }
+
     .dialog-footer {
       height: px2rem(50px);
       display: flex;