修改样式

src/pages/main/DetailsPage.vue

@@ -1,42 +1,44 @@
 <template>
   <div class="mainBox">
     <div class="mainContent">
-      <div class="navigation">
-        <div class="goBack">
-          <span class="back" @click="backAction()">
-            <span class="iconfont">&#xe720;</span>返回
-          </span>
-          <el-popover placement="bottom" trigger="click" :disabled="true">
-            <li slot="reference" class="name">{{ patient_name }}</li>
-          </el-popover>
-        </div>
-        <div class="nav">
-          <ul>
-            <li
-              v-for="(item, i) in ['病历', '透析', '今日']"
-              :key="i"
-              :class="index == i ? 'active' : ''"
-              @click="ClickTab(i)"
-            >
-              {{ item }}
-            </li>
-          </ul>
-        </div>
+      <div class="newNavigation">
+        <div class="navigation">
+          <div class="goBack">
+            <span class="back" @click="backAction()">
+              <span class="iconfont">&#xe720;</span>返回
+            </span>
+            <el-popover placement="bottom" trigger="click" :disabled="true">
+              <li slot="reference" class="name">{{ patient_name }}</li>
+            </el-popover>
+          </div>
+          <div class="nav">
+            <ul>
+              <li
+                v-for="(item, i) in ['病历', '透析', '今日']"
+                :key="i"
+                :class="index == i ? 'active' : ''"
+                @click="ClickTab(i)"
+              >
+                {{ item }}
+              </li>
+            </ul>
+          </div>
 
-        <!-- <div @click="openPicker()" class="time">
+          <!-- <div @click="openPicker()" class="time">
                   {{pickerVisible}}<span class="iconfont">&#xe74a;</span>
         </div>-->
-        <!-- <div class="time" style="width:1.49rem;">
+          <!-- <div class="time" style="width:1.49rem;">
                   <span class="iconfont">2018-01-01&#xe74a;</span>
         </div>-->
-        <div class="print" style="float: right; display:none">
-          <el-button
-            size="mini"
-            type="primary"
-            @click="print"
-            icon="el-icon-printer"
-            >打印</el-button
-          >
+          <div class="print" style="float: right; display:none">
+            <el-button
+              size="mini"
+              type="primary"
+              @click="print"
+              icon="el-icon-printer"
+              >打印</el-button
+            >
+          </div>
         </div>
       </div>
       <div class="Tab">
@@ -165,6 +167,9 @@ export default {
 }
 .mainContent {
   position: relative;
+  .newNavigation {
+    overflow: hidden;
+  }
   .navigation {
     @include display-flex;
     @include align-items-center;

src/pages/main/dialog/OrdersDialog.vue

@@ -42,8 +42,8 @@
           :class="{ forbid: current_group_index < 0 || currentAdvices.length <= 0 || (this.$store.getters.user.user.user_type == 3 && !isPremission) }"
         >删除</span>
 
-        <span :class="{ forbid:(this.$store.getters.user.user.user_type == 3 && !isPremission) }" v-if="currentSubAdvices.length > 0" @click="modifySubdviceAction">修改子医嘱</span>
-        <span :class="{ forbid:(this.$store.getters.user.user.user_type == 3 && !isPremission) }" v-if="currentSubAdvices.length > 0" @click="deleteSubAdviceAction">删除子医嘱</span>
+        <span id="fontSize" :class="{ forbid:(this.$store.getters.user.user.user_type == 3 && !isPremission) }" v-if="currentSubAdvices.length > 0" @click="modifySubdviceAction">修改子医嘱</span>
+        <span id="fontSize" :class="{ forbid:(this.$store.getters.user.user.user_type == 3 && !isPremission) }" v-if="currentSubAdvices.length > 0" @click="deleteSubAdviceAction">删除子医嘱</span>
       </div>
       <div class="DialogContent choose" id="dialogTop" style="height:6.5rem;">
 

src/pages/main/dialog/modify_order/ModifyAdviceGroup.vue

@@ -1,6 +1,6 @@
 <template>
   <div v-if="visibility" v-loading="loading">
-    <div class="Dialog" style="width: 16.8rem;" v-show="sub_dialog_key == 0">
+    <div class="Dialog" v-show="sub_dialog_key == 0">
       <div class="DialogTit">
         <div class="back" @click="backAction">
           <span class="iconfont">&#xe720;</span>返回
@@ -37,7 +37,9 @@
             </div>
             <div class="cell" style="margin-top: 0;">
               <label>开嘱医生</label>
-              <span>{{ $store.getters.user.user.user_name }}</span>
+              <span class="newdoctorName">{{
+                $store.getters.user.user.user_name
+              }}</span>
             </div>
           </div>
           <table class="table">
@@ -378,7 +380,10 @@ export default {
       height: 0.6rem;
       line-height: 0.6rem;
       color: $pgh-color;
-      font-size: 0.32rem;
+      font-size: 0.45rem;
+    }
+    .newdoctorName {
+      font-size: 0.45rem;
     }
     select {
       width: 100%;

src/pages/main/dialog/modify_order/modify_order_form.vue

@@ -396,7 +396,7 @@ export default {
   .cell {
     float: left;
     width: 4.5rem;
-    margin: 0.35rem 0.3rem 0.2rem 0.4rem;
+    margin: 0.35rem 0.3rem 0rem 0.4rem;
     overflow: hidden;
     label {
       display: block;
@@ -447,13 +447,13 @@ export default {
   .cell {
     .inputBox {
       @media only screen and (max-width: 767px) {
-        padding: 0.34rem 0 !important;
+        padding: 10.6px 0 !important;
         padding-left: 5px !important;
         font-size: 0.42rem !important;
       }
     }
     .el-input__inner {
-      font-size: 0.45rem;
+      font-size: 0.42rem;
     }
   }
 }

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

@@ -492,7 +492,7 @@ export default {
   .cell {
     .inputBox {
       @media only screen and (max-width: 767px) {
-        padding: 0.38rem 0 !important;
+        padding: 0.34rem 0 !important;
         padding-left: 5px !important;
         font-size: 0.42rem !important;
       }