|
|
|
@ -156,7 +156,7 @@
|
|
|
|
|
<f7-list>
|
|
|
|
|
<f7-list-item title="用户名" :after="vm.UserName"></f7-list-item>
|
|
|
|
|
<f7-list-item title="昵称" :after="vm.NickName"></f7-list-item>
|
|
|
|
|
<f7-list-item link="/login/" title="注销1"></f7-list-item>
|
|
|
|
|
<f7-list-item link="/login/" title="注销"></f7-list-item>
|
|
|
|
|
</f7-list>
|
|
|
|
|
</f7-tab>
|
|
|
|
|
</f7-tabs>
|
|
|
|
@ -226,6 +226,242 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<template v-if="getDevices('窗帘').length">
|
|
|
|
|
<div class="block-title">窗帘</div>
|
|
|
|
|
<div class="block block-strong">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-100 tablet-50 desktop-25" v-for="device in getDevices('窗帘')">
|
|
|
|
|
<div class="list">
|
|
|
|
|
<ul>
|
|
|
|
|
<li>
|
|
|
|
|
<a class="item-link item-content"
|
|
|
|
|
:href="'/device/'+device.Number+'/name/'+device.Name">
|
|
|
|
|
<div class="item-media"> <img :src="'images/'+device.Icon+'.png'" /></div>
|
|
|
|
|
<div class="item-inner">
|
|
|
|
|
<div class="item-title">{{device.DisplayName||device.Name}}</div>
|
|
|
|
|
<div class="item-after"><span class="badge color-green">{{getData(device,"状态")}}</span></div>
|
|
|
|
|
</div>
|
|
|
|
|
</a>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'On')">开</a>
|
|
|
|
|
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'Stop')">停</a>
|
|
|
|
|
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'Off')">关</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-100 tablet-50 desktop-25"></div>
|
|
|
|
|
<div class="col-100 tablet-50 desktop-25">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="callAll('窗帘','On')">批量开</a>
|
|
|
|
|
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="callAll('窗帘','Stop')">批量停</a>
|
|
|
|
|
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="callAll('窗帘','Off')">批量关</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<template v-if="getDevices('插座').length">
|
|
|
|
|
<div class="block-title">插座</div>
|
|
|
|
|
<div class="block block-strong">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-100 tablet-50 desktop-25" v-for="device in getDevices('插座')">
|
|
|
|
|
<div class="list">
|
|
|
|
|
<ul>
|
|
|
|
|
<li>
|
|
|
|
|
<a class="item-link item-content"
|
|
|
|
|
:href="'/device/'+device.Number+'/name/'+device.Name">
|
|
|
|
|
<div class="item-media"> <img :src="'images/'+device.Icon+'.png'" /></div>
|
|
|
|
|
<div class="item-inner">
|
|
|
|
|
<div class="item-title">{{device.DisplayName||device.Name}}</div>
|
|
|
|
|
<div class="item-after">
|
|
|
|
|
<span class="badge color-green">{{getData(device,"状态")}}</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</a>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'On')" v-if="getData(device,'状态')==='关'">开</a>
|
|
|
|
|
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'Off')" v-else>关</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-100 tablet-50 desktop-25"></div>
|
|
|
|
|
<div class="col-100 tablet-50 desktop-25">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="callAll('插座','On')">批量开</a>
|
|
|
|
|
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="callAll('插座','Off')">批量关</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<template v-if="getDevices('一路开关').length">
|
|
|
|
|
<div class="block-title">一路开关</div>
|
|
|
|
|
<div class="block block-strong">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-100 tablet-50 desktop-25" v-for="device in getDevices('一路开关')">
|
|
|
|
|
<div class="list">
|
|
|
|
|
<ul>
|
|
|
|
|
<li>
|
|
|
|
|
<a class="item-link item-content"
|
|
|
|
|
:href="'/device/'+device.Number+'/name/'+device.Name">
|
|
|
|
|
<div class="item-media"> <img :src="'images/'+device.Icon+'.png'" /></div>
|
|
|
|
|
<div class="item-inner">
|
|
|
|
|
<div class="item-title">{{device.DisplayName||device.Name}}</div>
|
|
|
|
|
<div class="item-after">
|
|
|
|
|
<span class="badge color-green">{{getData(device,"状态")}}</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</a>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'On')" v-if="getData(device,'状态')==='关'">开</a>
|
|
|
|
|
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'Off')" v-else>关</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-100 tablet-50 desktop-25"></div>
|
|
|
|
|
<div class="col-100 tablet-50 desktop-25">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="callAll('插座','On')">批量开</a>
|
|
|
|
|
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="callAll('插座','Off')">批量关</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<template v-if="getDevices('二路开关').length">
|
|
|
|
|
<div class="block-title">二路开关</div>
|
|
|
|
|
<div class="block block-strong">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-100 tablet-50 desktop-25" v-for="device in getDevices('二路开关')">
|
|
|
|
|
<div class="list">
|
|
|
|
|
<ul>
|
|
|
|
|
<li>
|
|
|
|
|
<a class="item-link item-content"
|
|
|
|
|
:href="'/device/'+device.Number+'/name/'+device.Name">
|
|
|
|
|
<div class="item-media"> <img :src="'images/'+device.Icon+'.png'" /></div>
|
|
|
|
|
<div class="item-inner">
|
|
|
|
|
<div class="item-title">{{device.DisplayName||device.Name}}</div>
|
|
|
|
|
<div class="item-after">
|
|
|
|
|
<span class="badge color-green">{{getData(device,"L1状态")}}</span>
|
|
|
|
|
<span class="badge color-green">{{getData(device,"L2状态")}}</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</a>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'On')">全开</a>
|
|
|
|
|
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'Off')">全关</a>
|
|
|
|
|
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'L1On')" v-if="getData(device,'状态4')==='关'">开</a>
|
|
|
|
|
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'L1Off')" v-else>关</a>
|
|
|
|
|
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'L2On')" v-if="getData(device,'状态5')==='关'">开</a>
|
|
|
|
|
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'L2Off')" v-else>关</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-100 tablet-50 desktop-25"></div>
|
|
|
|
|
<div class="col-100 tablet-50 desktop-25">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="callAll('三路照明开关','On')">批量开</a>
|
|
|
|
|
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="callAll('三路照明开关','Off')">批量关</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<template v-if="getDevices('三路开关').length">
|
|
|
|
|
<div class="block-title">三路开关</div>
|
|
|
|
|
<div class="block block-strong">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-100 tablet-50 desktop-25" v-for="device in getDevices('三路开关')">
|
|
|
|
|
<div class="list">
|
|
|
|
|
<ul>
|
|
|
|
|
<li>
|
|
|
|
|
<a class="item-link item-content"
|
|
|
|
|
:href="'/device/'+device.Number+'/name/'+device.Name">
|
|
|
|
|
<div class="item-media"> <img :src="'images/'+device.Icon+'.png'" /></div>
|
|
|
|
|
<div class="item-inner">
|
|
|
|
|
<div class="item-title">{{device.DisplayName||device.Name}}</div>
|
|
|
|
|
<div class="item-after">
|
|
|
|
|
<span class="badge color-green">{{getData(device,"L1状态")}}</span>
|
|
|
|
|
<span class="badge color-green">{{getData(device,"L2状态")}}</span>
|
|
|
|
|
<span class="badge color-green">{{getData(device,"L3状态")}}</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</a>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'On')">全开</a>
|
|
|
|
|
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'Off')">全关</a>
|
|
|
|
|
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'L1On')" v-if="getData(device,'状态4')==='关'">开</a>
|
|
|
|
|
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'L1Off')" v-else>关</a>
|
|
|
|
|
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'L2On')" v-if="getData(device,'状态5')==='关'">开</a>
|
|
|
|
|
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'L2Off')" v-else>关</a>
|
|
|
|
|
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'L3On')" v-if="getData(device,'状态6')==='关'">开</a>
|
|
|
|
|
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'L3Off')" v-else>关</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-100 tablet-50 desktop-25"></div>
|
|
|
|
|
<div class="col-100 tablet-50 desktop-25">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="callAll('三路照明开关','On')">批量开</a>
|
|
|
|
|
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="callAll('三路照明开关','Off')">批量关</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<template v-if="getDevices('调色灯').length">
|
|
|
|
|
<div class="block-title">调色灯</div>
|
|
|
|
|
<div class="block block-strong">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-100 tablet-50 desktop-25" v-for="device in getDevices('调色灯')">
|
|
|
|
|
<div class="list">
|
|
|
|
|
<ul>
|
|
|
|
|
<li>
|
|
|
|
|
<a class="item-link item-content"
|
|
|
|
|
:href="'/device/'+device.Number+'/name/'+device.Name">
|
|
|
|
|
<div class="item-media"> <img :src="'images/'+device.Icon+'.png'" /></div>
|
|
|
|
|
<div class="item-inner">
|
|
|
|
|
<div class="item-title">{{device.DisplayName||device.Name}}</div>
|
|
|
|
|
<div class="item-after"><span class="badge color-green">{{getData(device,"状态")}}</span></div>
|
|
|
|
|
</div>
|
|
|
|
|
</a>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="range-slider">
|
|
|
|
|
<!-- range input -->
|
|
|
|
|
<input type="range" min="0" max="100" step="1" value="10">
|
|
|
|
|
</div>
|
|
|
|
|
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'On')">开</a>
|
|
|
|
|
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'Stop')">停</a>
|
|
|
|
|
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'Off')">关</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-100 tablet-50 desktop-25"></div>
|
|
|
|
|
<div class="col-100 tablet-50 desktop-25">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="callAll('窗帘','On')">批量开</a>
|
|
|
|
|
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="callAll('窗帘','Stop')">批量停</a>
|
|
|
|
|
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="callAll('窗帘','Off')">批量关</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
</f7-page>
|
|
|
|
|
</template>
|
|
|
|
|
<template id="page-device">
|
|
|
|
|