wanggang
/
iot
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

更新DEMO，添加libvlc库

Browse Source
TangShanKaiPing
wanggang 6 years ago
parent e06240f385
commit 3e1ad373bc
9 changed files with 255 additions and 230 deletions
Show Stats Download Patch File Download Diff File

5
projects/Demo/Demo.Android/Demo.Android.csproj
Unescape View File

@ -49,7 +49,10 @@
<Reference Include="System.Xml" />
</ItemGroup>
<ItemGroup>
<PackageReference Include="Xamarin.Forms" Version="3.6.0.293080" />
<PackageReference Include="VideoLAN.LibVLC.Android">
<Version>3.1.2</Version>
</PackageReference>
<PackageReference Include="Xamarin.Forms" Version="3.6.0.344457" />
<PackageReference Include="Xamarin.Android.Support.Design" Version="28.0.0.1" />
<PackageReference Include="Xamarin.Android.Support.v7.AppCompat" Version="28.0.0.1" />
<PackageReference Include="Xamarin.Android.Support.v4" Version="28.0.0.1" />

3
projects/Demo/Demo.Android/Resources/Resource.designer.cs generated
Unescape View File

@ -6125,6 +6125,9 @@ namespace Demo.Droid
// aapt resource value: 0x7f080026
public const int abc_toolbar_collapse_description = 2131230758;
// aapt resource value: 0x7f08003d
public const int app_name = 2131230781;
// aapt resource value: 0x7f080034
public const int appbar_scrolling_view_behavior = 2131230772;

5
projects/Demo/Demo.iOS/Demo.iOS.csproj
Unescape View File

@ -166,7 +166,10 @@
<Reference Include="Xamarin.iOS" />
</ItemGroup>
<ItemGroup>
<PackageReference Include="Xamarin.Forms" Version="3.6.0.293080" />
<PackageReference Include="VideoLAN.LibVLC.iOS">
<Version>3.1.5-alpha</Version>
</PackageReference>
<PackageReference Include="Xamarin.Forms" Version="3.6.0.344457" />
</ItemGroup>
<Import Project="$(MSBuildExtensionsPath)\Xamarin\iOS\Xamarin.iOS.CSharp.targets" />
<ItemGroup>

11
projects/Demo/Demo/Demo.csproj
Unescape View File

@ -10,9 +10,10 @@
</PropertyGroup>
<ItemGroup>
<PackageReference Include="EmbedIO" Version="2.3.1" />
<PackageReference Include="EmbedIO" Version="2.5.0" />
<PackageReference Include="LibVLCSharp.Forms" Version="0.8.1" />
<PackageReference Include="Xam.Plugins.Notifier" Version="3.0.1" />
<PackageReference Include="Xamarin.Forms" Version="3.6.0.293080" />
<PackageReference Include="Xamarin.Forms" Version="3.6.0.344457" />
<PackageReference Include="ZXing.Net.Mobile" Version="2.4.1" />
<PackageReference Include="ZXing.Net.Mobile.Forms" Version="2.4.1" />
</ItemGroup>
@ -24,5 +25,9 @@
<None Remove="wwwroot\lib\URI.js\URI.min.js" />
<None Remove="wwwroot\lib\weui\weui.min.js" />
<None Remove="wwwroot\weui.html" />
</ItemGroup>
</ItemGroup><ItemGroup>
<EmbeddedResource Update="OnvifPage.xaml">
<Generator>MSBuild:UpdateDesignTimeXaml</Generator>
</EmbeddedResource>
</ItemGroup>
</Project>

5
projects/Demo/Demo/MainPage.xaml.cs
Unescape View File

@ -29,6 +29,11 @@ namespace Demo
e.Cancel = true;
CrossLocalNotifications.Current.Show("title", e.Url);
}
else if (e.Url.Contains("rtmp://"))
{
e.Cancel = true;
this.Navigation.PushAsync(new OnvifPage(e.Url));
}
}
private void WebView_Navigated(object sender, WebNavigatedEventArgs e)

13
projects/Demo/Demo/OnvifPage.xaml
Unescape View File

@ -0,0 +1,13 @@
<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:shared="clr-namespace:LibVLCSharp.Forms.Shared;assembly=LibVLCSharp.Forms"
x:Class="Demo.OnvifPage">
<ContentPage.Content>
<StackLayout>
<Grid>
<shared:VideoView x:Name="videoView" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand" />
</Grid>
</StackLayout>
</ContentPage.Content>
</ContentPage>

45
projects/Demo/Demo/OnvifPage.xaml.cs
Unescape View File

@ -0,0 +1,45 @@
using LibVLCSharp.Shared;
using Xamarin.Forms;
using Xamarin.Forms.Xaml;
namespace Demo
{
[XamlCompilation(XamlCompilationOptions.Compile)]
public partial class OnvifPage : ContentPage
{
private readonly string _url;
private readonly LibVLC _libvlc;
public OnvifPage(string url)
{
this._url = url;
InitializeComponent();
Core.Initialize();
this._libvlc = new LibVLC();
}
protected override void OnAppearing()
{
var media = new Media(_libvlc, this._url, FromType.FromLocation);
media.AddOption(new MediaConfiguration().EnableHardwareDecoding());
media.AddOption(":network-caching=0");
media.AddOption(":clock-jitter=0");
media.AddOption(":clock-synchro=0");
var player = new MediaPlayer(_libvlc);
videoView.MediaPlayer = player;
player.Play(media);
}
protected override void OnDisappearing()
{
this.videoView.MediaPlayer.Stop();
}
protected override bool OnBackButtonPressed()
{
this.videoView.MediaPlayer.Stop();
return base.OnBackButtonPressed();
}
}
}

398
projects/Demo/Demo/wwwroot/index.html
Unescape View File

@ -75,7 +75,7 @@
<li>
<div class="item-content">
<div class="item-inner">
<button type="submit" class="button button-large button-raised button-fill color-lightblue submit">确定</button>
<button type="submit" class="button button-large button-large button-raised button-fill color-lightblue submit">确定</button>
</div>
</div>
</li>
@ -155,8 +155,8 @@
<div class="block-title">场景</div>
<div class="block block-strong">
<div class="row">
<div class="col-50 tablet-33 desktop-20" v-for="sence in _.orderBy(Node.Sences,['DisplayOrder','Name'])" v-on:click="callSence(sence.Id)">
<a href="javascript:;" class="button button-raised button-fill">{{sence.Name}}</a>
<div class="col-100 tablet-50 desktop-25" v-for="sence in _.orderBy(Node.Sences,['DisplayOrder','Name'])" v-on:click="callSence(sence.Id)">
<a href="javascript:;" class="button button-large button-raised button-fill">{{sence.Name}}</a>
</div>
</div>
</div>
@ -165,26 +165,27 @@
<div class="block-title">监测</div>
<div class="block block-strong">
<div class="row">
<div class="col-50 tablet-33 desktop-20" v-for="device in getDevices('检测器','监测器')">
<div class="row">
<a class="button button-raised" :href="'/device/'+device.Number+'/name/'+device.Name">{{device.DisplayName||device.Name}}</a>
</div>
<div class="row" v-if="device.Name==='温湿度检测器'">
<div class="col">{{getData(device,"温度")}}</div>
<div class="col">{{getData(device,"湿度")}}</div>
</div>
<div class="row" v-else-if="device.Name==='二氧化碳监测器'">
<div class="col">{{getData(device,"二氧化碳")}}</div>
</div>
<div class="row" v-else-if="device.Name==='光强检测器'">
<div class="col">{{getData(device,"光照强度")}}</div>
</div>
<div class="row" v-else-if="device.Name==='粉尘检测器'">
<div class="col">{{getData(device,"粉尘")}}</div>
</div>
<div class="row" v-else>
<div class="col">未定义</div>
</div>
<div class="col-100 tablet-50 desktop-25" v-for="device in getDevices('检测器','监测器')">
<a class="button button-large button-raised item-link item-content"
:href="'/device/'+device.Number+'/name/'+device.Name">
{{device.DisplayName||device.Name}}
<template v-if="device.Name==='温湿度检测器'">
<span class="badge color-green">{{getData(device,"温度")}}</span>
<span class="badge color-green">{{getData(device,"湿度")}}</span>
</template>
<template class="row" v-else-if="device.Name==='二氧化碳监测器'">
<span class="badge color-green">{{getData(device,"二氧化碳")}}</span>
</template>
<template class="row" v-else-if="device.Name==='光强检测器'">
<span class="badge color-green">{{getData(device,"光照强度")}}</span>
</template>
<template class="row" v-else-if="device.Name==='粉尘检测器'">
<span class="badge color-green">{{getData(device,"粉尘")}}</span>
</template>
<template class="row" v-else>
<span class="badge color-green">未定义</span>
</template>
</a>
</div>
</div>
</div>
@ -193,13 +194,12 @@
<div class="block-title">警报</div>
<div class="block block-strong">
<div class="row">
<div class="col-50 tablet-33 desktop-20" v-for="device in getDevices('感应器')">
<div class="row">
<a class="button button-raised" :href="'/device/'+device.Number+'/name/'+device.Name">{{device.DisplayName||device.Name}}</a>
</div>
<div class="row">
<div class="col">{{getData(device,"状态")}}</div>
</div>
<div class="col-100 tablet-50 desktop-25" v-for="device in getDevices('感应器')">
<a class="button button-large button-raised" :href="'/device/'+device.Number+'/name/'+device.Name">
{{device.DisplayName||device.Name}}
<span class="badge color-green" v-if="getData(device,'状态')==='正常'">正常</span>
<span class="badge color-red" v-else>警告</span>
</a>
</div>
</div>
</div>
@ -208,17 +208,21 @@
<div class="block-title">主机</div>
<div class="block block-strong">
<div class="row">
<div class="col-50 tablet-33 desktop-20" v-for="device in getDevices('主机')">
<div class="row">
<a class="button button-raised" :href="'/device/'+device.Number+'/name/'+device.Name">{{device.DisplayName||device.Name}}</a>
</div>
<div class="row">
<div class="col">{{getData(device,"计算机名")}}</div>
</div>
<div class="col-100 tablet-50 desktop-25" v-for="device in getDevices('主机')">
<a class="button button-large button-raised" :href="'/device/'+device.Number+'/name/'+device.Name">
{{device.DisplayName||device.Name}}/{{getData(device,"计算机名")}}
</a>
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'21boot')">开</a>
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'23shot')">截图</a>
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'22shutdown')">关</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-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'21boot')">开</a>
<a class="button button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'23shot')">截图</a>
<a class="button button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'22shutdown')">关</a>
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="callAll('主机','21boot')">批量开</a>
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="callAll('主机','22shutdown')">批量关</a>
</div>
</div>
</div>
@ -228,17 +232,9 @@
<div class="block-title">无线AP</div>
<div class="block block-strong">
<div class="row">
<div class="col-50 tablet-33 desktop-20" v-for="device in getDevices('AP')">
<div class="row">
<a class="button button-raised" :href="'/device/'+device.Number+'/name/'+device.Name">{{device.DisplayName||device.Name}}</a>
</div>
<div class="row">
<div class="row">IP {{getData(device,"IP")}}</div>
<div class="row">连接数：{{getData(device,"连接数")}}</div>
</div>
<div class="row">
<a class="button button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'21dhcps')">设备</a>
</div>
<div class="col-100 tablet-50 desktop-25" v-for="device in getDevices('AP')">
<a class="button button-large button-raised" :href="'/device/'+device.Number+'/name/'+device.Name">{{device.DisplayName||device.Name}}<span class="badge color-green">{{getData(device,"连接数")}}</span></a>
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'21dhcps')">查看连接</a>
</div>
</div>
</div>
@ -247,27 +243,20 @@
<div class="block-title">一路可调窗帘</div>
<div class="block block-strong">
<div class="row">
<div class="col-50 tablet-33 desktop-20" v-for="device in getDevices('一路可调窗帘')">
<div class="row">
<a class="button button-raised" :href="'/device/'+device.Number+'/name/'+device.Name">{{device.DisplayName||device.Name}}</a>
</div>
<div class="row">
<div class="col">{{getData(device,"状态")}}</div>
</div>
<div class="row">
<a class="button button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'21on')">开</a>
<a class="button button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'23stop')">停</a>
<a class="button button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'22off')">关</a>
</div>
<div class="col-100 tablet-50 desktop-25" v-for="device in getDevices('一路可调窗帘')">
<a class="button button-large button-raised" :href="'/device/'+device.Number+'/name/'+device.Name">{{device.DisplayName||device.Name}}<span class="badge color-green">{{getData(device,"状态")}}</span></a>
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'21on')">开</a>
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'23stop')">停</a>
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'22off')">关</a>
</div>
</div>
<div class="row">
<div class="col-50 tablet-33 desktop-20"></div>
<div class="col-50 tablet-33 desktop-20">
<div class="col-100 tablet-50 desktop-25"></div>
<div class="col-100 tablet-50 desktop-25">
<div class="row">
<a class="button button-raised button-fill" href="javascript: ;" v-on:click="callAll('一路可调窗帘','21on')">开</a>
<a class="button button-raised button-fill" href="javascript: ;" v-on:click="callAll('一路可调窗帘','23stop')">停</a>
<a class="button button-raised button-fill" href="javascript: ;" v-on:click="callAll('一路可调窗帘','22off')">关</a>
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="callAll('一路可调窗帘','21on')">批量开</a>
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="callAll('一路可调窗帘','23stop')">批量停</a>
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="callAll('一路可调窗帘','22off')">批量关</a>
</div>
</div>
</div>
@ -277,24 +266,20 @@
<div class="block-title">计量开关</div>
<div class="block block-strong">
<div class="row">
<div class="col-50 tablet-33 desktop-20" v-for="device in getDevices('计量开关')">
<div class="row">
<a class="button button-raised" :href="'/device/'+device.Number+'/name/'+device.Name">{{device.DisplayName||device.Name}}</a>
</div>
<div class="col-100 tablet-50 desktop-25" v-for="device in getDevices('计量开关')">
<a class="button button-large button-raised" :href="'/device/'+device.Number+'/name/'+device.Name">{{device.DisplayName||device.Name}}</a>
<template v-if="device.Name==='计量开关'">
<div class="row">
<a class="button button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'21on')" v-if="getData(device,'状态')==='关'">开</a>
<a class="button button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'22off')" v-else>关</a>
</div>
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'21on')" v-if="getData(device,'状态')==='关'">开</a>
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'22off')" v-else>关</a>
</template>
</div>
</div>
<div class="row">
<div class="col-50 tablet-33 desktop-20"></div>
<div class="col-50 tablet-33 desktop-20">
<div class="col-100 tablet-50 desktop-25"></div>
<div class="col-100 tablet-50 desktop-25">
<div class="row">
<a class="button button-raised button-fill" href="javascript: ;" v-on:click="callAll('计量开关','21on')">全开</a>
<a class="button button-raised button-fill" href="javascript: ;" v-on:click="callAll('计量开关','22off')">全关</a>
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="callAll('计量开关','21on')">批量开</a>
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="callAll('计量开关','22off')">批量关</a>
</div>
</div>
</div>
@ -304,24 +289,20 @@
<div class="block-title">一路开关</div>
<div class="block block-strong">
<div class="row">
<div class="col-50 tablet-33 desktop-20" v-for="device in getDevices('一路照明开关')">
<div class="row">
<a class="button button-raised" :href="'/device/'+device.Number+'/name/'+device.Name">{{device.DisplayName||device.Name}}</a>
</div>
<div class="col-100 tablet-50 desktop-25" v-for="device in getDevices('一路照明开关')">
<a class="button button-large button-raised" :href="'/device/'+device.Number+'/name/'+device.Name">{{device.DisplayName||device.Name}}</a>
<template v-if="device.Name==='一路照明开关'">
<div class="row">
<a class="button button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'21on')" v-if="getData(device,'状态')==='关'">开</a>
<a class="button button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'22off')" v-else>关</a>
</div>
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'21on')" v-if="getData(device,'状态')==='关'">开</a>
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'22off')" v-else>关</a>
</template>
</div>
</div>
<div class="row">
<div class="col-50 tablet-33 desktop-20"></div>
<div class="col-50 tablet-33 desktop-20">
<div class="col-100 tablet-50 desktop-25"></div>
<div class="col-100 tablet-50 desktop-25">
<div class="row">
<a class="button button-raised button-fill" href="javascript: ;" v-on:click="callAll('一路照明开关','21on')">全开</a>
<a class="button button-raised button-fill" href="javascript: ;" v-on:click="callAll('一路照明开关','22off')">全关</a>
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="callAll('一路照明开关','21on')">批量开</a>
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="callAll('一路照明开关','22off')">批量关</a>
</div>
</div>
</div>
@ -331,32 +312,24 @@
<div class="block-title">二路灯开关</div>
<div class="block block-strong">
<div class="row">
<div class="col-50 tablet-33 desktop-20" v-for="device in getDevices('二路灯开关')">
<div class="row">
<a class="button button-raised" :href="'/device/'+device.Number+'/name/'+device.Name">{{device.DisplayName||device.Name}}</a>
</div>
<div class="col-100 tablet-50 desktop-25" v-for="device in getDevices('二路灯开关')">
<a class="button button-large button-raised" :href="'/device/'+device.Number+'/name/'+device.Name">{{device.DisplayName||device.Name}}</a>
<template v-else-if="device.Name==='二路灯开关'">
<div class="row">
<a class="button button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'21on')">全开</a>
<a class="button button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'22off')">全关</a>
</div>
<div class="row">
<a class="button button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'23l1on')" v-if="getData(device,'L1状态')==='关'">开</a>
<a class="button button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'24l1off')" v-else>关</a>
</div>
<div class="row">
<a class="button button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'25l2on')" v-if="getData(device,'L2状态')==='关'">开</a>
<a class="button button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'26l2off')" v-else>关</a>
</div>
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'21on')">全开</a>
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'22off')">全关</a>
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'23l1on')" v-if="getData(device,'L1状态')==='关'">开</a>
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'24l1off')" v-else>关</a>
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'25l2on')" v-if="getData(device,'L2状态')==='关'">开</a>
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'26l2off')" v-else>关</a>
</template>
</div>
</div>
<div class="row">
<div class="col-50 tablet-33 desktop-20"></div>
<div class="col-50 tablet-33 desktop-20">
<div class="col-100 tablet-50 desktop-25"></div>
<div class="col-100 tablet-50 desktop-25">
<div class="row">
<a class="button button-raised button-fill" href="javascript: ;" v-on:click="callAll('二路灯开关','21on')">全开</a>
<a class="button button-raised button-fill" href="javascript: ;" v-on:click="callAll('二路灯开关','22off')">全关</a>
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="callAll('二路灯开关','21on')">批量开</a>
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="callAll('二路灯开关','22off')">批量关</a>
</div>
</div>
</div>
@ -366,32 +339,26 @@
<div class="block-title">三路照明开关</div>
<div class="block block-strong">
<div class="row">
<div class="col-50 tablet-33 desktop-20" v-for="device in getDevices('三路照明开关')">
<div class="row">
<a class="button button-raised" :href="'/device/'+device.Number+'/name/'+device.Name">{{device.DisplayName||device.Name}}</a>
</div>
<div class="col-100 tablet-50 desktop-25" v-for="device in getDevices('三路照明开关')">
<a class="button button-large button-raised" :href="'/device/'+device.Number+'/name/'+device.Name">{{device.DisplayName||device.Name}}</a>
<template v-if="device.Name==='三路照明开关'">
<div class="row">
<a class="button button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'21on')">全开</a>
<a class="button button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'22off')">全关</a>
</div>
<div class="row">
<a class="button button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'23on')" v-if="getData(device,'状态4')==='关'">开</a>
<a class="button button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'24off')" v-else>关</a>
<a class="button button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'25on')" v-if="getData(device,'状态5')==='关'">开</a>
<a class="button button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'26off')" v-else>关</a>
<a class="button button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'27on')" v-if="getData(device,'状态6')==='关'">开</a>
<a class="button button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'28off')" v-else>关</a>
</div>
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'21on')">全开</a>
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'22off')">全关</a>
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'23on')" v-if="getData(device,'状态4')==='关'">开</a>
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'24off')" v-else>关</a>
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'25on')" v-if="getData(device,'状态5')==='关'">开</a>
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'26off')" v-else>关</a>
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'27on')" v-if="getData(device,'状态6')==='关'">开</a>
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'28off')" v-else>关</a>
</template>
</div>
</div>
<div class="row">
<div class="col-50 tablet-33 desktop-20"></div>
<div class="col-50 tablet-33 desktop-20">
<div class="col-100 tablet-50 desktop-25"></div>
<div class="col-100 tablet-50 desktop-25">
<div class="row">
<a class="button button-raised button-fill" href="javascript: ;" v-on:click="callAll('三路照明开关','21on')">全开</a>
<a class="button button-raised button-fill" href="javascript: ;" v-on:click="callAll('三路照明开关','22off')">全关</a>
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="callAll('三路照明开关','21on')">批量开</a>
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="callAll('三路照明开关','22off')">批量关</a>
</div>
</div>
</div>
@ -401,24 +368,20 @@
<div class="block-title">墙面插座</div>
<div class="block block-strong">
<div class="row">
<div class="col-50 tablet-33 desktop-20" v-for="device in getDevices('墙面插座')">
<div class="row">
<a class="button button-raised" :href="'/device/'+device.Number+'/name/'+device.Name">{{device.DisplayName||device.Name}}</a>
</div>
<div class="col-100 tablet-50 desktop-25" v-for="device in getDevices('墙面插座')">
<a class="button button-large button-raised" :href="'/device/'+device.Number+'/name/'+device.Name">{{device.DisplayName||device.Name}}</a>
<template v-if="device.Name==='墙面插座'">
<div class="row">
<a class="button button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'21on')" v-if="getData(device,'状态')==='关'">开</a>
<a class="button button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'22off')" v-else>关</a>
</div>
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'21on')" v-if="getData(device,'状态')==='关'">开</a>
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'22off')" v-else>关</a>
</template>
</div>
</div>
<div class="row">
<div class="col-50 tablet-33 desktop-20"></div>
<div class="col-50 tablet-33 desktop-20">
<div class="col-100 tablet-50 desktop-25"></div>
<div class="col-100 tablet-50 desktop-25">
<div class="row">
<a class="button button-raised button-fill" href="javascript: ;" v-on:click="callAll('墙面插座','21on')">全开</a>
<a class="button button-raised button-fill" href="javascript: ;" v-on:click="callAll('墙面插座','22off')">全关</a>
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="callAll('墙面插座','21on')">批量开</a>
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="callAll('墙面插座','22off')">批量关</a>
</div>
</div>
</div>
@ -428,24 +391,20 @@
<div class="block-title">一路插座</div>
<div class="block block-strong">
<div class="row">
<div class="col-50 tablet-33 desktop-20" v-for="device in getDevices('一路插座')">
<div class="row">
<a class="button button-raised" :href="'/device/'+device.Number+'/name/'+device.Name">{{device.DisplayName||device.Name}}</a>
</div>
<div class="col-100 tablet-50 desktop-25" v-for="device in getDevices('一路插座')">
<a class="button button-large button-raised" :href="'/device/'+device.Number+'/name/'+device.Name">{{device.DisplayName||device.Name}}</a>
<template v-if="device.Name==='一路插座'">
<div class="row">
<a class="button button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'21on')" v-if="getData(device,'状态')==='关'">开</a>
<a class="button button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'22off')" v-else>关</a>
</div>
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'21on')" v-if="getData(device,'状态')==='关'">开</a>
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'22off')" v-else>关</a>
</template>
</div>
</div>
<div class="row">
<div class="col-50 tablet-33 desktop-20"></div>
<div class="col-50 tablet-33 desktop-20">
<div class="col-100 tablet-50 desktop-25"></div>
<div class="col-100 tablet-50 desktop-25">
<div class="row">
<a class="button button-raised button-fill" href="javascript: ;" v-on:click="callAll('一路插座','21on')">全开</a>
<a class="button button-raised button-fill" href="javascript: ;" v-on:click="callAll('一路插座','22off')">全关</a>
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="callAll('一路插座','21on')">批量开</a>
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="callAll('一路插座','22off')">批量关</a>
</div>
</div>
</div>
@ -455,24 +414,20 @@
<div class="block-title">二路插座</div>
<div class="block block-strong">
<div class="row">
<div class="col-50 tablet-33 desktop-20" v-for="device in getDevices('二路插座')">
<div class="row">
<a class="button button-raised" :href="'/device/'+device.Number+'/name/'+device.Name">{{device.DisplayName||device.Name}}</a>
</div>
<div class="col-100 tablet-50 desktop-25" v-for="device in getDevices('二路插座')">
<a class="button button-large button-raised" :href="'/device/'+device.Number+'/name/'+device.Name">{{device.DisplayName||device.Name}}</a>
<template v-if="device.Name==='二路插座'">
<div class="row">
<a class="button button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'21on')" v-if="getData(device,'状态')==='关'">开</a>
<a class="button button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'22off')" v-else>关</a>
</div>
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'21on')" v-if="getData(device,'状态')==='关'">开</a>
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'22off')" v-else>关</a>
</template>
</div>
</div>
<div class="row">
<div class="col-50 tablet-33 desktop-20"></div>
<div class="col-50 tablet-33 desktop-20">
<div class="col-100 tablet-50 desktop-25"></div>
<div class="col-100 tablet-50 desktop-25">
<div class="row">
<a class="button button-raised button-fill" href="javascript: ;" v-on:click="callAll('二路插座','21on')">全开</a>
<a class="button button-raised button-fill" href="javascript: ;" v-on:click="callAll('二路插座','22off')">全关</a>
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="callAll('二路插座','21on')">批量开</a>
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="callAll('二路插座','22off')">批量关</a>
</div>
</div>
</div>
@ -482,22 +437,18 @@
<div class="block-title">密码门锁</div>
<div class="block block-strong">
<div class="row">
<div class="col-50 tablet-33 desktop-20" v-for="device in getDevices('密码门锁')">
<div class="row">
<a class="button button-raised" :href="'/device/'+device.Number+'/name/'+device.Name">{{device.DisplayName||device.Name}}</a>
</div>
<div class="col-100 tablet-50 desktop-25" v-for="device in getDevices('密码门锁')">
<a class="button button-large button-raised" :href="'/device/'+device.Number+'/name/'+device.Name">{{device.DisplayName||device.Name}}</a>
<template v-if="device.Name==='密码门锁'">
<div class="row">
<a class="button button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'21open')">开</a>
</div>
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'21open')">开</a>
</template>
</div>
</div>
<div class="row">
<div class="col-50 tablet-33 desktop-20"></div>
<div class="col-50 tablet-33 desktop-20">
<div class="col-100 tablet-50 desktop-25"></div>
<div class="col-100 tablet-50 desktop-25">
<div class="row">
<a class="button button-raised button-fill" href="javascript: ;" v-on:click="callAll('密码门锁','21open')">全开</a>
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="callAll('密码门锁','21open')">批量开</a>
</div>
</div>
</div>
@ -507,17 +458,13 @@
<div class="block-title">红外转发器</div>
<div class="block block-strong">
<div class="row">
<div class="col" v-for="device in getDevices('红外转发器')">
<div class="row">
<a class="button button-raised" :href="'/device/'+device.Number+'/name/'+device.Name">{{device.DisplayName||device.Name}}</a>
</div>
<div class="row">
<template v-for="data in _.orderBy(device.Data,['DisplayOrder','Name'])">
<template v-if="data.Key==='code[]'">
<a v-for="key in JSON.parse(data.Value)" class="button button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'22call','code='+key.value)">{{key.text}}</a>
</template>
<div class="col-100 tablet-50 desktop-25" v-for="device in getDevices('红外转发器')">
<a class="button button-large button-raised" :href="'/device/'+device.Number+'/name/'+device.Name">{{device.DisplayName||device.Name}}</a>
<template v-for="data in _.orderBy(device.Data,['DisplayOrder','Name'])">
<template v-if="data.Key==='code[]'">
<a v-for="key in JSON.parse(data.Value)" class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'22call','code='+key.value)">{{key.text}}</a>
</template>
</div>
</template>
</div>
</div>
</div>
@ -527,23 +474,19 @@
<div class="block block-strong">
<div class="row">
<div class="col" v-for="device in getDevices('串口控制器')">
<div class="row">
<a class="button button-raised" :href="'/device/'+device.Number+'/name/'+device.Name">{{device.DisplayName||device.Name}}</a>
</div>
<div class="row">
<template v-for="data in _.orderBy(device.Data,['DisplayOrder','Name'])">
<template v-if="data.Key==='code[]'">
<div class="col" v-for="(value, key, index) in _.chain(JSON.parse(data.Value)).groupBy(o => o.text.split('-')[0]).value()">
<div>{{key}}</div>
<div class="row">
<a v-for="btn in value" class="button button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'send','code='+btn.value)">
{{btn.text.indexOf('-')>0?btn.text.split('-')[1]:btn.text}}
</a>
</div>
<a class="button button-large button-raised" :href="'/device/'+device.Number+'/name/'+device.Name">{{device.DisplayName||device.Name}}</a>
<template v-for="data in _.orderBy(device.Data,['DisplayOrder','Name'])">
<template v-if="data.Key==='code[]'">
<div class="col" v-for="(value, key, index) in _.chain(JSON.parse(data.Value)).groupBy(o => o.text.split('-')[0]).value()">
<div>{{key}}</div>
<div class="card">
<a v-for="btn in value" class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'send','code='+btn.value)">
{{btn.text.indexOf('-')>0?btn.text.split('-')[1]:btn.text}}
</a>
</div>
</template>
</div>
</template>
</div>
</template>
</div>
</div>
</div>
@ -552,13 +495,9 @@
<div class="block-title">摄像头</div>
<div class="block block-strong">
<div class="row">
<div class="col" v-for="device in getDevices('摄像头')">
<div class="row">
<a class="button button-raised" :href="'/device/'+device.Number+'/name/'+device.Name">{{device.DisplayName||device.Name}}</a>
</div>
<div class="row">
<a class="button button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'20shot')">截图</a>
</div>
<div class="col-100 tablet-50 desktop-25" v-for="device in getDevices('摄像头')">
<a class="button button-large button-raised" :href="'/device/'+device.Number+'/name/'+device.Name">{{device.DisplayName||device.Name}}</a>
<a class="button button-large button-raised button-fill" href="javascript: ;" v-on:click="call(device.Id,'20shot')">截图</a>
</div>
</div>
</div>
@ -570,7 +509,7 @@
<f7-navbar>
<f7-navbar :title="Device.DisplayName||Device.Name" back-link="Back"></f7-navbar>
</f7-navbar>
<div class="block-title">属性{{Device.Data.length}}</div>
<div class="block-title" v-if="Device.Data.length">属性</div>
<div class="list">
<ul v-if="Device.Data.length">
<template v-for="data in Device.Data">
@ -599,14 +538,23 @@
</ul>
</div>
<div class="block-title" v-if="Device.Apis.length">操作</div>
<template v-if="Device.Apis.length">
<div class="list" v-if="Device.Apis.length">
<ul>
<li>
<div class="item-content">
<div class="item-inner">
<a style='width:100%;' v-if="Device.Name==='摄像头'" class="button button-large button-fill button-outline external" :href="getUrl()">查看视频</a>
</div>
</div>
</li>
</ul>
<template v-for="api in _.orderBy(Device.Apis,['Command'])">
<form method="get" action="/Command/Exec" v-on:submit.prevent="call" class="command">
<form method="get" action="/Command/Exec" v-on:submit.prevent="call" class="command" v-if="showApi(api)">
<input type="hidden" name="cmd" :value="api.Command" />
<input type="hidden" name="id" :value="Device.Id" />
<div class="list">
<ul>
<template v-for="parameter in api.Parameters">
<ul>
<template v-for="parameter in api.Parameters">
<template>
<li class="item-content item-input item-input-outline" v-if="parameter.Name!='hidden'">
<div class="item-inner">
<div class="item-title item-floating-label">{{parameter.Description}}</div>
@ -641,18 +589,18 @@
</div>
</li>
</template>
<li>
<div class="item-content">
<div class="item-inner">
<button class="button button-fill button-outline" type="submit">{{api.Name}}</button>
</div>
</template>
<li>
<div class="item-content">
<div class="item-inner">
<button class="button button-large button-fill button-outline" type="submit">{{api.Name}}</button>
</div>
</li>
</ul>
</div>
</div>
</li>
</ul>
</form>
</template>
</template>
</div>
</f7-page>
</template>
<template id="page-not-found">

BIN
projects/Demo/Demo/wwwroot/js/app.js
View File

Binary file not shown.
Write Preview
Loading…
Cancel
Save