|
|
|
@ -179,51 +179,85 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row" v-if="model.Product.Apis.length>0">
|
|
|
|
|
<template v-if="model.Product.Apis.length>0">
|
|
|
|
|
<!--接口-->
|
|
|
|
|
<div class="col-md-12">
|
|
|
|
|
<div class="card">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card">
|
|
|
|
|
<div class="card-header">
|
|
|
|
|
<h3 class="card-title">接口</h3>
|
|
|
|
|
<template v-if="model.Name!=='调色灯'">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-md-12">
|
|
|
|
|
<button class="btn btn-success" v-for="api in Enumerable.from(model.Product.Apis).orderBy('o=>o.Name')" v-if="api.Parameters.length<=1">{{api.Name}}</button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card-body">
|
|
|
|
|
<template v-if="model.Name==='摄像头'">
|
|
|
|
|
</template>
|
|
|
|
|
<template v-else-if="model.Name==='调色灯'">
|
|
|
|
|
</div>
|
|
|
|
|
<form class="form-horizontal" v-for="api in Enumerable.from(model.Product.Apis).orderBy('o=>o.Name')" v-if="api.Parameters.length>1">
|
|
|
|
|
<input type="hidden" name="Number" :value="model.Number" />
|
|
|
|
|
<input type="hidden" name="Method" :value="api.Method" />
|
|
|
|
|
<div class="form-group" v-for="item in api.Parameters" v-if="item.Name!=='number'">
|
|
|
|
|
<label :for="item.Name">{{item.Description}}:</label>
|
|
|
|
|
<template v-if="item.Type==='string'">
|
|
|
|
|
<input type="text" class="form-control" :name="item.Name" :value="GetDataValueByKey(item.Name)" />
|
|
|
|
|
</template>
|
|
|
|
|
<template v-else-if="model.Name==='红外转发器'">
|
|
|
|
|
<template v-else>
|
|
|
|
|
<input type="text" class="form-control" :name="item.Name" :value="GetDataValueByKey(item.Name)" />
|
|
|
|
|
</template>
|
|
|
|
|
<template>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-md-12">
|
|
|
|
|
<button class="btn btn-success" v-for="api in Enumerable.from(model.Product.Apis).orderBy('o=>o.Name')" v-if="api.Parameters.length<=1">{{api.Name}}</button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-sm-12">
|
|
|
|
|
<button class="btn btn-success">{{api.Name}}</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
</template>
|
|
|
|
|
<template v-else-if="model.Name==='调色灯'">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-md-12">
|
|
|
|
|
<div class="card btns">
|
|
|
|
|
<div class="card-header">
|
|
|
|
|
<h3 class="card-title">
|
|
|
|
|
<img src="/images/light.png" />{{model.DisplayName||model.Name}}
|
|
|
|
|
</h3>
|
|
|
|
|
<div class="card-tools">
|
|
|
|
|
<img v-if="GetDataValue('状态')=='开'" v-on:click="CallApi(model.Number,'/ColorLight/Off')" src="/images/on.png" />
|
|
|
|
|
<img v-if="GetDataValue('状态')=='关'" v-on:click="CallApi(model.Number,'/ColorLight/On')" src="/images/off.png" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<form class="form-horizontal" v-for="api in Enumerable.from(model.Product.Apis).orderBy('o=>o.Name')" v-if="api.Parameters.length>1">
|
|
|
|
|
<input type="hidden" name="Number" :value="model.Number" />
|
|
|
|
|
<input type="hidden" name="Method" :value="api.Method" />
|
|
|
|
|
<div class="form-group" v-for="item in api.Parameters" v-if="item.Name!=='number'">
|
|
|
|
|
<label :for="item.Name">{{item.Description}}:</label>
|
|
|
|
|
<template v-if="item.Type==='string'">
|
|
|
|
|
<input type="text" class="form-control" :name="item.Name" :value="GetDataValueByKey(item.Name)" />
|
|
|
|
|
</template>
|
|
|
|
|
<template v-else>
|
|
|
|
|
<input type="text" class="form-control" :name="item.Name" :value="GetDataValueByKey(item.Name)" />
|
|
|
|
|
</template>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-sm-12">
|
|
|
|
|
<button class="btn btn-success">{{api.Name}}</button>
|
|
|
|
|
<div class="card-body">
|
|
|
|
|
<form method="get" action="/App/ExecApi">
|
|
|
|
|
<input type="hidden" name="Number" :value="model.Number" />
|
|
|
|
|
<input type="hidden" name="Method" value="/ColorLight/SetColor" />
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-md-3 col-xs-4">
|
|
|
|
|
<label class="btn">色调</label>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-9 col-xs-8">
|
|
|
|
|
<input v-on:change="AjaxSubmit($event,model.Number,'色调')" type="range" min="0" step="1" max="255" name="Hue" class="hue" :value="GetDataValue(model.Number,'色调')" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
</template>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-md-3 col-xs-4">
|
|
|
|
|
<label class="btn">饱和度</label>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-9 col-xs-8">
|
|
|
|
|
<input v-on:change="AjaxSubmit($event,model.Number,'饱和度')" type="range" min="0" step="1" max="254" name="Saturation" class="saturation" :value="GetDataValue(model.Number,'饱和度')" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
<form method="get" action="/App/ExecApi">
|
|
|
|
|
<input type="hidden" name="Number" :value="model.Number" />
|
|
|
|
|
<input type="hidden" name="Method" value="/ColorLight/SetBrightness" />
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-md-3 col-xs-4">
|
|
|
|
|
<label class="btn">亮度</label>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-9 col-xs-8">
|
|
|
|
|
<input v-on:change="AjaxSubmit($event,model.Number,'亮度')" type="range" min="0" step="1" max="254" name="Brightness" class="brightness" :value="GetDataValue(model.Number,'亮度')" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
</template>
|
|
|
|
|
</template>
|
|
|
|
|
</div>
|
|
|
|
|
@section scripts{
|
|
|
|
|