From 80ed4e753fa3b7d44e6d6ae12c6afc3de0ba07c1 Mon Sep 17 00:00:00 2001
From: weitingdong <2480899115@qq.com>
Date: Fri, 19 Jul 2024 14:44:04 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/inspection/inspectionobject.vue       |  8 +++-----
 src/views/inspection/inspectionobjectDetail.vue |  1 +
 src/views/inspection/inspectionplan.vue         |  8 +++-----
 src/views/inspection/inspectionroute.vue        |  8 +++-----
 src/views/inspection/inspectiontasks.vue        |  7 ++-----
 src/views/inspection/inspectiontasksDetail.vue  |  9 +++------
 src/views/leger/dynamicledger.vue               |  8 +++-----
 src/views/leger/dynamicledgerDetail.vue         | 11 ++++-------
 src/views/leger/equipmentledger.vue             | 13 +++++++++----
 src/views/leger/equipmentledgerDetail.vue       | 11 ++++-------
 src/views/leger/toolinventoryrecord.vue         |  8 +++-----
 src/views/leger/toolinventoryrecordDetail.vue   | 17 +++++++----------
 src/views/release/productioninformation.vue     |  8 +++-----
 src/views/smart/operationticket.vue             |  8 +++-----
 src/views/smart/operationticketDetail.vue       |  7 ++-----
 src/views/smart/workpermit.vue                  |  2 ++
 src/views/smart/workpermitDetail.vue            |  8 ++------
 src/views/spares/manufacturerinfo.vue           |  2 ++
 src/views/spares/material.vue                   |  8 +++-----
 src/views/spares/materialDetail.vue             | 11 ++++-------
 src/views/spares/materialclassification.vue     |  2 ++
 src/views/spares/supplierinfo.vue               |  2 ++
 src/views/spares/warehouse.vue                  |  2 ++
 23 files changed, 72 insertions(+), 97 deletions(-)

diff --git a/src/views/inspection/inspectionobject.vue b/src/views/inspection/inspectionobject.vue
index 22a2d9f..0d4c01e 100644
--- a/src/views/inspection/inspectionobject.vue
+++ b/src/views/inspection/inspectionobject.vue
@@ -7,7 +7,7 @@
                :permission="permissionList"
                :before-open="beforeOpen"
                :search.sync="search"
-               :header-cell-class-name="headerClass"
+               header-cell-class-name="header-class"
                v-model="form"
                ref="crud"
                @row-update="rowUpdate"
@@ -99,6 +99,7 @@
         },
         selectionList: [],
         option: {
+          align: 'center',
           height: 'auto',
           calcHeight: 210,
           searchShow: true,
@@ -468,8 +469,5 @@
 </script>
 
 <style>
-.header-class{
-  background-color: #3366cc !important;
-  color: #FFFFFF !important;
-}
+
 </style>
diff --git a/src/views/inspection/inspectionobjectDetail.vue b/src/views/inspection/inspectionobjectDetail.vue
index 3a63578..de8a36c 100644
--- a/src/views/inspection/inspectionobjectDetail.vue
+++ b/src/views/inspection/inspectionobjectDetail.vue
@@ -41,6 +41,7 @@ export default {
       form: {},
       query: {},
       option: {
+        align: 'center',
         submitBtn: false,
         emptyBtn: false,
         column: [
diff --git a/src/views/inspection/inspectionplan.vue b/src/views/inspection/inspectionplan.vue
index 96d4a7b..2b4e2de 100644
--- a/src/views/inspection/inspectionplan.vue
+++ b/src/views/inspection/inspectionplan.vue
@@ -7,7 +7,7 @@
                :permission="permissionList"
                :before-open="beforeOpen"
                :search.sync="search"
-               :header-cell-class-name="headerClass"
+               header-cell-class-name="header-class"
                v-model="form"
                ref="crud"
                @row-update="rowUpdate"
@@ -100,6 +100,7 @@
         selectionList: [],
         option: {
           height: 'auto',
+          align: 'center',
           calcHeight: 210,
           searchShow: true,
           searchMenuSpan: 6,
@@ -400,10 +401,7 @@
 </script>
 
 <style>
-.header-class{
-  background-color: #3366cc !important;
-  color: #FFFFFF !important;
-}
+
 .container {
   display: flex;
   justify-content: flex-end; /* 将子元素推到容器的末端 */
diff --git a/src/views/inspection/inspectionroute.vue b/src/views/inspection/inspectionroute.vue
index 89654af..27b94e6 100644
--- a/src/views/inspection/inspectionroute.vue
+++ b/src/views/inspection/inspectionroute.vue
@@ -7,7 +7,7 @@
                :permission="permissionList"
                :before-open="beforeOpen"
                :search.sync="search"
-               :header-cell-class-name="headerClass"
+               header-cell-class-name="header-class"
                v-model="form"
                ref="crud"
                @row-update="rowUpdate"
@@ -100,6 +100,7 @@
         selectionList: [],
         option: {
           height: 'auto',
+          align: 'center',
           calcHeight: 210,
           searchShow: true,
           searchMenuSpan: 6,
@@ -382,10 +383,7 @@
 </script>
 
 <style>
-.header-class{
-  background-color: #3366cc !important;
-  color: #FFFFFF !important;
-}
+
 .container {
   display: flex;
   justify-content: flex-end; /* 将子元素推到容器的末端 */
diff --git a/src/views/inspection/inspectiontasks.vue b/src/views/inspection/inspectiontasks.vue
index 4c15d04..bfa6ca4 100644
--- a/src/views/inspection/inspectiontasks.vue
+++ b/src/views/inspection/inspectiontasks.vue
@@ -9,7 +9,7 @@
                :before-open="beforeOpen"
                v-model="form"
                ref="crud"
-               :header-cell-class-name="headerClass"
+               header-cell-class-name="header-class"
                @row-update="rowUpdate"
                @row-del="rowDel"
                @search-change="searchChange"
@@ -655,8 +655,5 @@
 </script>
 
 <style>
-.header-class{
-  background-color: #243970 !important;
-  color: #FFFFFF !important;
-}
+
 </style>
diff --git a/src/views/inspection/inspectiontasksDetail.vue b/src/views/inspection/inspectiontasksDetail.vue
index 56648b7..b9ae9a8 100644
--- a/src/views/inspection/inspectiontasksDetail.vue
+++ b/src/views/inspection/inspectiontasksDetail.vue
@@ -16,7 +16,7 @@
                      :option="optionResults"
                      :permission="permissionList"
                      :before-open="beforeOpen"
-                     :header-cell-class-name="headerClass"
+                     header-cell-class-name="header-class"
                      v-model="results_form"
                      ref="crud"
                      @row-del="results_rowDel"
@@ -387,7 +387,7 @@ export default {
   },
   methods: {
     handleFormSubmit() {
-      this.$refs.information_crud.validate((valid, done, msg) => {
+      this.$refs.information_form.validate((valid, done, msg) => {
         if (valid) {
           done()
           this.Submit();
@@ -510,10 +510,7 @@ export default {
 }
 </script>
 <style>
-.header-class{
-  background-color: #243970 !important;
-  color: #FFFFFF !important;
-}
+
 .information_class .el-input__inner,
 .information_class .el-textarea__inner {
   border: none;
diff --git a/src/views/leger/dynamicledger.vue b/src/views/leger/dynamicledger.vue
index 7dba125..a72289f 100644
--- a/src/views/leger/dynamicledger.vue
+++ b/src/views/leger/dynamicledger.vue
@@ -7,7 +7,7 @@
                :permission="permissionList"
                :before-open="beforeOpen"
                :search.sync="search"
-               :header-cell-class-name="headerClass"
+               header-cell-class-name="header-class"
                v-model="form"
                ref="crud"
                @search-change="searchChange"
@@ -45,6 +45,7 @@ export default {
       option: {
         height: 'auto',
         calcHeight: 210,
+        align: 'center',
         searchShow: true,
         searchMenuSpan: 22,
         searchBtnText: '查询',
@@ -197,8 +198,5 @@ export default {
 </script>
 
 <style>
-.header-class {
-  background-color: #3366cc !important;
-  color: #FFFFFF !important;
-}
+
 </style>
diff --git a/src/views/leger/dynamicledgerDetail.vue b/src/views/leger/dynamicledgerDetail.vue
index 616379f..de8af94 100644
--- a/src/views/leger/dynamicledgerDetail.vue
+++ b/src/views/leger/dynamicledgerDetail.vue
@@ -41,7 +41,7 @@
                      :table-loading="loading"
                      :option="optionWorkOrder"
                      :permission="permissionList"
-                     :header-cell-class-name="headerClass"
+                     header-cell-class-name="header-class"
                      v-model="workorder_form"
                      ref="workorder_crud">
           </avue-crud>
@@ -53,7 +53,7 @@
                      :option="optionWorkTicket"
                      :permission="permissionList"
                      :before-open="beforeOpen"
-                     :header-cell-class-name="headerClass"
+                     header-cell-class-name="header-class"
                      v-model="workticket_form"
                      ref="workticket_crud">
           </avue-crud>
@@ -64,7 +64,7 @@
                    :table-loading="loading"
                    :data="operation_data"
                    :permission="permissionList"
-                   :header-cell-class-name="headerClass"
+                   header-cell-class-name="header-class"
                    v-model="operation_form"
                    ref="operation_crud">
           </avue-crud>
@@ -394,8 +394,5 @@ export default {
 }
 </script>
 <style>
-.head-style{
-  background-color: #3366cc !important;
-  color: #FFFFFF !important;
-}
+
 </style>
diff --git a/src/views/leger/equipmentledger.vue b/src/views/leger/equipmentledger.vue
index e11e975..808f6a2 100644
--- a/src/views/leger/equipmentledger.vue
+++ b/src/views/leger/equipmentledger.vue
@@ -1,4 +1,5 @@
 <template>
+  <div class="background">
   <basic-container>
     <avue-crud :option="option"
                :table-loading="loading"
@@ -7,7 +8,7 @@
                :permission="permissionList"
                :before-open="beforeOpen"
                :search.sync="search"
-               :header-cell-class-name="headerClass"
+               header-cell-class-name="header-class"
                v-model="form"
                ref="crud"
                @row-update="rowUpdate"
@@ -60,6 +61,7 @@
       </template>
     </avue-crud>
   </basic-container>
+  </div>
 </template>
 
 <script>
@@ -85,6 +87,7 @@ import {getList, getDetail, add, update, remove, reject, auditing} from "@/api/l
         option: {
           height: 'auto',
           calcHeight: 210,
+          align: 'center',
           searchShow: true,
           searchMenuSpan: 6,
           tip: false,
@@ -690,8 +693,10 @@ import {getList, getDetail, add, update, remove, reject, auditing} from "@/api/l
 </script>
 
 <style>
-.header-class{
-  background-color: #3366cc !important;
-  color: #FFFFFF !important;
+
+
+.background {
+  background-color: #f0f0f0; /* 你可以选择任何你喜欢的颜色 */
+  min-height: 100vh; /* 确保背景覆盖整个视图高度 */
 }
 </style>
diff --git a/src/views/leger/equipmentledgerDetail.vue b/src/views/leger/equipmentledgerDetail.vue
index b9a305d..827f744 100644
--- a/src/views/leger/equipmentledgerDetail.vue
+++ b/src/views/leger/equipmentledgerDetail.vue
@@ -28,7 +28,7 @@
                      :option="optionParam"
                      :permission="permissionList"
                      :before-open="beforeOpen"
-                     :header-cell-class-name="headerClass"
+                     header-cell-class-name="header-class"
                      v-model="parameters_form"
                      ref="crud"
                      @row-del="parameters_rowDel"
@@ -43,7 +43,7 @@
                    :table-loading="loading"
                    :data="document_data"
                    :permission="permissionList"
-                   :header-cell-class-name="headerClass"
+                   header-cell-class-name="header-class"
                    v-model="document_form"
                    ref="crud2"
                    @row-update="document_rowUpdate"
@@ -69,7 +69,7 @@
                      @click="handleFormSubmit"
                      v-if="addUpdateShowButton && permission.equipmentledger_add">
                      确定</el-button>
-          <el-button type="text"
+          <el-button type="default"
                      size="large"
                      @click="back"
                      v-if="addUpdateShowButton ">
@@ -1060,8 +1060,5 @@
   justify-content: flex-end; /* 将子元素推到容器的末端 */
 }
 
- .head-style{
-   background-color: #3366cc !important;
-   color: #FFFFFF !important;
- }
+
 </style>
diff --git a/src/views/leger/toolinventoryrecord.vue b/src/views/leger/toolinventoryrecord.vue
index ce9667e..9a59f85 100644
--- a/src/views/leger/toolinventoryrecord.vue
+++ b/src/views/leger/toolinventoryrecord.vue
@@ -7,7 +7,7 @@
                :permission="permissionList"
                :before-open="beforeOpen"
                :search.sync="search"
-               :header-cell-class-name="headerClass"
+               header-cell-class-name="header-class"
                v-model="form"
                ref="crud"
                @row-save="rowSave"
@@ -83,6 +83,7 @@
         option: {
           height: 'auto',
           calcHeight: 210,
+          align: 'center',
           searchShow: true,
           searchMenuSpan: 6,
           tip: false,
@@ -385,8 +386,5 @@
 </script>
 
 <style>
-.header-class{
-  background-color: #3366cc !important;
-  color: #FFFFFF !important;
-}
+
 </style>
diff --git a/src/views/leger/toolinventoryrecordDetail.vue b/src/views/leger/toolinventoryrecordDetail.vue
index 566bac3..8c769d4 100644
--- a/src/views/leger/toolinventoryrecordDetail.vue
+++ b/src/views/leger/toolinventoryrecordDetail.vue
@@ -35,7 +35,7 @@
         <avue-crud :data="task_data"
                    :option="optionTask"
                    :permission="permissionList"
-                   :header-cell-class-name="headerClass"
+                   header-cell-class-name="header-class"
                    v-model="task_form"
                    ref="crud">
           <template #menu="{row,index,size}">
@@ -51,7 +51,7 @@
                      :option="optionInspection"
                      :permission="permissionList"
                      :before-open="beforeOpen"
-                     :header-cell-class-name="headerClass"
+                     header-cell-class-name="header-class"
                      v-model="inspection_form"
                      ref="crud"
                      @row-del="inspection_rowDel"
@@ -67,7 +67,7 @@
                      :option="optionParam"
                      :permission="permissionList"
                      :before-open="beforeOpen"
-                     :header-cell-class-name="headerClass"
+                     header-cell-class-name="header-class"
                      v-model="parameters_form"
                      ref="crud"
                      @row-del="parameters_rowDel"
@@ -81,7 +81,7 @@
                    :table-loading="loading"
                    :data="document_data"
                    :permission="permissionList"
-                   :header-cell-class-name="headerClass"
+                   header-cell-class-name="header-class"
                    v-model="document_form"
                    ref="crud2"
                    @row-update="document_rowUpdate"
@@ -105,7 +105,7 @@
                      @click="handleFormSubmit"
                      v-if="addUpdateShowButton && permission.toolinventoryrecord_add">
                      确定</el-button>
-          <el-button type="text"
+          <el-button type="default"
                      size="large"
                      @click="back"
                      v-if="addUpdateShowButton ">
@@ -137,7 +137,7 @@
                :visible.sync="resultVisible">
       <avue-crud :option="resultDia"
                  v-model="resultForm"
-                 :header-cell-class-name="headerClass"
+                 header-cell-class-name="header-class"
                  :data="result_data"
                  ref="diaForm">
       </avue-crud>
@@ -1029,10 +1029,7 @@ export default {
 }
 </script>
 <style>
-.head-style {
-  background-color: #1e9fff !important;
-  color: #FFFFFF !important;
-}
+
 
 .frame_class1 .el-input__inner,
 .frame_class1 .el-textarea__inner {
diff --git a/src/views/release/productioninformation.vue b/src/views/release/productioninformation.vue
index 9a3fe2d..d919a2f 100644
--- a/src/views/release/productioninformation.vue
+++ b/src/views/release/productioninformation.vue
@@ -6,7 +6,7 @@
                :data="data"
                :page="page"
                :permission="permissionList"
-               :header-cell-class-name="headerClass"
+               header-cell-class-name="header-class"
                :before-open="beforeOpen"
                v-model="form"
                ref="crud"
@@ -105,6 +105,7 @@
         ],
         selectionList: [],
         option: {
+          align: 'center',
           height: 'auto',
           calcHeight: 210,
           searchShow: true,
@@ -507,8 +508,5 @@
 </script>
 
 <style>
-.head-style{
-  background-color: #3366cc !important;
-  color: #FFFFFF !important;
-}
+
 </style>
diff --git a/src/views/smart/operationticket.vue b/src/views/smart/operationticket.vue
index 81702d7..1586428 100644
--- a/src/views/smart/operationticket.vue
+++ b/src/views/smart/operationticket.vue
@@ -7,7 +7,7 @@
                :permission="permissionList"
                :before-open="beforeOpen"
                :search.sync="search"
-               :header-cell-class-name="headerClass"
+               header-cell-class-name="header-class"
                v-model="form"
                ref="crud"
                @row-update="rowUpdate"
@@ -109,6 +109,7 @@ import {getList, getDetail, add, update, remove, closeticket} from "@/api/smart/
         selectionList: [],
         option: {
           height: 'auto',
+          align: 'center',
           calcHeight: 210,
           searchShow: true,
           searchMenuSpan: 22,
@@ -712,8 +713,5 @@ import {getList, getDetail, add, update, remove, closeticket} from "@/api/smart/
 </script>
 
 <style>
-.header-class{
-  background-color: #3366cc !important;
-  color: #FFFFFF !important;
-}
+
 </style>
diff --git a/src/views/smart/operationticketDetail.vue b/src/views/smart/operationticketDetail.vue
index f6a8e73..65da725 100644
--- a/src/views/smart/operationticketDetail.vue
+++ b/src/views/smart/operationticketDetail.vue
@@ -33,7 +33,7 @@
                    :table-loading="loading"
                    :data="item_data"
                    :permission="permissionList"
-                   :header-cell-class-name="headerClass"
+                   header-cell-class-name="header-class"
                    v-model="item_form"
                    ref="crud2"
                    @row-update="item_rowUpdate"
@@ -943,10 +943,7 @@ export default {
 }
 </script>
 <style>
-.head-style{
-  background-color: #3366cc !important;
-  color: #FFFFFF !important;
-}
+
 .frame_class1 input.el-input__inner {
   border: none;
   box-shadow: none;
diff --git a/src/views/smart/workpermit.vue b/src/views/smart/workpermit.vue
index 56342c2..cd9c247 100644
--- a/src/views/smart/workpermit.vue
+++ b/src/views/smart/workpermit.vue
@@ -8,6 +8,7 @@
                :before-open="beforeOpen"
                v-model="form"
                :search.sync="search"
+               header-cell-class-name="header-class"
                ref="crud"
                @row-update="rowUpdate"
                @row-save="rowSave"
@@ -108,6 +109,7 @@
         selectionList: [],
         option: {
           height: 'auto',
+          align: 'center',
           calcHeight: 210,
           searchShow: true,
           searchMenuSpan: 22,
diff --git a/src/views/smart/workpermitDetail.vue b/src/views/smart/workpermitDetail.vue
index 077300c..3123360 100644
--- a/src/views/smart/workpermitDetail.vue
+++ b/src/views/smart/workpermitDetail.vue
@@ -28,7 +28,7 @@
                      :option="optionParam"
                      :permission="permissionList"
                      :before-open="beforeOpen"
-                     :header-cell-class-name="headerClass"
+                     header-cell-class-name="header-class"
                      v-model="attachment_form"
                      ref="crud"
                      @row-del="attachment_rowDel"
@@ -50,7 +50,7 @@
                      @click="handleFormSubmit"
                      v-if="addUpdateShowButton && permission.workpermit_add">
                      确定</el-button>
-          <el-button type="text"
+          <el-button type="default"
                      size="large"
                      @click="back"
                      v-if="addUpdateShowButton">
@@ -799,10 +799,6 @@
   }
 </script>
 <style>
-.head-style{
-  background-color: #3366cc !important;
-  color: #FFFFFF !important;
-}
 
 .frame_class1 .el-input__inner,
 .frame_class1 .el-textarea__inner {
diff --git a/src/views/spares/manufacturerinfo.vue b/src/views/spares/manufacturerinfo.vue
index ba35106..ce232fe 100644
--- a/src/views/spares/manufacturerinfo.vue
+++ b/src/views/spares/manufacturerinfo.vue
@@ -8,6 +8,7 @@
                :before-open="beforeOpen"
                v-model="form"
                :search.sync="search"
+               header-cell-class-name="header-class"
                ref="crud"
                @row-update="rowUpdate"
                @row-save="rowSave"
@@ -51,6 +52,7 @@
         },
         selectionList: [],
         option: {
+          align: 'center',
           height: 'auto',
           calcHeight: 210,
           searchShow: true,
diff --git a/src/views/spares/material.vue b/src/views/spares/material.vue
index d888254..7e2df96 100644
--- a/src/views/spares/material.vue
+++ b/src/views/spares/material.vue
@@ -9,7 +9,7 @@
                :search.sync="search"
                v-model="form"
                ref="crud"
-               :header-cell-class-name="headerClass"
+               header-cell-class-name="header-class"
                @row-del="rowDel"
                @search-change="searchChange"
                @search-reset="searchReset"
@@ -144,6 +144,7 @@
         },
         selectionList: [],
         option: {
+          align: 'center',
           height: 'auto',
           calcHeight: 210,
           searchShow: true,
@@ -662,8 +663,5 @@
 </script>
 
 <style>
-.header-class{
-  background-color: #3366cc !important;
-  color: #FFFFFF !important;
-}
+
 </style>
diff --git a/src/views/spares/materialDetail.vue b/src/views/spares/materialDetail.vue
index 78e8882..c373c7d 100644
--- a/src/views/spares/materialDetail.vue
+++ b/src/views/spares/materialDetail.vue
@@ -26,7 +26,7 @@
                      :table-loading="loading"
                      :option="option_inbound"
                      :permission="permissionList"
-                     :header-cell-class-name="headerClass"
+                     header-cell-class-name="header-class"
                      v-model="inbound_form"
                      ref="inbound_crud">
             <template #menu="{row,index,size}">
@@ -41,7 +41,7 @@
                    :table-loading="loading"
                    :data="outbound_data"
                    :permission="permissionList"
-                   :header-cell-class-name="headerClass"
+                   header-cell-class-name="header-class"
                    v-model="outbound_form"
                    ref="outbound_crud2">
             <template #menu="{row,index,size}">
@@ -68,7 +68,7 @@
                  ref="diaForm">
       </avue-form>
       <span slot="footer">
-            <el-button @click="dialogVisible = false">取 消</el-button>
+            <el-button type="default" @click="dialogVisible = false">取 消</el-button>
             <el-button type="primary"
                        v-if="permission.materialclasscode_add"
                        @click="submitDia">确 定</el-button>
@@ -655,10 +655,7 @@
 </script>
 
 <style>
-.head-style{
-  background-color: #1e9fff !important;
-  color: #FFFFFF !important;
-}
+
 .frame_class .el-input__inner,
 .frame_class .el-textarea__inner {
   border: none;
diff --git a/src/views/spares/materialclassification.vue b/src/views/spares/materialclassification.vue
index 804042d..0608703 100644
--- a/src/views/spares/materialclassification.vue
+++ b/src/views/spares/materialclassification.vue
@@ -8,6 +8,7 @@
                :before-open="beforeOpen"
                v-model="form"
                :search.sync="search"
+               header-cell-class-name="header-class"
                ref="crud"
                @row-update="rowUpdate"
                @row-save="rowSave"
@@ -49,6 +50,7 @@
         },
         selectionList: [],
         option: {
+          align: 'center',
           height: 'auto',
           calcHeight: 210,
           searchShow: true,
diff --git a/src/views/spares/supplierinfo.vue b/src/views/spares/supplierinfo.vue
index d7ef5a2..3f54996 100644
--- a/src/views/spares/supplierinfo.vue
+++ b/src/views/spares/supplierinfo.vue
@@ -8,6 +8,7 @@
                :before-open="beforeOpen"
                v-model="form"
                :search.sync="search"
+               header-cell-class-name="header-class"
                ref="crud"
                @row-update="rowUpdate"
                @row-save="rowSave"
@@ -51,6 +52,7 @@
         },
         selectionList: [],
         option: {
+          align: 'center',
           height: 'auto',
           calcHeight: 210,
           searchShow: true,
diff --git a/src/views/spares/warehouse.vue b/src/views/spares/warehouse.vue
index 2e1bd02..7e2d6b5 100644
--- a/src/views/spares/warehouse.vue
+++ b/src/views/spares/warehouse.vue
@@ -8,6 +8,7 @@
                :before-open="beforeOpen"
                v-model="form"
                :search.sync="search"
+               header-cell-class-name="header-class"
                ref="crud"
                @row-update="rowUpdate"
                @row-save="rowSave"
@@ -51,6 +52,7 @@
         },
         selectionList: [],
         option: {
+          align: 'center',
           height: 'auto',
           calcHeight: 210,
           searchShow: true,