添加图片 修改样式

src/views/outHistorygrouping.vue

@@ -25,19 +25,19 @@
     <div class="outsetgrouping_top">
       <div class="outsetgrouping_top_message">
         <div class="outsetgrouping_top_message_left">
-          <span class="iconfont icon-xinrenzhinan"> </span>
+          <span class="outsetgrouping_top_message_left_tu1"><img src="../assets/img/peo.png" alt=""> </span>
           <div class="outsetgrouping_top_message_left_t1">
             住院号:<span>{{ casehisObj ? casehisObj.a48 : "" }}</span>
           </div>
         </div>
         <div class="outsetgrouping_top_message_centert">
-          <span class="iconfont icon-yinhangka"></span>
+          <span class="outsetgrouping_top_message_centert_tu2"><img src="../assets/img/ka.png" alt=""></span>
           <div class="outsetgrouping_top_message_centert_t2">
             住院次数:<span>{{ casehisObj ? casehisObj.a49 : "" }}</span>
           </div>
         </div>
         <div class="outsetgrouping_top_message_right">
-          <span class="iconfont icon-fufeiguanli"></span>
+          <span class="outsetgrouping_top_message_right_tu3"><img src="../assets/img/qian.png" alt=""></span>
           <div class="outsetgrouping_top_message_right_t3">
             医疗付费方式:<span>{{ casehisObj ? casehisObj.a46C : "" }}</span>
           </div>
@@ -47,7 +47,7 @@
     <div class="outsetgrouping_top2">
       <div class="outsetgrouping_top2_message">
         <div class="outsetgrouping_top2_message_left">
-          <span class="iconfont icon-iconset0254"> </span>
+          <span class="outsetgrouping_top2_message_left_tu4"><img src="../assets/img/bianma.png" alt=""> </span>
           <div class="outsetgrouping_top2_message_left_t1">
             当前入组编码:<span>{{
               casehisObj ? casehisObj.drgs.code : ""
@@ -55,13 +55,13 @@
           </div>
         </div>
         <div class="outsetgrouping_top2_message_centert">
-          <span class="iconfont icon-daoru"></span>
+          <span class="outsetgrouping_top2_message_centert_tu5"><img src="../assets/img/daoru.png" alt=""></span>
           <div class="outsetgrouping_top2_message_centert_t2">
             入组名称:<span>{{ casehisObj ? casehisObj.drgs.name : "" }}</span>
           </div>
         </div>
         <div class="outsetgrouping_top2_message_right">
-          <span class="iconfont icon-qianqian-"></span>
+          <span class="outsetgrouping_top2_message_right_tu6"><img src="../assets/img/jiner.png" alt=""></span>
           <div class="outsetgrouping_top2_message_right_t3">
             医疗支付金额:<span>{{
               casehisObj ? casehisObj.drgs.actualfee : ""
@@ -400,8 +400,12 @@ export default {
         align-items: center;
         background-color: #f3fafd;
 
-        .iconfont {
-          color: #2cabe3;
+        // .iconfont {
+        //   color: #2cabe3;
+        //   padding-left: 29px;
+        //   font-size: 23px;
+        // }
+        &_tu1{
             padding-left: 29px;
           font-size: 23px;
         }
@@ -414,7 +418,7 @@ export default {
           padding-left: 10px;
           align-items: center;
           background-color: #fff;
-          color: #737581afb3;
+           color: #abafb3;
           font-size: 14px;
           margin-left: 29px;
 
@@ -433,8 +437,12 @@ export default {
         background-color: #f3fafd;
         font-family: PingFang SC;
 
-        .iconfont {
-          color: #2cabe3;
+        // .iconfont {
+        //   color: #2cabe3;
+        //   padding-left: 29px;
+        //   font-size: 23px;
+        // }
+         &_tu2{
             padding-left: 29px;
           font-size: 23px;
         }
@@ -447,7 +455,7 @@ export default {
           padding-left: 10px;
           align-items: center;
           background-color: #fff;
-          color: #737581afb3;
+          color: #abafb3;
           font-size: 14px;
           margin-left: 29px;
 
@@ -466,8 +474,12 @@ export default {
         background-color: #f3fafd;
         font-family: PingFang SC;
 
-        .iconfont {
-          color: #2cabe3;
+        // .iconfont {
+        //   color: #2cabe3;
+        //   padding-left: 29px;
+        //   font-size: 23px;
+        // }
+         &_tu3{
             padding-left: 29px;
           font-size: 23px;
         }
@@ -480,7 +492,7 @@ export default {
           padding-left: 10px;
           align-items: center;
           background-color: #fff;
-          color: #737581afb3;
+          color: #abafb3;
           font-size: 14px;
           margin-left: 29px;
 
@@ -489,6 +501,7 @@ export default {
           }
         }
       }
+    
     }
   }
 
@@ -516,8 +529,12 @@ export default {
         align-items: center;
         background-color: #f3fafd;
 
-        .iconfont {
-          color: #2cabe3;
+        // .iconfont {
+        //   color: #2cabe3;
+        //   padding-left: 29px;
+        //   font-size: 23px;
+        // }
+         &_tu4{
             padding-left: 29px;
           font-size: 23px;
         }
@@ -530,7 +547,7 @@ export default {
           padding-left: 10px;
           align-items: center;
           background-color: #fff;
-          color: #737581afb3;
+         color: #abafb3;
           font-size: 14px;
           margin-left: 29px;
 
@@ -549,12 +566,15 @@ export default {
         background-color: #f3fafd;
         font-family: PingFang SC;
 
-        .iconfont {
-          color: #2cabe3;
+        // .iconfont {
+        //   color: #2cabe3;
+        //   padding-left: 29px;
+        //   font-size: 23px;
+        // }
+ &_tu5{
             padding-left: 29px;
           font-size: 23px;
         }
-
         &_t2 {
           width: 80%;
           height: 42px;
@@ -563,7 +583,7 @@ export default {
           padding-left: 10px;
           align-items: center;
           background-color: #fff;
-          color: #737581afb3;
+         color: #abafb3;
           font-size: 14px;
           margin-left: 29px;
 
@@ -582,8 +602,12 @@ export default {
         background-color: #f3fafd;
         font-family: PingFang SC;
 
-        .iconfont {
-          color: #2cabe3;
+        // .iconfont {
+        //   color: #2cabe3;
+        //   padding-left: 29px;
+        //   font-size: 23px;
+        // }
+         &_tu6{
             padding-left: 29px;
           font-size: 23px;
         }
@@ -596,7 +620,7 @@ export default {
           padding-left: 10px;
           align-items: center;
           background-color: #fff;
-          color: #737581afb3;
+          color: #abafb3;
           font-size: 14px;
           margin-left: 29px;
 
@@ -932,7 +956,7 @@ export default {
         font-size: 18px;
         font-family: PingFang SC;
         font-weight: 400;
-        color: #737581afb3;
+        color: #abafb3;
       }
     }
   }

src/views/outpatientDetails.vue

@@ -17,19 +17,19 @@
 
 			<div class="outpatientDetails_top_message">
 				<div class="outpatientDetails_top_message_left">
-					<span class="iconfont icon-xinrenzhinan"> </span>
+					<span class="outpatientDetails_top_message_left_tu1"> <img src="../assets/img/peo.png" alt=""></span>
 					<div class="outpatientDetails_top_message_left_t1">
 						住院号:<span>{{ HistoryInfo.id }}</span>
 					</div>
 				</div>
 				<div class="outpatientDetails_top_message_centert">
-					<span class="iconfont icon-yinhangka"></span>
+					<span class="outpatientDetails_top_message_centert_tu2"><img src="../assets/img/ka.png" alt=""></span>
 					<div class="outpatientDetails_top_message_centert_t2">
 						住院次数:<span>{{ HistoryInfo.a49 }}</span>
 					</div>
 				</div>
 				<div class="outpatientDetails_top_message_right">
-					<span class="iconfont icon-fufeiguanli"></span>
+					<span class="outpatientDetails_top_message_right_tu3"><img src="../assets/img/qian.png" alt=""></span>
 					<div class="outpatientDetails_top_message_right_t3">
 						医疗付费方式:<span>{{ HistoryInfo.paymentType }}</span>
 					</div>
@@ -37,7 +37,7 @@
 			</div>
 		</div>
 		<div class="outpatientDetails_msg">
-			<span class="iconfont icon-ziliaoshouce-xianxing"></span>
+			<span class="outpatientDetails_msg_tu4"><img src="../assets/img/zu.png" alt=""></span>
 			<span>分组:{{ HistoryInfo.doctorName }}</span>
 			<span>权重:{{ decimal(HistoryInfo.rw) }}</span>
 			<span>实际医保费用:{{ decimal(HistoryInfo.actualfee) }}</span>
@@ -189,6 +189,7 @@
 import http from '../utils/http';
 import { reactive, toRefs, onMounted, nextTick, computed } from '@vue/composition-api';
 import { decimal } from '../utils/decimal';
+
 import { Message } from 'element-ui';
 import { useRoute, useRouter } from '../utils/useVueRouter';
 import { setItem, getItem } from '../utils/auth';
@@ -395,8 +396,12 @@ export default {
 				justify-content: start;
 				align-items: center;
 				background-color: #f3fafd;
-				.iconfont {
-					color: #2cabe3;
+				// .iconfont {
+				// 	color: #2cabe3;
+				// 	padding-left: 29px;
+				// 	font-size: 23px;
+				// }
+				&_tu1{
 					padding-left: 29px;
 					font-size: 23px;
 				}
@@ -425,8 +430,12 @@ export default {
 				align-items: center;
 				background-color: #f3fafd;
 				font-family: PingFang SC;
-				.iconfont {
-					color: #2cabe3;
+				// .iconfont {
+				// 	color: #2cabe3;
+				// 	padding-left: 29px;
+				// 	font-size: 23px;
+				// }
+				&_tu2{
 					padding-left: 29px;
 					font-size: 23px;
 				}
@@ -455,8 +464,12 @@ export default {
 				align-items: center;
 				background-color: #f3fafd;
 				font-family: PingFang SC;
-				.iconfont {
-					color: #2cabe3;
+				// .iconfont {
+				// 	color: #2cabe3;
+				// 	padding-left: 29px;
+				// 	font-size: 23px;
+				// }
+				&_tu3{
 					padding-left: 29px;
 					font-size: 23px;
 				}
@@ -485,9 +498,13 @@ export default {
 		justify-content: space-between;
 		align-items: center;
 		margin-bottom: 25px;
-		.iconfont {
-			color: #2cabe3;
-			padding-left: 28px;
+		// .iconfont {
+		// 	color: #2cabe3;
+		// 	padding-left: 28px;
+		// 	font-size: 23px;
+		// }
+		&_tu4{
+					padding-left: 29px;
 					font-size: 23px;
 				}
 		span:nth-child(2) {