1

src/xt_pages/stock/stockInOrderDetail.vue

       <div class="filter-container">
         <span style="font-size: 18px;color: #606266">入库单详情</span>
         <el-row style="float:right;">
-          <span style="color: #606266">入库单号: {{ WarehouseInfo.warehouse.warehousing_order }}</span>&nbsp;&nbsp;
-          <span><el-button size="small" type="primary" @click="printOrder">打印</el-button></span>
+          <span style="color: #606266">入库单号: {{ WarehouseInfo.warehouse.warehousing_order }}</span>
         </el-row>
       </div>
 
         >
       </div>
 
-      <div class="cell clearfix" style="margin-top: 10px">
-     
-        <el-button size="small" icon="el-icon-edit" @click="editRecord"
-          >编辑</el-button
-        >
-        <el-button size="small" icon="el-icon-delete" @click="deleteRecord"
-          >删除</el-button
-        >
+      <div style="display:flex;justify-content: space-between;align-items: center;margin: 12px 0;">
+        <div>
+          <el-button size="small" icon="el-icon-edit" @click="editRecord"
+            >编辑</el-button
+          >
+          <el-button size="small" icon="el-icon-delete" @click="deleteRecord"
+            >删除</el-button
+          >
+        </div>
+        <el-button size="small" type="primary" @click="printOrder">打印</el-button>
       </div>
 
       <el-row :gutter="12" style="margin-top: 10px">

src/xt_pages/stock/stockOutOrderDetail.vue

       <div class="filter-container">
         <span style="font-size: 18px;color: #606266">出库单详情</span>
         <el-row style="float:right;">
-          <span style="color: #606266">{{warehousingOutInfo.info.warehouse_out_order_number}}</span>&nbsp;&nbsp;
-          <span><el-button size="small" type="primary" @click="printOrder">打印</el-button></span>
+          <span style="color: #606266">出库单号：{{warehousingOutInfo.info.warehouse_out_order_number}}</span>
         </el-row>
       </div>
 
         <span style="width: 300px;color: #606266">经销商 {{getDealerName(warehousingOutInfo.info.dealer)}}</span>
       </div>
 
-      <div class="filter-container" style="margin-top: 10px">
-        <el-button size="small" icon="el-icon-edit" @click="editRecord" v-if="warehousingOutInfo.info.is_sys != 1">编辑</el-button>
-        <el-button size="small" icon="el-icon-delete" @click="deleteRecord" v-if="warehousingOutInfo.info.is_sys != 1">删除</el-button>
+      <div style="display:flex;justify-content: space-between;align-items: center;margin: 12px 0;">
+        <div>
+          <el-button size="small" icon="el-icon-edit" @click="editRecord" v-if="warehousingOutInfo.info.is_sys != 1">编辑</el-button>
+          <el-button size="small" icon="el-icon-delete" @click="deleteRecord" v-if="warehousingOutInfo.info.is_sys != 1">删除</el-button>
+        </div>
+        <el-button size="small" type="primary" @click="printOrder">打印</el-button>
       </div>
 
       <el-row :gutter="12" style="margin-top: 10px">

src/xt_pages/user/vascularAccess.vue

   <div class="patient-container">
     <patient-sidebar :id="patientID" defaultActive="1-6" v-on:tran-patient="onTranPatient"></patient-sidebar>
     <div class="patient-app-container advice-container app-container">
-      <div class="cell clearfix">
-         <span>血管通路列表</span>
-         <el-button size="medium" type="primary" @click="dialogVisible =true" style="margin-left:850px" >新增</el-button>
+      <div style="display:flex;justify-content: space-between;align-items: center;margin-bottom: 12px;">
+         <span style="font-weight:bold;">血管通路列表</span>
+         <el-button size="medium" type="primary" @click="dialogVisible =true">新增</el-button>
       </div>
-      <el-table  :data="tableData" border style="width:100%">
-      <el-table-column  prop="start_time"   label="建立日期"  width="150"    align="center">
-          <template  slot-scope="scope">
+      <el-table class="oictable" :data="tableData" border style="width:100%">
+      <el-table-column prop="start_time" label="建立日期" width="100" align="center">
+          <template slot-scope="scope">
             <span>{{ getTime(scope.row.start_time, "{y}-{m}-{d}")}}</span>
           </template>
      </el-table-column>
-      <el-table-column   prop="blood_access_part_opera_id" label="血管通路"   align="center" width="200">
+      <el-table-column prop="blood_access_part_opera_id" label="血管通路" align="center" width="120">
         <template slot-scope="scope">
-         
            <router-link
               :to="'/patients/patient/' + scope.row.patient_id+'/vascularAccessDetail/'+scope.row.id"
               style="color:#409eff;width:100%;display:block;"
             >
         </template>
      </el-table-column>
-     <el-table-column   prop="blood_access_part_id" label="血管通路部位"   align="center" width="200">
+     <el-table-column prop="blood_access_part_id" label="血管通路部位" width="200" align="center">
         <template slot-scope="scope">
            <span>{{scope.row.blood_access_part_id}}</span>  
         </template>
      </el-table-column>
-      <el-table-column     prop="inflow_pass"    label="流入-流出道"    align="center">
+      <el-table-column prop="inflow_pass" label="流入-流出道" width="100" align="center">
          <template slot-scope="scope">
             <span>{{scope.row.inflow_pass}}</span>
          </template>
       </el-table-column>
-      <el-table-column     prop="date"    label="首次启用日期" width="120"     align="center">
+      <el-table-column prop="date" label="首次启用日期" width="120" align="center">
           <template slot-scope="scope">
             <span>{{ getTime(scope.row.first_start_time, "{y}-{m}-{d}")}}</span>
           </template>
       </el-table-column>
-      <el-table-column     prop="date"    label="默认到处方"      align="center">
+      <el-table-column prop="date" label="默认到处方" align="center" width="100">
           <template slot-scope="scope">
              <span v-if="scope.row.user_status == 1">启用</span>
              <span v-if="scope.row.user_status == 2">停用</span>
           </template>
       </el-table-column>
-       <el-table-column     prop="date"    label="停用日期"      align="center">
+       <el-table-column prop="date" label="停用日期" align="center" width="100">
           <template slot-scope="scope">
             <span v-if="scope.row.stop_time>0">{{ getTime(scope.row.stop_time, "{y}-{m}-{d}")}}</span>
              <span v-if="scope.row.stop_time<0"></span>
           </template>
       </el-table-column>
-       <el-table-column     prop="date"    label="停用原因"      align="center">
+       <el-table-column prop="date" label="停用原因" align="center" width="120">
           <template slot-scope="scope">
              <span>{{scope.row.stop_reason}}</span>
           </template>
       </el-table-column>
-       <el-table-column     prop="date"    label="使用寿命(天)"      align="center">
+       <el-table-column prop="date" label="使用寿命(天)" align="center" width="120">
           <template slot-scope="scope">
            <span v-if="scope.row.stop_time>0&&(scope.row.stop_time - scope.row.start_time)/86400 == 0"></span> 
            <span v-if="scope.row.stop_time>0&&(scope.row.stop_time - scope.row.start_time)/86400 != 0">{{(scope.row.stop_time - scope.row.start_time)/86400}}</span>
           </template>
       </el-table-column>
-       <el-table-column   prop="date"    label="备注"      align="center">
+       <el-table-column prop="date" label="备注" align="center" width="180">
           <template slot-scope="scope">
              <span>{{scope.row.remark}}</span>
           </template>
       </el-table-column>
-      <el-table-column     prop="date"    label="创始人"      align="center">
+      <el-table-column prop="date" label="创始人" align="center" width="100">
           <template slot-scope="scope">
             <span>{{getDoctor(scope.row.creator)}}</span>
           </template>
       </el-table-column>
-       <el-table-column   prop="date"  label="操作" width="140" align="center">
+       <el-table-column prop="date" fixed="right" label="操作" width="140" align="center">
           <template slot-scope="scope">
              <el-tooltip class="item" effect="dark" content="编辑" placement="top">
                <el-button
 </script>
 
 <style>
-  #oictable ::-webkit-scrollbar {
+  .oictable ::-webkit-scrollbar {
     height: 15px;
   }
 </style>
 
-<style rel="stylesheet/scss" lang="scss" scoped>
-   
+<style rel="stylesheet/scss" lang="scss">
+   ::-webkit-scrollbar{
+      height:15px;
+   }
 
 </style>
 

src/xt_pages/user/vascularAccessDetail.vue

   <div class="patient-container">
     <patient-sidebar :id="patientID" defaultActive="1-6" v-on:tran-patient="onTranPatient"></patient-sidebar>
     <div class="patient-app-container advice-container app-container">
-      <div class="cell clearfix">
-         <span>通路详情 &nbsp; </span>
+      <div style="display:flex;justify-content: space-between;align-items: center;margin-bottom: 12px;">
+         <span style="font-weight:bold;">通路详情</span>
          <el-button size="medium" type="primary" @click="dialogVisible =true" style="margin-left:800px" >新增</el-button>
       </div>
       <div class="cell clearfix">