From 6eb11f16eefff6e86d3286783197274d3d389084 Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期六, 15 三月 2025 15:31:02 +0800
Subject: [PATCH] cnas样式统一

---
 src/views/CNAS/resourceDemand/facilitiesEnvironment/component/three-wastes-treatment.vue                                             |    2 
 src/views/CNAS/systemManagement/documentControl/components/DistributionCollectionRecord.vue                                          |   59 +--
 src/views/CNAS/process/sampleDisposal/index.vue                                                                                      |   71 +----
 src/views/CNAS/systemManagement/documentControl/index.vue                                                                            |   12 
 src/views/CNAS/process/method/methodVerification/index.vue                                                                           |   11 
 src/views/CNAS/process/reportResults/index.vue                                                                                       |   65 +---
 src/views/CNAS/resourceDemand/facilitiesEnvironment/component/facilities-environmental-conditions/lightning-protection-detection.vue |    3 
 src/views/CNAS/systemManagement/documentControl/components/FileList.vue                                                              |   81 +----
 src/views/CNAS/process/nonconformingWork/nonconformingItem/index.vue                                                                 |   56 +---
 src/views/CNAS/systemManagement/documentControl/components/ControlledFileApplication.vue                                             |   56 +---
 src/views/CNAS/systemManagement/documentControl/components/FileObsoletionRequest.vue                                                 |   61 +---
 src/views/CNAS/resourceDemand/facilitiesEnvironment/component/facilities-environmental-conditions/illuminance-recording.vue          |    2 
 src/views/CNAS/process/complaint/index.vue                                                                                           |   53 +--
 src/views/CNAS/resourceDemand/facilitiesEnvironment/component/Personnel-management.vue                                               |    2 
 src/views/CNAS/systemManagement/documentControl/components/FileChangeRequest.vue                                                     |   53 +--
 src/views/CNAS/resourceDemand/facilitiesEnvironment/component/facilities-environmental-conditions.vue                                |    2 
 src/views/CNAS/resourceDemand/facilitiesEnvironment/component/facilities-environmental-conditions/temperature-humidity-record.vue    |    4 
 src/views/CNAS/process/uncertainty/index.vue                                                                                         |   55 +--
 src/views/CNAS/process/demand/index.vue                                                                                              |    6 
 src/views/CNAS/process/nonconformingWork/nonconformingDistribution/index.vue                                                         |   70 +---
 20 files changed, 217 insertions(+), 507 deletions(-)

diff --git a/src/views/CNAS/process/complaint/index.vue b/src/views/CNAS/process/complaint/index.vue
index c654149..ca806a0 100644
--- a/src/views/CNAS/process/complaint/index.vue
+++ b/src/views/CNAS/process/complaint/index.vue
@@ -1,23 +1,23 @@
 <template>
-  <div class="Complaint">
+  <div class="capacity-scope">
     <div class="search">
-      <div class="search_thing">
-        <div class="search_label">鏍峰搧缂栧彿锛�</div>
-        <div class="search_input"><el-input v-model="queryParams.sampleCode" clearable placeholder="璇疯緭鍏�" size="small"
-            @keyup.enter.native="refreshTable()"></el-input></div>
+      <div>
+        <el-form :model="queryParams" ref="queryForm" size="small" :inline="true">
+          <el-form-item label="鏍峰搧缂栧彿" prop="sampleCode">
+            <el-input v-model="queryParams.sampleCode" clearable placeholder="璇疯緭鍏�" size="small"
+                      @keyup.enter.native="refreshTable()"></el-input>
+          </el-form-item>
+          <el-form-item label="鎶曡瘔鍚嶇О" prop="complainName">
+            <el-input v-model="queryParams.complainName" clearable placeholder="璇疯緭鍏�" size="small"
+                      @keyup.enter.native="refreshTable()"></el-input>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" icon="el-icon-search" size="mini" @click="refreshTable">鏌� 璇�</el-button>
+            <el-button icon="el-icon-refresh" size="mini" @click="refresh">閲� 缃�</el-button>
+          </el-form-item>
+        </el-form>
       </div>
-      <div class="search_thing">
-        <div class="search_label">鎶曡瘔鍚嶇О锛�</div>
-        <div class="search_input">
-          <el-input v-model="queryParams.complainName" clearable placeholder="璇疯緭鍏�" size="small"
-            @keyup.enter.native="refreshTable()"></el-input>
-        </div>
-      </div>
-      <div class="search_thing" style="padding-left: 30px;">
-        <el-button size="small" @click="refresh()">閲� 缃�</el-button>
-        <el-button size="small" type="primary" @click="refreshTable()">鏌� 璇�</el-button>
-      </div>
-      <div class="btn">
+      <div>
         <el-button :loading="outLoading" size="small" type="primary" @click="handleDown">瀵煎嚭</el-button>
         <el-button size="small" type="primary" @click="openAdd">鏂板</el-button>
       </div>
@@ -286,6 +286,7 @@
   },
   data() {
     return {
+      tableLoading: false,
       addPower: false,
       outLoading: false,
       addDialogVisible: false,
@@ -492,19 +493,11 @@
 </script>
 
 <style scoped>
-.title {
-  height: 60px;
-  line-height: 60px;
-}
-
 .search {
-  background-color: #fff;
-  height: 80px;
+  height: 46px;
   display: flex;
-  align-items: center;
-  position: relative;
+  justify-content: space-between;
 }
-
 .search_thing {
   width: 350px;
   display: flex;
@@ -519,12 +512,6 @@
 
 .search_input {
   width: calc(100% - 110px);
-}
-
-.table {
-  background-color: #fff;
-  height: calc(100% - 60px - 80px - 10px - 40px);
-  padding: 20px;
 }
 
 .dialog-body {
diff --git a/src/views/CNAS/process/demand/index.vue b/src/views/CNAS/process/demand/index.vue
index f2d5dd4..ef70abd 100644
--- a/src/views/CNAS/process/demand/index.vue
+++ b/src/views/CNAS/process/demand/index.vue
@@ -23,9 +23,9 @@
           <el-button type="primary" icon="el-icon-search" size="mini" @click="refreshTable">鏌� 璇�</el-button>
         </el-form-item>
       </el-form>
-    </div>
-    <div style="text-align: right; margin-bottom: 20px">
-      <el-button size="small" type="primary" @click="goAdd">鏂板</el-button>
+      <div style="text-align: right; margin-bottom: 20px">
+        <el-button size="small" type="primary" @click="goAdd">鏂板</el-button>
+      </div>
     </div>
     <div class="table">
       <el-table v-loading="tableListLoading" :data="tableList"
diff --git a/src/views/CNAS/process/method/methodVerification/index.vue b/src/views/CNAS/process/method/methodVerification/index.vue
index 59fda20..8be4cf8 100644
--- a/src/views/CNAS/process/method/methodVerification/index.vue
+++ b/src/views/CNAS/process/method/methodVerification/index.vue
@@ -17,12 +17,10 @@
       </div>
     </div>
     <div class="table">
-      <div>
-        <limsTable :column="tableColumn" :height="'calc(100vh - 23em)'" :table-data="tableData"
-                   :table-loading="tableLoading" style="padding: 0 15px;margin-bottom: 16px" :page="page"
-                   @pagination="pagination">
-        </limsTable>
-      </div>
+      <limsTable :column="tableColumn" :height="'calc(100vh - 23em)'" :table-data="tableData"
+                 :table-loading="tableLoading" :page="page"
+                 @pagination="pagination">
+      </limsTable>
     </div>
     <formDIa v-if="formDIa" ref="formDIa" :operationType="operationType" @closeDia="closeDia"></formDIa>
   </div>
@@ -100,6 +98,7 @@
       page: {
         size: 20,
         current: 1,
+        total: 0
       },
       total: 0,
       formDIa: false,
diff --git a/src/views/CNAS/process/nonconformingWork/nonconformingDistribution/index.vue b/src/views/CNAS/process/nonconformingWork/nonconformingDistribution/index.vue
index ac7825b..626fe9d 100644
--- a/src/views/CNAS/process/nonconformingWork/nonconformingDistribution/index.vue
+++ b/src/views/CNAS/process/nonconformingWork/nonconformingDistribution/index.vue
@@ -1,25 +1,26 @@
 <template>
-  <div>
-    <div>
-      <div class="search-background">
-        <span class="search-group">
-          <span style="width: 120px">骞翠唤锛�</span>
-          <el-input v-model="searchForm.distributionYear" clearable size="small"></el-input>
-        </span>
-        <span class="search-group">
-          <el-button size="small" @click="resetSearchForm">閲� 缃�</el-button>
-          <el-button size="small" type="primary" @click="searchList">鏌� 璇�</el-button>
-        </span>
-        <div class="btn">
-          <el-button size="small" type="primary" @click="openFormDia('add')">鏂� 澧�</el-button>
-        </div>
+  <div class="capacity-scope">
+    <div class="search">
+      <div>
+        <el-form :model="searchForm" ref="searchForm" size="small" :inline="true">
+          <el-form-item label="骞翠唤" prop="laboratoryName">
+            <el-input v-model="searchForm.distributionYear" clearable size="small"></el-input>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" icon="el-icon-search" size="mini" @click="searchList">鏌� 璇�</el-button>
+            <el-button icon="el-icon-refresh" size="mini" @click="resetSearchForm">閲� 缃�</el-button>
+          </el-form-item>
+        </el-form>
       </div>
-      <div class="table">
-        <limsTable :column="tableColumn" :height="'calc(100vh - 19em)'" :table-data="tableData"
-                   :table-loading="tableLoading" style="padding: 0 15px;margin-bottom: 16px" :page="page"
-                   @pagination="pagination">
-        </limsTable>
+      <div>
+        <el-button size="small" type="primary" @click="openFormDia('add')">鏂� 澧�</el-button>
       </div>
+    </div>
+    <div class="table">
+      <limsTable :column="tableColumn" :height="'calc(100vh - 19em)'" :table-data="tableData"
+                 :table-loading="tableLoading" :page="page"
+                 @pagination="pagination">
+      </limsTable>
     </div>
     <form-dia v-if="formDia" ref="formDia" @closeDia="closeDia"></form-dia>
   </div>
@@ -187,36 +188,9 @@
 </script>
 
 <style scoped>
-.view-title {
+.search {
+  height: 46px;
   display: flex;
   justify-content: space-between;
-  align-items: center;
-  height: 60px;
-  padding-left: 20px;
-}
-
-.search-background {
-  width: 100%;
-  height: 80px;
-  line-height: 80px;
-  background-color: #ffffff;
-  display: flex;
-  position: relative;
-}
-
-.search-group {
-  display: flex;
-  align-items: center;
-  margin: 0 20px;
-}
-
-.table {
-  background-color: #ffffff;
-}
-
-.btn {
-  position: absolute;
-  right: 20px;
-  top: 16px;
 }
 </style>
diff --git a/src/views/CNAS/process/nonconformingWork/nonconformingItem/index.vue b/src/views/CNAS/process/nonconformingWork/nonconformingItem/index.vue
index cd98d2a..89c7d20 100644
--- a/src/views/CNAS/process/nonconformingWork/nonconformingItem/index.vue
+++ b/src/views/CNAS/process/nonconformingWork/nonconformingItem/index.vue
@@ -1,22 +1,21 @@
 <template>
-  <div>
+  <div class="capacity-scope">
     <div>
-      <div class="search-background">
-        <span class="search-group">
-          <span style="width: 120px">鍙戠敓閮ㄩ棬锛�</span>
+      <el-form :model="searchForm" ref="searchForm" size="small" :inline="true">
+        <el-form-item label="鍙戠敓閮ㄩ棬" prop="occurrenceDepartment">
           <el-input v-model="searchForm.occurrenceDepartment" clearable size="small"></el-input>
-        </span>
-        <span class="search-group">
-          <el-button size="small" @click="resetSearchForm">閲� 缃�</el-button>
-          <el-button size="small" type="primary" @click="searchList">鏌� 璇�</el-button>
-        </span>
-      </div>
-      <div class="table">
-        <limsTable :column="tableColumn" :height="'calc(100vh - 19em)'" :table-data="tableData"
-                   :table-loading="tableLoading" style="padding: 0 15px;margin-bottom: 16px" :page="page"
-                   @pagination="pagination">
-        </limsTable>
-      </div>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" icon="el-icon-search" size="mini" @click="searchList">鏌� 璇�</el-button>
+          <el-button icon="el-icon-refresh" size="mini" @click="resetSearchForm">閲� 缃�</el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+    <div class="table">
+      <limsTable :column="tableColumn" :height="'calc(100vh - 19em)'" :table-data="tableData"
+                 :table-loading="tableLoading" :page="page"
+                 @pagination="pagination">
+      </limsTable>
     </div>
     <quality-info v-if="qualityInfo" ref="qualityInfo"></quality-info>
   </div>
@@ -160,29 +159,4 @@
 </script>
 
 <style scoped>
-.view-title {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  height: 60px;
-  padding-left: 20px;
-}
-
-.search-background {
-  width: 100%;
-  height: 80px;
-  line-height: 80px;
-  background-color: #ffffff;
-  display: flex;
-}
-
-.search-group {
-  display: flex;
-  align-items: center;
-  margin: 0 20px;
-}
-
-.table {
-  background-color: #ffffff;
-}
 </style>
diff --git a/src/views/CNAS/process/reportResults/index.vue b/src/views/CNAS/process/reportResults/index.vue
index 9cf49ca..a3415d1 100644
--- a/src/views/CNAS/process/reportResults/index.vue
+++ b/src/views/CNAS/process/reportResults/index.vue
@@ -1,16 +1,19 @@
 <template>
-  <div class="report-results">
+  <div class="capacity-scope">
     <div class="search">
-      <div class="search_thing">
-        <div class="search_label">妫�楠屾姤鍛婄紪鍙凤細</div>
-        <div class="search_input"><el-input size="small" placeholder="璇疯緭鍏�" clearable v-model="queryParams.insReportCode"
-            @keyup.enter.native="refreshTable()"></el-input></div>
+      <div>
+        <el-form :model="queryParams" ref="queryForm" size="small" :inline="true">
+          <el-form-item label="妫�楠屾姤鍛婄紪鍙�" prop="insReportCode">
+            <el-input size="small" placeholder="璇疯緭鍏�" clearable v-model="queryParams.insReportCode"
+                      @keyup.enter.native="refreshTable()"></el-input>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" icon="el-icon-search" size="mini" @click="refreshTable">鏌� 璇�</el-button>
+            <el-button icon="el-icon-refresh" size="mini" @click="refresh">閲� 缃�</el-button>
+          </el-form-item>
+        </el-form>
       </div>
-      <div class="search_thing" style="padding-left: 30px;">
-        <el-button size="small" @click="refresh()">閲� 缃�</el-button>
-        <el-button size="small" type="primary" @click="refreshTable()">鏌� 璇�</el-button>
-      </div>
-      <div class="btn">
+      <div>
         <el-button size="small" type="primary" @click="handleDown" :loading="outLoading" v-if="outPower">瀵煎嚭</el-button>
         <el-button size="small" type="primary" @click="openAdd" v-if="addPower">鏂板</el-button>
       </div>
@@ -311,11 +314,9 @@
 
 <style scoped>
 .search {
-  background-color: #fff;
-  height: 80px;
+  height: 46px;
   display: flex;
-  align-items: center;
-  position: relative;
+  justify-content: space-between;
 }
 
 .search_thing {
@@ -332,41 +333,5 @@
 
 .search_input {
   width: calc(100% - 110px);
-}
-
-.table {
-  background-color: #fff;
-  height: calc(100% - 60px - 80px - 10px - 40px);
-  padding: 20px;
-}
-
-.tables {
-  table-layout: fixed;
-  width: 100%;
-}
-
-.tables td {
-  height: 40px;
-  width: 100px;
-  text-align: center;
-  font-size: 14px;
-  word-wrap: break-word;
-  white-space: normal;
-}
-
-.en {
-  font-size: 12px;
-  word-break: break-word;
-  /* 鑷姩鏂 */
-  overflow-wrap: break-word;
-  /* 闃叉婧㈠嚭 */
-  white-space: normal;
-  /* 榛樿鎹㈣ */
-}
-
-.btn {
-  position: absolute;
-  top: 16px;
-  right: 20px;
 }
 </style>
diff --git a/src/views/CNAS/process/sampleDisposal/index.vue b/src/views/CNAS/process/sampleDisposal/index.vue
index b3df7ab..6ad90f6 100644
--- a/src/views/CNAS/process/sampleDisposal/index.vue
+++ b/src/views/CNAS/process/sampleDisposal/index.vue
@@ -2,28 +2,24 @@
   <div class="capacity-scope">
     <el-tabs type="border-card" v-model="activeName" style="height: 100%;" @tab-click="queryParams.totaldealId = ''">
       <el-tab-pane label="濉啓" name="濉啓" style="height: 100%;" :key="1">
-        <el-button size="small" type="primary" @click="handleAdd0" style="margin-left: 20px;">鏂板</el-button>
+        <el-button size="small" type="primary" @click="handleAdd0" style="margin-bottom: 10px">鏂板</el-button>
         <div class="table" style="height: calc(100% - 200px)" v-if="activeName == '濉啓'">
           <lims-table :tableData="tableData" :column="column" :tableLoading="tableLoading"
-                      key="tableData"
-            :height="'calc(100vh - 290px)'" :page="page" @pagination="pagination"></lims-table>
+                      key="tableData" :height="'calc(100vh - 290px)'" :page="page" @pagination="pagination"></lims-table>
         </div>
       </el-tab-pane>
       <el-tab-pane label="鍘嗗彶璁板綍" name="鍘嗗彶璁板綍" style="height: 100%;" :key="2">
-        <div class="search">
-          <div class="search_thing">
-            <div class="search_label">骞存湀锛�</div>
-            <div class="search_input">
-              <el-date-picker v-model="queryParams0.month" type="month" placeholder="閫夋嫨鏈�" format="yyyy-MM"
-                value-format="yyyy-MM" size="small" @change="refreshTable()">
-              </el-date-picker>
-            </div>
-          </div>
-          <div class="search_thing" style="padding-left: 30px;">
-            <el-button size="small" @click="refresh()">閲� 缃�</el-button>
-            <el-button size="small" type="primary" @click="refreshTable()">鏌� 璇�</el-button>
-          </div>
-        </div>
+        <el-form :model="queryParams0" ref="queryParams0" size="small" :inline="true">
+          <el-form-item label="骞存湀" prop="month">
+            <el-date-picker v-model="queryParams0.month" type="month" placeholder="閫夋嫨鏈�" format="yyyy-MM"
+                            value-format="yyyy-MM" size="small" @change="refreshTable()">
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" icon="el-icon-search" size="mini" @click="refreshTable">鏌� 璇�</el-button>
+            <el-button icon="el-icon-refresh" size="mini" @click="refresh">閲� 缃�</el-button>
+          </el-form-item>
+        </el-form>
         <div class="table">
           <lims-table :tableData="tableData0" :column="column0" :tableLoading="tableLoading"
                       key="tableData0"
@@ -486,19 +482,6 @@
 </script>
 
 <style scoped>
-.title {
-  height: 60px;
-  line-height: 60px;
-}
-
-.search {
-  background-color: #fff;
-  height: 40px;
-  display: flex;
-  align-items: center;
-  position: relative;
-}
-
 .search_thing {
   width: 350px;
   display: flex;
@@ -515,19 +498,8 @@
   width: calc(100% - 110px);
 }
 
-.table {
-  background-color: #fff;
-  height: calc(100% - 60px - 140px);
-  padding: 20px;
-}
-
 .downPdf {
   opacity: 0 !important;
-}
-
-.tables {
-  table-layout: fixed;
-  width: 100%;
 }
 
 .tables td {
@@ -537,23 +509,6 @@
   font-size: 14px;
   word-wrap: break-word;
   white-space: normal;
-}
-
-.en {
-  font-size: 12px;
-  word-break: break-word;
-  /* 鑷姩鏂 */
-  overflow-wrap: break-word;
-  /* 闃叉婧㈠嚭 */
-  white-space: normal;
-  /* 榛樿鎹㈣ */
-}
-
-.user-info {
-  display: flex;
-  align-items: center;
-  justify-content: space-evenly;
-  margin-top: 20px;
 }
 
 .user-info .el-button {
diff --git a/src/views/CNAS/process/uncertainty/index.vue b/src/views/CNAS/process/uncertainty/index.vue
index 4cb8d52..1583364 100644
--- a/src/views/CNAS/process/uncertainty/index.vue
+++ b/src/views/CNAS/process/uncertainty/index.vue
@@ -1,21 +1,23 @@
 <template>
-  <div class="uncertainty-evaluation">
+  <div class="capacity-scope">
     <div class="search">
-      <div class="search_thing">
-        <div class="search_label">鎶ュ憡鍚嶇О锛�</div>
-        <div class="search_input"><el-input v-model="queryParams.reportName" clearable placeholder="璇疯緭鍏�" size="small"
-            @keyup.enter.native="refreshTable()"></el-input></div>
+      <div>
+        <el-form :model="queryParams" ref="queryForm" size="small" :inline="true">
+          <el-form-item label="鎶ュ憡鍚嶇О" prop="reportName">
+            <el-input v-model="queryParams.reportName" clearable placeholder="璇疯緭鍏�" size="small"
+                      @keyup.enter.native="refreshTable()"></el-input>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" icon="el-icon-search" size="mini" @click="refreshTable">鏌� 璇�</el-button>
+            <el-button icon="el-icon-refresh" size="mini" @click="refresh">閲� 缃�</el-button>
+          </el-form-item>
+        </el-form>
       </div>
-      <div class="search_thing" style="padding-left: 30px;">
-        <el-button size="small" @click="refresh()">閲� 缃�</el-button>
-        <el-button size="small" type="primary" @click="refreshTable()">鏌� 璇�</el-button>
-      </div>
-      <div class="btn">
-        <el-button :loading="outLoading" size="small" style="margin-right: 16px;margin-top: 3px;" type="primary"
-          @click="handleDown0">瀵煎嚭</el-button>
+      <div style="display: flex;align-items: center;">
+        <el-button :loading="outLoading" size="small" type="primary" style="margin-right: 10px" @click="handleDown0">瀵煎嚭</el-button>
         <el-upload ref='upload' :action="action" :headers="uploadHeader" :on-change="beforeUpload" :on-error="onError"
-          :on-success="handleSuccessUp" :show-file-list="false"
-          accept='.jpg,.jpeg,.png,.gif,.doc,.docx,.xls,.xlsx,.ppt,.pptx,.pdf,.zip,.rar'>
+                   :on-success="handleSuccessUp" :show-file-list="false"
+                   accept='.jpg,.jpeg,.png,.gif,.doc,.docx,.xls,.xlsx,.ppt,.pptx,.pdf,.zip,.rar'>
           <el-button :loading="upLoading" size="small" type="primary">瀵煎叆</el-button></el-upload>
       </div>
     </div>
@@ -252,17 +254,10 @@
 </script>
 
 <style scoped>
-.title {
-  height: 60px;
-  line-height: 60px;
-}
-
 .search {
-  background-color: #fff;
-  height: 80px;
+  height: 46px;
   display: flex;
-  align-items: center;
-  position: relative;
+  justify-content: space-between;
 }
 
 .search_thing {
@@ -279,19 +274,5 @@
 
 .search_input {
   width: calc(100% - 80px);
-}
-
-.table {
-  background-color: #fff;
-  height: calc(100% - 60px - 80px - 10px - 40px);
-  padding: 20px;
-}
-
-.btn {
-  position: absolute;
-  top: 16px;
-  right: 20px;
-  display: flex;
-  align-items: center;
 }
 </style>
diff --git a/src/views/CNAS/resourceDemand/facilitiesEnvironment/component/Personnel-management.vue b/src/views/CNAS/resourceDemand/facilitiesEnvironment/component/Personnel-management.vue
index faf3b3b..a2b3430 100644
--- a/src/views/CNAS/resourceDemand/facilitiesEnvironment/component/Personnel-management.vue
+++ b/src/views/CNAS/resourceDemand/facilitiesEnvironment/component/Personnel-management.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="capacity-scope">
+  <div>
     <div class="search">
       <div>
         <el-form :model="searchForm" ref="searchForm" size="small" :inline="true">
diff --git a/src/views/CNAS/resourceDemand/facilitiesEnvironment/component/facilities-environmental-conditions.vue b/src/views/CNAS/resourceDemand/facilitiesEnvironment/component/facilities-environmental-conditions.vue
index 38db4fc..f6603f9 100644
--- a/src/views/CNAS/resourceDemand/facilitiesEnvironment/component/facilities-environmental-conditions.vue
+++ b/src/views/CNAS/resourceDemand/facilitiesEnvironment/component/facilities-environmental-conditions.vue
@@ -1,7 +1,7 @@
 <template>
   <el-row>
     <el-col :span="2">
-      <el-menu style="height: 100vh;" @select="clickSelect" :default-active="activeName">
+      <el-menu @select="clickSelect" :default-active="activeName">
         <el-menu-item index="鐢垫簮绋冲畾鎬�">
           <span slot="title">鐢垫簮绋冲畾鎬�</span>
         </el-menu-item>
diff --git a/src/views/CNAS/resourceDemand/facilitiesEnvironment/component/facilities-environmental-conditions/illuminance-recording.vue b/src/views/CNAS/resourceDemand/facilitiesEnvironment/component/facilities-environmental-conditions/illuminance-recording.vue
index 43f5c11..ce87d88 100644
--- a/src/views/CNAS/resourceDemand/facilitiesEnvironment/component/facilities-environmental-conditions/illuminance-recording.vue
+++ b/src/views/CNAS/resourceDemand/facilitiesEnvironment/component/facilities-environmental-conditions/illuminance-recording.vue
@@ -31,7 +31,7 @@
       </el-table-column>
     </el-table>
     <el-pagination :current-page="1" :page-size="search.size" :page-sizes="[10, 20, 30, 50, 100]" :total="search.total"
-      layout="->,total, sizes, prev, pager, next, jumper" @size-change="handleSizeChange"
+      layout="->,total, sizes, prev, pager, next, jumper" @size-change="handleSizeChange" background
       @current-change="handleCurrentChange">
     </el-pagination>
     <el-dialog :visible.sync="dialogVisible" title="鏂板" width="50%" @open="openDialog">
diff --git a/src/views/CNAS/resourceDemand/facilitiesEnvironment/component/facilities-environmental-conditions/lightning-protection-detection.vue b/src/views/CNAS/resourceDemand/facilitiesEnvironment/component/facilities-environmental-conditions/lightning-protection-detection.vue
index 0940cf3..aecefa0 100644
--- a/src/views/CNAS/resourceDemand/facilitiesEnvironment/component/facilities-environmental-conditions/lightning-protection-detection.vue
+++ b/src/views/CNAS/resourceDemand/facilitiesEnvironment/component/facilities-environmental-conditions/lightning-protection-detection.vue
@@ -10,6 +10,7 @@
     <el-table
       :data="tableData"
       height="calc(100vh - 18em)"
+      :header-cell-style="{ background: '#f8f8f9', color: '#515a6e' }" border
       style="width: 100%">
       <el-table-column label="搴忓彿" type="index" width="120">
         <template v-slot="scope">
@@ -46,7 +47,7 @@
     </el-table>
     <el-pagination :current-page="1" :page-size="search.size" :page-sizes="[10, 20, 30, 50, 100]"
                    :total="search.total" layout="->,total, sizes, prev, pager, next, jumper"
-                   @size-change="handleSizeChange"
+                   @size-change="handleSizeChange" background
                    @current-change="handleCurrentChange">
     </el-pagination>
     <el-dialog
diff --git a/src/views/CNAS/resourceDemand/facilitiesEnvironment/component/facilities-environmental-conditions/temperature-humidity-record.vue b/src/views/CNAS/resourceDemand/facilitiesEnvironment/component/facilities-environmental-conditions/temperature-humidity-record.vue
index 84aab15..2fc53ba 100644
--- a/src/views/CNAS/resourceDemand/facilitiesEnvironment/component/facilities-environmental-conditions/temperature-humidity-record.vue
+++ b/src/views/CNAS/resourceDemand/facilitiesEnvironment/component/facilities-environmental-conditions/temperature-humidity-record.vue
@@ -34,7 +34,7 @@
             </template>
           </el-table-column>
         </el-table>
-        <el-pagination :current-page="1" :page-size="search.size" :page-sizes="[10, 20, 30, 50, 100]"
+        <el-pagination :current-page="1" :page-size="search.size" :page-sizes="[10, 20, 30, 50, 100]" background
           :total="search.total" layout="->,total, sizes, prev, pager, next, jumper" @size-change="handleSizeChange"
           @current-change="handleCurrentChange">
         </el-pagination>
@@ -76,7 +76,7 @@
             </template>
           </el-table-column>
         </el-table>
-        <el-pagination :current-page="1" :page-size="search1.size" :page-sizes="[10, 20, 30, 50, 100]"
+        <el-pagination :current-page="1" :page-size="search1.size" :page-sizes="[10, 20, 30, 50, 100]" background
           :total="search1.total" layout="->,total, sizes, prev, pager, next, jumper" @size-change="handleSizeChange1"
           @current-change="handleCurrentChange1">
         </el-pagination>
diff --git a/src/views/CNAS/resourceDemand/facilitiesEnvironment/component/three-wastes-treatment.vue b/src/views/CNAS/resourceDemand/facilitiesEnvironment/component/three-wastes-treatment.vue
index 095a61f..f2123c6 100644
--- a/src/views/CNAS/resourceDemand/facilitiesEnvironment/component/three-wastes-treatment.vue
+++ b/src/views/CNAS/resourceDemand/facilitiesEnvironment/component/three-wastes-treatment.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="capacity-scope">
+  <div>
     <div class="search">
       <div>
         <el-form :model="searchForm" ref="searchForm" size="small" :inline="true">
diff --git a/src/views/CNAS/systemManagement/documentControl/components/ControlledFileApplication.vue b/src/views/CNAS/systemManagement/documentControl/components/ControlledFileApplication.vue
index f642c37..4487da6 100644
--- a/src/views/CNAS/systemManagement/documentControl/components/ControlledFileApplication.vue
+++ b/src/views/CNAS/systemManagement/documentControl/components/ControlledFileApplication.vue
@@ -1,24 +1,22 @@
 <template>
   <!-- 鏂囦欢鍙楁帶鐢宠 -->
-  <div class="controlled-file-application" style="height: 100%;">
+  <div>
     <div class="search">
-      <div class="search_thing">
-        <div class="search_label">鐢宠鏂囦欢缂栧彿锛�</div>
-        <div class="search_input"><el-input size="small" placeholder="璇疯緭鍏�" clearable v-model="queryParams.documentCode"
-            @keyup.enter.native="refreshTable()"></el-input></div>
+      <div>
+        <el-form :model="queryParams" ref="queryForm" size="small" :inline="true">
+          <el-form-item label="鐢宠鏂囦欢缂栧彿" prop="laboratoryName">
+            <el-input size="small" placeholder="璇疯緭鍏�" clearable v-model="queryParams.documentCode"
+                      @keyup.enter.native="refreshTable()"></el-input>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" icon="el-icon-search" size="mini" @click="refreshTable">鏌� 璇�</el-button>
+            <el-button icon="el-icon-refresh" size="mini" @click="refresh">閲� 缃�</el-button>
+          </el-form-item>
+        </el-form>
       </div>
-      <!-- <div class="search_thing">
-        <div class="search_label">鐢宠浜猴細</div>
-        <div class="search_input"><el-input size="small" placeholder="璇疯緭鍏�" clearable
-            v-model="queryParams.createUserName" @keyup.enter.native="refreshTable()"></el-input></div>
-      </div> -->
-      <div class="search_thing" style="padding-left: 30px;">
-        <el-button size="small" @click="refresh()">閲� 缃�</el-button>
-        <el-button size="small" type="primary" @click="refreshTable()">鏌� 璇�</el-button>
-      </div>
-      <div class="btns" style="padding-left: 30px;">
-        <el-button size="small" type="primary"
-          @click="addDialogVisible = true, addInfo = {}, file = null">鏂囦欢鍙楁帶鐢宠</el-button>
+      <div>
+        <el-button size="small" type="primary" icon="el-icon-plus"
+                   @click="addDialogVisible = true, addInfo = {}, file = null">鏂囦欢鍙楁帶鐢宠</el-button>
       </div>
     </div>
     <div class="table">
@@ -502,17 +500,10 @@
 </script>
 
 <style scoped>
-.title {
-  height: 60px;
-  line-height: 60px;
-}
-
 .search {
-  background-color: #fff;
-  height: 40px;
+  height: 46px;
   display: flex;
-  align-items: center;
-  position: relative;
+  justify-content: space-between;
 }
 
 .search_thing {
@@ -530,19 +521,6 @@
 .search_input {
   width: calc(100% - 110px);
 }
-
-.table {
-  background-color: #fff;
-  height: calc(100% - 60px - 80px);
-  padding: 20px;
-}
-
-.btns {
-  position: absolute;
-  right: 20px;
-  top: 5px;
-}
-
 .stamp {
   cursor: pointer;
   border: #fff 1px solid;
diff --git a/src/views/CNAS/systemManagement/documentControl/components/DistributionCollectionRecord.vue b/src/views/CNAS/systemManagement/documentControl/components/DistributionCollectionRecord.vue
index 647782b..522e74a 100644
--- a/src/views/CNAS/systemManagement/documentControl/components/DistributionCollectionRecord.vue
+++ b/src/views/CNAS/systemManagement/documentControl/components/DistributionCollectionRecord.vue
@@ -1,24 +1,26 @@
 <template>
   <!-- 鍙戞斁鍥炴敹璁板綍 -->
-  <div class="distribution-collection-record" style="height: 100%;">
+  <div>
     <div class="search">
-      <div class="search_thing">
-        <div class="search_label">鏂囦欢缂栧彿锛�</div>
-        <div class="search_input"><el-input v-model="queryParams.documentCode" clearable placeholder="璇疯緭鍏�" size="small"
-            @keyup.enter.native="refreshTable()"></el-input></div>
+      <div>
+        <el-form :model="queryParams" ref="queryForm" size="small" :inline="true">
+          <el-form-item label="鏂囦欢缂栧彿" prop="documentCode">
+            <el-input v-model="queryParams.documentCode" clearable placeholder="璇疯緭鍏�" size="small"
+                      @keyup.enter.native="refreshTable()"></el-input>
+          </el-form-item>
+          <el-form-item label="鏂囦欢鍚嶇О" prop="laboratoryNumber">
+            <el-input v-model="queryParams.name" clearable placeholder="璇疯緭鍏�" size="small"
+                      @keyup.enter.native="refreshTable()"></el-input>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" icon="el-icon-search" size="mini" @click="refreshTable">鏌� 璇�</el-button>
+            <el-button icon="el-icon-refresh" size="mini" @click="refresh">閲� 缃�</el-button>
+          </el-form-item>
+        </el-form>
       </div>
-      <div class="search_thing">
-        <div class="search_label">鏂囦欢鍚嶇О锛�</div>
-        <div class="search_input"><el-input v-model="queryParams.name" clearable placeholder="璇疯緭鍏�" size="small"
-            @keyup.enter.native="refreshTable()"></el-input></div>
-      </div>
-      <div class="search_thing" style="padding-left: 30px;">
-        <el-button size="small" @click="refresh()">閲� 缃�</el-button>
-        <el-button size="small" type="primary" @click="refreshTable()">鏌� 璇�</el-button>
-      </div>
-      <div class="btns" style="padding-left: 30px;">
-        <el-button v-if="addPower" size="small" type="primary"
-          @click="addDialogVisible = true, addInfo = {}, radio = '鍙戞斁', file = null">娣诲姞鍙戞斁璁板綍</el-button>
+      <div>
+        <el-button v-if="addPower" size="small" type="primary" icon="el-icon-plus"
+                   @click="addDialogVisible = true, addInfo = {}, radio = '鍙戞斁', file = null">娣诲姞鍙戞斁璁板綍</el-button>
         <el-button v-if="outPower" :loading="outLoading" size="small" type="primary" @click="handleOut">瀵煎嚭</el-button>
       </div>
     </div>
@@ -521,17 +523,10 @@
 </script>
 
 <style scoped>
-.title {
-  height: 60px;
-  line-height: 60px;
-}
-
 .search {
-  background-color: #fff;
-  height: 40px;
+  height: 46px;
   display: flex;
-  align-items: center;
-  position: relative;
+  justify-content: space-between;
 }
 
 .search_thing {
@@ -548,17 +543,5 @@
 
 .search_input {
   width: calc(100% - 110px);
-}
-
-.table {
-  background-color: #fff;
-  height: calc(100% - 60px - 80px);
-  padding: 20px;
-}
-
-.btns {
-  position: absolute;
-  right: 20px;
-  top: 5px;
 }
 </style>
diff --git a/src/views/CNAS/systemManagement/documentControl/components/FileChangeRequest.vue b/src/views/CNAS/systemManagement/documentControl/components/FileChangeRequest.vue
index 3817ac1..b03f44c 100644
--- a/src/views/CNAS/systemManagement/documentControl/components/FileChangeRequest.vue
+++ b/src/views/CNAS/systemManagement/documentControl/components/FileChangeRequest.vue
@@ -1,19 +1,22 @@
 <template>
   <!-- 鏂囦欢鍙樻洿鐢宠 -->
-  <div class="file-change-request">
+  <div>
     <div class="search">
-      <div class="search_thing">
-        <div class="search_label">鐢宠鏂囦欢缂栧彿锛�</div>
-        <div class="search_input"><el-input v-model="queryParams.code" clearable placeholder="璇疯緭鍏�" size="small"
-            @keyup.enter.native="refreshTable()"></el-input></div>
+      <div>
+        <el-form :model="queryParams" ref="queryForm" size="small" :inline="true">
+          <el-form-item label="鐢宠鏂囦欢缂栧彿" prop="code">
+            <el-input v-model="queryParams.code" clearable placeholder="璇疯緭鍏�" size="small"
+                      @keyup.enter.native="refreshTable()"></el-input>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" icon="el-icon-search" size="mini" @click="refreshTable">鏌� 璇�</el-button>
+            <el-button icon="el-icon-refresh" size="mini" @click="refresh">閲� 缃�</el-button>
+          </el-form-item>
+        </el-form>
       </div>
-      <div class="search_thing" style="padding-left: 30px;">
-        <el-button size="small" @click="refresh()">閲� 缃�</el-button>
-        <el-button size="small" type="primary" @click="refreshTable()">鏌� 璇�</el-button>
-      </div>
-      <div class="btns">
-        <el-button size="small" type="primary"
-          @click="addDialogVisible = true, addInfo = {}, currentFile = {}, title = '鏂囦欢鍙樻洿鐢宠', file = null">鏂囦欢鍙樻洿鐢宠</el-button>
+      <div>
+        <el-button size="small" type="primary" icon="el-icon-plus"
+                   @click="addDialogVisible = true, addInfo = {}, currentFile = {}, title = '鏂囦欢鍙樻洿鐢宠', file = null">鏂囦欢鍙樻洿鐢宠</el-button>
         <el-button :loading="outLoading" size="small" type="primary" @click="handleOut">瀵煎嚭</el-button>
       </div>
     </div>
@@ -592,21 +595,9 @@
 </script>
 
 <style scoped>
->>> .el-dialog__body {
-  max-height: 75vh;
-  overflow-y: auto;
-}
 .title {
   height: 60px;
   line-height: 60px;
-}
-
-.search {
-  background-color: #fff;
-  height: 40px;
-  display: flex;
-  align-items: center;
-  position: relative;
 }
 
 .search_thing {
@@ -625,16 +616,10 @@
   width: calc(100% - 110px);
 }
 
-.table {
-  background-color: #fff;
-  height: calc(100% - 60px - 80px);
-  padding: 20px;
-}
-
-.btns {
-  position: absolute;
-  right: 20px;
-  top: 5px;
+.search {
+  height: 46px;
+  display: flex;
+  justify-content: space-between;
 }
 
 h4.title {
diff --git a/src/views/CNAS/systemManagement/documentControl/components/FileList.vue b/src/views/CNAS/systemManagement/documentControl/components/FileList.vue
index 3720194..7e1fe05 100644
--- a/src/views/CNAS/systemManagement/documentControl/components/FileList.vue
+++ b/src/views/CNAS/systemManagement/documentControl/components/FileList.vue
@@ -1,29 +1,29 @@
 <template>
   <!-- 鏂囦欢娓呭崟 -->
-  <div class="file-list" style="height: 100%;">
+  <div>
     <div class="search">
-      <div class="search_thing">
-        <div class="search_label">鏂囦欢鍚嶇О锛�</div>
-        <div class="search_input"><el-input size="small" placeholder="璇疯緭鍏�" clearable v-model="queryParams.name"
-            @keyup.enter.native="refreshTable()"></el-input></div>
+      <div>
+        <el-form :model="queryParams" ref="queryForm" size="small" :inline="true">
+          <el-form-item label="鏂囦欢鍚嶇О" prop="name">
+            <el-input size="small" placeholder="璇疯緭鍏�" clearable v-model="queryParams.name"
+                      @keyup.enter.native="refreshTable()"></el-input>
+          </el-form-item>
+          <el-form-item label="鏂囦欢鐘舵��" prop="state">
+            <el-select v-model="queryParams.state" size="small" @change="refreshTable()">
+              <el-option :label="item.label" :value="item.value" v-for="(item, index) in fileState"
+                         :key="index"></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" icon="el-icon-search" size="mini" @click="refreshTable">鏌� 璇�</el-button>
+            <el-button icon="el-icon-refresh" size="mini" @click="refresh">閲� 缃�</el-button>
+          </el-form-item>
+        </el-form>
       </div>
-      <div class="search_thing">
-        <div class="search_label">鏂囦欢鐘舵�侊細</div>
-        <div class="search_input">
-          <el-select v-model="queryParams.state" size="small" @change="refreshTable()">
-            <el-option :label="item.label" :value="item.value" v-for="(item, index) in fileState"
-              :key="index"></el-option>
-          </el-select>
-        </div>
-      </div>
-      <div class="search_thing" style="padding-left: 30px;">
-        <el-button size="small" @click="refresh()">閲� 缃�</el-button>
-        <el-button size="small" type="primary" @click="refreshTable()">鏌� 璇�</el-button>
-      </div>
-      <div class="btns" style="padding-left: 30px;">
+      <div>
         <el-upload :action="action" :multiple="false" accept='.xls,.xlsx' :headers="uploadHeader"
-          :on-change="beforeUpload" :on-error="onError" ref='upload' :on-success="handleSuccessUp"
-          :show-file-list="false">
+                   :on-change="beforeUpload" :on-error="onError" ref='upload' :on-success="handleSuccessUp"
+                   :show-file-list="false">
           <el-button size="small" type="primary" :loading="upLoading">瀵煎叆</el-button></el-upload>
       </div>
     </div>
@@ -385,44 +385,9 @@
 </script>
 
 <style scoped>
-.title {
-  height: 60px;
-  line-height: 60px;
-}
-
 .search {
-  background-color: #fff;
-  height: 40px;
+  height: 46px;
   display: flex;
-  align-items: center;
-  position: relative;
-}
-
-.search_thing {
-  width: 350px;
-  display: flex;
-  align-items: center;
-}
-
-.search_label {
-  width: 110px;
-  font-size: 14px;
-  text-align: right;
-}
-
-.search_input {
-  width: calc(100% - 110px);
-}
-
-.table {
-  background-color: #fff;
-  height: calc(100% - 60px - 80px);
-  padding: 20px;
-}
-
-.btns {
-  position: absolute;
-  right: 20px;
-  top: 5px;
+  justify-content: space-between;
 }
 </style>
diff --git a/src/views/CNAS/systemManagement/documentControl/components/FileObsoletionRequest.vue b/src/views/CNAS/systemManagement/documentControl/components/FileObsoletionRequest.vue
index 4ffb93a..9d93027 100644
--- a/src/views/CNAS/systemManagement/documentControl/components/FileObsoletionRequest.vue
+++ b/src/views/CNAS/systemManagement/documentControl/components/FileObsoletionRequest.vue
@@ -1,19 +1,22 @@
 <template>
   <!-- 鏂囦欢浣滃簾鐢宠 -->
-  <div class="file-obsoletion-request" style="height: 100%;">
+  <div>
     <div class="search">
-      <div class="search_thing">
-        <div class="search_label">鏂囦欢缂栧彿锛�</div>
-        <div class="search_input"><el-input v-model="queryParams.documentCode" clearable placeholder="璇疯緭鍏�" size="small"
-            @keyup.enter.native="refreshTable()"></el-input></div>
+      <div>
+        <el-form :model="queryParams" ref="queryForm" size="small" :inline="true">
+          <el-form-item label="鏂囦欢缂栧彿" prop="documentCode">
+            <el-input v-model="queryParams.documentCode" clearable placeholder="璇疯緭鍏�" size="small"
+                      @keyup.enter.native="refreshTable()"></el-input>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" icon="el-icon-search" size="mini" @click="refreshTable">鏌� 璇�</el-button>
+            <el-button icon="el-icon-refresh" size="mini" @click="refresh">閲� 缃�</el-button>
+          </el-form-item>
+        </el-form>
       </div>
-      <div class="search_thing" style="padding-left: 30px;">
-        <el-button size="small" @click="refresh()">閲� 缃�</el-button>
-        <el-button size="small" type="primary" @click="refreshTable()">鏌� 璇�</el-button>
-      </div>
-      <div class="btns" style="padding-left: 30px;">
-        <el-button size="small" type="primary"
-          @click="addDialogVisible = true, addInfo = {}, file = null">鏂囦欢浣滃簾鐢宠</el-button>
+      <div>
+        <el-button size="small" type="primary" icon="el-icon-plus"
+                   @click="addDialogVisible = true, addInfo = {}, file = null">鏂囦欢浣滃簾鐢宠</el-button>
         <el-button :loading="outLoading" size="small" type="primary" @click="handleOut">瀵煎嚭</el-button>
       </div>
     </div>
@@ -72,17 +75,6 @@
             </div>
           </div>
         </el-col>
-        <!-- <el-col :span="12" style="margin-bottom: 16px;">
-          <div class="search_thing">
-            <div class="search_label">浣滃簾鏂瑰紡锛�</div>
-            <div class="search_input">
-              <el-select v-model="addInfo.method" size="small" style="width: 100%;">
-                <el-option label="浣滃簾" value="浣滃簾"></el-option>
-                <el-option label="鏃犳晥" value="鏃犳晥"></el-option>
-              </el-select>
-            </div>
-          </div>
-        </el-col> -->
         <el-col :span="12" style="margin-bottom: 16px;">
           <div class="search_thing">
             <div class="search_label">鏈熸湜浣滃簾鏃堕棿锛�</div>
@@ -417,17 +409,10 @@
 </script>
 
 <style scoped>
-.title {
-  height: 60px;
-  line-height: 60px;
-}
-
 .search {
-  background-color: #fff;
-  height: 40px;
+  height: 46px;
   display: flex;
-  align-items: center;
-  position: relative;
+  justify-content: space-between;
 }
 
 .search_thing {
@@ -444,17 +429,5 @@
 
 .search_input {
   width: calc(100% - 110px);
-}
-
-.table {
-  background-color: #fff;
-  height: calc(100% - 60px - 80px);
-  padding: 20px;
-}
-
-.btns {
-  position: absolute;
-  right: 20px;
-  top: 5px;
 }
 </style>
diff --git a/src/views/CNAS/systemManagement/documentControl/index.vue b/src/views/CNAS/systemManagement/documentControl/index.vue
index 749cfa5..8a926b4 100644
--- a/src/views/CNAS/systemManagement/documentControl/index.vue
+++ b/src/views/CNAS/systemManagement/documentControl/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="file-handling">
+  <div class="capacity-scope">
     <el-tabs type="border-card" v-model="activeName" style="height: 100%;">
       <el-tab-pane :label="item.name" :name="item.component" v-for="(item, index) in tabList" :key="index"
         style="height: 100%;">
@@ -55,14 +55,4 @@
 </script>
 
 <style scoped>
-.file-handling {
-  margin-top: 10px;
-  height: calc(100% - 20px);
-}
-
->>>.el-tabs__content {
-  height: 100%;
-  padding: 0;
-  padding-top: 10px;
-}
 </style>

--
Gitblit v1.9.3