分隔线问题

src/components/cme/basic-info.vue

 <template>
-    <div class="basic-container">
-        <div class="basic-title">基本信息</div>
-        <div v-if="projectNo" class="content">
-            <span>项目编号</span>
-            <span>{{projectNo}}</span>
-        </div>
-        <div class="content">
-            <span>学习收获</span>
-            <span>{{level}} | {{projectCredit}}</span>
-        </div>
-        <div class="content">
-            <span>申请范围</span>
-            <span>{{scope}}</span>
-        </div>
-        <div class="remind" v-if="remind">
-            <span>{{remind}}</span>
-        </div>
-        <div class="content">
-            <span>起止时间</span>
-            <span>{{startDate | formatTime('{y}.{m}.{d}')}}至{{endDate | formatTime('{y}.{m}.{d}')}}</span>
-        </div>
-        <div class="content">
-            <span>发起机构</span>
-            <span>{{organName}}</span>
-        </div>
+  <div class="basic-container">
+    <div class="basic-title">基本信息</div>
+    <div v-if="projectNo" class="content">
+      <span>项目编号</span>
+      <span>{{projectNo}}</span>
     </div>
+    <div class="content">
+      <span>学习收获</span>
+      <span>
+        {{level}}
+        <b class="split"></b>
+        {{projectCredit}}
+      </span>
+      <!-- <span>{{level}} | {{projectCredit}}</span> -->
+    </div>
+    <div class="content">
+      <span>申请范围</span>
+      <span>{{scope}}</span>
+    </div>
+    <div class="remind" v-if="remind">
+      <span>{{remind}}</span>
+    </div>
+    <div class="content">
+      <span>起止时间</span>
+      <span>{{startDate | formatTime('{y}.{m}.{d}')}}至{{endDate | formatTime('{y}.{m}.{d}')}}</span>
+    </div>
+    <div class="content">
+      <span>发起机构</span>
+      <span>{{organName}}</span>
+    </div>
+  </div>
 </template>
 <script>
 export default {
-    props: {
-        projectNo: {
-            type: String,
-            default: "GWKX-20180326-42843"
-        },
-        credit: {
-            type: String,
-            default: ""
-        },
-        level: {
-            type: String,
-            default: ""
-        },
-        scope: {
-            type: String,
-            default: ""
-        },
-        startDate: {
-            type: Number,
-            default: ""
-        },
-        endDate: {
-            type: Number,
-            default: ""
-        },
-        organName: {
-            type: String,
-            default: ""
-        },
-        remind: {
-            type: String,
-            default: ""
-        },
-        projectCredit: {
-            type: String,
-            default: ""
-        }
+  props: {
+    projectNo: {
+      type: String,
+      default: "GWKX-20180326-42843"
+    },
+    credit: {
+      type: String,
+      default: ""
+    },
+    level: {
+      type: String,
+      default: ""
+    },
+    scope: {
+      type: String,
+      default: ""
+    },
+    startDate: {
+      type: Number,
+      default: ""
+    },
+    endDate: {
+      type: Number,
+      default: ""
+    },
+    organName: {
+      type: String,
+      default: ""
+    },
+    remind: {
+      type: String,
+      default: ""
+    },
+    projectCredit: {
+      type: String,
+      default: ""
     }
-}
+  }
+};
 </script>
 <style lang="scss" scoped>
 @import "../../style/mixin";
 .basic-container {
-    padding-bottom: px2rem(20px);
-    margin: px2rem(30px) px2rem(15px) 0px;
-    border-bottom: px2rem(1px) solid #E7E8E9;
-    .basic-title {
-        font-size: px2rem(18px);
-        line-height: px2rem(18px);
-        color: #373839;
-        font-weight: 700;
+  padding-bottom: px2rem(20px);
+  margin: px2rem(30px) px2rem(15px) 0px;
+  border-bottom: px2rem(1px) solid #e7e8e9;
+  .basic-title {
+    font-size: px2rem(18px);
+    line-height: px2rem(18px);
+    color: #373839;
+    font-weight: 700;
+  }
+  .content {
+    margin-top: px2rem(16px);
+    height: px2rem(16px);
+    line-height: px2rem(0px);
+    span {
+      display: inline-block;
+      font-size: px2rem(14px);
+      .split {
+        display: inline-block;
+        position: relative;
+        top: px2rem(2px);
+        left: 0;
+        width: px2rem(1px);
+        height: px2rem(13px);
+        margin: 0 px2rem(2px);
+        // line-height: px2rem(20px);
+        background: #676869;
+      }
+    }
+    span:first-child {
+      color: #979899;
+    }
+    span:last-child {
+      margin-left: px2rem(15px);
+      color: #676869;
     }
-    .content {
-        margin-top:  px2rem(16px);
-        height: px2rem(16px);
-        line-height: px2rem(0px);
-        span {
-            display: inline-block;
-            font-size: px2rem(14px);
-        }
-        span:first-child {
-            color: #979899;
-        }
-        span:last-child {
-            margin-left: px2rem(15px);
-            color: #676869;
-        }
+  }
+  .remind {
+    line-height: px2rem(14px);
+    margin-top: px2rem(10px);
+    span {
+      position: relative;
+      display: inline-block;
+      padding: px2rem(5px) px2rem(10px);
+      margin-left: px2rem(78px);
+      font-size: px2rem(14px);
+      color: #fb5b52;
+      background: #fceeed;
+      border-radius: px2rem(4px);
     }
-    .remind {
-        line-height: px2rem(14px);
-        margin-top: px2rem(10px);
-        span {
-            position: relative;
-            display: inline-block;
-            padding: px2rem(5px) px2rem(10px);
-            margin-left: px2rem(78px);
-            font-size: px2rem(14px);
-            color: #FB5B52;
-            background: #FCEEED;
-            border-radius: px2rem(4px);
-        }
-        span:after {
-            content: "";
-            position: absolute;
-            left: px2rem(10px);
-            bottom: px2rem(20px);
-            width: 0;
-            height: 0;
-            border-width: 0 px2rem(8px) px2rem(8px);
-            border-style: solid;
-            border-color: transparent transparent #FCEEED;
-        }
+    span:after {
+      content: "";
+      position: absolute;
+      left: px2rem(10px);
+      bottom: px2rem(20px);
+      width: 0;
+      height: 0;
+      border-width: 0 px2rem(8px) px2rem(8px);
+      border-style: solid;
+      border-color: transparent transparent #fceeed;
     }
+  }
 }
 </style>
\ No newline at end of file

src/views/merge-detail.vue

@@ -188,7 +188,7 @@ export default {
         inScope: 0, // 是否在范围内判断
         projectCredit: "", // 学分
         certificateId: "0",
-        cmeType: 2,               // 1: 自营项目; 2: 中华医学会二类
+        cmeType: 1,               // 1: 自营项目; 2: 中华医学会二类
         examBtnUrl: '',           //  考试按钮跳转连接
         firstIntoExam: false,   //  true弹框，是否首次进入考试,用于首次跳转弹框提示,只跟项目和人员有关
         jumpToContents: false,  //  是否跳转到目录