更新 样式

src/layout/Layout.vue

@@ -62,6 +62,8 @@ const route = useRoute();
   overflow-y: auto;
   margin-left: 20px;
   padding-left: 30px;
+  display: flex;
+  justify-content: center;
 }
 
 .footer {

src/views/shipManage/shipList.vue

@@ -17,7 +17,7 @@
       </div>
     </div>
     <div style="margin-top: 24px">
-      <el-table :data="tableData" stripe style="width: 100%">
+      <el-table :data="tableData" stripe style="width: 1000px">
         <el-table-column
           type="index"
           label="序号"
@@ -63,10 +63,14 @@
         <el-table-column
           prop="createTime"
           label="创建时间"
-          min-width="200"
+          min-width="120"
           align="center"
-        ></el-table-column>
-        <el-table-column label="操作" min-width="140" align="center">
+        >
+          <template v-slot="scope">
+            {{ subTimeStr(scope.row.createTime) }}
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" min-width="160" align="center">
           <template v-slot="scope">
             <el-button
               @click="deleteShip(scope.row.code)"
@@ -106,6 +110,7 @@ import store from "../../store";
 import router from "../../router";
 import md5 from "md5";
 import api from "../../apis/fetch";
+import { subTimeStr } from "../../utils/utils";
 
 let currentPage = ref(1);
 let term = ref("");

src/views/shipOwnerManage/shipOwnerList.vue

@@ -65,7 +65,7 @@
       </el-dialog>
     </div>
     <div style="margin-top: 24px">
-      <el-table :data="tableData" stripe style="width: 100%">
+      <el-table :data="tableData" stripe style="width: 1000px">
         <el-table-column
           type="index"
           label="序号"
@@ -87,9 +87,13 @@
         <el-table-column
           prop="createTime"
           label="创建时间"
-          min-width="200"
+          min-width="120"
           align="center"
-        ></el-table-column>
+        >
+          <template v-slot="scope">
+            {{ subTimeStr(scope.row.createTime) }}
+          </template>
+        </el-table-column>
         <el-table-column label="操作" min-width="80" align="center">
           <template v-slot="scope">
             <el-button
@@ -122,6 +126,7 @@ import store from "../../store";
 import router from "../../router";
 import md5 from "md5";
 import api from "../../apis/fetch";
+import { subTimeStr } from "../../utils/utils";
 
 let dialogFormVisible = ref(false);
 let form = ref(null);

src/views/workStation/certsManage.vue

@@ -3,12 +3,14 @@
     <div class="mb30">
       <el-button-group class="mr30">
         <el-button
+          size="large"
           :type="type == 1 ? 'primary' : ''"
           @click="(currentPage = 1), (type = 1), getCertList()"
         >
           当月
         </el-button>
         <el-button
+          size="large"
           :type="type == 2 ? 'primary' : ''"
           @click="(currentPage = 1), (type = 2), getCertList()"
         >
@@ -17,24 +19,28 @@
       </el-button-group>
       <el-button-group>
         <el-button
+          size="large"
           :type="certType == 1 ? 'primary' : ''"
           @click="(currentPage = 1), (certType = 1), getCertList()"
         >
           船舶国籍证书
         </el-button>
         <el-button
+          size="large"
           :type="certType == 2 ? 'primary' : ''"
           @click="(currentPage = 1), (certType = 2), getCertList()"
         >
           内河船舶适航证书
         </el-button>
         <el-button
+          size="large"
           :type="certType == 3 ? 'primary' : ''"
           @click="(currentPage = 1), (certType = 3), getCertList()"
         >
           船舶年审合格证书
         </el-button>
         <el-button
+          size="large"
           :type="certType == 4 ? 'primary' : ''"
           @click="(currentPage = 1), (certType = 4), getCertList()"
         >
@@ -66,8 +72,12 @@
         align="center"
         prop="endValidTime"
         label="有效期"
-        width="180"
-      />
+        width="120"
+      >
+        <template v-slot="scope">
+          {{ subTimeStr(scope.row.endValidTime) }}
+        </template>
+      </el-table-column>
       <el-table-column align="center" label="详情" width="180">
         <template #default="scope">
           <el-button
@@ -100,6 +110,8 @@ import md5 from "md5";
 import api from "../../apis/fetch";
 import { useRoute } from "vue-router";
 import _ from "lodash";
+import { subTimeStr } from "../../utils/utils";
+
 const route = useRoute();
 let type = ref(1);
 let certType = ref(1);

src/views/workStation/insuranceManage.vue

@@ -3,12 +3,14 @@
     <div class="mb30">
       <el-button-group class="mr30">
         <el-button
+          size="large"
           :type="type == 1 ? 'primary' : ''"
           @click="(currentPage = 1), (type = 1), getCertList()"
         >
           当月
         </el-button>
         <el-button
+          size="large"
           :type="type == 2 ? 'primary' : ''"
           @click="(currentPage = 1), (type = 2), getCertList()"
         >
@@ -40,8 +42,12 @@
         align="center"
         prop="endValidTime"
         label="有效期"
-        width="180"
-      />
+        width="120"
+      >
+        <template v-slot="scope">
+          {{ subTimeStr(scope.row.endValidTime) }}
+        </template>
+      </el-table-column>
       <el-table-column align="center" label="详情" width="180">
         <template #default="scope">
           <el-button
@@ -74,6 +80,8 @@ import md5 from "md5";
 import api from "../../apis/fetch";
 import { useRoute } from "vue-router";
 import _ from "lodash";
+import { subTimeStr } from "../../utils/utils";
+
 const route = useRoute();
 let type = ref(1);
 let certType = ref(1);