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