Merge branch 'master' of http://192.168.0.105:10010/r/srs-police-affairs
| | |
| | | <div class="equimentDetail"> |
| | | <div class="left"> |
| | | <el-tree |
| | | :data="monitorData" |
| | | :data="jurisdictionData" |
| | | :props="defaultProps" |
| | | @node-click="handleNodeClick" |
| | | @node-click="jurisdictionNodeClick" |
| | | ref="tree" |
| | | node-key="id" |
| | | ></el-tree> |
| | | </div> |
| | | <div class="right"> |
| | |
| | | </div> |
| | | <div class="others" v-if="othersContent"> |
| | | <el-table |
| | | :data="acttype == 0 ? underwayArr : historyArr" |
| | | :data="showArr" |
| | | style="width: 100%" |
| | | :header-cell-style="{'text-align':'center','background-color':'#203c60','borderColor':'#324e75'}" |
| | | :cell-style="{'text-align':'center','borderColor':'#324e75'}" |
| | | :row-class-name="tableRowClassName" |
| | | > |
| | | <el-table-column prop="activityName" label="活动名称" width="100"></el-table-column> |
| | | <el-table-column prop="startTime" label="开始时间" width="100"></el-table-column> |
| | | <el-table-column prop="endTime" label="结束时间" width="100"></el-table-column> |
| | | <el-table-column prop="scale" label="规模"></el-table-column> |
| | | <el-table-column |
| | | prop="carID" |
| | | label="车牌号" |
| | | width="100" |
| | | v-if="carArrShow" |
| | | ></el-table-column> |
| | | <el-table-column |
| | | prop="carType" |
| | | label="车型" |
| | | width="100" |
| | | v-if="carArrShow" |
| | | ></el-table-column> |
| | | <el-table-column |
| | | prop="phoneID" |
| | | label="手台号" |
| | | width="130" |
| | | v-if="phoneArrShow" |
| | | ></el-table-column> |
| | | <el-table-column |
| | | prop="phoneType" |
| | | label="手台机型" |
| | | width="100" |
| | | v-if="phoneArrShow" |
| | | ></el-table-column> |
| | | <el-table-column |
| | | prop="recorderID" |
| | | label="执法记录仪号" |
| | | width="130" |
| | | v-if="recorderArrShow" |
| | | ></el-table-column> |
| | | <el-table-column |
| | | prop="recorderType" |
| | | label="记录仪机型" |
| | | width="100" |
| | | v-if="recorderArrShow" |
| | | ></el-table-column> |
| | | <el-table-column prop="policeStation" label="所属派出所" width="100"></el-table-column> |
| | | <el-table-column prop="area" label="所属责任区"></el-table-column> |
| | | </el-table> |
| | | </div> |
| | | </div> |
| | |
| | | }, |
| | | eventTime: '', |
| | | currentTableHeight: 0, |
| | | monitorData: [{ |
| | | label: '车站派出所', |
| | | jurisdictionData: [{ |
| | | label: '全部', |
| | | id: '1', |
| | | children: [{ |
| | | label: '责任区1', |
| | | label: '车站派出所', |
| | | id: '2', |
| | | children: [{ |
| | | label: '小区1' |
| | | label: '责任区1', |
| | | id: '4', |
| | | }, { |
| | | label: '小区2' |
| | | label: '责任区2', |
| | | id: '5', |
| | | }] |
| | | }, { |
| | | label: '责任区2', |
| | | label: '沙溪派出所', |
| | | id: '3', |
| | | children: [{ |
| | | label: '小区1' |
| | | label: '责任区1', |
| | | id: '6', |
| | | }, { |
| | | label: '小区2' |
| | | }] |
| | | }] |
| | | }, { |
| | | label: '沙溪派出所', |
| | | children: [{ |
| | | label: '责任区1', |
| | | children: [{ |
| | | label: '小区1' |
| | | }, { |
| | | label: '小区2' |
| | | }] |
| | | }, { |
| | | label: '责任区2', |
| | | children: [{ |
| | | label: '小区1' |
| | | }, { |
| | | label: '小区2' |
| | | label: '责任区2', |
| | | id: '7', |
| | | }] |
| | | }] |
| | | }], |
| | |
| | | }, |
| | | monitorContent: false, |
| | | othersContent: false, |
| | | carArr: [ |
| | | { 'carID': '#11111', 'carType': '大众', 'policeStation': '车站派出所', 'area': '责任区1' }, |
| | | { 'carID': '#22222', 'carType': '宝马', 'policeStation': '车站派出所', 'area': '责任区1' }, |
| | | { 'carID': '#33333', 'carType': '奔驰', 'policeStation': '车站派出所', 'area': '责任区2' }, |
| | | { 'carID': '#44444', 'carType': '红旗', 'policeStation': '车站派出所', 'area': '责任区2' }, |
| | | { 'carID': '#55555', 'carType': '大众', 'policeStation': '沙溪派出所', 'area': '责任区1' }, |
| | | { 'carID': '#66666', 'carType': '宝马', 'policeStation': '沙溪派出所', 'area': '责任区1' }, |
| | | { 'carID': '#77777', 'carType': '奔驰', 'policeStation': '沙溪派出所', 'area': '责任区2' }, |
| | | { 'carID': '#88888', 'carType': '红旗', 'policeStation': '沙溪派出所', 'area': '责任区2' } |
| | | ], |
| | | phoneArr: [ |
| | | { 'phoneID': '188XXX11111', 'phoneType': '魅族', 'policeStation': '车站派出所', 'area': '责任区1' }, |
| | | { 'phoneID': '188XXX22222', 'phoneType': '华为', 'policeStation': '车站派出所', 'area': '责任区1' }, |
| | | { 'phoneID': '188XXX33333', 'phoneType': '一加', 'policeStation': '车站派出所', 'area': '责任区2' }, |
| | | { 'phoneID': '188XXX44444', 'phoneType': '华为', 'policeStation': '车站派出所', 'area': '责任区2' }, |
| | | { 'phoneID': '188XXX55555', 'phoneType': '三星', 'policeStation': '沙溪派出所', 'area': '责任区1' }, |
| | | { 'phoneID': '188XXX66666', 'phoneType': '华为', 'policeStation': '沙溪派出所', 'area': '责任区1' }, |
| | | { 'phoneID': '188XXX77777', 'phoneType': '小米', 'policeStation': '沙溪派出所', 'area': '责任区2' }, |
| | | { 'phoneID': '188XXX88888', 'phoneType': '华为', 'policeStation': '沙溪派出所', 'area': '责任区2' } |
| | | ], |
| | | recorderArr: [ |
| | | { 'recorderID': 'ABC111', 'recorderType': '爱国者', 'policeStation': '车站派出所', 'area': '责任区1' }, |
| | | { 'recorderID': 'ABC222', 'recorderType': '百步通', 'policeStation': '车站派出所', 'area': '责任区1' }, |
| | | { 'recorderID': 'ABC333', 'recorderType': '飞利浦', 'policeStation': '车站派出所', 'area': '责任区2' }, |
| | | { 'recorderID': 'ABC444', 'recorderType': '途强', 'policeStation': '车站派出所', 'area': '责任区2' }, |
| | | { 'recorderID': 'ABC555', 'recorderType': '执法鹰眼', 'policeStation': '沙溪派出所', 'area': '责任区1' }, |
| | | { 'recorderID': 'ABC666', 'recorderType': '致业', 'policeStation': '沙溪派出所', 'area': '责任区1' }, |
| | | { 'recorderID': 'ABC777', 'recorderType': '联想', 'policeStation': '沙溪派出所', 'area': '责任区2' }, |
| | | { 'recorderID': 'ABC888', 'recorderType': '高新兴', 'policeStation': '沙溪派出所', 'area': '责任区2' } |
| | | ], |
| | | showArr: [], |
| | | saveArr: [], |
| | | carArrShow: false, |
| | | phoneArrShow: false, |
| | | recorderArrShow: false, |
| | | } |
| | | }, |
| | | |
| | |
| | | }, |
| | | |
| | | updated () { |
| | | |
| | | }, |
| | | |
| | | methods: { |
| | |
| | | equipmentmyChart.on('click', params => { |
| | | this.equimentVisible = true |
| | | this.equimentTitle = params.name |
| | | this.monitorContent = false |
| | | this.othersContent = true |
| | | if (params.name == '摄像头') { |
| | | this.othersContent = false |
| | | this.monitorContent = true |
| | | } else { |
| | | this.monitorContent = false |
| | | this.othersContent = true |
| | | } else if (params.name == '手台') { |
| | | this.recorderArrShow = false |
| | | this.carArrShow = false |
| | | this.phoneArrShow = true |
| | | this.saveArr = this.phoneArr |
| | | this.showArr = this.saveArr |
| | | } else if (params.name == '车辆') { |
| | | this.recorderArrShow = false |
| | | this.carArrShow = true |
| | | this.phoneArrShow = false |
| | | this.saveArr = this.carArr |
| | | this.showArr = this.saveArr |
| | | } else if (params.name == '执法记录仪') { |
| | | this.recorderArrShow = true |
| | | this.carArrShow = false |
| | | this.phoneArrShow = false |
| | | this.saveArr = this.recorderArr |
| | | this.showArr = this.saveArr |
| | | } |
| | | }) |
| | | }, |
| | |
| | | divData.scrollTop = 0 |
| | | } |
| | | }, 100) |
| | | }, |
| | | |
| | | jurisdictionNodeClick (nodeObj, node, nodeSelf) { |
| | | if (nodeObj.id == 1) { |
| | | this.showArr = this.saveArr |
| | | } else if (nodeObj.id == 2) { |
| | | let arr = [] |
| | | this.saveArr.some((item) => { |
| | | if (item.policeStation == '车站派出所') { |
| | | arr.push(item) |
| | | } |
| | | }) |
| | | this.showArr = arr |
| | | } else if (nodeObj.id == 3) { |
| | | let arr = [] |
| | | this.saveArr.some((item) => { |
| | | if (item.policeStation == '沙溪派出所') { |
| | | arr.push(item) |
| | | } |
| | | }) |
| | | this.showArr = arr |
| | | } else if (nodeObj.id == 4) { |
| | | let arr = [] |
| | | this.saveArr.some((item) => { |
| | | if (item.policeStation == '车站派出所' && item.area == "责任区1") { |
| | | arr.push(item) |
| | | } |
| | | }) |
| | | this.showArr = arr |
| | | } else if (nodeObj.id == 5) { |
| | | let arr = [] |
| | | this.saveArr.some((item) => { |
| | | if (item.policeStation == '车站派出所' && item.area == "责任区2") { |
| | | arr.push(item) |
| | | } |
| | | }) |
| | | this.showArr = arr |
| | | } else if (nodeObj.id == 6) { |
| | | let arr = [] |
| | | this.saveArr.some((item) => { |
| | | if (item.policeStation == '沙溪派出所' && item.area == "责任区1") { |
| | | arr.push(item) |
| | | } |
| | | }) |
| | | this.showArr = arr |
| | | } else if (nodeObj.id == 7) { |
| | | let arr = [] |
| | | this.saveArr.some((item) => { |
| | | if (item.policeStation == '沙溪派出所' && item.area == "责任区2") { |
| | | arr.push(item) |
| | | } |
| | | }) |
| | | this.showArr = arr |
| | | } |
| | | } |
| | | }, |
| | | |
| | |
| | | float: left; |
| | | .monitor { |
| | | width: 100%; |
| | | height: 500px; |
| | | height: 540px; |
| | | background-color: #fff; |
| | | } |
| | | .others { |
| | | width: 100%; |
| | | height: 400px; |
| | | height: 540px; |
| | | background-color: red; |
| | | } |
| | | } |