修改样式

src/pages/main/DetailsPage.vue

@@ -234,7 +234,7 @@ export default {
   position: fixed;
   right: 0.6rem;
   bottom: 2.25rem;
-  font-size: 0.4rem;
+  font-size: 0.34rem;
   text-align: center;
   @media only screen and (max-width: 767px) {
     display: none;
@@ -250,7 +250,7 @@ export default {
     // }
     @media only screen and (min-width: 768px) {
       width: 50px;
-      margin: 14px auto 0;
+      margin: 17px auto 0;
     }
   }
 }

src/pages/main/dialog/MonitDialog.vue

@@ -74,7 +74,7 @@
         <div class="DialogTit">
           <div class="back" @click="formPanel=false;listPanel=true;"><span class="iconfont">&#xe720; </span>返回</div>
           <h1 class="name">{{formTitle}}</h1>
-          <span class="success" v-if="form.id>0" @click="submitEditAction()">完成</span>
+          <span class="success" v-if="form.id>0" @click="submitEditAction()">保存</span>
           <span class="success" v-else @click="submitAction()">保存</span>
 
         </div>
@@ -118,12 +118,12 @@
             <div class="cell">
               <label>静脉压(mmHg)</label>
               <input type="number" @focus="inputFocus" onclick="this.select();" class="inputBox" v-model="form.venous_pressure" style="width:60%">
-               <button style="width:30%;padding: 0.18rem 0; color: #fff; background: #409eff;border-radius:5px" @click="venousPressureChange(1)" >转换</button>
+               <button class="typeButton" style="width:30%;padding: 0.18rem 0; color: #fff; background: #409eff;border-radius:5px" @click="venousPressureChange(1)" >转换</button>
             </div>
             <div class="cell" v-if="isShow('跨膜压')">
               <label>跨膜压(mmHg)</label>
               <input type="number" @focus="inputFocus" onclick="this.select();" class="inputBox" v-model="form.transmembrane_pressure" style="width:60%">
-              <button style="width:30%;padding: 0.18rem 0; color: #fff; background: #409eff;border-radius:5px" @click="venousPressureChange(2)" >转换</button>
+              <button class="typeButton" style="width:30%;padding: 0.18rem 0; color: #fff; background: #409eff;border-radius:5px" @click="venousPressureChange(2)" >转换</button>
             </div>
             <div class="cell" v-if="isShow('超滤量')">
               <label v-if="template_id == 6">超滤量(ml)</label>
@@ -141,7 +141,7 @@
             <div class="cell">
               <label>动脉压(mmHg)</label>
               <input type="number" @focus="inputFocus" onclick="this.select();" class="inputBox" v-model="form.arterial_pressure" style="width:60%">
-              <button style="width:30%;padding: 0.18rem 0; color: #fff; background: #409eff;border-radius:5px" @click="venousPressureChange(3)" >转换</button>
+              <button class="typeButton" style="width:30%;padding: 0.18rem 0; color: #fff; background: #409eff;border-radius:5px" @click="venousPressureChange(3)" >转换</button>
             </div>
             <div class="cell" v-if="isShow('透析液温度')">
               <label>透析液温度(℃)</label>
@@ -209,7 +209,7 @@
 
             <div class="cell width">
               <label>监测人：</label>
-              <span>{{doctor}}</span>
+              <span class="doctor">{{doctor}}</span>
             </div>
 
           </div>
@@ -1086,6 +1086,8 @@ export default {
         height: 0.55rem;
         line-height: 0.55rem;
         color: $pgh-color;
+        font-size: 0.45rem;
+        margin-bottom: 0.2rem;
       }
       select {
         width: 100%;
@@ -1101,6 +1103,19 @@ export default {
         padding: 0.18rem 0;
         padding-left: 5px;
         width: 100%;
+        @media only screen and (min-width: 768px) {
+          height: 60px;
+          line-height: 60px;
+          font-size: 0.45rem;
+        }
+      }
+      .typeButton{
+        @media only screen and (min-width: 768px) {
+          height: 60px;
+          line-height: 60px;
+          font-size: 0.45rem;
+          padding: 0 !important;
+        }
       }
       .input_focus {
         margin-bottom: 2rem;
@@ -1139,6 +1154,9 @@ export default {
 .row-class-active > td {
   background: #badcff !important;
 }
+.doctor{
+  font-size: 0.45rem;
+}
 </style>
 <style lang="scss">
 .el-table td {

src/pages/main/dialog/OrdersDialog.vue

@@ -10,23 +10,24 @@
         <span
           @click="openNewAdvice"
           :class="{ forbid: this.$store.getters.user.user.user_type == 3 }"
-        >新增医嘱</span>
+        >新增</span>
         <span
           v-if="isShowExce"
           @click="execAdvice"
           :class="{ forbid: (current_advice&& current_advice.parent_id > 0)||(this.$store.getters.user.user.user_type == 2 && !isPremission) }"
-        >执行医嘱</span>
+        >执行</span>
         <span
           v-if="isShowMofifyExce"
           @click="modifyExecAdvice"
           :class="{ forbid: (current_advice&& current_advice.parent_id > 0) }"
-        >修改执行医嘱</span>
+        >修改</span>
         <span
           v-if="template_id != 6"
           @click="checkAdvice"
           :class="{ forbid: (current_advice&& current_advice.parent_id > 0) || (this.$store.getters.user.user.user_type == 2 && !isPremission) }"
-        >医嘱核对</span>
+        >核对</span>
         <span
+        id="fontSize"
           @click="openNewChild"
           :class="{ forbid: current_advice == null || current_advice.parent_id > 0 ||  currentAdvices.length != 1 || this.$store.getters.user.user.user_type == 3 }"
         >添加子药</span>
@@ -34,12 +35,12 @@
           v-if="currentSubAdvices.length <= 0"
           @click="modifyAdviceAction"
           :class="{ forbid: current_group_index < 0 ||  currentAdvices.length != 1 }"
-        >修改医嘱</span>
+        >修改</span>
         <span
           v-if="currentSubAdvices.length <= 0"
           @click="deleteAdviceAction"
           :class="{ forbid: current_group_index < 0 || currentAdvices.length <= 0  }"
-        >删除医嘱</span>
+        >删除</span>
 
         <span v-if="currentSubAdvices.length > 0" @click="modifySubdviceAction">修改子医嘱</span>
         <span v-if="currentSubAdvices.length > 0" @click="deleteSubAdviceAction">删除子医嘱</span>
@@ -1498,7 +1499,7 @@
   display: flex;
   flex-wrap: wrap;
   span {
-    width: 18%;
+    width: 15%;
     @media only screen and (max-width: 415px) {
       padding: 0;
     }
@@ -1507,4 +1508,7 @@
     // }
   }
 }
+#fontSize{
+  font-size: 0.34rem;
+}
 </style>

src/pages/main/dialog/new_order/AddNewOrders.vue

@@ -9,20 +9,26 @@
         <span class="success" @click="comfirmAction">保存</span>
       </div>
       <div class="yzNav" style="width:100%;">
-        <span @click="addOrderByTemplateAction">选择医嘱模板</span>
-        <span @click="addNewOrderAction">新增医嘱内容</span>
-        <span @click="modifyOrderAction">修改医嘱内容</span>
-        <span @click="deleteOrderAction">删除医嘱内容</span>
+        <span class="newSpan" @click="addOrderByTemplateAction">选择模板</span>
+        <span class="newSpan" @click="addNewOrderAction">新增内容</span>
+        <span class="newSpan" @click="modifyOrderAction">修改内容</span>
+        <span class="newSpan" @click="deleteOrderAction">删除内容</span>
       </div>
       <div class="content clearfix backgroundColor">
         <div style="overflow: hidden;">
           <div class="cell" style="margin-top: 0;">
             <label>医嘱类型</label>
-            <el-input ref="advice_type" value="临时" disabled></el-input>
+            <el-input
+              class="typeInput"
+              ref="advice_type"
+              value="临时"
+              disabled
+            ></el-input>
           </div>
           <div class="cell" style="margin-top: 0;">
             <label>开始时间</label>
             <el-input
+              class="typeInput"
               :value="start_time_str"
               readonly
               @focus="selectStartTimeAction"
@@ -605,6 +611,7 @@ export default {
       line-height: 0.6rem;
       color: $pgh-color;
       font-size: 0.45rem;
+      margin-bottom: 0.2rem;
     }
     select {
       width: 100%;
@@ -640,6 +647,9 @@ export default {
     background: #badcff !important;
   }
 }
+.newSpan {
+  padding: 0 0.4rem;
+}
 </style>
 <style lang="scss">
 .newAddTable {
@@ -647,4 +657,12 @@ export default {
     padding: 0;
   }
 }
+.typeInput {
+  .el-input__inner {
+    @media only screen and (min-width: 768px) {
+      height: 60px;
+      line-height: 60px;
+    }
+  }
+}
 </style>

src/styles/style.scss

@@ -228,7 +228,7 @@ body {
     @include text-align;
     margin: 0.25rem 0;
     color: #34495e;
-    font-size: 0.4rem;
+    font-size: 0.45rem;
     padding: 0 0.16rem;
   }
   .forbid {