From 4e55b2fe26bdd4792bf4f2e47f709023316bf978 Mon Sep 17 00:00:00 2001
From: pnoker <pnokers@icloud.com>
Date: Sun, 22 Dec 2019 22:01:23 +0800
Subject: [PATCH] .

---
 src/App.vue            |  55 +++++++++++++++++++++----------
 src/assets/logo.png    | Bin 8949 -> 16972 bytes
 src/router/router.js   |  71 ++++++++++++++++++++++++++++++++++-------
 src/views/Alarm.vue    |   5 +++
 src/views/History.vue  |   5 +++
 src/views/Home.vue     |  12 -------
 src/views/Node.vue     |  23 +++++++++++++
 src/views/Now.vue      |   5 +++
 src/views/Picture.vue  |  23 +++++++++++++
 src/views/Template.vue |  23 +++++++++++++
 src/views/Things.vue   |  64 +++++++++++++++++++++++++++++++++++++
 src/views/Video.vue    |  23 +++++++++++++
 12 files changed, 269 insertions(+), 40 deletions(-)
 create mode 100644 src/views/Alarm.vue
 create mode 100644 src/views/History.vue
 create mode 100644 src/views/Node.vue
 create mode 100644 src/views/Now.vue
 create mode 100644 src/views/Picture.vue
 create mode 100644 src/views/Template.vue
 create mode 100644 src/views/Things.vue
 create mode 100644 src/views/Video.vue

diff --git a/src/App.vue b/src/App.vue
index 15aaaa5..c94ead2 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,15 +1,10 @@
 <template>
     <div class="container">
         <div class="header">
-            <el-col :span="6" class="header_item">
-                <div class="logo">
-                    <el-avatar shape="square" :size="50">
-                        <img src="./assets/logo.png">
-                    </el-avatar>
-                    <span class="title">DC3 Web</span>
-                </div>
+            <el-col :span="5" class="header_item">
+                <img class="logo" src="./assets/logo.png">
             </el-col>
-            <el-col :span="12" class="header_item">
+            <el-col :span="14" class="header_item">
                 <el-menu class="menu"
                          :default-active="$store.getters.getNav"
                          mode="horizontal"
@@ -21,11 +16,15 @@
                     <el-menu-item index="/now">实时</el-menu-item>
                     <el-menu-item index="/history">历史</el-menu-item>
                     <el-menu-item index="/alarm">报警</el-menu-item>
+                    <el-menu-item index="/node">节点</el-menu-item>
+                    <el-menu-item index="/picture">图片</el-menu-item>
                     <el-menu-item index="/video">视频</el-menu-item>
+                    <el-menu-item index="/setting">设置</el-menu-item>
+                    <el-menu-item index="/help">帮助</el-menu-item>
                     <el-menu-item index="/about">关于</el-menu-item>
                 </el-menu>
             </el-col>
-            <el-col :span="4" class="header_item">
+            <el-col :span="3" class="header_item">
                 <el-badge :value="12" :max="99" class="badge_item" type="primary">
                     <span class="span_small" @click="handleMessage">消息</span>
                 </el-badge>
@@ -78,15 +77,19 @@
         border-bottom: 1px solid #dcdfe6;
     }
 
+    .header_item {
+        height: 100%;
+    }
+
     .logo {
-        margin: 5px 10px;
+        height: 60px;
+        margin-left: 10px;
     }
 
     .title {
-        margin: 11px;
+        margin: 5px;
         color: #1296db;
-        font-size: 27px;
-        font-weight: bold;
+        font-size: 25px;
         position: absolute;
     }
 
@@ -96,8 +99,8 @@
         border-bottom: none !important;
     }
 
-    .header_item {
-        height: 100%;
+    .menu .el-menu-item {
+        font-size: 16px;
     }
 
     .badge_item {
@@ -122,14 +125,32 @@
 
     .body {
         top: 60px;
-        bottom: 3px;
-        margin: 2px 8px;
+        bottom: 1px;
+        width: 100%;
         position: absolute;
 
         .el-scrollbar__wrap {
             overflow-x: hidden;
         }
     }
+
+    .view {
+        top: 1px;
+        bottom: 0px;
+        width: 100%;
+        position: absolute;
+    }
+
+    .operator {
+        text-align: center;
+        margin: 5px 0px;
+    }
+
+    .page {
+        right: 1px;
+        bottom: 1px;
+        position: absolute !important;
+    }
 </style>
 
 <script>
diff --git a/src/assets/logo.png b/src/assets/logo.png
index cfbf7b729fcd378adc753e934daa03c494b8541c..50a087fa490910ff8d60b5d73b5554db325607e5 100644
GIT binary patch
delta 14378
zcma*OXH-+$7d?uCfJhaP4grElM-edePAGyvkX}^~>7m!7^r9F-m(Zkl5a~^tQiGuM
zCYVs98A7iw_uk)sy!Yk3@xGj~$H>Y$d#~NrS#!<<_2GzX+_6veG^r?9DTs)OsI;JJ
zhD1cy)(Gtn<fMdW(%08lwcIEQKsrE6O&R7tyOkA?&THbcuJ1Rh>uxw9Z$ip1{PiJ;
z!k3#mncLxD64q|wPl)er7<uxD!kafqIuM|}>&p_P#W*R6N}0xj4BYi}C01P!ZR(Vs
zX;_cML)$Nh-U~*22gCktKNi294X<Btmx>ITYgZy+hD(Z}OT*G`<vKp)z|QWX*Qh*G
zTptfJC24q<Z4Axo-Tzt`7x8}^{WG@zG<Y2ezY-c6=zq+_nIUZd+Ka=b{-0LiiFN<8
z`v2z!aAAY&9v{n(c^tNjx1VV!O%X4PlaIgdeO;h@k5kno-y_V?jN!cY$@#UsV;Arx
zV*76<;y9q>+z7ExtxO430Dp2ufJt>2K^v#96GROzhhc{@P-_ncjnQ_tq6Y!AGepAC
z*EmQmPHgFk%f?6Tv4QNQxWAGqmtd<?mT?e}OuGDle6Pz_a+=|_hqj`{Y2EqR&=fa2
z6_Odzw&(bF)sZ{pD$}0U?a66-CNT9H6Aq>tw}ZA&(w_y_EaV1rD1hMs(B}cYz8BBq
zjx$tF+-WfYQS9jLgv**I=b{!jIwKQ8<!<jX^x6thrEb0fk>))#O^D(k+Y|ToTx<hq
z|A{81O<;`<e6gwGY2FkZ2|Le)Sq3u{#Fw0Nfi~V#tgLaL{MJC9eB-kUjrO>x)>?T6
zec$0;(iBqwyy?xM?X7DVr~hwSF!Q?To8V9;q=KbMzt5OD_{vx7(w?W)_f#qcua|co
zAj@_RQg2D82-tmsd)F|Y1AMmJ#r^NUmip*U9;joY_x-kXt~=gwO)py)kCGA;TSqW1
zyc>0eD`bWiEq<12g`K=HHZT8O9vbKgcq%lw8N7(J6f9t1N<3!OVa#sjz{qus>Q7hg
z_KRqrBo2{OM2?H;u>QMZ67l;xY<?g24t<2v%FI3kPrBaIR{^u)Ly*J+&D#(KHr`fu
z%jCHBf}Xm6yCwb_&UrR{G3GHzjF|S?4-qiQNgmTKiiz{;5p?us7T&W7FK~aqmtDxf
zq^@C8%e(e_{mqxQf1)Z5g*P1D`M5Fw?O>`;ANtsA^(e3^Fz6`_R*r|^{Vh%Yi1FL8
z0C0ojLJb@m=dmxrhpS6$lStgxK^(t;p86&3?{aTQLst})`+&Rizp}!P#SCy~1}9Fi
z^Y?~0{(=>+MF02T4ynDfRrr0M%dQoSw0rQ}Pp0>8KQMI@HV7#cZ5TjTd#F&lPrQJr
z6Lw`Wui{@z^m_m9@r%8iiBx*E?4j2InRA%MiQ{zdsAgYhY=KQI^;HMxLc{x5<YTh(
zr9$3ucwwc*X%1rF4V*=<Z6j#ep^LbJz|PfS=ZvMtn}#?>L!4jX%2jF{0A{oiVYCrq
zbS`ZIG1`bRE`b@Bco>%i8LtclJFEmdR0TV91QqTwF7Yxh@iQ)oF)D%>6$$_1+MT>W
z#>K-2gl2QBt^!wdG>b=W*%5X+F?bERCFAf(xW=BT*#gmVJ+?Etz$9_s2YKF>d(I6D
zRuk;V(?&FE^|2Y^vR*(It?ppjCBuSig!}0YaRZ_@0MNhQiu`<-xf)4u7j+F;x9!0o
z$C0A&Fd5F~9TVR$&IQ~Tiy#~rln9i1z(T#MwMBL%E6Z0}a7b(bH{pD-%bi5|e9K*F
zOi}%&5rs>}OaIrkIbF2jMyF`?8o}5A9oMNCLsJ7|CvzxR@n*E!2{;%X?ZpH!H}IR{
z<=i5Iqr4=qY+BCE46HO|ca0)*SFf^M4`tt>Qb@Ic)6t<=6OE`^6a+7Ae{a#7Y{{v9
zh{N1m&^n=sBXuZ;Z9-C%a@woudtt+$sgP-Mp;(0h|K|9m_N;4bE;O?rcUoUeqIBA>
z>zIxI>*Z{QI|;ANBvXGP>i4ofYhYd~2|te*Xg26Aut`Kl?gfp-??Qg8Dm6~Iii6?4
zfH#Aj-t8cbh{~bFL%a6om#ybhs(05cd$Y{H7dzV56Fad$z8xuGWGJtFyEt*>H>{bC
zKI4M+)rEJa#66<W;KQXwX%&>dRNRe#1z$J*ON;Da(z?2xq7YXguXQ>pS}ncgMBh2x
ze_}9vU@&;#F#ZSw&z{kMS4Fh1wcf)v1AD(jcZe$|6c(>$x>D;_UiPmtfpH-h$xdZx
z&ZWVel4EXRMo_bk;G)t>rUA|XW~pSau@YW#o|C`Ab&I0vw%gy3IqWWI!<~Dh8if1g
zvF})rPXjIFP(BR?Up75C<%OR6so;W00(O;Fq;K}Q(^7ZpJqkqM4J}Q<kLr#Ci4sq+
zId2Mb5(;tzld}^G^yz!A=u?1ajXUvAE`izJLqhC+)X!m=eOHw;C6J#J@k*42<5tJ$
zc;eePx|rLH9yQh1r*JV6w(?|QW-z4|z!uy2Hm(x{wTbE_L!`S*b<zqv;!m95s<*mO
z);bRbUkZWSUnhhLAupHK{{n5Gi=eRm^2B35#J)~sz72>$(E<?~1qzJ=U8v3B^ce>=
zm9NdZfrQgs!LHmJ;M@EW`Nf6#{DtH6Vf&A6@7~tlRa?1lfhz&Ilf({@y%3*fp}KP)
zd~|}y-MnUexg35!ISPCt{-<JBSLV{uu%K1aE0q4L$3>w&Jp0|43(!o5R~2-eFM^Av
zzF?g|znNeT&Z!v)!Fw{Zvp|HnNN{sQFYf1O($VLnqi<X#dq5K5{@VAlX$$;#aMa*M
zyVgtU0$UfE@^8W>@3mJ9z?{nCyzA?Uf5OGeoW0z$rPNtTQZ7Gpa7FAXKOt&hdyRdX
z^T1dka!}w!iHSlv9576&WF`rqHAh!PsY$&a8|G%d+8bk9?t7yrvQg4^ZVVHSeuBPb
zK}qaJ8Pk6!>Iu5$9hSY1Qbvz>DDoPsl3TCm;XDn5Sg;7X2}`<c9AMYyx8yRUcBiN}
zoSO3uQKGPwDer;{X+C<Ymp@Lc1CeE|h`%L%P@idcy5tr%005oFaUoqm(F5yb`$MG8
zDI~U?^>)xf%|JltEql(-ZP8Dc?mJ@SJe+syIAQ{x5s|TankjtX8g|)sp_SB{!zuEn
z>>T$Nj&n1eM+~s{)byJ*T{As<|GIvc+_bsJ7E7(n<M+Efg2GML;2~TiZOTRZxDs=_
z2Qe7n_FA@~1d#FKUF(VmRk+<x=AeAZ0219@_?YO$B9z3%)VpTCvEEzh0+C55=oF60
z3G1b8MrG|?Ze<Ui+{+yd&$1wsJ%dKD1s4QIJYTzMThQs;d>YWe_Jwu`;sU4Bn6IsT
zC?Ip+;?mt<N0N$ExOAi+a>|$CR&jq#<&J(vWodu?H1O3ecILx%ZpLoPinSp{wu#nO
z7tDDLsteBSvPTm!+Ax{ou_c+hcWM1dMqu#cHWWQbyiAgLUBmthAC+(EU4JK`bR&uZ
z{<=^BJc`1$^#qD_84Eo5&}NP_+yLJHy0)Kqd|fs_2LWT<sz~&TFsmGLjRHIJBs>0`
z>5#ZT1jy~Ap_o(_%e{MvU+3x*zn>6&>a=;+KrQAeDPGQTDxQ7$B`t<8a-1nzIN9_4
z<I6^*-e0>p>{3lKS-0If6rDhtCs)%SjmhS<72-n3DHUg<SR(f9R+NZR%el2QzrcxW
zk`vU>zNyOhsttVVnY8*gmyy4{@2j`O6bAXS16oV3wQXVx{CIJ<616+M*!r7IHixrz
zjI-X~`^<!uDrn|JpORXk7m!%XG%|zw(Z3+=<`1?OXcYa<J1g#t_E6FkbaYvq`f2<R
zok%18R6-0WIR<8yk=|ac6&IY~2hkwUWrG^V#$-I^G7d!(jy<&%pmD*vQuqtO8#n;c
zM4Zl2u>!#65TZaxjGB&%fcis@(0K1QMf!p(B905gy!|AhDREmk+Q$qnL^tg55n<2Z
zyx5%HA0QgVar88w7k}S<)KaYuYxl^%@JG=7bZ2zyCqKV8&%`qp{PVyeJQ1i}Chbl!
zE!NvG3L!rpN1@`b*<$VhCDpyxWI*h2peDSEkQ+(`xDG%_en8K~xa%g}bK2HdO)Sn5
zUKflDw=r;huNlF#jfI=xHF~pVT}Y<F?<4SAv_A7*A#S5?qaRG7lm-p3CIw^?6_sIb
z;&BYZ5x1Q1u3A$;R)zrxVH38wI8@S^ckG4n!&H1z<-XSw+%6&IsOQiFJ|pox$U`EF
zewG0;?=ae9NBe$61NdTLBSe$S(Q&G=6&23eHjIA|8mn`Q@Y1)5UeC8@Ms&|}qwCv)
zJfAy%yWv4<gvR)UJAvJSezvun<D(T;@qOZO-=>E;RVnai5Jeh}yQTh*1v``lI|xs+
z+tqn{SpyecUgiVMtbl<D+OChC2zhlVbr`XGr%EwwP|WqlTnF5(p5w+d29>JzD!uN!
zq5B94>O_>|*?jhfXo#C7FZ+dH+b6j%_4Vy;9&sM+ToFR4d7Uqkr0tT(Mrbi_<|$d6
zYwD;XEN#&58RM7=_uSlhdXkXGzFMbY1u|iF7|UfkxUaV<34rVn#t{3;%A9}wa|MuN
z+Qth#tcukIS|GBze)kz><3DnEZhbL1okqu7F_ZY3?>&(JrIMXAmaQr8j5&v9N5;L6
zYVzd2v0*um15w^_Qo@F(2vrM2C)U+nss%Y+Y%afd{;96R(J>DXVR?$q<lcR|MBOQR
zZ@z>!w)*SaP@pBz>mEexo2~C`CGCPP7nYqFqA55&AxaMLt}eS6nY401_>VYa*`0Tn
zr9Y0_#l4yrf?lOy{b{MG8rYQVxm0<W!a~}NFm3InQlkcX0@W{DgA)qdYJD-NdA5kJ
z@G$9O1}+*VtG_hl6uGIcf@@Fh*7Q`u@bc@qPtSrw01fn5<hrbx%FUL)!My>KazCEk
zUn9MgTPwx8z57s0cwW2|3=$uvYGdTM2#Y?tE&a_mIDI;Z`R)<ttC4I~gvVYrvZ})q
zzutfND$pIA;#aioPfI$4vmK_g)nvYxjxrx?EpC#DNI$V&{yP`>TUCU{M1~CtA+thA
zd<D4x^CM4Qw!DX1zjG??oL!^6(1;i!$y(JJW`!sQQ%rvuf~3eZi|ll1EtBLVxs_y=
z^cmV25;79Xr$t0RGUUK2;#mT3=Mp+Q7tHD^WVmJx0}ZnMJk+xNXwA8Oxgu)CEQw`P
zGbIiqoo%NatL3d6j+vH8Z?@gN=MQhsz~3DNq~SYqGo>aL`r{#~Ugp$Olc?NLLT{d+
z>xjjhwlsO{WyfMhgwNlkc}<%+v&mTtUf>ZaT^+B)7(ov+f}PF`$r1Y!2o;JN+<_I}
zVIAM$$#-_rO`@IzphJq`caFmGhh%zD9gBNcw;D2|pOPDw-Exza+k)%)3CuXvYGwgH
zgLA4q%i-3XJP`L@P=)o|;~CS%ukgi^DKW}66c(BA!L0Q7l2&@Z$@?7mqRZJ0dT=r>
z#aGy~rwt3-bkw0|GC1j+Zw}qs&pK(%6Nr3PvpFlPz3ghzXg}|JGLOhRd=_@zIOnzj
zN)R{2D5{`;1WD?CGeR$<%O3_kodve_1gA71Yxc7n?){flIhq1%Hy~|hvkNk_b<0Pb
z=NWZ92KZub_dgf(kc+`sRFt^x3!Rka+4Qc?J6cS#iFMv5JBdN>uV(veqjLq0IHNhF
z=gCTM$$jB-i%e!&x|IP5CFcmGK+@O+H2KHV@bqLdL%tQc?OWzJqT>mPE)dG!sLnFU
z8L=i^RU9occ_)>{A99PIOQbhQ)s3d*#hQY<!<qt3w|F96D&9Q;L-;VOqVAb(v`DK|
z9B8Q^8Zjf={BeUeV=s?u<Rq&mQu7H8E45)Tws=&fGu->u>Q4k|o>%5Be(Rp}bBVgp
z>Ku2qM@r)Ggd&%XVUPZ1cHlumjDh#QF?S<b2wRGK-X8bE?aB~EdV%>_zohE|CIfFB
zhu)G^(q_OfwpX`kdxKOiFV9@QojGSdR8t<t$kn~WqNLynpZ}OEV&?}yUOt%v5dNUF
z%64wXQK~l7cHzOj6XVk3w7lLmQXRvS@6_p3vvv$t!25alOA98~V&L!c^HuT)?uhiR
zr>q9J_o~)C2Vwj8kLi-}+q`SargfVINpbc$_(9r%fTB_O4!AWiK*{UwX|0qZY@%zn
zfAWww!iGtdMVBdZZ^>#voLVOnPU?Np=w5GUROMH<jmcRsAD&Wu;N|ZnWOU1#n{kQb
zK|x4l<@tS!6WSa1lK{MB8p(uKf0K!GSyqJs`mi?1l9`9F9$0U%L@bcD#|Rh72J1_u
zQIiI(>Ynu1yu7GL9_LqySrdhw!(oMWX+7f(y!xPxQ5Q)8%B){pNkP@o8}ibUeS_=*
z(PI`vW{<iQ?VCcT_zUtCh5MsR2);*sobLXJ=V9}l{?;M`sKK+h>rf^<oX^pH=O^2m
zXTE|P`@d3my&pXguD?tXS66(3t8du6D%(E&POWmo_1CD@itMb298ZeqT?Qa@>-W*)
zcUc!iZ?i%GRSm^Mkf|Q`)|L-z?3ECv;v{>6*m+c&-88%;CIiLP0$yt}G1dN-i>Hc$
zqP;?ry^0xu>Ke@)$a?P9*7LH7Hz{>k4;WPIls}Kcx#@JtHO+5URFyem$hJI}!#8hF
z!qqiXkneS+P9f8`Pv&p4yeNHx&pV>t{`>v|THP_bbl+Qu{#CnKkuTm2*W8wyk=>D>
zBZm}U4*}N<K0U^;AI<i%-EV5h)j0}5U{DD-CBRvgdbh<((f1MMP5_#lKEqt~l+O_N
zn7b}_RJrh5Hv@g5HnGgLX+7?TsT63nLU+ml5&kC|<s>-!?t{=<T0Q8BC=EEL?AbMD
z`OQbVsMc#nYfF@OD#N!)#kVonj018!<+a7oIPtop=c$S{zkf_AC->^2H$(>^RmG<T
z&wvNzVuXv8=@eX>A*%g3$!H>sJH@M*F0#36Uc1m6Y+4ms4(^ctIsE;mwHV4)?a{T*
z-9<#cR)4yxbf(PlrIP7QYP(7)S02;6Jg$Yn2iPe~!yafk_0VuC1wV7tvu^gyE*M9h
z-tkL=wih&^T!ZqdF(&#QM1kOm`pId<1PuF|L{U`IFSUAIbxHWGPJ*-vb0cBJ`9jRM
z)N2NTGu3|x-?2oOTd}_^e0F?J-GX9j@N?ZBR~>^p#PlBVOGFlfC2o*MCXpR?k8b|G
z^;+!m`mZ_@;^5O_qMT;dU!ThDFkVxrZ1{D>=lSx<psNa!`wx@w>)$xTtggJJ0q_w!
zX>BqYjO<zpS@-f|i2jy{k~Xe~UtJz40mfA>Q{)^kJuXuM!-x!SOF+bY4bWLpq^+Lb
z&x^B8R48SdA7%R|@AO=3d3Ww;r>Xxe&(|jtsF2SkBo_?2(7q+|v>PMk-MHFCx|joK
ziBI}Glgop8vDaz|+|BM(x6#VLG!Adm-B0z+cE5i?oOK=|<5PQ71=ENg?w?e)*HRQ{
zF6jEGITWz<jHVl{KW{YKLzvZt@It{CdIA`0A;;3D{ax+w?Ni$qI^d%X01?MU+1Mxp
z+>wd?`W-^@PnXwPgxC7WWtvJH;<9#j-#&mr=CEf9TX5@yU(M$0K$isl6jZa5R4trk
zG8OByKpnt-+p7d2ReQTPi3hV`c(a~bOXhQ|dNffM5jfyAQ$-iL=cucHfak4(|Lw0k
z!O;GSt6LipNW5zIGM-+CGV?jJxDgVc;I(rt$bADWTslc)MML7G6rDNL3_tw58J<G*
zWsvk)H?}%zc)Vi{xO>GYbwVq7KM4;{<D;9HsokJ<EG?J+GaO_vC7S@Z-Wrp)S{HxT
zwD4w9g))1oQo&}3PO;8lK7OXl(kmhNl%eGmYlsucoAl56#qsp+YjN<;(|l-|4=n?c
zAdQPX?HMuD(vT>~hR7FvRVVe}GmTlY;%_>*wLNXdU^bQrK(v+Bw7cn}(X6`Lo!9Ov
z_^f#uoSeX7E+)GVfS2@&lXs&^Vlz-CfuPuuS0`0&+`3K7%ex6W{vHl74lpn72t+~+
zN8@cb>+RooHsj}ar<RGh<B&OQ;T93S%Lz5?q{^r61uJJN>|oDs-(#$uqHG?;2)07I
zPaf$;M1KZM@fYS_NjwkFVu-UEqRPFKc^%Pf{1GcMFk?vBP$%`uaf(pQ0fb>NWgLIx
zif114$GZ;jggtPM+xB}GZ-*_Fq%NhO2jThFYgWt;AV>M&=hbM7?CowzSed(BzayWO
zYWePc`jrc<=zCpkSZ<afVxhIMThxBN{U@5B3>=`CM3KT#S)DR?CRr-?a+np0RW`(0
zjG}Z>dhUu$0h2#3yA=zdOI!{4j8#{L7B_55k;##J*BHY+WK!{9WN2LFv2j>iCo;j$
zr{7s7ad_1xyPq+ajc~>&(_rQ+sjE!9dBGVwV<FP;1c&&=6(WT+&(_7}H!1j^hTrLu
zfS_<s<zQn$*j=~>M35^pZT%;rLgJYlXw8Nx?g%=rY2=!`p<7x%G={q-6zdqLL+0##
zZ!LKx4YVN-{V*3A1GRB&?xIJ|$a#lzLx!5~1?6na(6rQZI80;MDWO5Wx38Hc%=kGm
z@+`%S)mKq_yKX1%$zV?mH)zFTML+HViUP3Ev?l>2WMy*GWkds{_Em{^wt|(-*|c21
z#{Ot*=?;wIXqGy>1Ql3s3~B8;{%QC(J9%8%{XkhT`m>)8ZvjV7jc@HYq$xA#z8{__
zfl%xtlqqJt-1>P)9w`wQbt$Bj{eCV!?w%I6d($&Nffr|y$wj^VW&(t|fI@(?D^<ae
zp{J~r99Kh0Ym1}}dpt-yH|?N}+Mi$ZFUS3OHm0IRY?mlh;g-+&k?BiCd0Qn8cAm+2
zUs^Ae!*@Gs8?$#qtq=dMLHvXr`_>{DzKet%tB;V_C)%X`&5Hs%T{uB6CoJ3^Mt7ok
zc8SA|FH~@?kv;D8gI6|&CwQRb_@Mh{sQ&FvZNY5S@y>U>VjAO)AICenp^Eezp=BQX
z8zuYI6w&&0m`+VYN1EHWt8b>|+)b6E4Vr8TOT@3Tdb6wMvB?jXSaA@p_FmIL<+Qkl
zg0u7XRI=x(IZ5~9@3<MDt@(BB`{_84){F&?A7U5pl9mq)=%sG%ezpXzT$=lyfrjJ=
zwP=_q1>7cJ5=esuN5jr_z*l!lk4a09OJKpKf@qySb3uiexa!1SMfH{Pf|Xrv8~`oc
zUEjCUhMcBX?&s(SAKgheU3eYKb@2cmg=y;l_*T;(yhOIm`h^OaD&gwCdxj1C+kPe~
zYsLQB&spO1;a_;R9I#s?0+-N5`3?Qp(!Jy_tzcSx9Xs^Isda{%iTjm*PC`}3tJe}9
zY<%I2W4JJ@uG$O^KLrw5DbBYj=79hOQh1d&{DK`@eV7+#)H#YwFw*+wM)@hwY~?do
z-FhVR(22qBk1s<3L&n7ns`eY-Q678JQ0ZRX$%89BhYPxl10YYdie_Xgp9OJTX!-$r
zCz@`asm*9>^nJ`lK+Feji0G&3!VGBDw=91}Z6W(;yIDKPKF=%ehz05S$680PN*$!4
z!lQD>a_xR$-_F#Fz-gaPS|G{}v|uIsS{r*@4;j2B$u{8W#8Q_;vbUVRS)f^Vb36xh
zR*+-{5@3EqMj+_>a&apIwJwbZ^P>c~-jTnOvDI7Ngy`49Db<ykEL+U^zFLi}80rpG
zW9W2WjJLl4Ca~^(fg|sui$4ddB97yVbOl`W>RJ=#E9bdVbOG!nPwWccWx&j-ce{?F
zx^i2(r~cd_MQ%t5#ZAQjEZD616!~U3b+NQ7%`1wl$P!3b6%7ETc?;2UT$(q@x1DY_
ztQfiUeUBLrolkW}cgAWjK`P*>am31}H~+(f+9FQ5h5QQC4r#%n9V|#DjvE=x)M}dt
zOA-YuIgP_=zCNC>1g2#Jm+hG6LP|vQTWPv5hSv(p^UMy!VZp4oucrQ@QO&lF$6CHo
z+^>M)|DX=OwI04tgi_JiV}zW?MG?xiPzUMD+0M_Rb(IGT_S;kw50T5jElG3~6VV6Z
zeOQ)~qBnGj3^!JZuSb7-u8||z20yH3)LVuvGk{+G&!^a0I0)MFdGn1rr52$q5CCrI
z;iB}Kz9Fa}2<^O{LiX5G?hC*d`aHdzx_f!;;~u`}o}=>VP&ZD*p!9@;`#;cxJJGBA
z;LB6i+s$&|dAVs8!l!i?{M>W-_{=Ep@b8|W%=vR~ZHd3BpHn5sSN!ZtW1tqsO;1j8
zRQqgH#+Q^<+<9>{h<*JhIG+;l*9Gr+Hs%n=oZt|4tIkFV$HFV%dJ3m=15<E$`oEY}
zlmYte*6RclZE?d>Z`kP|V*JF!dmlEm<t}(Nqk>)+pYEma9@|wdbaxFsWnj`bXt}2a
zFvZ${lXGa}=(KX;s1*%pM?o9KxB48(3v;3qLb;Kl0=GNawXUkRPpdP0@jwjAm44*j
zmF2xl9q>gX06nLHo<1Ys3F_&k?V?r}4>KmdQ~ejfo_lK{G($6n=hv6_IJh0q{06vh
z>P>%aGRbrz5EA6knu%=?a0nf;qt$If1iO^|qzlr}qpvXzf^GOiE7)xf6n=h03UolA
z_pVyEPsKAth(vE-Z-2Bzhpy6j@25ZMa^}MU+gU?qOp!fT-+cXbA7R&(djA&)6SOSJ
zMnUEA#d7!O;53heOw}Q?dOk;`Jtc%*?uvx^Bp@WX4Z`(>9lr+cR!6Q#6cO$bEDX$^
zfx5;)6&5!3eDdmfSyH%IOuXUA5)*aK<U3*4q)Jx;5Y{8GmZ&DGm^p273<8jsso;=@
z7`jAtm}N~$Xldoc2=&kAL7|^fI-2qhAxee(2!BIbeTqGeNc(idfc1|k?nFHQ6P#m1
zAagV*<lU3=;N{~noq!Fy{{@YEtu|s)e(33JVu8DkfWl&E7(KA$d+;prA$0Exd=Jsj
zz*_g2dSHR|Yjq1_1u)8aeLjCKMdH`0Z}oV<$O5wNv4SZB4AHPBmRi8|^7o}&Ot0c+
z#?EO&PBoRM;p#2>etV$i9PWTbnt^!ThK7H@yKoe}Q~(!)_R_T3;r*rOt*4dHz%~)c
z)w)#8)d_73pZgOGWy9V#@P?lbHpmcHd-n({T6*lb{&(pXU_bP<?FGx+AaUlyU)EHI
z>Xb${tv7D3RS^r)RNP|zI=LH}7_HacAHx6N@WMsb@&z)Qca$P5A~@B?xl%BX-L=s5
zEc3M~62yXBTQ1xJ9PJ>+UDdv&<T$`khQ|ELR0frj5E}nvw(R_}2Cmn_3AUn=l1It$
zGb$RQ0h`K1uS-tmfL|nU=e_3t1CG<-3Y4+L(&Wxdd85TIMfUJ<Mwl!|$jN}nK*k_e
zmP{25%G#3@(Bs+o@dWoHv5nteBix%)FZh;_W8OnuOmO<(N#U-;zW{lU$l7zlNd=Dv
zWmqh|5qzX+=ttpFkgVVY={if&6GsBx*Gr;PZho2FmQ1PhX5M;03|bpsD;=+oN~vo<
zDHa8yXz0!UrCv-+!LxmD5mxb+pB>%v0+@xFg}vn9y2^e0_F$mXjm8KN&6d2g_+`G$
zWLjMhNXXt;fm{*=&mKIrP1}r3s~Y>4$I+05Dz1wx*giG!?o=xjodDk7<*b&6=EFbR
z2|>~xbh3zVDh7iz=pp)UgBia?9L<S!D&K&pWRI}QPi+4k(VQ`wzzKM;eeABAs4$ax
zIu?9=0N_K?WIjp>>9I(v19b|285~1i7BQ%sl@tQMAD>VZ|JfBJ%3}rx@WmdQqrGX1
z4sB?BrD)duYn%Zn#)Y~~nwc`h{;8l|TE@bl<GvO8H;W#a<I=E9Gg`JFS(JkR`1AI$
ztm`+j%yXoi1V{f2PTH|&eXl4+N7^i{_m~`VmU;69RDnE2Y{0DYO}!(>mM$lP*(GH+
z78O}XYQ(fa`P6OUpW#yqHp3Nj;=AgFb^4S~0;LL8fQ&au63FZn?WM`NA8El299R2~
z1|iL7;-)&0dv9fIQu9qDe@ud4f64E=8>1TpBWI0RXo^Hz1_<tAn4C(PM?%O)EX^W3
zY4`2T`WbgCC{d`SnO`FoBJwlWXh0iNb^%!sG+gxJJRd9EPX?}bg*<x^B5P!}DFxr5
zH{Ah(*HohVb=O)iOofLWr0x<&+V`(XQcsx)FLj1eGpv?Zz3};kacS-14-{TCTy6Lb
zFlZH%Yz!!;O56^|VpIoao>Kl^YNPu*e*G7+(F((!Y%`s4SIhvbzSAfCqCqaMDwH!V
z^E?=PgC@#!+|xO~N!)1SkU6{yqY>}hpOOP$Ln(su{<P1o<K->LPZGXKR*a+_s-ls{
zQs4^?Wf@**=S_*z=CJ*Z!|ZxYRgTN+i{`FGua)jhsm50`Gv`I9F%d_ge0=oop~PF@
z+1x<$1T?TVY0Q-@|J0l{w#{^>KuE=A{h6kbmd8v<i;b6j`u6^(cPk8LW>p*WKa7FR
zvJENH*Ud2)>jml!(kb?zpC?qf9MOFWjZ4~DN5P&5OmKh=#<G?A@hKR28ELvFnsGY$
zj*B+!j<wi>Mfco%ef1Tb|Io?T5fQWX)Jv;-R0D-Qpa%-%{6yaVt%EFsS!%V)rlR*o
z^@OqpgK1=D?I+&eTgWBOEH^7J<BSCIw?doR&ATgORK8!h<u}#Ru5^rkzEAYl{xGYG
zF0>A+-*^LJvj$183`hu+L}ZHS_*Dt&w3@Y!P)DIsE`!-IZLvdrKX>Xs4zJUf_)}>C
zRIwbew%631lv;|axA}jIIYwFKwB4#$h}P+x!Zi{~U92&#4TAgiboLtK=s>_o-9tIt
z(KTPs5n_|-e?a-716}c=>ed6a&)-G0+J>o3sW@5u;~hUf`};<r)()A&KjTCkTDKiQ
z(N6dY&d5|Ii{K?oF2}8d#UpRo#E3`3sH0wO^g9Tl(nnx^zyvRuHuf~XkGXe`oAp0s
z$I6B7aM*4`em0=|c1FW<e*rM?KVUaC@~Qw=p$LH-6DrSj8mZ+JT$++XnKvPumX&k{
zE$CZTt&5F?t}IlCwxo3JY+iJO%_go7$?diSj{=*!D1+(+_p_>QD<_ASOdvk$PYq9-
zI9EO63v+zr5@9DrI+j2vCh<v}FJ4RZYWLYBE3kjpYXaIJhMrpk-X||g&VL~MgAo|H
z0Nlv?T6nZ|6eff~=Nc+Gze2_VQE@cdeI{n2zz@T7Gw`LN%7)3U@%LQcYkZ$b{+PZO
z&u4P5)RJ**EdRl#N}?sl{d<O}2B;`QN_C=7W;1I6RePBKj+EP?^|a&R2cHQx@B}rj
z2~SftC}N9AMZ*qA4SE>9xUL#Bp)rzLzPLL>AgLUE*sJ*bh-99hkxO*6suRqZ6Irkn
zhG{2CQDiiNj6yX5wWcm0e~(6|kPB+iz9M2N%%u&#&bahC4iIJpzTXWoXUABE{$*nA
zZ+;5JW78b#9iql7F)4w4bPk)|oTgrt5|Z84JK_v8aX?C$nSRwD^QSzN6H+bT{#k-M
zbCseFbU$O<n^zZwpUP{N(^X49%aSU~rW2Klr7m<PO%bvpm#uEdaAEP0otR7NF#I8^
zENk)mRMasMr=M0hW9CU702S;o5>x;)0yME=s^dU3=BmMCdZ!MR6H_oMmUS>pQv_uy
zd==CQoLrO~7dK6vAwuZl6^5F}A(*mD*CIWBNt=l=Vc5XS{P@_X@y4IBDnGoL+>|TB
zKC<}1E!zKbO0;~cyGDDp+{a<Yz~OB5m4m<M%lt=f`Q|UhJp`VPpjS7+%y%{^y<6@}
zP_af-#v3~?j}TyHI?Xbv7CBXShQaJ=Jco%h00*bewHICHthK??p_cynnS-3d)TOyx
ze4pX@92$fSc27|dc6mfdunNrUg1~EOE6B@QSg;%tS)y|qdJg+*V`S5gg<McNPi^&}
z%ITvlN&*9<Ua0^Zq#3COE@Wn|pgs-WvzZUCG_$I9s~!$8RByj@V6$`={b=TFIS1TJ
zs9Uw<7#og=k@*=P<MP6zW_m?ptvnkWd6&2<r3_PlkN)R}$m5`tho&6z&?z;BFg=yi
z3&msmQG@hZuM2mb!ri62@G7kTN$V04-oDFs#J=b*!gxs<Yr_q@WB|**!EDDs(a-2@
zWKa1^Q9#JgHHTtLD~2GvV&-DVI-q_Z;Z@hmSMfnabh5w9cyDs}j>?-2+M{Y;D}Tt!
z+qpmDj#Y1d)&8l=^chr+zG+K1!XI&_*Ni*Bf7mCvV0~u=IrajwDq{yLeyUkHY=WU8
z4F+`8KR$}In_s3oc>t?y!o;6_tU}W8z2gVs84zTR724M#LZFYoa3yGP8CW$Pl)(n3
z{M}nHJh=f5xq&>ox%_t%v0u%-@r|5OmwZoiHW?q2GO?Q!)PB}#EGmip!y`CKUtlv|
zEV*VM&+<q2u~x6R#Jg9uH(Y%$B_2=y%GC=qGH*y*Sa>IcmUv8hBg>)dYwf!g^T1Dw
z?M@73Rd<xD!p)vdTanf`Gt>j&ExASQK`F_SMvmg&w^_W~!Oa<@EPsTI!_hO-Ljf4%
z^)GxkraeJd&H^i&E%#RK4R0(p#4JVjI`W=e@i1PI#JVGU{b;&{*|e6T3#u6gmqhvj
zCZu$9ufDdWN0Qojt9k#)1adz_o|%ZzDDJ99CI_hh2B&8AcEL+>m;=}w=1vdhrb{+3
zYqI2YXz3Y0GoiJ}I}f@=<MX6Q6qi8Hn<fsrn;Hz*UsY5~#qf|AFA2P?>3w7T;Lqf&
zYfI6>n)4o!!z;mW6XoX(--|Q0bkl$}xG~#EeJw8!hdac^lBlVPNcLz=S>{|&E7;kj
zciCUlw>gsOu5oEo)HXo!dQetmV{g~g?Ju=f;7zToXmE#yU<co#MU&uw#VPY`8`o|5
zU<guyjIoo>>Pi>9>z(IsKgGX$-Fehb=^qB;&$<~!&oKp?97SKuqUXIk*AkBS3al~$
zMk3N9NhEp7M11d0DIcz>WKm-N{I#RCKm2)XMtJIc=Y?5k@=KsLT;#E*Yknwy=nWrI
zg*r*%gg?st8YAXAuX=CTIlMZ|8Z};6!hSgT8z|9tayJp_HuBst6I^uAN;|Okw8JkL
z6AYqx&;#PQaDcII&>>6G@BePMPqTQ<3Q-+@Q8S+ld;ejdgg|lxUlM~aHMN2>VCPo_
zEBVX@doYvd=~h6w0ySO=9Kt8)TP)VLv2bV@N}b{x6lxW85T3Nud2r-=ah{MEo3prh
z3nDh<jgg>|+4hb%*s_cVEH;$T?+SjrIyB58uOBb;sef0tWahs4SSCzQs>+oi4dHu`
zn*T>;!fB@MYk(MuDcdz|>6hh^cgB!zmUH&uF~gQLWTt?Sfjc%X3pF-oD-=pB*daxs
zMXm{a^F5Aykk1`~8ak*OO1=zb6%386Ja%nZ(f_zoeX~zd%;Z+Q4|7{vXbAt|Gp^<#
z_2zG9rvf>aItmV+m1)jsA;bGmx4o<@>NsKT3MOoD^aLHOg_v9Pp_w9q0y-mgD^e{B
zJA02e*bI;olb_Wivtj$V>&MoYXqkl#|D)ENA~Qa>-hHPquzp$SY}e!kURCE#S(THS
z2B6^6GMdu$q(PKh<~jT>Y5abj!G^xOWWY_WrFXsY-DCQnbtLvG2U(unpB^NO52n>t
zB#q7COTM&%of3DCQN)^naRyr#%|CIR?1<1WPfvlyyLHyppX%4jF0Cz`{p&Rz)?2_=
zKQOeK?$~zjsw8DRu0&Z(80q;rT~Jy?sMn%(JCa0H-s$aZn6UNL{)M)GdhaE2NKa-}
z^0DE2!M0<$FLQx&L9>BGNt{Zmkn6tUbe|c#MY-Fg+<aY?*HH;OW8}8{9&uc5I{1nD
z$Gsx}gj-A87y7=;(LF|6iy8_-Nal{)I_`@qpZhDH2ZJw2m;Y)e?sw*`_;_FZp0hw(
z>OPleZC?LX#hJF<D<d}gsRH<8bO4k$QorS>vKg6d`%*ur8+K>T?rEU-EmN2KgEs3b
zVUJO>_Yzp<%6(=-^3>VXxYu6Ikh-FwnJF>AyH_G|F7n52ci)KoR1;WrCY|)6da#s+
z1*Pn|a63+?$diN}Gr-O*y^qBbKO=i>5_^|a`xI6B6z{|l*sx-%*mj#oml<KEFts^i
zNE&tcy|mTO5^{pjoUphYLCers(1kU)ohIdq!%T3yxspVL;ViZFa9<&=+4|<-AEsj9
zfoy3uhv-A{EY}xbAKCB^Ns=2(l$u1#4M(r5g~v>J{hrhaZ<;83;BQvi!er1N(A;&p
z{mJDjebB8!Qks7M)qBjm%hQ~4{GzbC`gm;`-d_v-L_t4*K}%oD-r{y~#8C09sG{CI
zg&SJ@1_95yankBD{E%=ERS5ys1VP^eJR451PzpvxHm%Y8O@KV*G7M~`<T$Omd<vH7
z+C9=5E;p8#N+Ff#o8@Im%Zzan;@-AQL72R<{{H7Jc7pV#ftMu9;zo?BcV!u(ke5@q
zxANVqYS$+i%j!?&3~+0gC)0dWV6JN~@UxRcbVIi{Vfq#o1E<v?Q6_B9FEnQW(fZir
zHx)L#oehJtPx@I9525x57&2!YUV5x?vi9uW+Fm{3V_J#z`@y&8Uo&;BLoq*bT=S<c
zo|itmv;|_dDVH}1%%W87;B4j(Gj&N<nVbU<D}FZrB6Q%Y_Q=c7hAvi{^d77Q#}Fa9
z8Lv8uc%2wDs6RXpFXBbLsrU(O$PqG?;u}`9x{7lpht?zn((@l`g~1HGWjJ4$WqcQl
z6nXT~1EfK<%Cu!#wR4qLzhX&7pY$woyMdS)y1!WwPMU!Oom5ZtRB<hmuC#3uY4xa0
zvS|rkJcOO<C+<U3a1R7KNEw$zQ#u@<M2aML)M&!3OX#z+N`KfHGXX9oi=W1~`rCb{
zLcFMC#xrD`$KE;A)pPW}Qrq;OutyL4EtJep_v|fw_osdW)DL-SfZ>bDeYeUwpC2hT
zD?NB{g)Lh*l8He5;O0@!T7?fcPIJ@#JdwBaeI~5kC!vAH5pc|*ocMw+cnEE;zHUi(
ze3GDlCb$x@Z*1t92h4xrC(HlD0+dBNqwD7gTi?5FBBS=!<8JR}^6v2X#~SnR4zE3n
zd22l1{Z`@S_dLw=-O;6ON45#yb<Z5gRD20c%ttM&(#k4Rc1kS}|6ra4&1O6mZ-KCF
zS<NU3ep*#_M=AfvwF52N{9ReL;^DNjjXv7Tbthg_yH7|14dBuwz_4q`L9z{hP_i@+
zG$%p(D$(QM<MycyqE|6ldkMt2#AXB$J9=ahB=x+=sl_4Fu>G$IzvD82EAkQ?8MwSS
zgMeqwsPH#V|GLU_HN407ha|J<^O#F7OW%S5L%ykzcv0YAhJ%y2lo<7@SD<7!-kTK@
zTQv*)UsXnOfr3N!y}rBQ^#Lp+H{I(aZ5>`+h7b<^@@j#F*JcE2Xp+|nUXt9T2S%t@
z{B?pZ5}=1pL~m>1ihKV!%M4Ag3OY_~rw~<+hPyq@DuFk3t0Wm*MQ!a!6}>An(|a-E
zRz)?|U_?oxT2)v1lg_JgN7-`ro|U7BY*oe2M7SQ{TRp#N8Gh*GtE4S2V}>-VJgqAC
z`IK#<GT13K`q6^SPI$^iU~U}rr9a>cR?Z430SW*~@6yewY^>!DnS8Y$$v6l8)T7Et
z7E1d2P%hS)jdS)@!{n*YWMnt{?ASb=@@-!?*c$Ut$4f5BuiKM=ra%mqS@Mcg4iBA*
zMh*d|dP$)zv$1JgngHp=oR5ihiFjU&FoP=3+MDe^@&-9`ZIP8Q^*P)U;n<k+<tgWO
zEZE>2`REV`bMO#~6~)V6W?j6>kEEU~|J}s7@U9&<aW=Ge_IDvwb<nNw8&<YwmB9F6
zgGktF5Ie{bn0fu{H&{A8nKzb2xRQ^HZ2@&CA&%2|TJP>2UB%g#4lz4R8ca#E;~~k`
z<rV9*l6w=(pZnm&Hw@mQqSes}WTow#{kNt-K3&StEPxhceZeFA!uO~$*m3;eQViMf
z4CEMYH*L1QH{6ia+p1?q)x0mxmh=+F7u<pELMGyA`^_94PBWd=B)#vd3iosU1k`zq
z7F^66xECD;h9uP$?njFhetV0eBJGhPmW?H0fzZUG#HehyqR#BTEeA=nv>sf8UgGl<
zwYCr4cB9kBCK?}Ge>!Z7)tSoW`cDa!=w;J0+r2!p=}$tfKX{m69<Pn&cbz)x#}qot
z@+-XfpKgXwMx#<%Q3O)sf@Fd;R<0T>cRh{LD!MRy|5M|%Ep*RnH<D=Oh)A3^c?Ugk
z?wIp!pW>@?MtJM|SEGK5dWUkR)!zNA;J5yxRCnrqNt+36vB=b1#&DJL4ZO-fx~zZZ
zGapO&TXEjME#w*?J0X96iJt+0A~@?TX$a#42tt|unf~TT6n|A4RgqY~qM2YwEKKIl
z=}cqp$`QqQe%QnRq+SG1UQh_XXg_g_j9qKsHLH*&e6N_5+PF<B^_2tmjO9Oh55ejT
zPC7IJN>(sJEXK#-UE?#FVtS{v$9EYM6x3z@rys+(VCI`q*R%kAiWNr?&L(d~h;QR*
z9cIqO#6~dY%JR|qbFDzwBi4VW;@=)ZWFTqPS%g&JnTWK1M+%j-7<(v<;Dx91DZ2&k
zEMl{hF6HVrSpHdSpf>G$@@Qq`e}XjvCjS4aQw#k+y0-sb^ndHx{+*_OU;U5h?f+Q)
vzp3B;D~<jW?tj&9|Hu6QI92Pr;v(X`j?i9dYwjYb|A@5I_0+0VY{UL936VVJ

delta 6292
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

diff --git a/src/router/router.js b/src/router/router.js
index 19147d4..1d495e3 100644
--- a/src/router/router.js
+++ b/src/router/router.js
@@ -1,24 +1,73 @@
 import Vue from 'vue'
 import VueRouter from 'vue-router'
 import Home from '../views/Home.vue'
+import Things from '../views/Things.vue'
+import Template from '../views/Template.vue'
+import Now from '../views/Now.vue'
+import History from '../views/History.vue'
+import Alarm from '../views/Alarm.vue'
+import Node from '../views/Node.vue'
+import Picture from '../views/Picture.vue'
+import Video from '../views/Video.vue'
+import About from '../views/About.vue'
 
 Vue.use(VueRouter)
 
 const routes = [
-  {
-    path: '/',
-    name: 'home',
-    component: Home
-  },
-  {
-    path: '/about',
-    name: 'about',
-    component: () => import(/* webpackChunkName: "about" */ '../views/About.vue')
-  }
+    {
+        path: '/',
+        name: 'home',
+        component: Home
+    },
+    {
+        path: '/things',
+        name: 'things',
+        component: Things
+    },
+    {
+        path: '/template',
+        name: 'template',
+        component: Template
+    },
+    {
+        path: '/now',
+        name: 'now',
+        component: Now
+    },
+    {
+        path: '/history',
+        name: 'history',
+        component: History
+    },
+    {
+        path: '/alarm',
+        name: 'alarm',
+        component: Alarm
+    },
+    {
+        path: '/node',
+        name: 'node',
+        component: Node
+    },
+    {
+        path: '/picture',
+        name: 'picture',
+        component: Picture
+    },
+    {
+        path: '/video',
+        name: 'video',
+        component: Video
+    },
+    {
+        path: '/about',
+        name: 'about',
+        component: About
+    }
 ]
 
 const router = new VueRouter({
-  routes
+    routes
 })
 
 export default router
diff --git a/src/views/Alarm.vue b/src/views/Alarm.vue
new file mode 100644
index 0000000..3fa2807
--- /dev/null
+++ b/src/views/Alarm.vue
@@ -0,0 +1,5 @@
+<template>
+  <div class="about">
+    <h1>This is an about page</h1>
+  </div>
+</template>
diff --git a/src/views/History.vue b/src/views/History.vue
new file mode 100644
index 0000000..3fa2807
--- /dev/null
+++ b/src/views/History.vue
@@ -0,0 +1,5 @@
+<template>
+  <div class="about">
+    <h1>This is an about page</h1>
+  </div>
+</template>
diff --git a/src/views/Home.vue b/src/views/Home.vue
index fc2e940..c417f4f 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -4,15 +4,3 @@
     <HelloWorld msg="Welcome to Your Vue.js App"/>
   </div>
 </template>
-
-<script>
-// @ is an alias to /src
-import HelloWorld from '@/components/HelloWorld.vue'
-
-export default {
-  name: 'home',
-  components: {
-    HelloWorld
-  }
-}
-</script>
diff --git a/src/views/Node.vue b/src/views/Node.vue
new file mode 100644
index 0000000..6de73ef
--- /dev/null
+++ b/src/views/Node.vue
@@ -0,0 +1,23 @@
+<template>
+  <div class="container view">
+    <el-row class="operator">
+      <el-button icon="el-icon-search" circle></el-button>
+      <el-button type="success" icon="el-icon-plus" circle></el-button>
+      <el-button type="primary" icon="el-icon-edit" circle></el-button>
+      <el-button type="warning" icon="el-icon-star-off" circle></el-button>
+      <el-button type="danger" icon="el-icon-delete" circle></el-button>
+    </el-row>
+
+    <el-row class="page">
+      <el-pagination
+              background
+              layout="prev, pager, next"
+              :total="1000">
+      </el-pagination>
+    </el-row>
+  </div>
+</template>
+
+<style>
+
+</style>
\ No newline at end of file
diff --git a/src/views/Now.vue b/src/views/Now.vue
new file mode 100644
index 0000000..3fa2807
--- /dev/null
+++ b/src/views/Now.vue
@@ -0,0 +1,5 @@
+<template>
+  <div class="about">
+    <h1>This is an about page</h1>
+  </div>
+</template>
diff --git a/src/views/Picture.vue b/src/views/Picture.vue
new file mode 100644
index 0000000..6de73ef
--- /dev/null
+++ b/src/views/Picture.vue
@@ -0,0 +1,23 @@
+<template>
+  <div class="container view">
+    <el-row class="operator">
+      <el-button icon="el-icon-search" circle></el-button>
+      <el-button type="success" icon="el-icon-plus" circle></el-button>
+      <el-button type="primary" icon="el-icon-edit" circle></el-button>
+      <el-button type="warning" icon="el-icon-star-off" circle></el-button>
+      <el-button type="danger" icon="el-icon-delete" circle></el-button>
+    </el-row>
+
+    <el-row class="page">
+      <el-pagination
+              background
+              layout="prev, pager, next"
+              :total="1000">
+      </el-pagination>
+    </el-row>
+  </div>
+</template>
+
+<style>
+
+</style>
\ No newline at end of file
diff --git a/src/views/Template.vue b/src/views/Template.vue
new file mode 100644
index 0000000..6de73ef
--- /dev/null
+++ b/src/views/Template.vue
@@ -0,0 +1,23 @@
+<template>
+  <div class="container view">
+    <el-row class="operator">
+      <el-button icon="el-icon-search" circle></el-button>
+      <el-button type="success" icon="el-icon-plus" circle></el-button>
+      <el-button type="primary" icon="el-icon-edit" circle></el-button>
+      <el-button type="warning" icon="el-icon-star-off" circle></el-button>
+      <el-button type="danger" icon="el-icon-delete" circle></el-button>
+    </el-row>
+
+    <el-row class="page">
+      <el-pagination
+              background
+              layout="prev, pager, next"
+              :total="1000">
+      </el-pagination>
+    </el-row>
+  </div>
+</template>
+
+<style>
+
+</style>
\ No newline at end of file
diff --git a/src/views/Things.vue b/src/views/Things.vue
new file mode 100644
index 0000000..3298767
--- /dev/null
+++ b/src/views/Things.vue
@@ -0,0 +1,64 @@
+<template>
+    <div class="container view">
+        <el-row class="operator">
+            <el-button icon="el-icon-search" circle></el-button>
+            <el-button type="success" icon="el-icon-plus" circle></el-button>
+            <el-button type="primary" icon="el-icon-edit" circle></el-button>
+            <el-button type="warning" icon="el-icon-star-off" circle></el-button>
+            <el-button type="danger" icon="el-icon-delete" circle></el-button>
+        </el-row>
+        <el-row class="device_list">
+            <el-card class="box-card" shadow="hover">
+                <div slot="header" class="clearfix">
+                    <span>设备名称</span>
+                    <el-button class="el-icon-more" style="float: right; padding: 3px 0" type="text"/>
+                </div>
+                <div v-for="o in 4" :key="o" class="text item">
+                    {{'列表内容 ' + o }}
+                </div>
+            </el-card>
+
+            <el-card class="box-card" shadow="hover">
+                <div slot="header" class="clearfix">
+                    <span>设备名称</span>
+                    <el-button class="el-icon-more" style="float: right; padding: 3px 0" type="text"/>
+                </div>
+                <div v-for="o in 4" :key="o" class="text item">
+                    {{'列表内容 ' + o }}
+                </div>
+            </el-card>
+
+        </el-row>
+        <el-row class="page">
+            <el-pagination
+                    background
+                    layout="prev, pager, next"
+                    :total="1000">
+            </el-pagination>
+        </el-row>
+    </div>
+</template>
+
+<style>
+    .text {
+        font-size: 14px;
+    }
+
+    .item {
+        margin-bottom: 18px;
+    }
+
+    .clearfix:before,
+    .clearfix:after {
+        display: table;
+    }
+
+    .clearfix:after {
+        clear: both
+    }
+
+    .box-card {
+        width: 480px;
+    }
+
+</style>
\ No newline at end of file
diff --git a/src/views/Video.vue b/src/views/Video.vue
new file mode 100644
index 0000000..6de73ef
--- /dev/null
+++ b/src/views/Video.vue
@@ -0,0 +1,23 @@
+<template>
+  <div class="container view">
+    <el-row class="operator">
+      <el-button icon="el-icon-search" circle></el-button>
+      <el-button type="success" icon="el-icon-plus" circle></el-button>
+      <el-button type="primary" icon="el-icon-edit" circle></el-button>
+      <el-button type="warning" icon="el-icon-star-off" circle></el-button>
+      <el-button type="danger" icon="el-icon-delete" circle></el-button>
+    </el-row>
+
+    <el-row class="page">
+      <el-pagination
+              background
+              layout="prev, pager, next"
+              :total="1000">
+      </el-pagination>
+    </el-row>
+  </div>
+</template>
+
+<style>
+
+</style>
\ No newline at end of file