修改样式

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

           <div>
             <div class="cell" v-show="order.parent_id == 0">
               <label>开始时间</label>
-              <el-input style="width:60%"  :value="start_time_str" readonly @focus="selectStartTimeAction"></el-input>
+              <el-input
+                style="width:96%"
+                :value="start_time_str"
+                readonly
+                @focus="selectStartTimeAction"
+              ></el-input>
             </div>
 
             <div class="cell">
               <label>医嘱名称</label>
-              <el-input style="width:60%"  v-model="order.title"></el-input>
+              <el-input style="width:96%" v-model="order.title"></el-input>
             </div>
             <div class="cell">
               <label>药品规格</label>
-              <input  onclick="this.select()" class="inputBox" style="width:60%" v-model="order.advice_desc">
+              <input
+                onclick="this.select()"
+                class="inputBox"
+                style="width:60%"
+                v-model="order.advice_desc"
+              />
               <input
                 type="text"
                 placeholder="单位"
                 style="width:35%"
                 v-model="order.drug_spec_unit"
                 @focus="selectDrugSpecUnitAction"
-              >
+              />
             </div>
 
             <div class="cell">
                 style="width:60%"
                 onclick="this.select()"
                 v-model="order.prescribing_number"
-              >
+              />
               <input
                 type="text"
                 placeholder="单位"
                 style="width:35%"
                 v-model="order.prescribing_number_unit"
                 @focus="selectPrescribingNumUnitAction"
-              >
+              />
             </div>
 
-
             <div class="cell">
               <label>单次用量</label>
-              <input type="number" onclick="this.select()" class="inputBox" style="width:60%" v-model="order.single_dose">
+              <input
+                type="number"
+                onclick="this.select()"
+                class="inputBox"
+                style="width:60%"
+                v-model="order.single_dose"
+              />
               <input
                 type="text"
                 placeholder="单位"
                 style="width:35%"
                 v-model="order.single_dose_unit"
                 @focus="selectSingleDoseAction"
-              >
+              />
             </div>
 
             <div class="cell" v-show="order.parent_id == 0">
                 @focus="selectDeliveryWayAction"
               ></el-input>
             </div>
-            <div>
+            <!-- <div> -->
 
             <div class="cell" v-show="order.parent_id == 0">
               <label>执行频率</label>
               <el-input
                 placeholder="选择执行频率"
                 readonly
-                style="width:50%"
+                style="width:96%"
                 :disabled="mode == 3"
                 v-model="order.execution_frequency"
                 @focus="selectExecFrequencyAction"
               ></el-input>
             </div>
 
-              <div class="cell" v-show="order.parent_id == 0">
-                <label>医嘱嘱托</label>
-                <input
-                  class="inputBox"
-                  style="width:50%"
-                  v-model="order.remark"
-                >
-              </div>
+            <div class="cell" v-show="order.parent_id == 0">
+              <label>医嘱嘱托</label>
+              <input
+                class="inputBox"
+                style="width:96%"
+                v-model="order.remark"
+              />
             </div>
+            <!-- </div> -->
           </div>
         </div>
       </div>
     return {
       visibility: false,
       sub_dialog_key: 0,
-      start_time_str:'',
+      start_time_str: "",
       start_time: new Date(),
       mode: 1,
       order: {
         advice_desc: "",
         drug_spec: "",
         drug_spec_unit: "",
-        remark:"",
+        remark: "",
         delivery_way: "",
         execution_frequency: "",
         single_dose: "",
     didSelectStartTime: function(time) {
       this.start_time_str = parseTime(time, "{y}-{m}-{d} {h}:{i}") + ":00";
     },
-    selectStartTimeAction:function(){
+    selectStartTimeAction: function() {
       this.$refs.start_time_picker.open();
-
     },
     showWithModify: function(order) {
-      console.log(order)
+      console.log(order);
 
       this.mode = 1;
       this.visibility = true;
       this.order.advice_desc = order.advice_desc;
       this.order.remark = order.remark;
 
-
-      this.start_time_str = parseTime(order.start_time, "{y}-{m}-{d} {h}:{i}") + ":00";
+      this.start_time_str =
+        parseTime(order.start_time, "{y}-{m}-{d} {h}:{i}") + ":00";
 
       this.order.drug_spec = order.drug_spec;
       this.order.drug_spec_unit = order.drug_spec_unit;
         order.execution_frequency == undefined ||
         order.execution_frequency == null
           ? ""
-          :                                                                                                                                                                order.execution_frequency;
+          : order.execution_frequency;
       this.order.single_dose = order.single_dose;
       this.order.single_dose_unit = order.single_dose_unit;
       this.order.prescribing_number = order.prescribing_number;
           parent_id: this.order.parent_id,
           title: this.order.title,
           advice_desc: this.order.advice_desc,
-          remark:this.order.remark,
+          remark: this.order.remark,
           delivery_way: this.order.delivery_way,
           execution_frequency: this.order.execution_frequency,
           single_dose: this.order.single_dose,
           single_dose_unit: this.order.single_dose_unit,
           prescribing_number: this.order.prescribing_number,
           prescribing_number_unit: this.order.prescribing_number_unit,
-          start_time:this.start_time_str,
-          drug_spec:this.order.drug_spec,
-          drug_spec_unit:this.order.drug_spec_unit,
-
+          start_time: this.start_time_str,
+          drug_spec: this.order.drug_spec,
+          drug_spec_unit: this.order.drug_spec_unit
         });
       }
     },
       this.sub_dialog_key = 1;
     },
     didSelectSingleDoseUnit: function(index) {
-      if (index == -1){
-        this.order.single_dose_unit = '';
-      }else{
+      if (index == -1) {
+        this.order.single_dose_unit = "";
+      } else {
         this.order.single_dose_unit = this.single_dose_unit_options[index].name;
-
       }
 
       this.didCloseSingleOptionDialog();
       this.sub_dialog_key = 5;
     },
     didSelectDrugSpecUnit: function(index) {
-
-      if (index == -1){
-        this.order.drug_spec_unit = '';
-      }else{
+      if (index == -1) {
+        this.order.drug_spec_unit = "";
+      } else {
         this.order.drug_spec_unit = this.drug_spec_unit_options[index].name;
       }
 
       this.sub_dialog_key = 2;
     },
     didSelectPrescribingNumUnit: function(index) {
-      if (index == -1){
-        this.order.prescribing_number_unit = '';
-      }else{
-        this.order.prescribing_number_unit = this.prescribing_number_unit_options[index].name;
+      if (index == -1) {
+        this.order.prescribing_number_unit = "";
+      } else {
+        this.order.prescribing_number_unit = this.prescribing_number_unit_options[
+          index
+        ].name;
       }
 
       this.didCloseSingleOptionDialog();
-
     },
     selectDeliveryWayAction: function() {
       this.sub_dialog_key = 3;
     .inputBox {
       border: 1px $border-color solid;
       border-radius: 2px;
-      padding: 0.18rem 0;
+      padding: 0.14rem 0;
       padding-left: 5px;
+      @media only screen and (max-width: 767px) {
+        padding: 0.38rem 0;
+      }
     }
 
     .textarea {
   }
 }
 </style>
-
-