.
This commit is contained in:
王丹
parent
b2a1abd066
commit
dcd9c3ac71
@ -4,7 +4,163 @@
|
||||
<template #top>
|
||||
<custom-nav-bar :left="true" title="基站"></custom-nav-bar>
|
||||
</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="基站">
|
||||
<view class="index-container" v-if="dataList[0]">
|
||||
<view class="item-container" v-for="item in dataList[0]">
|
||||
@ -174,7 +330,7 @@
|
||||
</view>
|
||||
</view>
|
||||
</uni-collapse-item>
|
||||
</uni-collapse>
|
||||
</uni-collapse> -->
|
||||
</z-paging>
|
||||
|
||||
<!-- 修改基站频段 -->
|
||||
@ -434,48 +590,7 @@
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.index-container {
|
||||
.list {
|
||||
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;
|
||||
}
|
||||
}
|
||||
.card.card-grey {
|
||||
margin: 10px 0 0;
|
||||
}
|
||||
</style>
|
||||
@ -385,4 +385,6 @@
|
||||
.grid >view .text{font-weight: bold; color: #39ac4f;font-size: 16px;position: relative;}
|
||||
.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;}
|
||||
.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