科室质控列表样式布局修改

src/components/m-pagination/index.vue

@@ -1,6 +1,6 @@
 <template>
   <!-- 分页控制 -->
-  <div class="table-pagination" style="margin:15px 0px;">
+  <div class="table-pagination" style="padding:15px 0px;">
     <div class="total-current">
       <div class="page-total">共{{ paginationData.total }}条记录</div>
       <div class="page-current">第{{ paginationData.currentPage }}/{{ Math.ceil(paginationData.total / paginationData.pageSize) }}页</div>

src/styles/index.scss

@@ -62,8 +62,29 @@ div:focus {
 // main-container global css
 .app-container {
   padding: 20px;
+  // background-color: #fff;
+}
+
+.filter-list-form {
+  padding: 22px 22px 0 22px;
+  background-color: #fff;
+  margin-bottom: 20px;
+} 
+
+.filter-list-action {
+  padding: 22px;
+  background-color: #fff;
+  // margin-bottom: 20px;
+} 
+.filter-list-table {
+  padding: 0 22px;
+} 
+
+.filter-list-table-pagination {
+  padding: 0 22px;
   background-color: #fff;
 }
+
 .bottom-time-top {
   margin-top: 30px;
 }

src/views/recordsRoom/qc/components/SearchBox.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="app-container">
+  <div class="filter-list-form">
     <el-form style="width: 100%" ref="filterListFormRef" :model="formData" class="demo-form-inline" label-suffix=":"
       label-width="74px">
       <el-row :gutter="24">

src/views/recordsRoom/qc/components/TableBox.vue

@@ -1,17 +1,17 @@
 <template>
     <div>
-      <el-row style="margin-bottom: 15px;width: 100%;" type="flex" justify="end" align="middle">
+      <el-row class="filter-list-action" style="width: 100%;" type="flex" justify="start" align="middle">
+        <el-button type="primary" @click="toExamine">批量审核</el-button>
+        <el-button @click="onRevoke">撤销审核</el-button>
         <el-switch
           v-model="status"
-          style="margin-right: 20px;"
+          style="margin-left: 20px;"
           :active-value="1"
           :inactive-value="0"
           inactive-text="是否自动质控" @change="updateQualityControl">
         </el-switch>
-        <el-button type="primary" @click="toExamine">批量审核</el-button>
-        <el-button @click="onRevoke">撤销审核</el-button>
       </el-row>
-      <el-table :row-class-name="tableRowClassName" v-loading="loading" :data="data" style="width: 100%" @selection-change="handleSelectionChange">
+      <el-table class="filter-list-table" :row-class-name="tableRowClassName" v-loading="loading" :data="data" style="width: 100%" @selection-change="handleSelectionChange">
         <el-table-column type="selection" width="55"></el-table-column>
         <el-table-column type="index" label="序号" width="80" />
         <el-table-column prop="AAA28" label="病案号" width="100">

src/views/recordsRoom/qc/index.vue

@@ -1,8 +1,10 @@
 <template>
   <div class="app-container">
     <SearchBoxVue ref="SearchBoxRef" @search="handleSearch" @reset="handleReset" />
-    <TableBoxVue :loading="loading" :data="tableData" :status="status" style="margin-top: -40px;" />
-    <mPagination v-if="tableData && tableData.length !== 0" :data="paginationData" @pageChangeEvent="pageHasChanged"></mPagination>
+    <TableBoxVue :loading="loading" :data="tableData" :status="status" />
+    <div class="filter-list-table-pagination">
+      <mPagination v-if="tableData && tableData.length !== 0" :data="paginationData" @pageChangeEvent="pageHasChanged"></mPagination>
+    </div>
   </div>
 </template>