调整banner
This commit is contained in:
parent
be8e03bf0b
commit
a4f9cbd60f
|
|
@ -58,21 +58,16 @@
|
|||
<span>{{ item.diving_sn }}</span>
|
||||
</div>
|
||||
|
||||
<div class="list1">
|
||||
<div class="list1 list1--block">
|
||||
<p>设备类型:</p>
|
||||
<span>{{ item.equipment_type }}</span>
|
||||
</div>
|
||||
|
||||
<div class="list1">
|
||||
<div class="list1 list1--block">
|
||||
<p>数据样品类型:</p>
|
||||
<span style="font-weight: bold">{{ item.data_type }}</span>
|
||||
</div>
|
||||
|
||||
<div class="list1">
|
||||
<p>作业类型:</p>
|
||||
<span>{{ item.job_type }}</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
|
@ -265,9 +260,6 @@ export default {
|
|||
{
|
||||
label: '航次首席'
|
||||
},
|
||||
{
|
||||
label: '数据集名称'
|
||||
},
|
||||
{
|
||||
label: '数据样品类型',
|
||||
disabled: false
|
||||
|
|
@ -349,9 +341,9 @@ export default {
|
|||
},
|
||||
menu4(val) {
|
||||
if (val) {
|
||||
this.searchType[4].disabled = true
|
||||
this.searchType[5].disabled = true
|
||||
} else {
|
||||
this.searchType[4].disabled = false
|
||||
this.searchType[5].disabled = false
|
||||
}
|
||||
},
|
||||
},
|
||||
|
|
@ -428,7 +420,7 @@ export default {
|
|||
handleCurrentChange4(item) {
|
||||
this.menu4 = item.name
|
||||
this.tableData4 = []
|
||||
this.searchType[4].disabled = true
|
||||
this.searchType[5].disabled = true
|
||||
const str = this.searchType.find(item => {
|
||||
return item.disabled !== true
|
||||
})
|
||||
|
|
@ -770,6 +762,12 @@ export default {
|
|||
flex: 1;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
/** 数据样品集:设备类型、数据样品类型各占一整行 */
|
||||
.left4_list .list1--block {
|
||||
width: 100%;
|
||||
flex-basis: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
/** 筛选结果列表:占满左侧剩余高度并独立滚动 */
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@
|
|||
</div>
|
||||
<div class="filter-container">
|
||||
<div class="search">
|
||||
<el-input placeholder="模糊查询" v-model="params.query" style="width: 300px;">
|
||||
<el-input placeholder="模糊查询" v-model="params.query" style="width: 300px;" @keyup.enter.native="getData">
|
||||
<el-button slot="append" icon="el-icon-search" @click="getData"></el-button>
|
||||
</el-input>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@
|
|||
</div>
|
||||
<div class="filter-container">
|
||||
<div class="search">
|
||||
<el-input placeholder="模糊查询" v-model="params.query" style="width: 300px;">
|
||||
<el-input placeholder="模糊查询" v-model="params.query" style="width: 300px;" @keyup.enter.native="getData">
|
||||
<el-button slot="append" icon="el-icon-search" @click="getData"></el-button>
|
||||
</el-input>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@
|
|||
</div>
|
||||
<div class="filter-container">
|
||||
<div class="search">
|
||||
<el-input placeholder="模糊查询" v-model="params.query" style="width: 300px;">
|
||||
<el-input placeholder="模糊查询" v-model="params.query" style="width: 300px;" @keyup.enter.native="getData">
|
||||
<el-button slot="append" icon="el-icon-search" @click="getData"></el-button>
|
||||
</el-input>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@
|
|||
</div>
|
||||
<div class="filter-container">
|
||||
<div class="search">
|
||||
<el-input placeholder="模糊查询" v-model="params.query" style="width: 300px;">
|
||||
<el-input placeholder="模糊查询" v-model="params.query" style="width: 300px;" @keyup.enter.native="getData">
|
||||
<el-button slot="append" icon="el-icon-search" @click="getData"></el-button>
|
||||
</el-input>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@
|
|||
</div>
|
||||
<div class="filter-container">
|
||||
<div class="search">
|
||||
<el-input placeholder="模糊查询" v-model="params.query" style="width: 300px;">
|
||||
<el-input placeholder="模糊查询" v-model="params.query" style="width: 300px;" @keyup.enter.native="getData">
|
||||
<el-button slot="append" icon="el-icon-search" @click="getData"></el-button>
|
||||
</el-input>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@
|
|||
</div>
|
||||
<div class="filter-container">
|
||||
<div class="search">
|
||||
<el-input placeholder="模糊查询" v-model="params.query" style="width: 300px;">
|
||||
<el-input placeholder="模糊查询" v-model="params.query" style="width: 300px;" @keyup.enter.native="getData">
|
||||
<el-button slot="append" icon="el-icon-search" @click="getData"></el-button>
|
||||
</el-input>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -11,7 +11,7 @@
|
|||
</svg>
|
||||
</span>
|
||||
<el-dropdown-menu slot="dropdown" class="banner-type-dropdown-popper">
|
||||
<el-dropdown-item command="全部无人航行潜水器">全部无人航行潜水器</el-dropdown-item>
|
||||
<el-dropdown-item command="全部水下自主式无人潜水器">全部水下自主式无人潜水器</el-dropdown-item>
|
||||
<el-dropdown-item v-for="item in titles" :key="item.tsy_id" :command="item.report_name">
|
||||
{{ item.report_name }}
|
||||
</el-dropdown-item>
|
||||
|
|
@ -82,7 +82,7 @@ export default {
|
|||
},
|
||||
data() {
|
||||
return {
|
||||
currentTitle: '全部无人航行潜水器',
|
||||
currentTitle: '全部水下自主式无人潜水器',
|
||||
titles: [],
|
||||
numbers: [
|
||||
{
|
||||
|
|
@ -152,7 +152,7 @@ export default {
|
|||
handleCommand(command) {
|
||||
this.currentTitle = command
|
||||
this.removeSingleLineImg()
|
||||
if (command === '全部无人航行潜水器') {
|
||||
if (command === '全部水下自主式无人潜水器') {
|
||||
this.getAuvList()
|
||||
this.gitAuvDiving()
|
||||
this.gitAuvUnitYear()
|
||||
|
|
@ -286,8 +286,9 @@ export default {
|
|||
background-color: #012458;
|
||||
background-image: url(../../../static/images/bannerny1.jpg);
|
||||
background-repeat: no-repeat;
|
||||
// 超宽屏下 contain 会在左右留边;cover 铺满裁切边缘
|
||||
background-position: center;
|
||||
background-size: contain;
|
||||
background-size: cover;
|
||||
width: 100%;
|
||||
height: 480px;
|
||||
display: flex;
|
||||
|
|
|
|||
|
|
@ -286,8 +286,9 @@ export default {
|
|||
background-color: #012458;
|
||||
background-image: url(../../../static/images/bannerny1.jpg);
|
||||
background-repeat: no-repeat;
|
||||
// 超宽屏下 contain 会在左右留边;cover 铺满裁切边缘
|
||||
background-position: center;
|
||||
background-size: contain;
|
||||
background-size: cover;
|
||||
width: 100%;
|
||||
height: 480px;
|
||||
display: flex;
|
||||
|
|
|
|||
|
|
@ -285,8 +285,9 @@ export default {
|
|||
background-color: #012458;
|
||||
background-image: url(../../../static/images/bannerny1.jpg);
|
||||
background-repeat: no-repeat;
|
||||
// 超宽屏下 contain 会在左右留边;cover 铺满裁切边缘
|
||||
background-position: center;
|
||||
background-size: contain;
|
||||
background-size: cover;
|
||||
width: 100%;
|
||||
height: 480px;
|
||||
display: flex;
|
||||
|
|
|
|||
|
|
@ -308,8 +308,9 @@ export default {
|
|||
background-color: #012458;
|
||||
background-image: url(../../../static/images/bannerny1.jpg);
|
||||
background-repeat: no-repeat;
|
||||
// 超宽屏下 contain 会在左右留边;cover 铺满裁切边缘
|
||||
background-position: center;
|
||||
background-size: contain;
|
||||
background-size: cover;
|
||||
width: 100%;
|
||||
height: 480px;
|
||||
display: flex;
|
||||
|
|
|
|||
|
|
@ -269,8 +269,9 @@ export default {
|
|||
background-color: #012458;
|
||||
background-image: url(../../../static/images/bannerny1.jpg);
|
||||
background-repeat: no-repeat;
|
||||
// 超宽屏下 contain 会在左右留边;cover 铺满裁切边缘
|
||||
background-position: center;
|
||||
background-size: contain;
|
||||
background-size: cover;
|
||||
width: 100%;
|
||||
height: 480px;
|
||||
display: flex;
|
||||
|
|
|
|||
|
|
@ -398,8 +398,9 @@ export default {
|
|||
background-color: #012458;
|
||||
background-image: url(../../../static/images/bannerny1.jpg);
|
||||
background-repeat: no-repeat;
|
||||
// 超宽屏下 contain 会在左右留边;cover 铺满裁切边缘
|
||||
background-position: center;
|
||||
background-size: contain;
|
||||
background-size: cover;
|
||||
width: 100%;
|
||||
height: 480px;
|
||||
display: flex;
|
||||
|
|
|
|||
|
|
@ -107,7 +107,7 @@
|
|||
</el-card>
|
||||
</el-col>
|
||||
|
||||
<!-- 无人航行潜水器汇总统计 -->
|
||||
<!-- 水下自主式无人潜水器汇总统计 -->
|
||||
<el-col :xs="24" :sm="12" :md="8">
|
||||
<el-card
|
||||
class="stat-card stat-card--nav stat-card--uuv"
|
||||
|
|
@ -123,7 +123,7 @@
|
|||
</svg>
|
||||
</div>
|
||||
<div class="stat-card__head-text">
|
||||
<h3 class="stat-card__title">无人航行潜水器汇总统计</h3>
|
||||
<h3 class="stat-card__title">水下自主式无人潜水器汇总统计</h3>
|
||||
<p class="stat-card__meta">
|
||||
<span class="stat-card__badge">{{ uuv.length }} 艘在册</span>
|
||||
</p>
|
||||
|
|
|
|||
Loading…
Reference in New Issue