Merge branch 'master' of http://192.168.0.105:10010/r/jfpt-Vue
6 files modified
1 files added
| | |
| | | * @Author: yangsx |
| | | * @Date: 2019-11-28 09:50:16 |
| | | * @LastEditors: song |
| | | * @LastEditTime: 2021-01-29 16:25:05 |
| | | * @LastEditTime: 2021-02-01 17:14:21 |
| | | --> |
| | | <!DOCTYPE html> |
| | | <html lang="zh"> |
| | |
| | | } |
| | | |
| | | function showFun(id) { |
| | | console.log(_AppEvent) |
| | | _AppEvent.dispatchAppEvent(_AppEvent.RUN_WIDGET, id); |
| | | } |
| | | |
| | | function dw(x,y) { |
| | | _AppEvent.dispatchAppEvent("goto", {x:x,y:y}); |
| | | } |
| | | </script> |
| | | </head> |
| | | |
| | |
| | | this._eventHandlers.push(this.map.on("mouse-move", lang.hitch(this, this._onMouseMove))); |
| | | AppEvent.addAppEventListener(AppEvent.SWITCH_BASEMAP, lang.hitch(this, this.onSwitchBaseMap)); |
| | | AppEvent.addAppEventListener(AppEvent.ADD_TOP_MOST_LAYER, lang.hitch(this, this.onAddTopMostLayer)); |
| | | AppEvent.addAppEventListener("goto", lang.hitch(this, this.goto)); |
| | | }, |
| | | goto: function (evt) { |
| | | this.map.centerAndZoom(new Point(evt.x,evt.y, new SpatialReference({ wkid: 4326 })), 14); |
| | | }, |
| | | onload: function () { |
| | | //var listNode = this.map.attribution.listNode; |
| | |
| | | var that = this; |
| | | |
| | | axios({ |
| | | url: 'http://192.168.0.102:1888/api/blade-jfpts/alarm/alarm/page?current=1&size=1', |
| | | url: 'https://s16s652780.51mypc.cn/api/blade-jfpts/alarm/alarm/getLimit', |
| | | method: 'get', |
| | | }).then(function (response) { |
| | | that.deviceId = response.data.data.records[0].id; |
| | | that.deviceId = response.data.data[0].id; |
| | | //获得最新ID,开启实时报警循环 |
| | | that.layerRealtime(); |
| | | }); |
| | |
| | | window.clearTimeout(window.realTimeQuery); |
| | | window.realTimeQuery = setInterval(function () { |
| | | axios({ |
| | | url: 'http://192.168.0.102:1888/api/blade-jfpts/alarm/alarm/selecttx?id='+that.deviceId, |
| | | url: 'https://s16s652780.51mypc.cn/api/blade-jfpts/alarm/alarm/selecttx?id='+that.deviceId, |
| | | method: 'post', |
| | | }).then(function (response) { |
| | | if (response.data.data.length > 0){ |
| | |
| | | }); |
| | | }else{ |
| | | axios({ |
| | | url: 'http://192.168.0.102:1888/api/blade-jfpts/jingdan/jingdan/submit', |
| | | url: 'https://s16s652780.51mypc.cn/api/blade-jfpts/jingdan/jingdan/submit', |
| | | method: 'post', |
| | | data: { |
| | | rName: row.rname, |
| | |
| | | revoke(row){ |
| | | var that = this; |
| | | axios({ |
| | | url: 'http://192.168.0.102:1888/api/blade-jfpts/alarm/alarm/deletejj?id='+row.id, |
| | | url: 'https://s16s652780.51mypc.cn/api/blade-jfpts/alarm/alarm/deletejj?id='+row.id, |
| | | method: 'post', |
| | | }).then(function () { |
| | | that.dialogTableVisible = false; |
| | |
| | | },updateJtyep(row){ |
| | | var that = this; |
| | | axios({ |
| | | url: 'http://192.168.0.102:1888/api/blade-jfpts/alarm/alarm/updateJtype?id='+row.id+"&czTime="+row.czTime+"&bz="+row.bz, |
| | | url: 'https://s16s652780.51mypc.cn/api/blade-jfpts/alarm/alarm/updateJtype?id='+row.id+"&czTime="+row.czTime+"&bz="+row.bz, |
| | | method: 'post', |
| | | }).then(function () { |
| | | }); |
| | |
| | | </el-tag> |
| | | </template> |
| | | |
| | | <template slot-scope="{ row }" slot="jfzt"> |
| | | <el-tag>{{ |
| | | row.type == "0" ? "已缴费" : row.type == "1" ? "待缴费" : "无" |
| | | <template slot-scope="{ row }" slot="expireTime"> |
| | | <span> |
| | | {{ |
| | | row.expireTime == "" ? row.expireTime : row.expireTime == null ? row.expireTime : row.expireTime.split(" ")[0] |
| | | }} |
| | | </el-tag> |
| | | </span> |
| | | <i class="el-icon-warning" v-if="row.type == 1"></i> |
| | | </template> |
| | | |
| | | </avue-crud> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import {getList, remove, update, add, getclient, getDeptLazyTree,getAll} from "@/api/client/client"; |
| | | import {getList, remove, update, add, getclient, getDeptLazyTree, getAll} from "@/api/client/client"; |
| | | import {mapGetters} from "vuex"; |
| | | |
| | | export default { |
| | |
| | | total: 0 |
| | | }, |
| | | dialogTableVisible: false, |
| | | gridData:null, |
| | | gridData: null, |
| | | selectionList: [], |
| | | treeDeptId: '', |
| | | treeData: [], |
| | |
| | | labelWidth: '100', |
| | | dialogWidth: 950, |
| | | menuWidth: 160, |
| | | size:"mini", |
| | | size: "mini", |
| | | tip: false, |
| | | searchShow: true, |
| | | searchMenuSpan: 4, |
| | |
| | | prop: "deviceName", |
| | | searchPlaceholder: "请输入设备名称/编号", |
| | | search: true, |
| | | }, |
| | | { |
| | | label: "到期时间", |
| | | prop: "releaseTimeRange", |
| | | type: "datetime", |
| | | format: "yyyy-MM-dd hh:mm:ss", |
| | | valueFormat: "yyyy-MM-dd hh:mm:ss", |
| | | searchRange: true, |
| | | searchSpan: 5, |
| | | hide: true, |
| | | addDisplay: false, |
| | | editDisplay: false, |
| | | viewDisplay: false, |
| | | search: true, |
| | | rules: [ |
| | | { |
| | | required: true, |
| | | message: "请输入时间", |
| | | trigger: "blur" |
| | | } |
| | | ] |
| | | }, |
| | | { |
| | | label: "设备编号", |
| | |
| | | type: "select", |
| | | slot: true, |
| | | width: 100, |
| | | rules: [{ |
| | | required: true, |
| | | trigger: "blur" |
| | | }], |
| | | dicData: [ |
| | | { |
| | | label: "撤防", |
| | |
| | | label: "设备状态", |
| | | prop: "dxzt", |
| | | slot: true, |
| | | addDisplay:false, |
| | | editDisplay:false, |
| | | }, { |
| | | label: "缴费状态", |
| | | prop: "jfzt", |
| | | width: 100, |
| | | addDisplay:false, |
| | | editDisplay:false, |
| | | slot: true, |
| | | addDisplay: false, |
| | | editDisplay: false, |
| | | }, { |
| | | label: "缴费信息", |
| | | prop: "pay", |
| | |
| | | label: "安装时间", |
| | | prop: "stime", |
| | | type: "datetime", |
| | | format: "yyyy-MM-dd hh:mm:ss", |
| | | format: "yyyy-MM-dd", |
| | | valueFormat: "yyyy-MM-dd hh:mm:ss", |
| | | width: 130 |
| | | }, { |
| | | label: "到期时间", |
| | | prop: "expireTime", |
| | | type: "datetime", |
| | | format: "yyyy-MM-dd hh:mm:ss", |
| | | slot: true, |
| | | format: "yyyy-MM-dd", |
| | | valueFormat: "yyyy-MM-dd hh:mm:ss", |
| | | width: 130 |
| | | width: 150 |
| | | }, { |
| | | label: "最后上传时间", |
| | | prop: "heartbeat", |
| | | type: "datetime", |
| | | format: "yyyy-MM-dd hh:mm:ss", |
| | | format: "yyyy-MM-dd", |
| | | valueFormat: "yyyy-MM-dd hh:mm:ss", |
| | | width: 130 |
| | | }, |
| | |
| | | if (releaseTimeRange) { |
| | | values = { |
| | | ...params, |
| | | releaseTime_datege: releaseTimeRange[0], |
| | | releaseTime_datelt: releaseTimeRange[1], |
| | | beginTime: releaseTimeRange[0], |
| | | endTime: releaseTimeRange[1], |
| | | ...this.query |
| | | }; |
| | | values.releaseTimeRange = null; |
| | | }else{ |
| | | } else { |
| | | values = { |
| | | ...params, |
| | | ...this.query |
| | |
| | | |
| | | var Dqdate = new Date().getTime(); |
| | | |
| | | for(var i = 0;i< data.records.length;i++){ |
| | | for (var i = 0; i < data.records.length; i++) { |
| | | var date = new Date(data.records[i].heartbeat).getTime(); |
| | | if ((Dqdate - date) >= (60 * 60 * 24 * 1000)) { |
| | | data.records[i].dxzt = 0; |
| | | }else if(data.records[i].heartbeat == ""){ |
| | | } else if (data.records[i].heartbeat == "") { |
| | | data.records[i].dxzt = 0; |
| | | }else{ |
| | | } else { |
| | | data.records[i].dxzt = 1; |
| | | } |
| | | } |
| | | |
| | | data.records.sort((a,b)=>{ |
| | | return a.dxzt - b.dxzt; |
| | | }); |
| | | |
| | | this.data = data.records; |
| | | this.loading = false; |
| | | this.selectionClear(); |
| | | }); |
| | | }, rowStyle({row, column, rowIndex}) { |
| | | if (row.heartbeat != null && row.heartbeat != "" ) { |
| | | if (row.heartbeat != null && row.heartbeat != "") { |
| | | var date = new Date(row.heartbeat).getTime(); |
| | | var Dqdate = new Date().getTime(); |
| | | if ((Dqdate - date) >= (60 * 60 * 24 * 1000)) { |
| | |
| | | }; |
| | | } |
| | | |
| | | }else if(row.heartbeat == ""){ |
| | | } else if (row.heartbeat == "") { |
| | | return { |
| | | color: "#fe1515" |
| | | }; |
| | | } |
| | | }, |
| | | payWin(){ |
| | | payWin() { |
| | | var that = this; |
| | | getAll().then(res => { |
| | | var data =res.data.data; |
| | | var data = res.data.data; |
| | | var lists = []; |
| | | var xb = 0; |
| | | for (var i = 0; i < data.length; i++) { |
| | |
| | | lists.push(data[i]); |
| | | } |
| | | } |
| | | if (lists.length > 0){ |
| | | if (lists.length > 0) { |
| | | that.gridData = lists; |
| | | that.dialogTableVisible = true; |
| | | } |
| | |
| | | </script> |
| | | |
| | | <style> |
| | | .payWin{ |
| | | .payWin { |
| | | overflow-y: auto; |
| | | height: 350px; |
| | | } |
| | | |
| | | .payWin .el-dialog__body{ |
| | | .payWin .el-dialog__body { |
| | | padding-top: 0px !important; |
| | | } |
| | | |
| | |
| | | icon="el-icon-location-outline" |
| | | :size="size" |
| | | :type="type" |
| | | @click.stop="handleMap()" |
| | | @click.stop="handleMap(row)" |
| | | >定位</el-button |
| | | > |
| | | </template> |
| | |
| | | </el-form> |
| | | </el-dialog> |
| | | |
| | | <el-drawer title="电子地图" append-to-body="true" :visible.sync="showMap"> |
| | | <iframe :src="mapUrl" frameborder="0" width="100%" height="100%"></iframe> |
| | | <el-drawer |
| | | title="电子地图" |
| | | append-to-body="true" |
| | | :visible.sync="showMap" |
| | | > |
| | | <iframe |
| | | id="mapDiv" |
| | | src="https://s16s652780.51mypc.cn/jfpt/map/index.html" |
| | | frameborder="0" |
| | | width="100%" |
| | | height="100%" |
| | | ></iframe> |
| | | </el-drawer> |
| | | </basic-container> |
| | | </template> |
| | |
| | | data() { |
| | | return { |
| | | showMap: false, |
| | | mapUrl: "https://s16s652780.51mypc.cn/jfpt/map/index.html", |
| | | hls: "", |
| | | videoSource: "", |
| | | dialogTableVisible: false, |
| | |
| | | this.onLoad(this.page, this.query); |
| | | }, |
| | | onLoad(page, params = {}) { |
| | | debugger |
| | | const { releaseTimeRange } = this.query; |
| | | let values = { |
| | | ...params |
| | |
| | | getList(page.currentPage, page.pageSize, values).then(res => { |
| | | const data = res.data.data; |
| | | this.page.total = data.total; |
| | | |
| | | data.records.sort((a,b)=>{ |
| | | return a.jtype - b.jtype; |
| | | }); |
| | | |
| | | this.data = data.records; |
| | | this.loading = false; |
| | | this.selectionClear(); |
| | |
| | | handleHistory(row) { |
| | | this.$router.push({ path: `/real/history/${row.deviceNumber}` }); |
| | | }, |
| | | handleMap() { |
| | | handleMap(row) { |
| | | this.showMap = true; |
| | | this.mapUrl = |
| | | "https://s16s652780.51mypc.cn/jfpt/map/index.html?openid=PatrolManagement"; |
| | | debugger; |
| | | var sddsds = document.getElementById("mapDiv"); |
| | | document.getElementById("mapDiv").contentWindow.dw(row.jd,row.wd) |
| | | }, |
| | | handleManage(row) { |
| | | this.form = row; |
| | |
| | | } else { |
| | | axios({ |
| | | url: |
| | | "http://192.168.0.102:1888/api/blade-jfpts/jingdan/jingdan/submit", |
| | | "https://s16s652780.51mypc.cn/api/blade-jfpts/jingdan/jingdan/submit", |
| | | method: "post", |
| | | data: { |
| | | rName: row.rname, |
| | |
| | | var that = this; |
| | | axios({ |
| | | url: |
| | | "http://192.168.0.102:1888/api/blade-jfpts/alarm/alarm/deletejj?id=" + |
| | | "https://s16s652780.51mypc.cn/api/blade-jfpts/alarm/alarm/deletejj?id=" + |
| | | row.id, |
| | | method: "post" |
| | | }).then(function() { |
| | |
| | | var that = this; |
| | | axios({ |
| | | url: |
| | | "http://192.168.0.102:1888/api/blade-jfpts/alarm/alarm/updateJtype?id=" + |
| | | "https://s16s652780.51mypc.cn/api/blade-jfpts/alarm/alarm/updateJtype?id=" + |
| | | row.id + |
| | | "&czTime=" + |
| | | row.czTime + |
| | |
| | | proxy: { |
| | | '/api': { |
| | | //本地服务接口地址 |
| | | target: 'http://192.168.0.102:82/', |
| | | //target: 'http://192.168.0.102:82/', |
| | | target: 'https://s16s652780.51mypc.cn/api/', |
| | | //远程演示服务地址,可用于直接启动项目 |
| | | //target: 'https://saber.bladex.vip/api', |
| | | ws: true, |