修改样式

src/pages/main/dialog/AcceptsDialog.vue

   .el-radio {
     margin-right: 14px;
     width: 2.2rem;
+    @media only screen and (min-width: 768px) {
+      margin-bottom: 0.34rem;
+    }
   }
   .el-radio__inner {
     width: 16px !important;

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

           <span class="iconfont">&#xe720;</span>返回
         </div>
         <h1 class="name">新增医嘱</h1>
-        <span class="success" @click="comfirmAction">完成</span>
+        <span class="success" @click="comfirmAction">保存</span>
       </div>
       <div class="yzNav" style="width:100%;">
         <span class="newSpan" @click="addOrderByTemplateAction">选择模板</span>
         <div style="overflow: hidden;">
           <div class="cell" style="margin-top: 0;">
             <label>医嘱类型</label>
-            <el-input class="typeInput" 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>
             <label>开嘱时间 {{ record_date_str }}</label>
           </div>
         </div>
-        <div id="newDialogContent" class="DialogContent choose" style="height: 6.2rem;">
+        <div
+          id="newDialogContent"
+          class="DialogContent choose"
+          style="height: 6.2rem;"
+        >
           <div class="newAddTable">
             <table class="table">
               <tr>
                 >
                   <td
                     style="text-align: left; padding-left: 5px; padding-right: 5px;"
-                  >{{ advice.title }}</td>
-                  <td v-if="advice.advice_desc">{{ advice.advice_desc }}{{ advice.drug_spec_unit }}</td>
+                  >
+                    {{ advice.title }}
+                  </td>
+                  <td v-if="advice.advice_desc">
+                    {{ advice.advice_desc }}{{ advice.drug_spec_unit }}
+                  </td>
                   <td v-if="advice.prescribing_number">
                     {{ advice.prescribing_number
                     }}{{ advice.prescribing_number_unit }}
                   </td>
                   <td v-else></td>
-                  <td
-                    v-if="advice.single_dose"
-                  >{{ advice.single_dose }} {{ advice.single_dose_unit }}</td>
+                  <td v-if="advice.single_dose">
+                    {{ advice.single_dose }} {{ advice.single_dose_unit }}
+                  </td>
                   <td v-else></td>
                   <td>{{ advice.delivery_way }}</td>
                   <td>{{ advice.execution_frequency }}</td>
                 >
                   <td
                     style="text-align: left; padding-right: 5px; padding-left: 25px;"
-                  >{{ subdrug.title }}</td>
-                  <td>{{ subdrug.advice_desc }} {{ subdrug.drug_spec_unit }}</td>
+                  >
+                    {{ subdrug.title }}
+                  </td>
+                  <td>
+                    {{ subdrug.advice_desc }} {{ subdrug.drug_spec_unit }}
+                  </td>
                   <td>
                     <span v-if="subdrug.prescribing_number">
                       {{ subdrug.prescribing_number

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

         <span class="iconfont">&#xe720;</span>返回
       </div>
       <h1 class="name">{{ title }}</h1>
-      <span class="success"></span>
+      <span class="success" style="width:36px;"></span>
     </div>
 
     <div class="optionsBox">
 .optionsBox {
   background: #fff;
   min-height: 5rem;
-  @media only screen and (max-width: 812px) {
-    min-height: 8rem !important;
+  @media only screen and (max-width: 767px) {
+    min-height: 13.8rem;
   }
+  // @media only screen and (max-width: 812px) {
+  //   min-height: 11.8rem;
+  // }
   ul {
     overflow-y: scroll;
-    max-height: 9rem;
+    max-height: 16rem;
     li {
-      height: 1rem;
-      line-height: 1rem;
+      height: 1.2rem;
+      line-height: 1.2rem;
       border-bottom: 1px #e5e5e5 solid;
       padding: 0 0.38rem;
+      font-size: 0.45rem;
     }
     .tick {
       position: relative;
   max-height: 6.8rem;
   min-height: 5rem;
   overflow-y: scroll;
-  @media only screen and (max-width: 812px) {
-    max-height: 8rem !important;
+  @media only screen and (max-width: 767px) {
+    max-height: 11.8rem !important;
     min-height: 8rem !important;
   }
+  // @media only screen and (max-width: 812px) {
+  //   max-height: 8rem !important;
+  //   min-height: 8rem !important;
+  // }
   ul {
     li {
       line-height: 1rem;

src/pages/personal/ElectronicSignature.vue

   //   height: 400px !important;
   // }
   @media only screen and (min-width: 768px) {
-    width: 1000px !important;
+    width: 768px !important;
     height: 400px !important;
   }
 }