1

src/xt_pages/outpatientDoctorStation/components/callPrescription.vue

     :visible.sync="isLastOrNextVisible"
     @close="hide"
     width="1010px"
+    class="callPrescription"
     :modal-append-to-body="false"
   >
     <el-date-picker
 
 
     <div v-for="(item,index) in allPrescription" :key="index">
-      <div>引用 {{getTime(item.record_date, '{y}年{m}月{d}日')}} 的处方</div>
+      <div class="quote" v-if="item.prescriptions.length > 0">引用 {{getTime(item.record_date, '{y}年{m}月{d}日')}} 的处方</div>
       <el-checkbox-group v-model="item.check_group">
         <div v-for="(subItem,index2) in item.prescriptions" :key="index2">
-          <el-checkbox :label="subItem.id">{{'处方' + (index2+ 1)}}</el-checkbox>
+          <el-checkbox style="margin:10px 0;" :label="subItem.id">{{'处方' + (index2+ 1)}}</el-checkbox>
           <el-table v-if="subItem.type  == 1" :data="subItem.doctor_advice" border style="width: 99%;"
                     :row-style="{ color: '#303133' }"
                     :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}" highlight-current-row>
-            <el-table-column align="center" type="index" width="40" label="序号"></el-table-column>
-            <el-table-column align="center" prop="drug_name"  width="100" label="名称">
+            <el-table-column align="center" type="index" width="60" label="序号"></el-table-column>
+            <el-table-column align="center" prop="drug_name"  width="160" label="名称">
               <template slot-scope="scope">
                 <span>{{ scope.row.advice_name }}</span>
               </template>
 
             <el-table-column align="center" prop="single_dose" width="90" label="单次用量">
               <template slot-scope="scope">
-                <div style="display:flex;align-items:center;">
-                  <div>{{scope.row.single_dose}}{{scope.row.single_dose_unit}}</div>
-                </div>
+                <div>{{scope.row.single_dose}}{{scope.row.single_dose_unit}}</div>
               </template>
             </el-table-column>
             <el-table-column align="center" prop="delivery_way" width="100" label="用法">
               </template>
             </el-table-column>
 
-            <el-table-column align="center" prop="day" width="50" label="天数">
+            <el-table-column align="center" prop="day" width="60" label="天数">
               <template slot-scope="scope">
                 {{scope.row.day}}
               </template>
 
             <el-table-column align="center" prop="prescribing_number" width="100" label="总量">
               <template slot-scope="scope">
-                <div style="display:flex;align-items:center;">
-                  <div>{{scope.row.prescribing_number}} {{scope.row.prescribing_number_unit}}</div>
-                </div>
+                <div>{{scope.row.prescribing_number}} {{scope.row.prescribing_number_unit}}</div>
               </template>
             </el-table-column>
             <el-table-column align="center" prop="retail_price" width="80" label="单价">
                 <div>{{scope.row.retail_price}}</div>
               </template>
             </el-table-column>
-            <el-table-column align="center" prop="remark" width="200" label="备注">
+            <el-table-column align="center" prop="remark" label="备注">
               <template slot-scope="scope">
                 <div>{{scope.row.remark}}</div>
               </template>
           <el-table v-if="subItem.type == 2" :data="subItem.project" border style="width: 99%;"
                     :row-style="{ color: '#303133' }"
                     :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}" highlight-current-row>
-            <el-table-column align="center" type="index" width="40" label="序号"></el-table-column>
-            <el-table-column align="center" prop="project_name" width="100" label="名称">
+            <el-table-column align="center" type="index" width="60" label="序号"></el-table-column>
+            <el-table-column align="center" prop="project_name" width="160" label="名称">
               <template slot-scope="scope">
                 <span>{{ scope.row.project.project_name }}</span>
               </template>
             <el-table-column align="center" prop="statistical_classification" width="100" label="组">
               <template slot-scope="scope">{{getGroup(scope.row.statistical_classification)}}</template>
             </el-table-column>
-            <el-table-column align="center" prop="single_dose" width="80" label="单次用量">
+            <el-table-column align="center" prop="single_dose" width="90" label="单次用量">
               <template slot-scope="scope">
                 <!--<el-input v-model="scope.row.single_dose" placeholder=""></el-input>-->
                 <span>{{ scope.row.single_dose }}</span>
             </el-table-column>
             <el-table-column align="center" prop="total" width="70" label="总量">
               <template slot-scope="scope">
-                <div style="display:flex;align-items:center;">
-                  <!--<el-input v-model="scope.row.total" style="width:60%" placeholder=""></el-input>-->
-                  <div>{{ scope.row.total }}{{scope.row.unit}}</div>
-                </div>
+                <div>{{ scope.row.total }}{{scope.row.unit}}</div>
               </template>
             </el-table-column>
-            <el-table-column align="center" prop="name" width="50" label="单价">
+            <el-table-column align="center" prop="name" width="60" label="单价">
               <template slot-scope="scope">
                 <!--<el-input v-model="scope.row.price" placeholder="" readonly></el-input>-->
                 <span>{{ scope.row.price }}</span>
 
               </template>
             </el-table-column>
-            <el-table-column align="center" prop="name" width="100" label="备注">
+            <el-table-column align="center" prop="name" label="备注">
               <template slot-scope="scope">
                 <!--<el-input v-model="scope.row.remark" :title="scope.row.remark"></el-input>-->
                 <span>{{ scope.row.remark }}</span>
   }
 </script>
 
-<style scoped>
-
+<style lang="scss">
+.callPrescription{
+  .el-dialog__body{
+    padding:0px 20px 30px;
+  }
+  .quote{
+    margin-top: 10px;
+    font-size: 14px;
+  }
+}
 </style>

src/xt_pages/outpatientDoctorStation/components/deskPrescription.vue

             </el-tab-pane>
             <el-tab-pane name="more" closable><span slot="label"><i class="el-icon-plus" @click="addTab"></i></span>
             </el-tab-pane>
-            <div class="RP">Rp</div>
-
-            <div style="float: right">
-              <el-button
-                round
-                @click="openLast(3)"
-              >上一方
-              </el-button>
-
-              <el-button
-                round
-                @click="openNext(4)"
-              >下一方
-              </el-button>
+            <div class="RP">Rp
+              <div style="float: right;margin-bottom:5px;margin-right:1%;">
+                <el-button
+                  round
+                  size="small"
+                  @click="openLast(3)"
+                >上一方
+                </el-button>
+
+                <el-button
+                  round
+                  size="small"
+                  @click="openNext(4)"
+                >下一方
+                </el-button>
+              </div>
             </div>
 
+            
+
             <prescription-table ref="prescription_tables" :prescription="curPrescriptions" :preDrugs="preDrugs"
                                 :activeType="customTabIndex"></prescription-table>
           </el-tabs>

src/xt_pages/outpatientDoctorStation/components/nextOrLastPrescription.vue

     @close="hide"
     width="1010px"
     :modal-append-to-body="false"
+    class="isLastOrNext"
   >
-    <div class="txsj">
+    <div class="txsj" style="text-align:center;">
       <el-button
         round
 
     </div>
 
     <div v-for="(item,index) in allPrescription" :key="index">
-      <div>引用 {{getTime(item.record_date, '{y}年{m}月{d}日')}} 的处方</div>
+      <div class="quote">引用 {{getTime(item.record_date, '{y}年{m}月{d}日')}} 的处方</div>
       <el-checkbox-group v-model="item.check_group">
         <div v-for="(subItem,index2) in item.prescriptions" :key="index2">
-          <el-checkbox :label="subItem.id">{{'处方' + (index2+ 1)}}</el-checkbox>
+          <el-checkbox style="margin:10px 0;" :label="subItem.id">{{'处方' + (index2+ 1)}}</el-checkbox>
           <el-table v-if="subItem.type  == 1" :data="subItem.doctor_advice" border style="width: 99%;"
                     :row-style="{ color: '#303133' }"
                     :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}" highlight-current-row>
-            <el-table-column align="center" type="index" width="40" label="序号"></el-table-column>
-            <el-table-column align="center" prop="drug_name"  width="100" label="名称">
+            <el-table-column align="center" type="index" width="60" label="序号"></el-table-column>
+            <el-table-column align="center" prop="drug_name"  width="160" label="名称">
               <template slot-scope="scope">
                 <span>{{ scope.row.advice_name }}</span>
               </template>
 
             <el-table-column align="center" prop="single_dose" width="90" label="单次用量">
               <template slot-scope="scope">
-                <div style="display:flex;align-items:center;">
                   <div>{{scope.row.single_dose}}{{scope.row.single_dose_unit}}</div>
-                </div>
               </template>
             </el-table-column>
             <el-table-column align="center" prop="delivery_way" width="100" label="用法">
               </template>
             </el-table-column>
 
-            <el-table-column align="center" prop="day" width="50" label="天数">
+            <el-table-column align="center" prop="day" width="60" label="天数">
               <template slot-scope="scope">
                 {{scope.row.day}}
               </template>
 
             <el-table-column align="center" prop="prescribing_number" width="100" label="总量">
               <template slot-scope="scope">
-                <div style="display:flex;align-items:center;">
-                  <div>{{scope.row.prescribing_number}} {{scope.row.prescribing_number_unit}}</div>
-                </div>
+                <div>{{scope.row.prescribing_number}} {{scope.row.prescribing_number_unit}}</div>
               </template>
             </el-table-column>
             <el-table-column align="center" prop="retail_price" width="80" label="单价">
                 <div>{{scope.row.retail_price}}</div>
               </template>
             </el-table-column>
-            <el-table-column align="center" prop="remark" width="200" label="备注">
+            <el-table-column align="center" prop="remark" label="备注">
               <template slot-scope="scope">
                 <div>{{scope.row.remark}}</div>
               </template>
           <el-table v-if="subItem.type == 2" :data="subItem.project" border style="width: 99%;"
                     :row-style="{ color: '#303133' }"
                     :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}" highlight-current-row>
-            <el-table-column align="center" type="index" width="40" label="序号"></el-table-column>
-            <el-table-column align="center" prop="project_name" width="100" label="名称">
+            <el-table-column align="center" type="index" width="60" label="序号"></el-table-column>
+            <el-table-column align="center" prop="project_name" width="160" label="名称">
               <template slot-scope="scope">
                 <span>{{ scope.row.project.project_name }}</span>
               </template>
             <el-table-column align="center" prop="statistical_classification" width="100" label="组">
               <template slot-scope="scope">{{getGroup(scope.row.statistical_classification)}}</template>
             </el-table-column>
-            <el-table-column align="center" prop="single_dose" width="80" label="单次用量">
+            <el-table-column align="center" prop="single_dose" width="90" label="单次用量">
               <template slot-scope="scope">
                 <!--<el-input v-model="scope.row.single_dose" placeholder=""></el-input>-->
                 <span>{{ scope.row.single_dose }}</span>
             </el-table-column>
             <el-table-column align="center" prop="total" width="70" label="总量">
               <template slot-scope="scope">
-                <div style="display:flex;align-items:center;">
-                  <!--<el-input v-model="scope.row.total" style="width:60%" placeholder=""></el-input>-->
                   <div>{{ scope.row.total }}{{scope.row.unit}}</div>
-                </div>
               </template>
             </el-table-column>
-            <el-table-column align="center" prop="name" width="50" label="单价">
+            <el-table-column align="center" prop="name" width="60" label="单价">
               <template slot-scope="scope">
                 <!--<el-input v-model="scope.row.price" placeholder="" readonly></el-input>-->
                 <span>{{ scope.row.price }}</span>
 
               </template>
             </el-table-column>
-            <el-table-column align="center" prop="name" width="100" label="备注">
+            <el-table-column align="center" prop="name" label="备注">
               <template slot-scope="scope">
                 <!--<el-input v-model="scope.row.remark" :title="scope.row.remark"></el-input>-->
                 <span>{{ scope.row.remark }}</span>
   }
 </script>
 
-<style scoped>
-
+<style lang="scss">
+.isLastOrNext{
+  .el-dialog__body{
+    padding:0px 20px 30px;
+  }
+  .quote{
+    margin-top: 10px;
+    font-size: 14px;
+  }
+}
 </style>