| | |
|---|
| | | <!-- layui --> |
|---|
| | | <link rel="stylesheet" href="../../lib/layui/css/layui.css" media="all"> |
|---|
| | | <style> |
|---|
| | | |
|---|
| | | body { |
|---|
| | | /* border: 1px solid rgb(48, 170, 48); */ |
|---|
| | | } |
|---|
| | | |
|---|
| | | #appliu { |
|---|
| | | /* border: 1px solid #000; */ |
|---|
| | | border-radius: 5px 5px 5px 5px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .names { |
|---|
| | | width: 200px; |
|---|
| | | height: 45px; |
|---|
| | | color: #fff; |
|---|
| | | border-radius: 5px 5px 5px 5px; |
|---|
| | | line-height: 45px; |
|---|
| | | padding-left: 8px; |
|---|
| | | background-color: #fff; |
|---|
| | | /* border: 1px solid rgb(223, 52, 52); */ |
|---|
| | | /* background-4356765795678953423465989-9=\][;'\.,/.,1i123ge: linear-gradient(to right, #FFC031, #F49055); |
|---|
| | | background-image: linear-gradient(to right, #3DDEA8, #1FBD9A); |
|---|
| | | background-image: linear-gradient(to right, #787878, #5F5F5F); */ |
|---|
| | | } |
|---|
| | | |
|---|
| | | .msgs { |
|---|
| | | width: 200px; |
|---|
| | | height: 30px; |
|---|
| | | line-height: 30px; |
|---|
| | | padding-left: 8px; |
|---|
| | | /* border: 1px solid rgb(30, 160, 192); */ |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | | </head> |
|---|
| | | |
|---|
| | | <body> |
|---|
| | | <div id="appliu" class='police-details-box' class="layui-anim" data-anim="layui-anim-down"> |
|---|
| | | <div>{{name}}</div> |
|---|
| | | <div>{{num}}</div> |
|---|
| | | <div class="layui-anim" data-anim="layui-anim-scale">平滑放大</div> |
|---|
| | | <!-- 从layui传值给iframe 的占位#input1 --> |
|---|
| | | <input type="text" id="input1" ref="sidIputoine" style="display:none"> |
|---|
| | | <!-- 从layui传值给iframe 的占位#input2 |
|---|
| | | <input type="text" id="input2" ref="ip2" style="display:none" v-model='ip2'> --> |
|---|
| | | <div class="names">{{name}}</div> |
|---|
| | | <div class="msgs">{{num}}</div> |
|---|
| | | <script src="../../lib/layui/layui.js" charset="utf-8"></script> |
|---|
| | | <script> |
|---|
| | | // var index = parent.layer.getFrameIndex(window.name); |
|---|
| | | |
|---|
| | | |
|---|
| | | </script> |
|---|
| | | <script> |
|---|
| | | var me = new Vue({ |
|---|
| | |
|---|
| | | num: '', |
|---|
| | | name: '' |
|---|
| | | }, |
|---|
| | | ourData: '', |
|---|
| | | // ip2: '', |
|---|
| | | // computed: { |
|---|
| | | // ip2s() { |
|---|
| | | // // var a = JSON.parse(this.$refs.ip2.value); |
|---|
| | | // var a = me.ip2; |
|---|
| | | // console.log(a, 'computed'); |
|---|
| | | // return a; |
|---|
| | | // } |
|---|
| | | // }, |
|---|
| | | methods: { |
|---|
| | | GetQueryString(useName) { |
|---|
| | | var reg = new RegExp("(^|&)" + useName + "=([^&]*)(&|$)", "i"); |
|---|
| | | var r = window.location.search.substr(1).match(reg); |
|---|
| | | if (r != null) { |
|---|
| | | return decodeURI(r[2]); |
|---|
| | | getdatas(dat) { |
|---|
| | | me.name = dat.deviceName.length >= 13 ? dat.deviceName.substring(0, 13) + '···' : dat.deviceName; |
|---|
| | | this.num = "无数据" && dat.deviceNumber; |
|---|
| | | var ct = document.getElementsByClassName('names')[0]; |
|---|
| | | if (dat.onlineStatus == 1) { |
|---|
| | | ct.style.backgroundImage = 'linear-gradient(to right, #3DDEA8 , #1FBD9A'; |
|---|
| | | } else { |
|---|
| | | return null; |
|---|
| | | ct.style.backgroundImage = 'linear-gradient(to right, #787878 , #5F5F5F'; |
|---|
| | | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | mounted() { |
|---|
| | | window.onload = () => { |
|---|
| | | // console.log(me); |
|---|
| | | // console.log(window.location.href) |
|---|
| | | me.num = me.GetQueryString("num"); |
|---|
| | | me.name = me.GetQueryString("name"); |
|---|
| | | // console.log(me.num,me.name); |
|---|
| | | } |
|---|
| | | this.oldtime = setTimeout(() => {//需要同步数据处理，input中value在mounted中没有直接传值 |
|---|
| | | clearTimeout(this.oldtime); |
|---|
| | | this.ourData = JSON.parse(this.$refs.sidIputoine.value);//json对象转js对象 |
|---|
| | | // console.log(this.ourData); |
|---|
| | | this.getdatas(this.ourData); |
|---|
| | | }, 20); |
|---|
| | | |
|---|
| | | // window.onload = () => { |
|---|
| | | |
|---|
| | | // } |
|---|
| | | |
|---|
| | | }, |
|---|
| | | watch: { |
|---|
| | | ip2s() { |
|---|
| | | console.log(this.ip2s) |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | </script> |
|---|
