调整banner

This commit is contained in:
80937518651731347 2026-04-03 14:14:42 +08:00
parent be8e03bf0b
commit a4f9cbd60f
15 changed files with 34 additions and 30 deletions

BIN
dist.zip Normal file

Binary file not shown.

View File

@ -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%;
}
} }
/** 筛选结果列表:占满左侧剩余高度并独立滚动 */ /** 筛选结果列表:占满左侧剩余高度并独立滚动 */

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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;

View File

@ -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;

View File

@ -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;

View File

@ -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;

View File

@ -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;

View File

@ -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;

View File

@ -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>