.
This commit is contained in:
王丹
parent
b2a1abd066
commit
dcd9c3ac71
@ -4,7 +4,163 @@
|
|||||||
<template #top>
|
<template #top>
|
||||||
<custom-nav-bar :left="true" title="基站"></custom-nav-bar>
|
<custom-nav-bar :left="true" title="基站"></custom-nav-bar>
|
||||||
</template>
|
</template>
|
||||||
<uni-collapse accordion v-if="dataList.length">
|
|
||||||
|
<view class="card">
|
||||||
|
<uni-collapse>
|
||||||
|
<uni-collapse-item title-border="none" :border="false" :open="true">
|
||||||
|
<template v-slot:title>
|
||||||
|
<view class="cards-title">
|
||||||
|
<view>
|
||||||
|
<view class="text">基站</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
<view class="content">
|
||||||
|
<view class="cards-content">
|
||||||
|
<!-- <view class="card card-grey">
|
||||||
|
<view class="cards-title">
|
||||||
|
<view>
|
||||||
|
<view>基站：E0002001</view>
|
||||||
|
<uni-tag class="bg-green" :circle="true" text="在线" />
|
||||||
|
</view>
|
||||||
|
<view class="right">
|
||||||
|
<u-button type="success" size="mini" text="刷新" />
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="cards-content">
|
||||||
|
<view class="txt-list">
|
||||||
|
<view class="list2">
|
||||||
|
<view style="flex: 1 1 0%;"><text>软/硬件版本：</text>20 / JSY_LS_RTOS</view>
|
||||||
|
<view style="width: 30%;"><text>频段：</text>433</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="btn-grid">
|
||||||
|
<u-button type="primary" size="normal" text="更换基站" />
|
||||||
|
<u-button type="primary" size="normal" text="下发列表" />
|
||||||
|
<u-button type="primary" size="normal" text="修改频段" />
|
||||||
|
<u-button type="primary" size="normal" text="获取配置" />
|
||||||
|
<u-button type="primary" size="normal" text="压力校准" />
|
||||||
|
<u-button type="primary" size="normal" text="重启" />
|
||||||
|
<u-button type="primary">
|
||||||
|
子设备<u-badge type="success" max="999" />
|
||||||
|
</u-button>
|
||||||
|
<u-button type="primary" size="normal" text="基站升级" />
|
||||||
|
<u-button type="primary" size="normal" text="阀门升级" />
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view> -->
|
||||||
|
<view class="card card-grey">
|
||||||
|
<view class="cards-title">
|
||||||
|
<view>
|
||||||
|
<view>基站：E0002001</view>
|
||||||
|
<uni-tag class="bg-red" :circle="true" text="离线" />
|
||||||
|
</view>
|
||||||
|
<view class="right">
|
||||||
|
<u-button type="success" size="mini" text="刷新" />
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="cards-content">
|
||||||
|
<view class="txt-list">
|
||||||
|
<view class="list2">
|
||||||
|
<view style="width: 70%;"><text>软/硬件版本：</text>20 / JSY_LS_RTOS</view>
|
||||||
|
<view style="width: 30%;"><text>频段：</text>433</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="btn-grid">
|
||||||
|
<u-button type="primary" size="normal" text="更换基站" />
|
||||||
|
<u-button type="primary" size="normal" text="下发列表" />
|
||||||
|
<u-button type="primary" size="normal" text="修改频段" />
|
||||||
|
<u-button type="primary" size="normal" text="获取配置" />
|
||||||
|
<u-button type="primary" size="normal" text="压力校准" />
|
||||||
|
<u-button type="primary" size="normal" text="重启" />
|
||||||
|
<u-button type="primary">
|
||||||
|
子设备<u-badge type="success" max="999" />
|
||||||
|
</u-button>
|
||||||
|
<u-button type="primary" size="normal" text="基站升级" />
|
||||||
|
<u-button type="primary" size="normal" text="阀门升级" />
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</uni-collapse-item>
|
||||||
|
</uni-collapse>
|
||||||
|
</view>
|
||||||
|
<view class="card">
|
||||||
|
<uni-collapse>
|
||||||
|
<uni-collapse-item title-border="none" :border="false">
|
||||||
|
<template v-slot:title>
|
||||||
|
<view class="cards-title">
|
||||||
|
<view>
|
||||||
|
<view class="text">4G阀门</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
<view class="content">
|
||||||
|
<view class="cards-content">
|
||||||
|
<view class="card card-grey">
|
||||||
|
<view class="cards-title">
|
||||||
|
<view>
|
||||||
|
<view>三通阀：F4000101</view>
|
||||||
|
<uni-tag class="bg-green" :circle="true" text="在线" />
|
||||||
|
</view>
|
||||||
|
<view class="right">
|
||||||
|
<u-button type="success" size="mini" text="刷新" />
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="cards-content">
|
||||||
|
<view class="txt-list">
|
||||||
|
<view class="list2">
|
||||||
|
<view style="width: 60%;"><text>软/硬件版本：</text>/hup</view>
|
||||||
|
<view style="width: 40%;"><text>信号强度：</text>29</view>
|
||||||
|
<view style="width: 60%;"><text>电量：</text>100%</view>
|
||||||
|
<view style="width: 40%;"><text>压力：</text>[-0.02,-0.02]</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="btn-grid">
|
||||||
|
<u-button type="primary" size="normal" text="获取配置" />
|
||||||
|
<u-button type="primary" size="normal" text="重启" />
|
||||||
|
<u-button type="primary" size="normal" text="升级" />
|
||||||
|
<u-button type="primary" size="normal" text="压力校准" />
|
||||||
|
<u-button type="primary" size="normal" text="压力查询" />
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="card card-grey">
|
||||||
|
<view class="cards-title">
|
||||||
|
<view>
|
||||||
|
<view>三通阀：F4000101</view>
|
||||||
|
<uni-tag class="bg-red" :circle="true" text="离线" />
|
||||||
|
</view>
|
||||||
|
<view class="right">
|
||||||
|
<u-button type="success" size="mini" text="刷新" />
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="cards-content">
|
||||||
|
<view class="txt-list">
|
||||||
|
<view class="list2">
|
||||||
|
<view style="width: 60%;"><text>软/硬件版本：</text>/hup</view>
|
||||||
|
<view style="width: 40%;"><text>信号强度：</text>29</view>
|
||||||
|
<view style="width: 60%;"><text>电量：</text>100%</view>
|
||||||
|
<view style="width: 40%;"><text>压力：</text>[-0.02,-0.02]</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="btn-grid">
|
||||||
|
<u-button type="primary" size="normal" text="获取配置" />
|
||||||
|
<u-button type="primary" size="normal" text="重启" />
|
||||||
|
<u-button type="primary" size="normal" text="升级" />
|
||||||
|
<u-button type="primary" size="normal" text="压力校准" />
|
||||||
|
<u-button type="primary" size="normal" text="压力查询" />
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</uni-collapse-item>
|
||||||
|
</uni-collapse>
|
||||||
|
</view>
|
||||||
|
<!-- <uni-collapse accordion v-if="dataList.length">
|
||||||
<uni-collapse-item title="基站">
|
<uni-collapse-item title="基站">
|
||||||
<view class="index-container" v-if="dataList[0]">
|
<view class="index-container" v-if="dataList[0]">
|
||||||
<view class="item-container" v-for="item in dataList[0]">
|
<view class="item-container" v-for="item in dataList[0]">
|
||||||
@ -174,7 +330,7 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</uni-collapse-item>
|
</uni-collapse-item>
|
||||||
</uni-collapse>
|
</uni-collapse> -->
|
||||||
</z-paging>
|
</z-paging>
|
||||||
|
|
||||||
<!-- 修改基站频段 -->
|
<!-- 修改基站频段 -->
|
||||||
@ -434,48 +590,7 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.index-container {
|
.card.card-grey {
|
||||||
.list {
|
margin: 10px 0 0;
|
||||||
margin: 0px 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.list-size {
|
|
||||||
display: flex;
|
|
||||||
padding: 5px 5px;
|
|
||||||
background: white;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.search {
|
|
||||||
background-color: white;
|
|
||||||
padding: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.item-container {
|
|
||||||
margin: 10px 10px;
|
|
||||||
background-color: white;
|
|
||||||
padding-bottom: 10px;
|
|
||||||
border-radius: 10px;
|
|
||||||
box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.05);
|
|
||||||
}
|
|
||||||
|
|
||||||
.flex-text {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
.flex-text-one {
|
|
||||||
color: #939393;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.data {
|
|
||||||
margin: 10px 20px !important;
|
|
||||||
width: 100%;
|
|
||||||
|
|
||||||
.uni-col {
|
|
||||||
margin-bottom: 5px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
@ -386,3 +386,5 @@
|
|||||||
.grid >view .text:before{content: "";
|
.grid >view .text:before{content: "";
|
||||||
width: 100%;height: 4px;position: absolute;bottom: 2px;background-color:rgb(243, 235, 19, 0.5);z-index: 1;border-radius: 10px;}
|
width: 100%;height: 4px;position: absolute;bottom: 2px;background-color:rgb(243, 235, 19, 0.5);z-index: 1;border-radius: 10px;}
|
||||||
.grid >view .u-button{width: 60%; margin-top: 20px;}
|
.grid >view .u-button{width: 60%; margin-top: 20px;}
|
||||||
|
/* btn-grid */
|
||||||
|
.btn-grid{margin: 10px 0 0; display: grid;grid-template-columns: repeat(3,1fr);gap: 10px;}
|
||||||
Loading…
Reference in New Issue
Block a user