更新 样式统一

src/layout/Layout.vue

@@ -62,8 +62,6 @@ 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: 1000px">
+      <el-table border :data="tableData" stripe style="width: 100%">
         <el-table-column
           type="index"
           label="序号"

src/views/shipOwnerManage/shipOwnerList.vue

@@ -65,7 +65,7 @@
       </el-dialog>
     </div>
     <div style="margin-top: 24px">
-      <el-table :data="tableData" stripe style="width: 1000px">
+      <el-table border :data="tableData" stripe style="width: 100%">
         <el-table-column
           type="index"
           label="序号"

src/views/workStation/certsManage.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="full-container-p24">
-    <div class="mb30">
+    <div class="mb30" style="margin-left: 200px">
       <el-button-group class="mr30">
         <el-button
           size="large"
@@ -17,7 +17,7 @@
           下月
         </el-button>
       </el-button-group>
-      <el-button-group>
+      <!-- <el-button-group>
         <el-button
           size="large"
           :type="certType == 1 ? 'primary' : ''"
@@ -46,58 +46,109 @@
         >
           内河船舶最低安全配员证书
         </el-button>
-      </el-button-group>
+      </el-button-group> -->
     </div>
-    <el-table :data="tableData" stripe style="width: 1000px">
-      <el-table-column align="center" type="index" label="序号" width="60" />
-      <el-table-column
-        align="center"
-        prop="shipname"
-        label="船名"
-        width="180"
-      />
-      <el-table-column
-        align="center"
-        prop="shipOwnerName"
-        label="船东姓名"
-        width="180"
-      />
-      <el-table-column
-        align="center"
-        prop="shipOwnerPhone"
-        label="手机号"
-        width="180"
-      />
-      <el-table-column
-        align="center"
-        prop="endValidTime"
-        label="有效期"
-        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">
+    <div class="df">
+      <div class="btns mr20 mt50">
+        <div>
+          <el-button
+            size="large"
+            :type="certType == 1 ? 'primary' : ''"
+            @click="(currentPage = 1), (certType = 1), getCertList()"
+            class="btn"
+          >
+            船舶国籍证书
+          </el-button>
+        </div>
+        <div>
+          <el-button
+            size="large"
+            :type="certType == 2 ? 'primary' : ''"
+            @click="(currentPage = 1), (certType = 2), getCertList()"
+            class="btn"
+          >
+            内河船舶适航证书
+          </el-button>
+        </div>
+        <div>
+          <el-button
+            size="large"
+            :type="certType == 3 ? 'primary' : ''"
+            @click="(currentPage = 1), (certType = 3), getCertList()"
+            class="btn"
+          >
+            船舶年审合格证书
+          </el-button>
+        </div>
+        <div>
           <el-button
-            type="primary"
-            text
-            @click="goToDetail(scope.row.shipCode)"
+            size="large"
+            :type="certType == 4 ? 'primary' : ''"
+            @click="(currentPage = 1), (certType = 4), getCertList()"
+            class="btn"
           >
-            详情
+            内河船舶最低安全配员证书
           </el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-    <div class="df aic jcfe mt40 mr20">
-      <el-pagination
-        :current-page="currentPage"
-        @current-change="pageChange"
-        background
-        layout="prev, pager, next"
-        :total="total"
-      />
+        </div>
+      </div>
+      <div>
+        <el-table border :data="tableData" stripe style="width: 100%">
+          <el-table-column
+            align="center"
+            type="index"
+            label="序号"
+            width="60"
+          />
+          <el-table-column
+            align="center"
+            prop="shipname"
+            label="船名"
+            width="180"
+          />
+          <el-table-column
+            align="center"
+            prop="shipOwnerName"
+            label="船东姓名"
+            width="120"
+          />
+          <el-table-column
+            align="center"
+            prop="shipOwnerPhone"
+            label="手机号"
+            width="140"
+          />
+          <el-table-column
+            align="center"
+            prop="endValidTime"
+            label="有效期"
+            width="120"
+          >
+            <template v-slot="scope">
+              {{ subTimeStr(scope.row.endValidTime) }}
+            </template>
+          </el-table-column>
+          <el-table-column align="center" label="详情" width="120">
+            <template #default="scope">
+              <el-button
+                type="primary"
+                text
+                @click="goToDetail(scope.row.shipCode)"
+              >
+                详情
+              </el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+        <div class="df aic jcfe mt40 mr20">
+          <el-pagination
+            :current-page="currentPage"
+            @current-change="pageChange"
+            background
+            layout="prev, pager, next"
+            :total="total"
+          />
+        </div>
+      </div>
     </div>
   </div>
 </template>
@@ -152,4 +203,10 @@ onMounted(() => {
 });
 </script>
 
-<style scoped></style>
+<style scoped>
+.btn {
+  height: 50px;
+  width: 180px;
+  border-radius: 0;
+}
+</style>

src/views/workStation/insuranceManage.vue

@@ -18,31 +18,31 @@
         </el-button>
       </el-button-group>
     </div>
-    <el-table :data="tableData" stripe style="width: 1000px">
+    <el-table border :data="tableData" stripe style="width: 100%">
       <el-table-column align="center" type="index" label="序号" width="60" />
       <el-table-column
         align="center"
         prop="shipname"
         label="船名"
-        width="180"
+        min-width="180"
       />
       <el-table-column
         align="center"
         prop="shipOwnerName"
         label="船东姓名"
-        width="180"
+        min-width="180"
       />
       <el-table-column
         align="center"
         prop="shipOwnerPhone"
         label="手机号"
-        width="180"
+        min-width="180"
       />
       <el-table-column
         align="center"
         prop="endValidTime"
         label="有效期"
-        width="120"
+        min-width="180"
       >
         <template v-slot="scope">
           {{ subTimeStr(scope.row.endValidTime) }}