Merge branch 'master' of http://192.168.0.105:10010/r/jfptweb-publicSecurity
| | |
| | | <script type="text/javascript" src='https://webapi.amap.com/maps?v=1.4.11&key=7ab53b28352e55dc5754699add0ad862&plugin=AMap.PlaceSearch'></script> |
| | | <script src="https://webapi.amap.com/ui/1.0/main.js?v=1.0.11"></script> |
| | | <link rel="icon" href="img/1.jpg"> |
| | | <title>物联网安保云服务平台</title> |
| | | <title>警群联控后台管理系统</title> |
| | | <style> |
| | | html, |
| | | body, |
| | |
| | | * 全局配置文件 |
| | | */ |
| | | export default { |
| | | title: "物联网安保云服务平台", |
| | | title: "警群联控后台管理系统", |
| | | logo: "S", |
| | | key: '物联网安保云服务平台',//配置主键,目前用于存储 |
| | | indexTitle: '物联网安保云服务平台', |
| | | key: '警群联控后台管理系统',//配置主键,目前用于存储 |
| | | indexTitle: '警群联控后台管理系统', |
| | | clientId: 'saber', // 客户端id |
| | | clientSecret: 'saber_secret', // 客户端密钥 |
| | | tenantMode: true, // 是否开启租户模式 |
| | |
| | | export default { |
| | | tip: '提示', |
| | | title: '物联网安保云服务平台', |
| | | title: '警群联控后台管理系统', |
| | | logoutTip: '退出系统, 是否继续?', |
| | | submitText: '确定', |
| | | cancelText: '取消', |
| | |
| | | test: '测试页面' |
| | | }, |
| | | login: { |
| | | title: '物联网安保云服务平台 ', |
| | | info: '物联网安保云服务平台', |
| | | title: '警群联控后台管理系统 ', |
| | | info: '警群联控后台管理系统', |
| | | tenantId: '请输入租户ID', |
| | | username: '请输入账号', |
| | | password: '请输入密码', |
| | |
| | | }, |
| | | }).then(function (response) { |
| | | var userId = JSON.parse( |
| | | window.localStorage.getItem("物联网安保云服务平台-userInfo") |
| | | window.localStorage.getItem("警群联控后台管理系统-userInfo") |
| | | ).content.user_id; |
| | | |
| | | if (response.data.data.records.length > 0) { |
| | |
| | | } |
| | | if (window.socket.readyState == WebSocket.OPEN) { |
| | | var userId = JSON.parse( |
| | | window.localStorage.getItem("物联网安保云服务平台-userInfo") |
| | | window.localStorage.getItem("警群联控后台管理系统-userInfo") |
| | | ).content.user_id; |
| | | |
| | | window.socket.send(userId); |
| | |
| | | Recorder.getPermission().then(() => {}); |
| | | this.videoConversationReal = true; |
| | | var userId = JSON.parse( |
| | | window.localStorage.getItem("物联网安保云服务平台-userInfo") |
| | | window.localStorage.getItem("警群联控后台管理系统-userInfo") |
| | | ).content.user_id; |
| | | newAxios |
| | | .post( |
| | |
| | | <!-- </span>--> |
| | | </div> |
| | | <div class="top-bar__right"> |
| | | <img |
| | | src="/img/ydlogo.png" |
| | | style="height: 44px; vertical-align: middle" |
| | | alt="" |
| | | /> |
| | | <!-- <img--> |
| | | <!-- src="/img/ydlogo.png"--> |
| | | <!-- style="height: 44px; vertical-align: middle"--> |
| | | <!-- alt=""--> |
| | | <!-- />--> |
| | | <el-tooltip |
| | | v-if="showColor" |
| | | effect="dark" |
| | |
| | | {{ $t('login.title') }} |
| | | <!-- <top-lang></top-lang>--> |
| | | </h4> |
| | | <h4 class="login-title-child">IoT security cloud service platform</h4> |
| | | <!-- <h4 class="login-title-child">IoT security cloud service platform</h4>--> |
| | | <userLogin></userLogin> |
| | | <!-- <codeLogin v-else-if="activeName==='code'"></codeLogin>--> |
| | | <!-- <thirdLogin v-else-if="activeName==='third'"></thirdLogin>--> |
| | |
| | | i18n: 'dashboard' |
| | | }, |
| | | component: () => |
| | | import( /* webpackChunkName: "views" */ '@/views/dataL/homeL') |
| | | import( /* webpackChunkName: "views" */ '@/views/home/home') |
| | | }] |
| | | }, |
| | | |
| | |
| | | message: "请输入设备名称", |
| | | trigger: "blur" |
| | | }], |
| | | }, |
| | | { |
| | | label: "到期时间", |
| | | prop: "releaseTimeRange", |
| | | type: "datetime", |
| | | format: "yyyy-MM-dd", |
| | | valueFormat: "yyyy-MM-dd", |
| | | searchRange: true, |
| | | searchSpan: 6, |
| | | hide: true, |
| | | addDisplay: false, |
| | | editDisplay: false, |
| | | viewDisplay: false, |
| | | search: true, |
| | | rules: [ |
| | | { |
| | | required: true, |
| | | message: "请输入时间", |
| | | trigger: "blur" |
| | | } |
| | | ] |
| | | } |
| | | , |
| | | { |
| | |
| | | label: "通道号", |
| | | prop: "channelNumber", |
| | | hide: true, |
| | | addDisplay: true, |
| | | editDisplay: true, |
| | | viewDisplay: true, |
| | | addDisplay: false, |
| | | editDisplay: false, |
| | | viewDisplay: false, |
| | | rules: [{ |
| | | required: true, |
| | | message: "请输入通道号", |
| | | trigger: "blur" |
| | | }], |
| | | }, { |
| | | label: "缴费状态", |
| | | prop: "type", |
| | | slot: true, |
| | | sortable:true, |
| | | addDisplay: false, |
| | | editDisplay: false, |
| | | }, { |
| | | label: "设备厂商", |
| | | prop: "manufacturers", |
| | |
| | | message: "请选择设备厂商", |
| | | trigger: "blur" |
| | | }], |
| | | }, { |
| | | label: "布撤防状态", |
| | | prop: "devicestate", |
| | | type: "select", |
| | | slot: true, |
| | | width: 100, |
| | | rules: [{ |
| | | required: true, |
| | | message: "请选择布撤防状态", |
| | | trigger: "blur" |
| | | }], |
| | | dicData: [ |
| | | { |
| | | label: "撤防", |
| | | value: "0" |
| | | }, |
| | | { |
| | | label: "布防", |
| | | value: "1" |
| | | } |
| | | ] |
| | | }, |
| | | { |
| | | label: "设备状态", |
| | |
| | | sortable:true, |
| | | addDisplay: false, |
| | | editDisplay: false, |
| | | }, |
| | | { |
| | | label: "故障状态", |
| | | prop: "state", |
| | | addDisplay: false, |
| | | editDisplay: false, |
| | | hide:true |
| | | }, |
| | | { |
| | | label: "故障原因", |
| | | prop: "reason", |
| | | addDisplay: false, |
| | | editDisplay: false |
| | | }, |
| | | { |
| | | label: "省份", |
| | |
| | | format: "yyyy-MM-dd", |
| | | valueFormat: "yyyy-MM-dd HH:mm:ss", |
| | | width: 130, |
| | | hide: true, |
| | | addDisplay: true, |
| | | editDisplay: true, |
| | | viewDisplay: true, |
| | | }, { |
| | | label: "缴费信息", |
| | | prop: "pay", |
| | | hide: true, |
| | | addDisplay: true, |
| | | editDisplay: true, |
| | |
| | | <template> |
| | | <div id="homeL"> |
| | | <div class="homeL-up"> |
| | | <span class="h1">物联网安保云服务平台</span> |
| | | <span class="h2">IoT security cloud service platform</span> |
| | | <span class="h1">警群联控后台管理系统</span> |
| | | <!-- <span class="h2">IoT security cloud service platform</span>--> |
| | | </div> |
| | | <div class="homeL-bar"> |
| | | <div class="outS" @click="down1"> |
| | |
| | | @size-change="sizeChange" |
| | | @refresh-change="refreshChange" |
| | | @on-load="onLoad" |
| | | > |
| | | @row-click="rowClick"> |
| | | |
| | | <template slot="menuLeft"> |
| | | <el-button |
| | | type="danger" |
| | |
| | | </el-tag> |
| | | </template> |
| | | |
| | | <template slot-scope="{ type, size, row }" slot="menu"> |
| | | <el-button |
| | | icon="el-icon-s-order" |
| | | :size="size" |
| | | :type="type" |
| | | @click.stop="handleHistory(row)" |
| | | >历史 |
| | | </el-button> |
| | | <el-button |
| | | icon="el-icon-video-camera-solid" |
| | | :size="size" |
| | | :type="type" |
| | | @click.stop="handleStart(row)" |
| | | >视频 |
| | | </el-button> |
| | | <el-button |
| | | v-if="row.jtype == 0 || row.jtype == ''" |
| | | icon="el-icon-edit" |
| | | :size="size" |
| | | :type="type" |
| | | @click.stop="handleManage(row)" |
| | | >核实 |
| | | </el-button> |
| | | <el-button |
| | | v-if="row.jtype != 0 && row.jtype != ''" |
| | | icon="el-icon-s-order" |
| | | :size="size" |
| | | :type="type" |
| | | @click.stop="PoliceTracking(row)" |
| | | >追踪 |
| | | </el-button> |
| | | <el-button |
| | | icon="el-icon-location-outline" |
| | | :size="size" |
| | | :type="type" |
| | | @click.stop="handleMap(row)" |
| | | >定位 |
| | | </el-button> |
| | | </template> |
| | | <!-- <template slot-scope="{ type, size, row }" slot="menu">--> |
| | | |
| | | <!-- <el-button--> |
| | | <!-- v-if="row.jtype == 0 || row.jtype == ''"--> |
| | | <!-- icon="el-icon-edit"--> |
| | | <!-- :size="size"--> |
| | | <!-- :type="type"--> |
| | | <!-- @click.stop="handleManage(row)"--> |
| | | <!-- >核实--> |
| | | <!-- </el-button>--> |
| | | <!-- <el-button--> |
| | | <!-- v-if="row.jtype != 0 && row.jtype != ''"--> |
| | | <!-- icon="el-icon-s-order"--> |
| | | <!-- :size="size"--> |
| | | <!-- :type="type"--> |
| | | <!-- @click.stop="PoliceTracking(row)"--> |
| | | <!-- >追踪--> |
| | | <!-- </el-button>--> |
| | | <!-- </template>--> |
| | | </avue-crud> |
| | | <real-popup ref="realPopupView"> </real-popup> |
| | | <el-drawer title="电子地图" append-to-body="true" :visible.sync="showMap"> |
| | |
| | | <script> |
| | | import { getList, remove, update, add, getclient } from "@/api/real/real"; |
| | | import { mapGetters } from "vuex"; |
| | | import AvueMap from "avue-plugin-map"; |
| | | |
| | | export default { |
| | | data() { |
| | |
| | | ], |
| | | }, |
| | | { |
| | | label: "主要负责人", |
| | | prop: "oneContacts", |
| | | width: 90, |
| | | }, |
| | | { |
| | | label: "负责人电话", |
| | | prop: "onePhone", |
| | | width: 110, |
| | | }, |
| | | { |
| | | label: "报警人", |
| | | prop: "galarmPeople", |
| | | width: 90, |
| | |
| | | width: 130, |
| | | }, |
| | | { |
| | | label: "事发地址", |
| | | label: "地址", |
| | | prop: "place", |
| | | span:10, |
| | | }, |
| | | { |
| | | label: "设备编号", |
| | | search: true, |
| | | searchSpan: 3, |
| | | width: 130, |
| | | prop: "deviceNumber", |
| | | label: null, |
| | | prop: "map", |
| | | labelWidth: "0", |
| | | searchSpan:0, |
| | | maxlength:0, |
| | | hide: true, |
| | | span: 2, |
| | | // display:false, |
| | | component: "AvueMap" |
| | | }, |
| | | { |
| | | label: "警情状态", |
| | | searchSpan: 3, |
| | | width: 96, |
| | | search: true, |
| | | slot: true, |
| | | searchPlaceholder: "请选择", |
| | | prop: "jtype", |
| | | type: "select", |
| | | dicData: [ |
| | | { |
| | | label: "未处理", |
| | | value: "0", |
| | | label: "经度", |
| | | hide: true, |
| | | prop: "jd", |
| | | searchSpan:2, |
| | | width:"100", |
| | | labelWidth: "120", |
| | | formatter: (row,value,label,column)=>{ |
| | | return value = value.substring(0,11); |
| | | }, |
| | | span:7, |
| | | }, |
| | | { |
| | | label: "处理中", |
| | | value: "1", |
| | | label: "纬度", |
| | | labelWidth: "45", |
| | | hide: true, |
| | | prop: "wd", |
| | | formatter: (row,value,label,column) => { |
| | | return value = value.substring(0,10); |
| | | }, |
| | | { |
| | | label: "已处理", |
| | | value: "2", |
| | | }, |
| | | ], |
| | | span:5, |
| | | }, |
| | | { |
| | | label: "省份", |
| | |
| | | viewDisplay: true, |
| | | }, |
| | | { |
| | | label: "接警人", |
| | | label: "设备编号", |
| | | search: true, |
| | | searchSpan: 3, |
| | | width: 130, |
| | | prop: "deviceNumber", |
| | | }, |
| | | { |
| | | label: "警情状态", |
| | | searchSpan: 3, |
| | | width: 96, |
| | | search: true, |
| | | slot: true, |
| | | searchPlaceholder: "请选择", |
| | | prop: "jtype", |
| | | type: "select", |
| | | dicData: [ |
| | | { |
| | | label: "未处理", |
| | | value: "0", |
| | | }, |
| | | { |
| | | label: "处理中", |
| | | value: "1", |
| | | }, |
| | | { |
| | | label: "已处理", |
| | | value: "2", |
| | | }, |
| | | ], |
| | | }, |
| | | { |
| | | label: "派发人", |
| | | prop: "alarmPeople", |
| | | width: 90, |
| | | }, |
| | | { |
| | | label: "接警时间", |
| | | type: "datetime", |
| | | format: "yyyy-MM-dd HH:mm:ss", |
| | | valueFormat: "yyyy-MM-dd HH:mm:ss", |
| | | width: 130, |
| | | prop: "jjTime", |
| | | hide: true, |
| | | addDisplay: true, |
| | | editDisplay: true, |
| | | viewDisplay: true, |
| | | }, |
| | | { |
| | | label: "保安", |
| | | label: "处警员", |
| | | prop: "securityArr", |
| | | type: "tree", |
| | | multiple: true, |
| | |
| | | viewDisplay: true, |
| | | rules: [{ |
| | | required: true, |
| | | message: "请选择保安", |
| | | message: "请选择处警员", |
| | | trigger: "blur" |
| | | }], |
| | | } |
| | |
| | | peopleList: [], |
| | | }; |
| | | }, |
| | | watch: { |
| | | "form.map": { |
| | | // form是表单或者表格绑定的数据集,v-model='form' |
| | | handler(val) { |
| | | if (val) { |
| | | var that = this; |
| | | //重新加载一次页面详情数据,解决新的省市区无法写入问题 |
| | | //判断是新增还是修改 |
| | | if(that.isEdit){ |
| | | getclient(this.form.id).then(res => { |
| | | // that.province = res.data.data.province; |
| | | // that.city = res.data.data.city; |
| | | // that.district = res.data.data.district; |
| | | }); |
| | | } |
| | | |
| | | //经纬度替换 |
| | | this.form.wd = val.latitude; |
| | | this.form.jd = val.longitude; |
| | | //地址截取,从县/区开始截取,并且取从县区第一个出现的位置开始 |
| | | var address = val.formattedAddress.toString(); |
| | | if(address.search("县") != -1){ |
| | | this.form.place = address.substring(address.indexOf("县")+1,address.length); |
| | | } |
| | | if(address.search("区") != -1){ |
| | | this.form.place = address.substring(address.indexOf("区")+1,address.length); |
| | | } |
| | | //写入新的省市区 |
| | | that.form.province = val.addressComponent.province; |
| | | if(val.addressComponent.city==""){ |
| | | that.form.city = val.addressComponent.province; |
| | | }else{ |
| | | that.form.city = val.addressComponent.city; |
| | | } |
| | | that.form.district = val.addressComponent.district; |
| | | } |
| | | }, |
| | | immediate: true, |
| | | }, |
| | | //随意一个 |
| | | // 'form.deviceName'() { |
| | | // if (this.initFlag) { |
| | | // this.initData(); |
| | | // } |
| | | // } |
| | | |
| | | }, |
| | | computed: { |
| | | ...mapGetters(["permission", "flowRoutes"]), |
| | | permissionList() { |
| | | return { |
| | | addBtn: this.vaildData(this.permission.real_add, false), |
| | | viewBtn: this.vaildData(null, false), |
| | | delBtn: this.vaildData(null, false), |
| | | editBtn: this.vaildData(null, false), |
| | | delBtn: this.vaildData(this.permission.real_delete, false), |
| | | editBtn: this.vaildData(this.permission.real_edit, false), |
| | | }; |
| | | }, |
| | | ids() { |
| | |
| | | ); |
| | | //window.open(`http://localhost:8108/ureport/excel?_u=blade-alarm.statis.ureport.xml&beginTime=${beginTime}&endTime=${endTime}&waringType=${waringType}&timeDesc=${timeDesc}`); |
| | | }, |
| | | rowClick(val) {//行点击事件 |
| | | //警情追踪 |
| | | this.$router.push({path: "/policeTracking/track", query: val}); |
| | | } |
| | | }, |
| | | }; |
| | | </script> |