You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
76 lines
4.4 KiB
76 lines
4.4 KiB
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui, viewport-fit=cover">
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
<link rel="stylesheet" href="lib/framework7/css/framework7.bundle.min.css">
|
|
<link rel="stylesheet" href="css/framework7-icons.css">
|
|
<link rel="stylesheet" href="lib/toastr/toastr.min.css">
|
|
<link rel="stylesheet" href="css/app.css">
|
|
</head>
|
|
<body>
|
|
<div class="statusbar"></div>
|
|
<div id="app">
|
|
<div id="loading" style="">loading...</div>
|
|
<f7-app :params="$root.f7params">
|
|
<f7-view main>
|
|
<f7-page>
|
|
<f7-navbar :title="model?model.Name:'产品'">
|
|
<a href="index.html" slot="nav-left" class="link external"><i class="icon icon-back"></i>返回</a>
|
|
</f7-navbar>
|
|
<div class="row" v-if="model">
|
|
<div class="col-100" v-if="HasBatchCommand()">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<div>
|
|
<input type="checkbox" id="All" class="checkall" v-on:change="SelectDevice($event)" />
|
|
<label for="All" class="button button-raised" style="display:inline-block;">全选</label>
|
|
<label class="button button-raised uncheck" style="display:inline-block;" v-on:click="SelectDevice($event)">反选</label>
|
|
</div>
|
|
<div class="row">
|
|
<label class="button button-raised" v-on:click="CallApiAll('On')">开</label>
|
|
<label class="button button-raised" v-on:click="CallApiAll('Stop')" v-if="model.Name.indexOf('窗帘电机')>=0">停</label>
|
|
<label class="button button-raised" v-on:click="CallApiAll('Off')">关</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-50" v-for="item in GetDevices()">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h3 class="card-title">
|
|
<label style="font-weight:normal;"><input type="checkbox" name="numbers[]" class="item" :value="item.Number" v-if="HasBatchCommand()" v-on:change="SelectDevice($event)">{{item.Name}}</label>
|
|
</h3>
|
|
<div v-if="HasBatchCommand()">{{GetDataValue(item.Number,'状态')}}</div>
|
|
</div>
|
|
<a class="card-body external" :href="'device.html?number='+item.Number+'&productNumber='+model.Number" style="display:block;text-align:center;">
|
|
<img :alt="item.Name" :src="server+'/IoTCenter'+model.Image" style="margin:0 auto;max-width:64px;" />
|
|
</a>
|
|
<div class="card-footer">
|
|
{{item.Node.Name}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</f7-page>
|
|
</f7-view>
|
|
</f7-app>
|
|
</div>
|
|
<script src="lib/signalr/signalr.min.js"></script>
|
|
<script src="lib/axios/axios.min.js"></script>
|
|
<script src="lib/urijs/URI.min.js"></script>
|
|
<script src="lib/linq/linq.min.js"></script>
|
|
<script src="lib/jquery/jquery.min.js"></script>
|
|
<script src="lib/jquery-validation/jquery.validate.min.js"></script>
|
|
<script src="lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.min.js"></script>
|
|
<script src="lib/vue/vue.min.js"></script>
|
|
<script src="lib/framework7/js/framework7.bundle.min.js"></script>
|
|
<script src="lib/framework7/js/framework7-vue.bundle.min.js"></script>
|
|
<script src="lib/flv.js/flv.min.js"></script>
|
|
<script src="lib/chart.js/Chart.bundle.min.js"></script>
|
|
<script src="lib/toastr/toastr.min.js"></script>
|
|
<script src="js/page.js"></script>
|
|
<script src="js/product.js"></script>
|
|
</body>
|
|
</html> |