修改医嘱提醒样式

src/pages/layout/SideBar.vue

@@ -3,7 +3,7 @@
       <div class="column">
         <div class="head"><img :src="$store.getters.user.org.org_logo" alt=""></div>
         <ul class="sidebar">
-            <li :class="active_index == 0 ? 'active' : ''">
+            <li style="position: relative;" :class="active_index == 0 ? 'active' : ''">
                 <router-link to="/main"> <span class="iconfont">&#xe6e6;</span><p>记录</p></router-link>
               <span class="redpoint" v-if="total_read_dot">{{total_read_dot > 99?total_read_dot+'+':total_read_dot}}</span>
             </li>
@@ -40,17 +40,17 @@ export default {
 <style style="stylesheet/scss" lang="scss" scoped>
   .redpoint{
   display:inline-block;
-  height:16px;
-  width:16px;
-  line-height:16px;
+  height:20px;
+  width:20px;
+  line-height:20px;
   text-align:center;
-  font-size:0.1em;
-  border-radius:16px;
+  font-size:0.2em;
+  border-radius:20px;
   color:#fff;
   background:red;
-  position: relative;
-  top: -8px;
-  right: 8px;
+  position: absolute;
+  top: -5px;
+  right: -15px;
   }
 .sideColumn {
   float: left;

src/pages/main/PatientBox.vue

@@ -5,13 +5,12 @@
       <!-- <router-link :to="{path:'/details',  query: {patient_id: patient.patient_id, date: patient.schedule_date}}"> -->
       <div class="kehu">
 
-        <div class="tx">
+        <div style="position: relative;" class="tx">
             <img :src="patient.patient.avatar.length > 0 ? patient.patient.avatar : '../../assets/product/test.jpg'"
                  alt="">
-            <span class="redpoint" v-if="getStatus(patient)">{{getUnReadNum(patient) > 99?getUnReadNum(patient)+"+":getUnReadNum(patient)}}
-           </span>
+            <span class="redpoint" v-if="getStatus(patient)">{{getUnReadNum(patient) > 99?getUnReadNum(patient)+"+":getUnReadNum(patient)}}</span>
           <div class="right">
-            <h3 class="name">{{patient.patient.name}}<span class="yc" v-show="isAbnormal(patient)">异常</span></h3>
+            <h3 class="name">{{patient.patient.name}}<span class="el-icon-bell yztx" v-if="getStatus(patient)"> 医嘱</span> <span class="yc" v-show="isAbnormal(patient)">异常</span></h3>
             <span class="num">{{ genderText(patient) }} | {{ age(patient) }}岁</span>
             <!-- 性别、年龄 -->
 
@@ -337,17 +336,25 @@
   }
   .redpoint{
   display:inline-block;
-  height:16px;
-  width:16px;
-  line-height:16px;
+  height:20px;
+  width:20px;
+  line-height:18px;
   text-align:center;
-  font-size:0.1em;
-  border-radius:16px;
+  font-size:0.8em;
+  border-radius:20px;
   color:#fff;
   background:red;
-  position: relative;
+  position: absolute;
   top: -8px;
-  right: 8px;
+  left: 0.7rem;
+  border:1px solid #fff;
+  }
+  .yztx{
+    margin: 0 15px;
+    padding: 5px 15px;
+    background-color: red;
+    color: #fff;
+    border-radius: 15px;
   }
 </style>
 

src/pages/main/RecordPage.vue

@@ -9,11 +9,11 @@
       <van-col :span="6">
         <div class="department">
           <ul>
-            <li :class="index == 0? 'active':'' " @click="ClickTab(0)">
+            <li style="position: relative;" :class="index == 0? 'active':'' " @click="ClickTab(0)">
               {{'候诊区'}}
               <span class="redpoint" v-if="un_read_wait_num">{{un_read_wait_num > 99 ? un_read_wait_num+'+':un_read_wait_num}}</span>
             </li>
-            <li :class="index == 1? 'active':'' " @click="ClickTab(1)">
+            <li style="position: relative;" :class="index == 1? 'active':'' " @click="ClickTab(1)">
               {{'透析区'}}
               <span class="redpoint" v-if="un_read_dialysis_num">{{un_read_dialysis_num > 99 ? un_read_dialysis_num+'+':un_read_dialysis_num}}</span>
             </li>
@@ -156,17 +156,18 @@
 
   .redpoint{
   display:inline-block;
-  height:16px;
-  width:16px;
-  line-height:16px;
+  height:20px;
+  width:20px;
+  line-height:18px;
   text-align:center;
-  font-size:0.1em;
-  border-radius:16px;
+  font-size:0.8em;
+  border-radius:20px;
   color:#fff;
   background:red;
-  position: relative;
+  position: absolute;
   top: -8px;
-  right: 8px;
+  right: -8px;
+  border: 1px solid #fff;
   }
 </style>
 

src/pages/main/today/TodayTab.vue

@@ -16,7 +16,7 @@
             <img src="@/assets/record/4.png">
             <p>透前评估</p>
           </li>
-          <li @click="menuClick(4)">
+          <li style="position: relative;" @click="menuClick(4)">
             <img src="@/assets/record/5.png">
             <span class="redpoint" v-if="getUnReadNum()">{{getUnReadNum()}}
            </span>
@@ -1067,17 +1067,18 @@ export default {
 }
   .redpoint{
   display:inline-block;
-  height:16px;
-  width:16px;
-  line-height:16px;
+  height:20px;
+  width:20px;
+  line-height:18px;
   text-align:center;
-  font-size:0.1em;
-  border-radius:16px;
+  font-size:0.8em;
+  border-radius:20px;
   color:#fff;
   background:red;
-  position: relative;
+  position: absolute;
+  border: 1px solid #fff;
   top: -8px;
-  right: 8px;
+  right: -8px;
   }
 </style>