Merge branch 'master' of http://192.168.0.105:10010/r/jfpt-Vue
17 files modified
29 files added
| New file |
| | |
|---|
| | | <!DOCTYPE html> |
|---|
| | | <html lang="en"> |
|---|
| | | |
|---|
| | | <head> |
|---|
| | | <meta charset="UTF-8"> |
|---|
| | | <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|---|
| | | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|---|
| | | <title>天气</title> |
|---|
| | | <!-- axios --> |
|---|
| | | <script src='../map/lib/axios.js'></script> |
|---|
| | | <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script> |
|---|
| | | <style> |
|---|
| | | #weather { |
|---|
| | | font-weight: 400; |
|---|
| | | opacity: 0.7; |
|---|
| | | font-size: 14px; |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | justify-content: center; |
|---|
| | | position: relative; |
|---|
| | | right: -20px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .time { |
|---|
| | | position: relative; |
|---|
| | | top: -6px; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | | </head> |
|---|
| | | |
|---|
| | | <body> |
|---|
| | | <div id="weather"> |
|---|
| | | <span class="time"> |
|---|
| | | {{nowTime.year}}年{{nowTime.month}}月{{nowTime.day}}日 {{nowTime.hour}}:{{nowTime.minute}}:{{nowTime.second}} |
|---|
| | | </span> |
|---|
| | | <span class="weathers"> |
|---|
| | | <!-- {{city}}：{{weathers.nowWeather}} {{weathers.highTemperature}}-{{weathers.lowTemperature}} --> |
|---|
| | | <iframe width="235" scrolling="no" height="30" frameborder="0" allowtransparency="true" |
|---|
| | | src="https://i.tianqi.com?c=code&id=34&icon=1&site=12"></iframe> |
|---|
| | | </span> |
|---|
| | | </div> |
|---|
| | | <script> |
|---|
| | | var me = new Vue({ |
|---|
| | | el: '#weather', |
|---|
| | | data: { |
|---|
| | | begin: false, |
|---|
| | | weathers: { |
|---|
| | | nowWeather: '', |
|---|
| | | highTemperature: '', |
|---|
| | | lowTemperature: '', |
|---|
| | | }, |
|---|
| | | nowTime: { |
|---|
| | | year: '', |
|---|
| | | month: '', |
|---|
| | | day: '', |
|---|
| | | hour: '', |
|---|
| | | minute: '', |
|---|
| | | second: '', |
|---|
| | | }, |
|---|
| | | city: "南昌", |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | getNewTime() { |
|---|
| | | this.nowTime.year = (new Date()).getFullYear(); |
|---|
| | | this.nowTime.month = (new Date()).getMonth(); |
|---|
| | | this.nowTime.day = (new Date()).getDay(); |
|---|
| | | this.nowTime.hour = (new Date()).getHours() < 10 ? '0' + (new Date()).getHours() : (new Date()).getHours(); |
|---|
| | | this.nowTime.minute = (new Date()).getMinutes() < 10 ? '0' + (new Date()).getMinutes() : (new Date()).getMinutes(); |
|---|
| | | this.nowTime.second = (new Date()).getSeconds() < 10 ? '0' + (new Date()).getSeconds() : (new Date()).getSeconds(); |
|---|
| | | }, |
|---|
| | | // getWeather() { |
|---|
| | | // var that = this; |
|---|
| | | // // var url = `http://wthrcdn.etouch.cn/weather_mini?city=${this.city}` |
|---|
| | | // var url = `https://web.byisf.com/weatherGet/weather_mini?city=${this.city}` |
|---|
| | | // axios.get(url).then((res) => { |
|---|
| | | // var data = res.data.data, |
|---|
| | | // nowDay = data.forecast[0]; |
|---|
| | | // that.weathers.nowWeather = nowDay.type; |
|---|
| | | // that.weathers.highTemperature = nowDay.high.slice(3); |
|---|
| | | // that.weathers.lowTemperature = nowDay.low.slice(3); |
|---|
| | | // that.begin = true; |
|---|
| | | // }) |
|---|
| | | // }, |
|---|
| | | // getCity() { |
|---|
| | | // var ctiyName = returnCitySN["cname"]; |
|---|
| | | // console.log(ctiyName, 4343543); |
|---|
| | | // this.city = '南昌' |
|---|
| | | // this.getWeather(); |
|---|
| | | // } |
|---|
| | | }, |
|---|
| | | mounted() { |
|---|
| | | this.getNewTime(); |
|---|
| | | setInterval(() => { |
|---|
| | | this.getNewTime(); |
|---|
| | | }, 1000); |
|---|
| | | // this.begin = true; |
|---|
| | | // this.getWeather(); |
|---|
| | | // this.getCity(); |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | </body> |
|---|
| | | |
|---|
| | | </html> |
|---|
| | |
|---|
| | | <script type="text/javascript"> |
|---|
| | | var map = null; |
|---|
| | | function beginJuheMap(map) { |
|---|
| | | map = L.map('map', { //初始化地图 |
|---|
| | | center: [31.87, 120.54], |
|---|
| | | zoom: 12, |
|---|
| | | // crs: L.CRS.EPSG4326, //设置坐标系4326 |
|---|
| | | attributionControl: false, //去掉右下角 |
|---|
| | | zoomControl: false, //去掉缩放 |
|---|
| | | }); |
|---|
| | | L.tileLayer( //添加切片图层 |
|---|
| | | "http://webrd0{s}.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}", { |
|---|
| | | subdomains: ["1", "2", "3", "4"], |
|---|
| | | attribution: "高德" |
|---|
| | | } |
|---|
| | | ).addTo(map); |
|---|
| | | var markers = L.markerClusterGroup(); |
|---|
| | | |
|---|
| | | var transportIcon = L.Icon.extend({ //图标初始化 |
|---|
| | | options: { |
|---|
| | | iconSize: [30, 30], // 图标尺寸 |
|---|
| | | // iconAnchor: [30, 30], // 图标偏移量 |
|---|
| | | // popupAnchor: [-20, -20] // 弹出框偏移量 |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | var carIcon = new transportIcon({ //引入图标 |
|---|
| | | iconUrl: './img/gray.png' |
|---|
| | | }), |
|---|
| | | planeIcon = new transportIcon({ |
|---|
| | | iconUrl: './img/green.png' |
|---|
| | | }), |
|---|
| | | busIcon = new transportIcon({ |
|---|
| | | iconUrl: './img/red.png' |
|---|
| | | }); |
|---|
| | | console.log(datalist,43545343) |
|---|
| | | for (var i = 0; i < datalist.length; i++) { |
|---|
| | | var a = datalist[i]; |
|---|
| | | var title = a.title; |
|---|
| | | if (a.state == 0) { |
|---|
| | | var marker = L.marker([a.jd, a.wd], { |
|---|
| | | icon: carIcon, |
|---|
| | | title: title |
|---|
| | | }); |
|---|
| | | } else if (a.state == 1) { |
|---|
| | | var marker = L.marker([a.jd, a.wd], { |
|---|
| | | icon: planeIcon, |
|---|
| | | title: title |
|---|
| | | }); |
|---|
| | | } else if (a.state == 2) { |
|---|
| | | var marker = L.marker([a.jd, a.wd], { |
|---|
| | | icon: busIcon, |
|---|
| | | title: title |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | marker.bindPopup(title); |
|---|
| | | markers.addLayer(marker); |
|---|
| | | } |
|---|
| | | map.addLayer(markers); |
|---|
| | | |
|---|
| | | markers.on('click', function(a) { |
|---|
| | | console.log(a.layer, 11111111111); |
|---|
| | | }); |
|---|
| | | map = L.map('map', { //初始化地图 |
|---|
| | | center: [31.87, 120.54], |
|---|
| | | zoom: 12, |
|---|
| | | // crs: L.CRS.EPSG4326, //设置坐标系4326 |
|---|
| | | attributionControl: false, //去掉右下角 |
|---|
| | | zoomControl: false, //去掉缩放 |
|---|
| | | }); |
|---|
| | | L.tileLayer( //添加切片图层 |
|---|
| | | "http://webrd0{s}.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}", { |
|---|
| | | subdomains: ["1", "2", "3", "4"], |
|---|
| | | attribution: "高德" |
|---|
| | | } |
|---|
| | | ).addTo(map); |
|---|
| | | var markers = L.markerClusterGroup(); |
|---|
| | | |
|---|
| | | var transportIcon = L.Icon.extend({ //图标初始化 |
|---|
| | | options: { |
|---|
| | | iconSize: [30, 30], // 图标尺寸 |
|---|
| | | // iconAnchor: [30, 30], // 图标偏移量 |
|---|
| | | // popupAnchor: [-20, -20] // 弹出框偏移量 |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | var carIcon = new transportIcon({ //引入图标 |
|---|
| | | iconUrl: './img/gray.png' |
|---|
| | | }), |
|---|
| | | planeIcon = new transportIcon({ |
|---|
| | | iconUrl: './img/green.png' |
|---|
| | | }), |
|---|
| | | busIcon = new transportIcon({ |
|---|
| | | iconUrl: './img/red.png' |
|---|
| | | }); |
|---|
| | | console.log(datalist, 43545343) |
|---|
| | | for (var i = 0; i < datalist.length; i++) { |
|---|
| | | var a = datalist[i]; |
|---|
| | | var title = a.title; |
|---|
| | | if (a.state == 0) { |
|---|
| | | var marker = L.marker([a.jd, a.wd], { |
|---|
| | | icon: carIcon, |
|---|
| | | title: title |
|---|
| | | }); |
|---|
| | | } else if (a.state == 1) { |
|---|
| | | var marker = L.marker([a.jd, a.wd], { |
|---|
| | | icon: planeIcon, |
|---|
| | | title: title |
|---|
| | | }); |
|---|
| | | } else if (a.state == 2) { |
|---|
| | | var marker = L.marker([a.jd, a.wd], { |
|---|
| | | icon: busIcon, |
|---|
| | | title: title |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | marker.bindPopup(title); |
|---|
| | | markers.addLayer(marker); |
|---|
| | | } |
|---|
| | | map.addLayer(markers); |
|---|
| | | |
|---|
| | | markers.on('click', function (a) { |
|---|
| | | console.log(a.layer, 11111111111); |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | beginJuheMap(map); |
|---|
| | | |
|---|
| | | </script> |
|---|
| New file |
| | |
|---|
| | | <template> |
|---|
| | | <div>过度</div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | export default { |
|---|
| | | |
|---|
| | | } |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style> |
|---|
| | | |
|---|
| | | </style> |
|---|
| | |
|---|
| | | </el-button> --> |
|---|
| | | <el-button |
|---|
| | | type="success" |
|---|
| | | @click.stop="updateJtyep(form, 1, '办结')" |
|---|
| | | @click.stop="updateJtyep(form, 2, '办结')" |
|---|
| | | >办结 |
|---|
| | | </el-button> |
|---|
| | | |
|---|
| | |
|---|
| | | ) |
|---|
| | | .then(function () { |
|---|
| | | that.dialogTableVisible = false; |
|---|
| | | |
|---|
| | | axios({ |
|---|
| | | method: "post", |
|---|
| | | url: `/api/blade-jfpts/rvideo/stop`, |
|---|
| | |
|---|
| | | jid: row.id, |
|---|
| | | }, |
|---|
| | | }).then((resdata) => {}); |
|---|
| | | |
|---|
| | | // that.onLoad(that.page, that.query); |
|---|
| | | that.$router.push({ |
|---|
| | | path: "/policeTracking/track", |
|---|
| | | query: that.form, |
|---|
| | | }); |
|---|
| | | if (t == "办结") { |
|---|
| | | // location.reload(); |
|---|
| | | that.$router.push({ |
|---|
| | | path: "/real-popup/kongbai", |
|---|
| | | query: that.form, |
|---|
| | | }); |
|---|
| | | setTimeout(() => { |
|---|
| | | that.$router.push({ |
|---|
| | | path: "/realTimePolice/real", |
|---|
| | | }); |
|---|
| | | }, 10); |
|---|
| | | |
|---|
| | | } else { |
|---|
| | | that.$router.push({ |
|---|
| | | path: "/policeTracking/track", |
|---|
| | | query: that.form, |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | getDate() { |
|---|
| | |
|---|
| | | <div class="breadEval"> |
|---|
| | | <div class="breadTitle"> |
|---|
| | | <div class="titles">您的位置：</div> |
|---|
| | | <!-- <button @click="cc">cccc</button> --> |
|---|
| | | <!-- <el-breadcrumb-item style="position: relative;top: -3px;left: 5px">您的位置：</el-breadcrumb-item> --> |
|---|
| | | <!-- <el-breadcrumb-item v-show="!onceRouter" :to="{ path: '/wel/index' }">首页</el-breadcrumb-item> --> |
|---|
| | | <!-- <el-breadcrumb separator="/"> |
|---|
| | | <el-breadcrumb-item |
|---|
| | | :to="item.path" |
|---|
| | | v-for="item of breadListLast" |
|---|
| | | :key="item.path" |
|---|
| | | style="border: hotpink 1px solid" |
|---|
| | | > |
|---|
| | | {{ item.name }} |
|---|
| | | </el-breadcrumb-item> |
|---|
| | | </el-breadcrumb> --> |
|---|
| | | <div |
|---|
| | | class="ourCrumbsl" |
|---|
| | | v-for="(item, index) of breadListLast" |
|---|
| | |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="weather"> |
|---|
| | | <div class="gaizi"></div> |
|---|
| | | <iframe |
|---|
| | | class="weatherif" |
|---|
| | | width="480" |
|---|
| | | height="30" |
|---|
| | | :src="urlData" |
|---|
| | | scrolling="no" |
|---|
| | | ></iframe> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <!-- <router-view></router-view> --> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | <script> |
|---|
| | | import axios from "axios"; |
|---|
| | | |
|---|
| | | export default { |
|---|
| | | //面包屑解决方案，此方法只适用于面包屑与路由显示顺序一致，例如path：01/02/03 面包屑也是01/02/03 |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | urlData: "", |
|---|
| | | //手动配置项：breadListIm为路由与面包屑名称对应关系,breadLoadName为面包屑组件路由 |
|---|
| | | upName: { |
|---|
| | | 监控台: "welcomeData", |
|---|
| | |
|---|
| | | showDataL: 10, |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | created() { |
|---|
| | | this.urlData = "/weather/index.html"; |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | loadChange(states) { |
|---|
| | | //导航栏进就是一级路由，其他页面push |
|---|
| | | if (this.isrf) { |
|---|
| | | //刷新读取localStorage |
|---|
| | | this.breadListLast = JSON.parse(localStorage.getItem("crumbsl")); |
|---|
| | | this.$store.commit("SET_SHOWDATAL", localStorage.getItem("crumbslname")); |
|---|
| | | var b = localStorage.getItem("crumbslname") == "false" ? false : true; |
|---|
| | | console.log(b, typeof b, Boolean(b), 65343); |
|---|
| | | this.$store.commit("SET_SHOWDATAL", b); |
|---|
| | | } else { |
|---|
| | | //关闭重写 |
|---|
| | | var path = this.$route.path, |
|---|
| | |
|---|
| | | <style lang="scss" scoped> |
|---|
| | | .breadEval { |
|---|
| | | color: rgba($color: #000000, $alpha: 0.7); |
|---|
| | | position: relative; |
|---|
| | | top: -10px; |
|---|
| | | font-size: 14px; |
|---|
| | | height: 100%; |
|---|
| | | background: #f3f7fd; |
|---|
| | | font-size: 14px; |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | justify-content: space-between; |
|---|
| | | .breadTitle { |
|---|
| | | padding: 20px 30px; |
|---|
| | | padding-left: 80px; |
|---|
| | | // padding: 20px 30px; |
|---|
| | | padding-left: 20px; |
|---|
| | | background: #fff; |
|---|
| | | display: flex; |
|---|
| | | justify-content: space-between; |
|---|
| | | .titles { |
|---|
| | | position: absolute; |
|---|
| | | top: 17.15px; |
|---|
| | | left: 5px; |
|---|
| | | // position: absolute; |
|---|
| | | // top: 17.15px; |
|---|
| | | // left: 5px; |
|---|
| | | font-weight: 400; |
|---|
| | | } |
|---|
| | | .ourCrumbsl { |
|---|
| | | // border: hotpink 1px solid; |
|---|
| | | float: left; |
|---|
| | | font-weight: 400; |
|---|
| | | position: relative; |
|---|
| | | top: -3px; |
|---|
| | | // position: relative; |
|---|
| | | // top: 11.15px; |
|---|
| | | a { |
|---|
| | | font-weight: 400; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .weather { |
|---|
| | | right: 10px; |
|---|
| | | .weatherif { |
|---|
| | | border: transparent; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .gaizi { |
|---|
| | | width: 500px; |
|---|
| | | height: 30px; |
|---|
| | | background: transparent; |
|---|
| | | position: absolute; |
|---|
| | | right: 0; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | |
|---|
| | | <el-form-item> |
|---|
| | | <el-button |
|---|
| | | type="success" |
|---|
| | | @click.stop="updateJtyep(form, 1, '办结')" |
|---|
| | | @click.stop="updateJtyep(form, 2, '办结')" |
|---|
| | | >办结 |
|---|
| | | </el-button> |
|---|
| | | |
|---|
| | |
|---|
| | | }, |
|---|
| | | }).then((resdata) => {}); |
|---|
| | | |
|---|
| | | that.$router.push({ |
|---|
| | | path: "/policeTracking/track", |
|---|
| | | query: that.form, |
|---|
| | | }); |
|---|
| | | if (t == "办结") { |
|---|
| | | location.reload(); |
|---|
| | | } else { |
|---|
| | | that.$router.push({ |
|---|
| | | path: "/policeTracking/track", |
|---|
| | | query: that.form, |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | beginTimeOrEndTime(time) { |
|---|
| | |
|---|
| | | homeItem: { |
|---|
| | | name: "首页", |
|---|
| | | source: "el-icon-s-home", |
|---|
| | | path: "/dataL/homeL", |
|---|
| | | path: "/wel/index", |
|---|
| | | }, |
|---|
| | | dataItem: { |
|---|
| | | name: "数据模式", |
|---|
| | |
|---|
| | | import( /* webpackChunkName: "views" */ '@/views/report/announcementReport') |
|---|
| | | }] |
|---|
| | | }, |
|---|
| | | // { |
|---|
| | | // path: '/dataL', |
|---|
| | | // redirect: '/dataL/homeL', |
|---|
| | | // component: Layout, |
|---|
| | | // children: [{ |
|---|
| | | // path: 'homeL', |
|---|
| | | // name: '首页', |
|---|
| | | // meta: { |
|---|
| | | // i18n: 'report' |
|---|
| | | // }, |
|---|
| | | // component: () => |
|---|
| | | // import( /* webpackChunkName: "views" */ '@/views/dataL/homeL') |
|---|
| | | // }] |
|---|
| | | // }, |
|---|
| | | { |
|---|
| | | path: '/real-popup', |
|---|
| | | redirect: '/real-popup/kongbai', |
|---|
| | | component: Layout, |
|---|
| | | children: [{ |
|---|
| | | path: 'kongbai', |
|---|
| | | name: '首页', |
|---|
| | | meta: { |
|---|
| | | i18n: 'report' |
|---|
| | | }, |
|---|
| | | component: () => |
|---|
| | | import( /* webpackChunkName: "views" */ '@/components/real-popup/kongbai') |
|---|
| | | }] |
|---|
| | | }, |
|---|
| | | |
|---|
| | | |
|---|
| | | |
|---|
| | |
|---|
| | | <i class="yj" v-if="row.dxzt == '2' "></i> |
|---|
| | | <i class="gz" v-if="row.dxzt == '3' "></i> |
|---|
| | | </el-tag> |
|---|
| | | |
|---|
| | | |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <template slot-scope="{ row }" slot="type"> |
|---|
| | |
|---|
| | | if(data.records[i].dtype=="" || data.records[i].dtype==0){ |
|---|
| | | data.records[i].dxzt = 1; |
|---|
| | | } |
|---|
| | | |
|---|
| | | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | |
|---|
| | | this.showMap = true; |
|---|
| | | this.$nextTick(() => { |
|---|
| | | this.$refs.mapDiv.onload = () => { |
|---|
| | | window.frames[0].init("equipment", {x: row.jd, y: row.wd}); |
|---|
| | | window.frames[1].init("equipment", {x: row.jd, y: row.wd}); |
|---|
| | | }; |
|---|
| | | }) |
|---|
| | | },rightClick(row, event) { |
|---|
| | |
|---|
| | | this.showMap = true; |
|---|
| | | this.$nextTick(() => { |
|---|
| | | this.$refs.mapDiv.onload = () => { |
|---|
| | | window.frames[0].init("equipment", {x: row.jd, y: row.wd}); |
|---|
| | | window.frames[1].init("equipment", {x: row.jd, y: row.wd}); |
|---|
| | | }; |
|---|
| | | }) |
|---|
| | | }, |
|---|
| | |
|---|
| | | }); |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | stetDetails(d, imgdata) { |
|---|
| | | stetDetails(c, imgdata) { |
|---|
| | | this.name = "无数据" && this.a.deviceName; |
|---|
| | | //设备状态 |
|---|
| | | // [grey,green,red][ |
|---|
| | | // onlineStatus = 0, |
|---|
| | | // onlineStatus = 1, |
|---|
| | | // state!= "", |
|---|
| | | // jtype != 2 |
|---|
| | | // ] |
|---|
| | | var states, |
|---|
| | | d = this.a.dtype; |
|---|
| | | if (d == 0) { |
|---|
| | |
|---|
| | | } else if (d == 2) { |
|---|
| | | states = "预警"; |
|---|
| | | } |
|---|
| | | |
|---|
| | | // if (s != "") { |
|---|
| | | // states = "故障"; |
|---|
| | | // } else { |
|---|
| | | // if (j != 1) { |
|---|
| | | // if (o == 1) { |
|---|
| | | // states = "正常"; |
|---|
| | | // } else { |
|---|
| | | // states = "掉线"; |
|---|
| | | // } |
|---|
| | | // } else { |
|---|
| | | // states = "预警"; |
|---|
| | | // } |
|---|
| | | // } |
|---|
| | | // console.log(o, 1000); |
|---|
| | | // console.log(s, 1000); |
|---|
| | | // console.log(j, 1000); |
|---|
| | | |
|---|
| | | // console.log(states, 1000); |
|---|
| | | this.state = states; |
|---|
| | | |
|---|
| | | this.evaluate = "空气质量"; |
|---|
| | |
|---|
| | | installation: this.a.stime, // 安装时间 |
|---|
| | | heartbeat: this.a.heartbeat, // 心跳时间 |
|---|
| | | }; |
|---|
| | | this.form = d; |
|---|
| | | this.form = c; |
|---|
| | | }, |
|---|
| | | getdataG() { |
|---|
| | | var dataG = { |
|---|
| | |
|---|
| | | this.startEcharts01(); |
|---|
| | | }, |
|---|
| | | getMap() { |
|---|
| | | window.frames[0].init("DetailMap", { |
|---|
| | | window.frames[1].init("DetailMap", { |
|---|
| | | x: this.a.jd, |
|---|
| | | y: this.a.wd, |
|---|
| | | }); |
|---|
| | |
|---|
| | | // this.doEvents(); |
|---|
| | | // var timel = setTimeout(() => { |
|---|
| | | this.$refs.detailMap.onload = () => { |
|---|
| | | // window.frames[0].init("DetailMap", { |
|---|
| | | // window.frames[1].init("DetailMap", { |
|---|
| | | // x: this.a.jd, |
|---|
| | | // y: this.a.wd, |
|---|
| | | // }); |
|---|
| | | if (window.frames[0].init) { |
|---|
| | | if (window.frames[1].init) { |
|---|
| | | this.getMap(); |
|---|
| | | } else { |
|---|
| | | // this.re(); |
|---|
| | | console.log(`没有找到到window.frames[0].init`); |
|---|
| | | console.log(`没有找到到window.frames[1].init`); |
|---|
| | | } |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | <style lang="scss" > |
|---|
| | | video::-webkit-media-controls-timeline { |
|---|
| | | display: none; |
|---|
| | | } |
|---|
| | | #Lour { |
|---|
| | | width: 100%; |
|---|
| | | font-size: 14px; |
|---|
| | |
|---|
| | | this.$router.push({ path: "/healthcode/healthcode" }); |
|---|
| | | }, |
|---|
| | | down3() { |
|---|
| | | this.$router.push({ path: "/parcel/parcel" }); |
|---|
| | | this.$router.push({ path: "/parcel/parcelKind" }); |
|---|
| | | }, |
|---|
| | | down4() { |
|---|
| | | this.$router.push({ path: "/animalHeat/animalHeat" }); |
|---|
| | |
|---|
| | | |
|---|
| | | mounted() { |
|---|
| | | this.$refs.DistributionMapDiv.onload = () => { |
|---|
| | | window.frames[0].init("AlertSecurity", { |
|---|
| | | window.frames[1].init("AlertSecurity", { |
|---|
| | | x: this.form.jd, |
|---|
| | | y: this.form.wd, |
|---|
| | | }); |
|---|
| | |
|---|
| | | this.showMap = true; |
|---|
| | | this.$nextTick(() => { |
|---|
| | | this.$refs.mapDiv.onload = () => { |
|---|
| | | window.frames[0].init("ClientManagement", {x: row.jd, y: row.wd}); |
|---|
| | | window.frames[1].init("ClientManagement", {x: row.jd, y: row.wd}); |
|---|
| | | }; |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | |
|---|
| | | }, |
|---|
| | | created() { |
|---|
| | | this.form = this.$route.query; |
|---|
| | | if ( |
|---|
| | | !( |
|---|
| | | this.form.securityArr && |
|---|
| | | this.form.securityArr != null && |
|---|
| | | this.form.securityArr != undefined && |
|---|
| | | this.form.securityArr.length > 0 |
|---|
| | | ) |
|---|
| | | ) { |
|---|
| | | this.form.securityArr = []; |
|---|
| | | } |
|---|
| | | this.updatedPageData(); |
|---|
| | | this.vaddress = this.form.vaddress; |
|---|
| | | this.getReceivingAlarm(); |
|---|
| | |
|---|
| | | this.getAudios(); |
|---|
| | | this.getImgAndVideo(); |
|---|
| | | this.$refs.mapDiv.onload = () => { |
|---|
| | | window.frames[0].init("AlertSecurity", { |
|---|
| | | window.frames[1].init("AlertSecurity", { |
|---|
| | | x: this.form.jd, |
|---|
| | | y: this.form.wd, |
|---|
| | | }); |
|---|
| | |
|---|
| | | bz: this.form.bz, |
|---|
| | | snumber: this.form.alarmId, |
|---|
| | | sname: this.form.alarmPeople, |
|---|
| | | deviceNumber:this.form.deviceNumber, |
|---|
| | | deviceNumber: this.form.deviceNumber, |
|---|
| | | zc: zc, |
|---|
| | | zctime: this.getDate().current, |
|---|
| | | }; |
|---|
| | |
|---|
| | | |
|---|
| | | getList() { |
|---|
| | | var that = this; |
|---|
| | | var deptid = that.form.deptId.slice(0,19);//报错deptId格式不对liu.2021.5.7 |
|---|
| | | var deptid = that.form.deptId.slice(0, 19); //报错deptId格式不对liu.2021.5.7 |
|---|
| | | axios |
|---|
| | | .get( |
|---|
| | | `/api/blade-user/pages?current=1&size=9999&work_status=&deptId=${deptid}` |
|---|
| | |
|---|
| | | .then(function (res) { |
|---|
| | | that.tableData = []; |
|---|
| | | var i = 0; |
|---|
| | | |
|---|
| | | if (that.form.securityArr.length > 0) { |
|---|
| | | console.log(that.form, 89); |
|---|
| | | if ( |
|---|
| | | that.form.securityArr && |
|---|
| | | that.form.securityArr != null && |
|---|
| | | that.form.securityArr != undefined && |
|---|
| | | that.form.securityArr.length > 0 |
|---|
| | | ) { |
|---|
| | | res.data.data.records.forEach((item) => { |
|---|
| | | if (item.id == that.form.securityId) { |
|---|
| | | that.tableData.push({ |
|---|
| | |
|---|
| | | }, |
|---|
| | | }).then(function (res) { |
|---|
| | | that.form = res.data.data.records[0]; |
|---|
| | | that.getList();//报错deptId格式不对liu.2021.5.7 |
|---|
| | | if ( |
|---|
| | | !( |
|---|
| | | that.form.securityArr && |
|---|
| | | that.form.securityArr != null && |
|---|
| | | that.form.securityArr != undefined && |
|---|
| | | that.form.securityArr.length > 0 |
|---|
| | | ) |
|---|
| | | ) { |
|---|
| | | that.form.securityArr = []; |
|---|
| | | } |
|---|
| | | that.getList(); //报错deptId格式不对liu.2021.5.7 |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | |
|---|
| | | </el-drawer> |
|---|
| | | </basic-container> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | import { getList, remove, update, add, getclient } from "@/api/real/real"; |
|---|
| | | import { mapGetters } from "vuex"; |
|---|
| | |
|---|
| | | this.showMap = true; |
|---|
| | | this.$nextTick(() => { |
|---|
| | | this.$refs.mapDiv.onload = () => { |
|---|
| | | window.frames[0].init("ClientManagement", { x: row.jd, y: row.wd }); |
|---|
| | | window.frames[1].init("ClientManagement", { x: row.jd, y: row.wd }); |
|---|
| | | }; |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | |
|---|
| | | <style> |
|---|
| | | .el-card__body .waringTypeClass { |
|---|
| | | width: 12%; |
|---|
| | |
|---|
| | | .tabFontSize { |
|---|
| | | font-size: 15px; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | | </style> |
|---|
| | |
|---|
| | | }else{ |
|---|
| | | that.baseUrl = `/map/index.html?ISinit=1&openid=SecurityMap&jd=${row.jd}&wd=${row.wd}&code=${row.code}&name=${row.realName}`; |
|---|
| | | } |
|---|
| | | |
|---|
| | | |
|---|
| | | this.$nextTick(() => { |
|---|
| | | this.$refs.securityMap.onload = () => { |
|---|
| | | if (window.frames[0].init) { |
|---|
| | |
|---|
| | | }, |
|---|
| | | mounted() { |
|---|
| | | // this.$refs.supervisoryMap.onload = () => { |
|---|
| | | // window.frames[0].init("AlertSecurity", { |
|---|
| | | // window.frames[1].init("AlertSecurity", { |
|---|
| | | // x: this.form.jd, |
|---|
| | | // y: this.form.wd, |
|---|
| | | // }); |
|---|
| | |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style> |
|---|
| | | </style> |
|---|
| | | </style> |
|---|
