APP
/
ox_zhiNengZhuShou
3
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
Browse Source

finish tid1941

dev
刘嘉炜 2 weeks ago
parent
9860bb0d00
commit
bcb647eed6
1 changed files with 104 additions and 62 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 166
      src/subpackage/device/pages/switch_manage/switch_manage.vue

166
src/subpackage/device/pages/switch_manage/switch_manage.vue
View File

@ -3,6 +3,7 @@
<store-name></store-name>
<view class="sm-tit">{{pageInfo.name || '-'}}</view>
<view class="sm-tip" v-if="pageInfo.longOpenName"><text>*</text>长开表示不再被系统智能控制，只有手动关闭后才会被智能控制。请谨慎操作。</view>
<view class="sm-tip" v-if="['Light', 'Air'].includes(pageInfo.hardware_type)">现场电源断开，则无法获取到开关状态；状态是通过硬件发送通知给服务器，则状态获取可能存在延时。</view>
<view class="sm-list">
<view v-for="(e, i) in deviceList" :key="i" :class="[ 'sl-item', pageInfo.iconNum<=2?'sl-limit':'' ]">
@ -16,10 +17,16 @@
sim状态: <text>{{getLotStatus(e)}}</text>
</view>
<view class="sr-bot" v-else-if="pageInfo.id !=5">
<view :class="[e.defineStatusCode == 1?'active':'']">
<text>{{ e.defineStatusCode == 1 ? '设备在线' : e.defineStatusCode == 0?'设备离线' : '-' }}</text>
<view class="sb-online-status">
<view :class="[e.defineStatusCode == 1?'active':'']">
<text>{{ e.defineStatusCode == 1 ? '设备在线' : e.defineStatusCode == 0?'设备离线' : '-' }}</text>
</view>
<image mode="aspectFit" src="/subpackage/device/static/images/refresh.png" @click="refreshStatusBtn({switchInfo:e, index:i})"></image>
</view>
<view class="sb-open-status" v-if="['Light', 'Air'].includes(e.hardware_type)">
当前开关状态：{{ (e.extension&&e.extension.hardware_status_info&&e.extension.hardware_status_info.switch_status) || '-' }}
<image mode="aspectFit" src="/subpackage/device/static/images/refresh.png" @click="refreshOpenStatusBtn(e, i)"></image>
</view>
<image mode="aspectFit" src="/subpackage/device/static/images/refresh.png" @click="refreshStatusBtn({switchInfo:e, index:i})"></image>
</view>
</view>
</view>
@ -72,7 +79,7 @@ import deviceServer from '../../js/device_server';
import deviceApi from '../../js/device_api';
import { mapState } from 'vuex';
import util from '../../../../utils/util';
import util, { debounce, showLoad, hideLoad } from '../../../../utils/util';
import DEVICE_FUN from '../../js/device_fun.js';
export default {
@ -111,6 +118,7 @@ export default {
return {
pageInfo: {},
deviceList: [],
stadium_id: '',
}
},
/**
@ -121,24 +129,29 @@ export default {
*/
onLoad(options){
let _pageInfo = getShowArr(`s${options.sid}`) || {};
let _stadiumId = options?.stadium_id ?? '';
this.pageInfo = _pageInfo;
this.stadium_id = _stadiumId
uni.setNavigationBarTitle({ title: _pageInfo.name });
this.getDeviceList({
stadium_id: options.stadium_id || this.curStoreInfo.id,
stadium_id: _stadiumId || this.curStoreInfo.id,
hardware_type: _pageInfo.hardware_type
})
setTimeout(_=>{
this.$nextTick(_=>{
uni.createSelectorQuery().selectAll(".si-bottom > view")
.boundingClientRect(data => {
console.warn('createSelectorQuery', data)
}).exec();
})
}, 1000)
},
methods: {
refreshOpenStatusBtn: debounce(async function(e, i){
let _devices = await this.getDevices({
stadium_id: e?.stadium_id ?? '',
hardware_type: e?.hardware_type ?? '',
"filter[id]": e?.id ?? ''
});
let _deviceInfo = _devices?.[0] ?? {};
if(_deviceInfo?.id === e.id){
this.deviceList[i].extension.hardware_status_info = _deviceInfo?.extension?.hardware_status_info ?? null
}
}, 300, true),
isDetailBtn(e){
if(e&&e.toString() === "[object Object]"){
return e.hardware_model == 'XiaoHuiXiong' && e.hardware_type === 'Air';
@ -152,39 +165,48 @@ export default {
let _qrStr = util.jsonStr(_queryObj);
if(e.hardware_type == "Air")return util.routeTo(`/subpackage/device/pages/air_conditioner/detail/detail?qrstr=${_qrStr}&name=${e.hardware_name || '-'}`, 'nT');
},
getDeviceList({
stadium_id,
hardware_type,
limit = 100,
page = 1
}){
util.showLoad();
let reqListData = {
getDevices({ stadium_id, hardware_type = '', id = '', limit = 1000, page = 1, ...agrs }){
showLoad();
return deviceServer.get({
url: deviceApi.hardwareList,
data: {
'filter[hardware_type]': hardware_type,
'filter[stadium_id]': stadium_id,
'limit': limit,
'page': page,
}
if(hardware_type=="WaterValve") reqListData.operating_status = 1; //0723 按测试要求 水阀这里加多一个状态
deviceServer.get({
url: deviceApi.hardwareList,
data: reqListData,
limit,
page,
...agrs
},
failMsg: '加载失败！'
})
.then(res=>{
util.hideLoad();
let _list = res.list || [];
if(hardware_type=="Router4G"){ //路由器在线状态设置
_list = _list.map((e,i)=>{
hideLoad();
return res?.list ?? []
})
.catch(err=>{
hideLoad();
console.warn('subpackage device pages switch mange getSingleDevice err', err);
})
},
async getDeviceList({
stadium_id,
hardware_type,
limit = 1000,
page = 1
}){
let _query = {
stadium_id, hardware_type, limit, page
}
if(hardware_type=="WaterValve") _query['operating_status'] = 1; //0723 按测试要求 水阀这里加多一个状态
let _devices = await this.getDevices(_query);
if(_devices?.length){
if(hardware_type=="Router4G"){ //路由器在线状态设置
_devices = _devices.map((e,i)=>{
e['defineStatusCode'] = e.extension.online? 1 : 0;
return e
})
}
this.deviceList = _list;
console.log(res)
})
.catch(util.hideLoad)
}
this.deviceList = _devices;
},
controlDevice(e){
util.routeTo(`/subpackage/device/pages/index/lot_manage?mac=${switchInfo.hardware_standard}`, 'nT');
@ -652,6 +674,17 @@ function getShowArr(key){
&.sl-limit{
flex-grow: 0;
width: 328upx !important;
.si-top>.st-right>.sr-bot{
flex-wrap: wrap;
.sb-open-status{
margin-left: 0;
font-size: 20upx;
}
image{
width: 26upx;
height: 26upx;
}
}
}
.si-top{
padding: 20upx 20upx 30upx;
@ -683,36 +716,45 @@ function getShowArr(key){
}
.sr-bot{
display: flex;
align-items: center;
>view{
margin-right: 8upx;
padding: 0 12upx;
font-size: 20upx;
line-height: 28upx;
border-radius: 28upx;
border: 2upx solid #9A9A9D;
color: #9A9A9D;
&::before{
content: '';
margin-right: 12upx;
margin-top: -4upx;
display: inline-block;
vertical-align: middle;
width: 8upx;
height: 8upx;
border-radius: 50%;
background-color: #9A9A9D;
}
&.active{
color: #333333;
.sb-online-status{
@include ctf;
>view{
padding: 0 12upx;
border-radius: 28upx;
border: 2upx solid #9A9A9D;
@include flcw(20upx, 28upx, #9A9A9D);
&::before{
background-color: $themeColor;
content: '';
margin-right: 12upx;
margin-top: -4upx;
display: inline-block;
vertical-align: middle;
width: 8upx;
height: 8upx;
border-radius: 50%;
background-color: #9A9A9D;
}
&.active{
color: #333333;
&::before{
background-color: $themeColor;
}
}
}
}
.sb-open-status{
margin-left: auto;
margin-right: 0;
@include flcw(28upx, 40upx, #333);
image{
vertical-align: middle;
}
}
>image{
image{
flex-shrink: 0;
flex-grow: 0;
margin-left: 8upx;
width: 32upx;
height: 32upx;
}

Write Preview
Loading…
Cancel
Save