更新 航次列表

src/views/voyage/voyageList.vue

@@ -509,6 +509,11 @@
       <el-table-column
         prop="abnormalStatus"
         label="航次状态"
+        :filters="[
+          { text: '正常', value: 0 },
+          { text: '异常', value: 1 },
+        ]"
+        :filter-method="filterHandler"
         min-width="80"
         align="center"
       >
@@ -579,11 +584,18 @@
       <el-table-column
         prop="hasInsurance"
         label="保险状态"
-        min-width="100"
+        min-width="80"
+        :filters="[
+          { text: '未购买', value: 0 },
+          { text: '已购买', value: 1 },
+        ]"
+        :filter-method="filterHandler"
         align="center"
       >
         <template v-slot="scope">
-          {{ scope.row.hasInsurance == 0 ? "未购买" : "已购买" }}
+          <span :style="scope.row.hasInsurance == 0 ? 'color:red' : ''">
+            {{ scope.row.hasInsurance == 0 ? "未购买" : "已购买" }}
+          </span>
         </template>
       </el-table-column>
       <!-- <el-table-column
@@ -640,13 +652,15 @@
     </el-table>
     <div style="width: 100%; text-align: right; margin-top: 43px">
       <el-pagination
+        v-model:current-page="currentPage"
+        v-model:page-size="pageSize"
+        :page-sizes="[50, 100, 200]"
         background
-        :page-size="pageSize"
-        layout="prev, pager, next"
+        layout="sizes, prev, pager, next"
         :total="total"
-        :current-page="currentPage"
+        @size-change="sizeChange"
         @current-change="pageChange"
-      ></el-pagination>
+      />
     </div>
   </div>
 </template>
@@ -663,7 +677,7 @@ import downloadBlobFile from "../../utils/downloadBlobFile";
 import url from "../../apis/config";
 
 let currentPage = ref(1);
-let pageSize = ref(10);
+let pageSize = ref(50);
 let term = ref("");
 let tableData = ref([]);
 let total = ref(0);
@@ -712,6 +726,11 @@ function pageChange(e) {
   getVoyageList();
 }
 
+function sizeChange() {
+  currentPage.value = 1;
+  getVoyageList();
+}
+
 function goToVoyageAdd() {
   router.push({
     path: "/voyage/voyageAdd",
@@ -1226,6 +1245,11 @@ function showMergeModal() {
   }
 }
 
+function filterHandler(value, row, column) {
+  const property = column["property"];
+  return row[property] === value;
+}
+
 onMounted(() => {
   getVoyageList(1);
   loginAccountId.value = localStorage.loginAccountId;