|
|
@@ -1,6 +1,6 @@
|
|
|
<template>
|
|
|
<div class="full-container-p24">
|
|
|
- <div style="display: flex; justify-content: space-between">
|
|
|
+ <div class="df aic jcsb">
|
|
|
<div style="display: flex">
|
|
|
<el-input
|
|
|
placeholder="请输入船名/MMSI/手机号"
|
|
|
@@ -15,15 +15,15 @@
|
|
|
查询
|
|
|
</el-button>
|
|
|
</div>
|
|
|
+ <div class="c6 fs16">所有船舶总数量: {{ total }}</div>
|
|
|
</div>
|
|
|
<div style="margin-top: 24px">
|
|
|
<el-table border :data="tableData" stripe style="width: 100%">
|
|
|
- <el-table-column
|
|
|
- type="index"
|
|
|
- label="序号"
|
|
|
- width="80"
|
|
|
- align="center"
|
|
|
- ></el-table-column>
|
|
|
+ <el-table-column label="序号" width="80" align="center">
|
|
|
+ <template v-slot="scope">
|
|
|
+ {{ scope.$index + 1 + 10 * (currentPage - 1) }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
<el-table-column
|
|
|
prop="shipname"
|
|
|
label="船舶名称"
|
|
|
@@ -61,18 +61,41 @@
|
|
|
align="center"
|
|
|
></el-table-column>
|
|
|
<el-table-column
|
|
|
- prop="phone"
|
|
|
- label="状态"
|
|
|
- min-width="60"
|
|
|
+ prop="loadTons"
|
|
|
+ label="吨位(总吨)"
|
|
|
+ min-width="100"
|
|
|
align="center"
|
|
|
- >
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column label="船舶状态" min-width="60" align="center">
|
|
|
+ <template v-slot="scope">
|
|
|
+ <div
|
|
|
+ :style="{
|
|
|
+ color: scope.row.transStatus == 1 ? 'red' : '#333',
|
|
|
+ }"
|
|
|
+ >
|
|
|
+ {{ scope.row.transStatus == 1 ? "异常" : "正常" }}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="证书状态" min-width="60" align="center">
|
|
|
+ <template v-slot="scope">
|
|
|
+ <div
|
|
|
+ :style="{
|
|
|
+ color: scope.row.certsStatus == 1 ? 'red' : '#333',
|
|
|
+ }"
|
|
|
+ >
|
|
|
+ {{ scope.row.certsStatus == 1 ? "异常" : "正常" }}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="保险状态" min-width="60" align="center">
|
|
|
<template v-slot="scope">
|
|
|
<div
|
|
|
:style="{
|
|
|
- color: scope.row.hasMmsi == 1 ? 'red' : '#333',
|
|
|
+ color: scope.row.insuranceStatus == 1 ? 'red' : '#333',
|
|
|
}"
|
|
|
>
|
|
|
- {{ scope.row.hasMmsi == 1 ? "异常" : "正常" }}
|
|
|
+ {{ scope.row.insuranceStatus == 1 ? "异常" : "正常" }}
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|