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.
105 lines
4.4 KiB
105 lines
4.4 KiB
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<link rel="stylesheet" href="lib/framework7/css/framework7.bundle.min.css">
|
|
<link rel="stylesheet" href="css/framework7-icons.css">
|
|
<link rel="stylesheet" href="css/app.css">
|
|
<style>
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="statusbar"></div>
|
|
<div id="app">
|
|
<f7-app :params="$root.f7params">
|
|
<f7-view main>
|
|
<f7-page>
|
|
<f7-navbar title="节点">
|
|
<f7-nav-right>
|
|
<f7-link class="searchbar-enable" data-searchbar=".searchbar" icon-ios="f7:search"></f7-link>
|
|
</f7-nav-right>
|
|
<f7-searchbar class="searchbar-demo"
|
|
expandable
|
|
search-container=".search-list"
|
|
search-in=".item-title"></f7-searchbar>
|
|
</f7-navbar>
|
|
<f7-list class="searchbar-not-found">
|
|
<f7-list-item title="没有匹配的结果"></f7-list-item>
|
|
</f7-list>
|
|
<f7-list class="search-list searchbar-found">
|
|
<f7-list-item v-if="nodes" v-for="n in nodes" :title="n.Name" ></f7-list-item>
|
|
</f7-list>
|
|
<f7-toolbar tabbar labels position="bottom">
|
|
<a href="index.html" class="tab-link external">
|
|
<i class="icon icon f7-icons">house</i>
|
|
<span class="tabbar-label">首页</span>
|
|
</a>
|
|
<a href="nodes.html" class="tab-link external tab-link-active">
|
|
<i class="icon f7-icons">circle_grid_hex</i>
|
|
<span class="tabbar-label">节点</span>
|
|
</a>
|
|
<a href="user.html" class="tab-link external">
|
|
<i class="icon f7-icons">person</i>
|
|
<span class="tabbar-label">我的</span>
|
|
</a>
|
|
</f7-toolbar>
|
|
</f7-page>
|
|
</f7-view>
|
|
</f7-app>
|
|
</div>
|
|
<script type="text/javascript" src="lib/axios/axios.min.js"></script>
|
|
<script type="text/javascript" src="lib/jquery/jquery.min.js"></script>
|
|
<script type="text/javascript" src="lib/jquery.validation/jquery.validate.min.js"></script>
|
|
<script type="text/javascript" src="lib/jquery.validation.unobtrusive/jquery.validate.unobtrusive.min.js"></script>
|
|
<script type="text/javascript" src="lib/vue/vue.min.js"></script>
|
|
<script type="text/javascript" src="lib/framework7/js/framework7.bundle.min.js"></script>
|
|
<script type="text/javascript" src="lib/framework7/js/framework7-vue.bundle.min.js"></script>
|
|
<script type="text/javascript">
|
|
Framework7.use(Framework7Vue);
|
|
var app;
|
|
var vm = new Vue({
|
|
el: '#app',
|
|
data() {
|
|
return {
|
|
f7params: {
|
|
routes: [],
|
|
name: 'My App',
|
|
id: 'com.myapp.test',
|
|
theme: 'ios',
|
|
},
|
|
server: localStorage.getItem('server'),
|
|
token: localStorage.getItem('token'),
|
|
nodes: null
|
|
};
|
|
},
|
|
mounted() {
|
|
if (!this.server) {
|
|
location.href = "config.html";
|
|
}
|
|
if (!this.token) {
|
|
location.href = "login.html";
|
|
}
|
|
this.$f7ready((f7) => {
|
|
app = this.$f7;
|
|
});
|
|
this.load();
|
|
},
|
|
methods: {
|
|
load: function () {
|
|
var url = this.server + '/IoTCenter/App/GetNodes';
|
|
var data = new FormData();
|
|
data.append('token', this.token);
|
|
axios.post(url, data)
|
|
.then(function (response) {
|
|
console.log(response);
|
|
var data = response.data;
|
|
vm.nodes = data;
|
|
})
|
|
.catch(function (error) {
|
|
app.dialog.alert(error, '警告', function () { })
|
|
});
|
|
}
|
|
}
|
|
})
|
|
</script>
|
|
</body>
|
|
</html> |