btn

src/components/patientRegister/PatientRegisterList.vue

@@ -1,7 +1,7 @@
 <template>
-  <div>
-    <div style="display: flex">
-      <el-table :data="dataList" border width="100%" height="430" row-key="id" size="small"
+  <div style="display: flex">
+    <div style="display: flex; width: 90%">
+      <el-table :data="dataList" border height="430" row-key="id" size="small"
         class="el-table__body-wrapper tbody" highlight-current-row @row-click="rowick" ref="dataList"
         @selection-change="handleSelectionChange">
         <el-table-column type="selection" width="40">
@@ -135,33 +135,32 @@
         "creatorId": null,
         "id": "3a0c196d-a6d0-37fe-5c32-4806bdc4530f"
         -->
-      </el-table>
-
-      <div style="margin-left: 10px">
-        <div class="listBtn">
-          <el-button type="success" @click="add">人员登记</el-button>
-        </div>
-        <div class="listBtn">
-          <el-button type="primary" @click="edit">编辑</el-button>
-        </div>
-        <div class="listBtn">
-          <el-button type="danger" @click="del">删除</el-button>
-        </div>
-        <div class="listBtn">
-          <el-button type="primary" @click="openCamera" icon="el-icon-camera">拍照</el-button>
-        </div>
-        <div class="listBtn">
-          <el-button type="primary">健康档案</el-button>
-        </div>
-        <div class="listBtn">
-          <el-button type="primary">调整分组</el-button>
-        </div>
-        <div class="listBtn">
-          <el-button type="primary">调整项目</el-button>
-        </div>
-        <div class="listBtn">
-          <el-button type="primary">打指引单</el-button>
-        </div>
+      </el-table>      
+    </div>
+    <div style="margin-left: 10px;width:110px;">
+      <div class="listBtn">
+        <el-button type="success" class="btnClass" @click="add">人员登记</el-button>
+      </div>
+      <div class="listBtn">
+        <el-button type="primary" class="btnClass" @click="edit">编辑</el-button>
+      </div>
+      <div class="listBtn">
+        <el-button type="danger" class="btnClass" @click="del">删除</el-button>
+      </div>
+      <div class="listBtn">
+        <el-button type="primary" class="btnClass" @click="openCamera" icon="el-icon-camera">拍照</el-button>
+      </div>
+      <div class="listBtn">
+        <el-button type="primary" class="btnClass" >健康档案</el-button>
+      </div>
+      <div class="listBtn">
+        <el-button type="primary" class="btnClass" >调整分组</el-button>
+      </div>
+      <div class="listBtn">
+        <el-button type="primary" class="btnClass" >调整项目</el-button>
+      </div>
+      <div class="listBtn">
+        <el-button type="primary" class="btnClass" >打指引单</el-button>
       </div>
     </div>
 
@@ -413,5 +412,9 @@ export default {
 
 .listBtn {
   margin-top: 10px;
+  text-align: center;
+}
+.btnClass{
+  width:110px;
 }
 </style>

src/components/patientRegister/PatientRegisterRecoverList.vue

@@ -116,10 +116,10 @@
 
       <div style="margin-left: 10px">
         <div class="listBtn">
-          <el-button type="success" @click="recover">回收表单</el-button>
+          <el-button type="success" class="btnClass" @click="recover">回收表单</el-button>
         </div>
         <div class="listBtn">
-          <el-button type="primary" @click="scanRecover">扫码回收</el-button>
+          <el-button type="primary" class="btnClass" @click="scanRecover">扫码回收</el-button>
         </div>        
       </div>
     </div> 
@@ -290,5 +290,9 @@ export default {
 
 .listBtn {
   margin-top: 10px;
+  text-align: center;
+}
+.btnClass{
+  width:110px;
 }
 </style>

src/components/patientRegister/PatientRegisterRefuseList.vue

@@ -146,10 +146,10 @@
       </div>
       <div style="margin-left: 10px;width:100px;">
         <div class="listBtn">
-          <el-button type="success" @click="resuse('2')">登记弃检</el-button>
+          <el-button type="success" class="btnClass" @click="resuse('2')">登记弃检</el-button>
         </div>
         <div class="listBtn">
-          <el-button type="primary" @click="resuse('0')">取消弃检</el-button>
+          <el-button type="primary" class="btnClass" @click="resuse('0')">取消弃检</el-button>
         </div>
       </div>
     </div>
@@ -419,5 +419,9 @@ export default {
 
 .listBtn {
   margin-top: 10px;
+  text-align: center;
+}
+.btnClass{
+  width:110px;
 }
 </style>

src/components/patientRegister/PatientRegisterSignList.vue

@@ -121,10 +121,10 @@
 
       <div style="margin-left: 10px">
         <div class="listBtn">
-          <el-button type="success" @click="sign">签到</el-button>
+          <el-button type="success" class="btnClass" @click="sign">签到</el-button>
         </div>
         <div class="listBtn">
-          <el-button type="primary" @click="scanSign">扫码签到</el-button>
+          <el-button type="primary" class="btnClass" @click="scanSign">扫码签到</el-button>
         </div>        
       </div>
     </div> 
@@ -296,4 +296,11 @@ export default {
 .listBtn {
   margin-top: 10px;
 }
+.btnClass{
+  width:110px;
+  text-align: center;
+}
+.btnClass{
+  width:110px;
+}
 </style>

src/components/patientRegister/patientRegisterQuery.vue

@@ -1,6 +1,6 @@
 <template>
   <div style="display: flex">
-    <div style="display: flex; flex-wrap: wrap; width: 95%">
+    <div style="display: flex; flex-wrap: wrap; width: 90%;">
       <div class="block query">
         <span class="demonstration">登记日期：</span>
         <el-date-picker
@@ -106,12 +106,12 @@
       </div>
     </div>
     <!-- 按钮区域 -->
-    <div style="margin-left: 10px; margin-top: 5px;width:100px;">
-      <div style="margin-top: 5px">
-        <el-button type="primary" @click="btnQuery">查询</el-button>
+    <div style="margin-left: 10px;width:110px;">
+      <div class="listBtn">
+        <el-button type="primary" class="btnClass" @click="btnQuery">查询</el-button>
       </div>
-      <div style="margin-top: 5px">
-        <el-button type="danger" @click="readIdCard">读身份证</el-button>
+      <div class="listBtn">
+        <el-button type="danger" class="btnClass" @click="readIdCard">读身份证</el-button>
       </div>
     </div>
   </div>
@@ -189,4 +189,11 @@ export default {
 .query {
   margin-left: 10px;
 }
+.listBtn {
+  margin-top: 5px;
+  text-align: center;
+}
+.btnClass{
+  width:110px;
+}
 </style>

src/views/customerOrg/patientRegister.vue

@@ -4,7 +4,7 @@
       <el-card>
         <div style="display: flex">
           <!-- 单位树组件 -->
-          <div style="width: 15%; border: 1px solid">
+          <div style="width: 200px; border: 1px solid">
             <CustomerOrgTreeAll />
           </div>
           <div style="margin-left: 10px; width: 85%">