Merge branch 'master' of http://192.168.0.105:10010/r/srs-police-affairs
9 files modified
2 files added
| | |
| | | * @param {*} |
| | | * @returns |
| | | */ |
| | | export const getSchedulingList = () => { |
| | | export const getSchedulingList = (current,size,params) => { |
| | | return request({ |
| | | url: `/api/scheduling/scheduling/page`, |
| | | method: 'get', |
| | | params: { |
| | | current: 1, |
| | | size: 100, |
| | | sameday: 1, |
| | | ...params, |
| | | current: current, |
| | | size: size |
| | | } |
| | | }) |
| | | } |
| | | |
| | | /** |
| | | * 获取值班单位集合信息 |
| | | * @param {*} |
| | | * @returns |
| | | */ |
| | | export const getSchedulingDeptList = (current,size,params) => { |
| | | return request({ |
| | | url: `/api/scheduling/scheduling/getSchedulingDeptList`, |
| | | method: 'get', |
| | | params: params |
| | | }) |
| | | } |
| | | |
| | | export const getAnswerPolices = (params) => { |
| | | return request({ |
| | | url: `/api/doorplate/doorplate/acceptAlarmList`, |
| New file |
| | |
| | | <template> |
| | | <div class="loading-container"> |
| | | <div class="loadingSeven"> |
| | | <span></span> |
| | | <span></span> |
| | | <span></span> |
| | | <span></span> |
| | | <span></span> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | export default { |
| | | name: 'videoLoading' |
| | | } |
| | | </script> |
| | | |
| | | <style> |
| | | .loading-container { |
| | | position: absolute; |
| | | top: 0; |
| | | left: 0; |
| | | width: 100%; |
| | | height: 100%; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | } |
| | | |
| | | .loadingSeven { |
| | | height: 100%; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | } |
| | | |
| | | .loadingSeven span { |
| | | margin: 0 2px; |
| | | width: 8px; |
| | | border-radius: 4px; |
| | | background: #ff0000; |
| | | animation: loadsaven 1.04s ease infinite; |
| | | } |
| | | |
| | | @keyframes loadsaven { |
| | | 0%, |
| | | 100% { |
| | | height: 20px; |
| | | background: #ff0000; |
| | | } |
| | | 50% { |
| | | height: 40px; |
| | | background: #ff6700; |
| | | } |
| | | } |
| | | |
| | | .loadingSeven span:nth-child(2) { |
| | | animation-delay: 0.13s; |
| | | } |
| | | .loadingSeven span:nth-child(3) { |
| | | animation-delay: 0.26s; |
| | | } |
| | | .loadingSeven span:nth-child(4) { |
| | | animation-delay: 0.39s; |
| | | } |
| | | .loadingSeven span:nth-child(5) { |
| | | animation-delay: 0.52s; |
| | | } |
| | | </style> |
| | |
| | | * @Author: shuishen 1109946754@qq.com |
| | | * @Date: 2022-08-18 17:00:30 |
| | | * @LastEditors: shuishen 1109946754@qq.com |
| | | * @LastEditTime: 2023-02-22 09:53:06 |
| | | * @LastEditTime: 2023-02-22 15:46:15 |
| | | * @FilePath: \srs-police-affairs\src\components\map\index.vue |
| | | * @Description: 公用地图组件 |
| | | * |
| | |
| | | } |
| | | }) |
| | | |
| | | global.viewer.setPitchRange(-90, -45) |
| | | |
| | | // global.viewer.scene.globe.depthTestAgainstTerrain = false |
| | | |
| | | // 去除logo |
| | |
| | | that.switchImg() |
| | | |
| | | // 外网 |
| | | global.viewer.imageryLayers.addImageryProvider( |
| | | new global.DC.Namespace.Cesium.UrlTemplateImageryProvider({ |
| | | url: 'http://t{s}.tianditu.gov.cn/DataServer?T=vec_w&x={x}&y={y}&l={z}&tk=e45274b0235bb913eceb393aabbf9c9c', |
| | | subdomains: ['0', '1', '2', '3', '4', '5', '6', '7'], |
| | | format: 'image/jpeg', |
| | | show: true, |
| | | maximumLevel: 18 |
| | | }) |
| | | ) |
| | | // global.viewer.imageryLayers.addImageryProvider( |
| | | // new global.DC.Namespace.Cesium.UrlTemplateImageryProvider({ |
| | | // url: 'http://t{s}.tianditu.gov.cn/DataServer?T=vec_w&x={x}&y={y}&l={z}&tk=e45274b0235bb913eceb393aabbf9c9c', |
| | | // subdomains: ['0', '1', '2', '3', '4', '5', '6', '7'], |
| | | // format: 'image/jpeg', |
| | | // show: true, |
| | | // maximumLevel: 18 |
| | | // }) |
| | | // ) |
| | | |
| | | global.viewer.imageryLayers.addImageryProvider( |
| | | new global.DC.Namespace.Cesium.UrlTemplateImageryProvider({ |
| | | url: '/sryx/{z}/{x}/{y}.png', |
| | | }) |
| | | ) |
| | | // global.viewer.imageryLayers.addImageryProvider( |
| | | // new global.DC.Namespace.Cesium.UrlTemplateImageryProvider({ |
| | | // url: '/sryx/{z}/{x}/{y}.png', |
| | | // }) |
| | | // ) |
| | | |
| | | // 设置地图初始位置,角度等 |
| | | global.viewer.camera.setView({ |
| | |
| | | baseLayers != null && global.viewer.imageryLayers.remove(baseLayers) |
| | | baseLayers = global.viewer.imageryLayers.addImageryProvider( |
| | | new global.DC.Namespace.Cesium.WebMapTileServiceImageryProvider({ |
| | | url: `${window.VUE_APP_MAP_YX}/geoserver/gwc/service/wmts`, |
| | | url: `${window.BASE_URL_CONFIG.VUE_APP_MAP_YX}/geoserver/gwc/service/wmts`, |
| | | layer: "test", |
| | | style: "", |
| | | format: "image/png", |
| | |
| | | baseLayers != null && global.viewer.imageryLayers.remove(baseLayers) |
| | | baseLayers = global.viewer.imageryLayers.addImageryProvider( |
| | | new global.DC.Namespace.Cesium.WebMapTileServiceImageryProvider({ |
| | | url: ` ${window.VUE_APP_MAP_SL}/MapTileService/wmts?STORETYPE=merged-dat&PROJECTION=4326`, |
| | | url: `${window.BASE_URL_CONFIG.VUE_APP_MAP_SL}/MapTileService/wmts?STORETYPE=merged-dat&PROJECTION=4326`, |
| | | layer: "wmts_4326_361100", |
| | | style: "default", |
| | | format: "image/png", |
| | |
| | | * @Author: shuishen 1109946754@qq.com |
| | | * @Date: 2022-09-07 09:34:58 |
| | | * @LastEditors: shuishen 1109946754@qq.com |
| | | * @LastEditTime: 2023-02-20 09:52:16 |
| | | * @LastEditTime: 2023-02-22 11:58:46 |
| | | * @FilePath: \srs-police-affairs\src\main.js |
| | | * @Description: |
| | | * |
| | |
| | | import App from './App.vue' |
| | | import router from './router/page' |
| | | import store from './store' |
| | | import videoLoading from '@/components/loading' |
| | | |
| | | import { EventBus } from '@/eventBus/event-bus' |
| | | |
| | |
| | | Vue.prototype.$EventBus = EventBus |
| | | Vue.use(ElementUI) |
| | | Vue.use(VueAxios, axios) |
| | | Vue.use(videoLoading) |
| | | |
| | | new Vue({ |
| | | router, |
| | |
| | | |
| | | .car-video-box { |
| | | .el-dialog { |
| | | margin: 0 !important; |
| | | display: flex; |
| | | flex-direction: column; |
| | | width: 1000px; |
| | | height: 620px; |
| | | top: 50%; |
| | | left: 50% !important; |
| | | transform: translate(-50%, -50%); |
| | | |
| | | .el-dialog__body { |
| | | flex: 1; |
| | |
| | | |
| | | .police-affairs-details-box { |
| | | .el-dialog { |
| | | margin: 0 !important; |
| | | display: flex; |
| | | flex-direction: column; |
| | | width: 540px; |
| | | height: 320px; |
| | | top: 50%; |
| | | left: 50% !important; |
| | | transform: translate(-50%, -50%); |
| | | |
| | | .el-dialog__header { |
| | | height: 56px; |
| | |
| | | |
| | | .resident-details-box { |
| | | .el-dialog { |
| | | margin: 0 !important; |
| | | display: flex; |
| | | flex-direction: column; |
| | | width: 420px; |
| | | top: 30%; |
| | | left: 86% !important; |
| | | transform: translate(-50%, -50%); |
| | | |
| | | .el-dialog__body { |
| | | flex: 1; |
| | |
| | | |
| | | .panorama-details-box { |
| | | .el-dialog { |
| | | margin: 0 !important; |
| | | display: flex; |
| | | flex-direction: column; |
| | | width: 960px; |
| | | height: 600px; |
| | | top: 50%; |
| | | left: 50% !important; |
| | | transform: translate(-50%, -50%); |
| | | |
| | | } |
| | | } |
| | | |
| | | .phone-details-box { |
| | | .el-dialog { |
| | | margin: 0 !important; |
| | | display: flex; |
| | | flex-direction: column; |
| | | width: 720px; |
| | | height: 400px; |
| | | top: 50%; |
| | | left: 50% !important; |
| | | transform: translate(-50%, -50%); |
| | | |
| | | .el-dialog__header { |
| | | height: 56px; |
| | |
| | | |
| | | .area-details-box { |
| | | .el-dialog { |
| | | margin: 0 !important; |
| | | display: flex; |
| | | flex-direction: column; |
| | | width: 1000px; |
| | | height: 700px; |
| | | top: 50%; |
| | | left: 50% !important; |
| | | transform: translate(-50%, -50%); |
| | | |
| | | .el-dialog__header { |
| | | height: 56px; |
| | |
| | | |
| | | .equiment-details-box { |
| | | .el-dialog { |
| | | margin: 0 !important; |
| | | display: flex; |
| | | flex-direction: column; |
| | | width: 1000px; |
| | | height: 620px; |
| | | top: 50%; |
| | | left: 50% !important; |
| | | transform: translate(-50%, -50%); |
| | | |
| | | .el-dialog__body { |
| | | flex: 1; |
| | |
| | | |
| | | .land-details-box { |
| | | .el-dialog { |
| | | margin: 0 !important; |
| | | display: flex; |
| | | flex-direction: column; |
| | | width: 1000px; |
| | | height: 620px; |
| | | top: 50%; |
| | | left: 50% !important; |
| | | transform: translate(-50%, -50%); |
| | | |
| | | .el-table__header-wrapper { |
| | | height: 60px; |
| | |
| | | |
| | | .keyPerson-details-box { |
| | | .el-dialog { |
| | | margin: 0 !important; |
| | | display: flex; |
| | | flex-direction: column; |
| | | width: 1000px; |
| | | height: 700px; |
| | | top: 50%; |
| | | left: 50% !important; |
| | | transform: translate(-50%, -50%); |
| | | |
| | | .el-dialog__header { |
| | | height: 40px; |
| | |
| | | |
| | | .policeSituation-details-box { |
| | | .el-dialog { |
| | | margin: 0 !important; |
| | | display: flex; |
| | | flex-direction: column; |
| | | width: 800px; |
| | | height: 500px; |
| | | top: 50%; |
| | | left: 50% !important; |
| | | transform: translate(-50%, -50%); |
| | | |
| | | .el-dialog__header { |
| | | height: 40px; |
| | |
| | | |
| | | .activity-details-box { |
| | | .el-dialog { |
| | | margin: 0 !important; |
| | | display: flex; |
| | | flex-direction: column; |
| | | width: 640px; |
| | | height: 400px; |
| | | top: 50%; |
| | | left: 50% !important; |
| | | transform: translate(-50%, -50%); |
| | | |
| | | .el-dialog__header { |
| | | height: 56px; |
| | |
| | | |
| | | .video-draw-box { |
| | | .el-dialog { |
| | | margin: 0 !important; |
| | | display: flex; |
| | | flex-direction: column; |
| | | width: 320px; |
| | | height: 180px; |
| | | top: 50%; |
| | | left: 50% !important; |
| | | transform: translate(-50%, -50%); |
| | | |
| | | .el-dialog__body { |
| | | flex: 1; |
| | |
| | | |
| | | .choose-police-box { |
| | | .el-dialog { |
| | | margin: 0 !important; |
| | | display: flex; |
| | | flex-direction: column; |
| | | width: 320px; |
| | | height: 180px; |
| | | top: 50%; |
| | | left: 50% !important; |
| | | transform: translate(-50%, -50%); |
| | | |
| | | .el-dialog__body { |
| | | &>div { |
| | |
| | | |
| | | .choose-policeCar-box { |
| | | .el-dialog { |
| | | margin: 0 !important; |
| | | display: flex; |
| | | flex-direction: column; |
| | | width: 320px; |
| | | height: 200px; |
| | | top: 50%; |
| | | left: 50% !important; |
| | | transform: translate(-50%, -50%); |
| | | |
| | | .el-dialog__body { |
| | | .el-button { |
| | |
| | | |
| | | .edit-line-box { |
| | | .el-dialog { |
| | | margin: 0 !important; |
| | | display: flex; |
| | | flex-direction: column; |
| | | width: 300px; |
| | | height: 190px; |
| | | top: 50%; |
| | | left: 50% !important; |
| | | transform: translate(-50%, -50%); |
| | | |
| | | .el-dialog__body { |
| | | .el-button { |
| | |
| | | |
| | | .add-polygon-box { |
| | | .el-dialog { |
| | | margin: 0 !important; |
| | | display: flex; |
| | | flex-direction: column; |
| | | width: 300px; |
| | | height: 140px; |
| | | top: 50%; |
| | | left: 50% !important; |
| | | transform: translate(-50%, -50%); |
| | | |
| | | .el-dialog__body { |
| | | .el-button { |
| | |
| | | |
| | | .edit-plot-box { |
| | | .el-dialog { |
| | | margin: 0 !important; |
| | | display: flex; |
| | | flex-direction: column; |
| | | width: 240px; |
| | | height: 130px; |
| | | top: 50%; |
| | | left: 50% !important; |
| | | transform: translate(-50%, -50%); |
| | | |
| | | .el-dialog__body { |
| | | .el-button { |
| | |
| | | .el-dialog__wrapper { |
| | | |
| | | .el-dialog { |
| | | margin: 0 !important; |
| | | position: absolute; |
| | | top: 50%; |
| | | left: 50%; |
| | | transform: translate(-50%, -50%); |
| | | background: $el-dialog-bg-color; |
| | | } |
| | | |
| | |
| | | <div>值班信息(当日)</div> |
| | | </div> |
| | | <div class="table-box"> |
| | | <el-table |
| | | size="small" |
| | | :height="tableHeight" |
| | | :data="schedulingList" |
| | | style="width: 100%" |
| | | <el-table size="small" :height="tableHeight" :data="schedulingList" style="width: 100%" |
| | | :header-cell-style="{ 'text-align': 'center' }" |
| | | :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75' }" |
| | | :row-class-name="tableRowClassName" |
| | | > |
| | | <el-table-column prop="station" label="岗位"></el-table-column> |
| | | <el-table-column prop="name" label="姓名"></el-table-column> |
| | | :row-class-name="tableRowClassName"> |
| | | <el-table-column prop="dept" label="值班单位"></el-table-column> |
| | | <el-table-column prop="person" label="姓名"></el-table-column> |
| | | <el-table-column prop="contact" label="联系方式"></el-table-column> |
| | | </el-table> |
| | | <div class="pointList"> |
| | | <div class="point" v-for="(item, index) in schedulingDeptList" :key="index" @click="getSchedlingList(item)"></div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | <svg class="border-svg"> |
| | | <use |
| | | stroke-width="2" |
| | | xlink:href="#border-box-8-path-974b4d7cfafa444396861ca1d1173c8c" |
| | | mask="url(#border-box-8-mask-974b4d7cfafa444396861ca1d1173c8c)" |
| | | stroke="#4fd2dd" |
| | | > |
| | | <animate |
| | | attributeName="stroke-dasharray" |
| | | from="0, 1442" |
| | | to="1442, 0" |
| | | dur="8s" |
| | | repeatCount="indefinite" |
| | | /> |
| | | <use stroke-width="2" xlink:href="#border-box-8-path-974b4d7cfafa444396861ca1d1173c8c" |
| | | mask="url(#border-box-8-mask-974b4d7cfafa444396861ca1d1173c8c)" stroke="#4fd2dd"> |
| | | <animate attributeName="stroke-dasharray" from="0, 1442" to="1442, 0" dur="8s" |
| | | repeatCount="indefinite" /> |
| | | </use> |
| | | </svg> |
| | | </div> |
| | |
| | | <div class="title"> |
| | | 案件统计 |
| | | <div class="timer"> |
| | | <el-date-picker |
| | | :clearable="false" |
| | | v-model="eventTime" |
| | | type="daterange" |
| | | align="right" |
| | | unlink-panels |
| | | range-separator="至" |
| | | start-placeholder="开始日期" |
| | | end-placeholder="结束日期" |
| | | @change="caseTimeChange" |
| | | :picker-options="pickerOptions" |
| | | ></el-date-picker> |
| | | <el-date-picker :clearable="false" v-model="eventTime" type="daterange" align="right" unlink-panels |
| | | range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" @change="caseTimeChange" |
| | | :picker-options="pickerOptions"></el-date-picker> |
| | | </div> |
| | | </div> |
| | | <div id="EventChangeEcharts" class="echarts-box"></div> |
| | | </div> |
| | | |
| | | <svg class="border-svg"> |
| | | <use |
| | | stroke-width="2" |
| | | xlink:href="#border-box-8-path-974b4d7cfafa444396861ca1d1173c8c" |
| | | mask="url(#border-box-8-mask-974b4d7cfafa444396861ca1d1173c8c)" |
| | | stroke="#4fd2dd" |
| | | > |
| | | <animate |
| | | attributeName="stroke-dasharray" |
| | | from="0, 1442" |
| | | to="1442, 0" |
| | | dur="8s" |
| | | repeatCount="indefinite" |
| | | /> |
| | | <use stroke-width="2" xlink:href="#border-box-8-path-974b4d7cfafa444396861ca1d1173c8c" |
| | | mask="url(#border-box-8-mask-974b4d7cfafa444396861ca1d1173c8c)" stroke="#4fd2dd"> |
| | | <animate attributeName="stroke-dasharray" from="0, 1442" to="1442, 0" dur="8s" |
| | | repeatCount="indefinite" /> |
| | | </use> |
| | | </svg> |
| | | </div> |
| | |
| | | <div class="title"> |
| | | <div>现有设备</div> |
| | | <div class="title-tab"> |
| | | <span |
| | | :class="{ choosed: linetype == 0 }" |
| | | @click="initEquipmentEcharts(0)" |
| | | >设备种类</span>/ |
| | | <span |
| | | :class="{ choosed: linetype == 1 }" |
| | | @click="initEquipmentEcharts(1)" |
| | | >设备状态</span> |
| | | <span :class="{ choosed: linetype == 0 }" @click="initEquipmentEcharts(0)">设备种类</span>/ |
| | | <span :class="{ choosed: linetype == 1 }" @click="initEquipmentEcharts(1)">设备状态</span> |
| | | </div> |
| | | </div> |
| | | <div style="overflow: hidden;" id="EquipmentEcharts" class="echarts-box"></div> |
| | | </div> |
| | | |
| | | <svg class="border-svg"> |
| | | <use |
| | | stroke-width="2" |
| | | xlink:href="#border-box-8-path-974b4d7cfafa444396861ca1d1173c8c" |
| | | mask="url(#border-box-8-mask-974b4d7cfafa444396861ca1d1173c8c)" |
| | | stroke="#4fd2dd" |
| | | > |
| | | <animate |
| | | attributeName="stroke-dasharray" |
| | | from="0, 1442" |
| | | to="1442, 0" |
| | | dur="8s" |
| | | repeatCount="indefinite" |
| | | /> |
| | | <use stroke-width="2" xlink:href="#border-box-8-path-974b4d7cfafa444396861ca1d1173c8c" |
| | | mask="url(#border-box-8-mask-974b4d7cfafa444396861ca1d1173c8c)" stroke="#4fd2dd"> |
| | | <animate attributeName="stroke-dasharray" from="0, 1442" to="1442, 0" dur="8s" |
| | | repeatCount="indefinite" /> |
| | | </use> |
| | | </svg> |
| | | </div> |
| | |
| | | let equimentDataLength = 0 |
| | | |
| | | import recorderArr from '@/assets/data/equimentsDate/recorder.js' |
| | | import { getSchedulingList } from '@/api/home/index.js' |
| | | import { getSchedulingList,getSchedulingDeptList } from '@/api/home/index.js' |
| | | import { fontSize } from '@/utils/fontSize.js' |
| | | |
| | | import { getCaseAll, getEquipment } from "@/api/home/index.js" |
| | |
| | | |
| | | export default { |
| | | inject: ['userInfo'], |
| | | |
| | | data () { |
| | | return { |
| | | eventTime: [], |
| | |
| | | linetype: 0, |
| | | tableHeight: 0, |
| | | schedulingList: [], |
| | | schedulingDeptList:[1,2,3,4,5,6,1,2,3,4,5,6], |
| | | policeStaionID: '' |
| | | } |
| | | }, |
| | |
| | | this.defaultDate() |
| | | |
| | | this.getSchedulingList() |
| | | |
| | | this.getSchedulingDeptList() |
| | | }, |
| | | |
| | | mounted () { |
| | |
| | | |
| | | this.$nextTick(() => { |
| | | window.addEventListener("resize", this.echartsResize) |
| | | this.tableHeight = this.$refs.Container.offsetHeight - this.$refs.caseBox.offsetHeight - this.$refs.crowdBox.offsetHeight - this.$refs.alertBoxTitle.offsetHeight - 62 |
| | | this.tableHeight = this.$refs.Container.offsetHeight - this.$refs.caseBox.offsetHeight - this.$refs.crowdBox.offsetHeight - this.$refs.alertBoxTitle.offsetHeight - 86 |
| | | }) |
| | | |
| | | }, |
| | | |
| | | methods: { |
| | | //获取值班列表信息 |
| | | getSchedlingList(item){ |
| | | this.$emit('showschedulingdetail', item.dept, item.dept, 'type') |
| | | }, |
| | | //获取值班单位信息 |
| | | getSchedulingDeptList(){ |
| | | getSchedulingDeptList().then((res)=>{ |
| | | this.schedulingDeptList = res.data.data; |
| | | }) |
| | | }, |
| | | // actTabClick (type) { |
| | | // this.acttype = type |
| | | // this.$refs.activityTable.bodyWrapper.scrollTop = 0 |
| | |
| | | }, |
| | | |
| | | getSchedulingList () { |
| | | getSchedulingList().then(res => { |
| | | const params = { |
| | | sameday:1 |
| | | } |
| | | getSchedulingList(1,100,params).then(res => { |
| | | this.schedulingList = res.data.data.records |
| | | }) |
| | | }, |
| | |
| | | .table-box { |
| | | padding: 0 12px; |
| | | flex: 1; |
| | | |
| | | .pointList{ |
| | | width: 100%; |
| | | display: flex; |
| | | justify-content: space-evenly; |
| | | margin-top: 15px; |
| | | .point{ |
| | | width: 12px; |
| | | height: 12px; |
| | | border-radius: 50px; |
| | | background-color: #006699; |
| | | cursor: pointer; |
| | | } |
| | | } |
| | | } |
| | | |
| | | #peopleList { |
| New file |
| | |
| | | <template> |
| | | <!-- 值班table --> |
| | | <div> |
| | | <el-dialog :title="schedulingTitle" :modal="true" :visible.sync="schedulingVisible" |
| | | :before-close="schedulingBeforeClose" :close-on-click-modal="true" class="area-details-box"> |
| | | <div class="header"> |
| | | <div> |
| | | <span>值班人:</span> |
| | | <input type="text" v-model="person" placeholder="请输入值班人" /> |
| | | <span style="margin-left: 10px;">值班人电话:</span> |
| | | <input type="text" v-model="contact" placeholder="请输入值班人电话" /> |
| | | </div> |
| | | <el-button type="primary" icon="el-icon-search" @click="searchScheduling">搜索</el-button> |
| | | <el-button type="primary" icon="el-icon-delete" @click="clearSearchScheduling">清空</el-button> |
| | | </div> |
| | | |
| | | <el-table :data="schedulingTableData" style="width: 100%" |
| | | :header-cell-style="{ 'text-align': 'center', 'background-color': '#203c60', 'borderColor': '#324e75' }" |
| | | :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75', 'cursor': 'pointer' }"> |
| | | |
| | | <el-table-column label="序号" type="index" align="center"> |
| | | <template slot-scope="scope"> |
| | | <span>{{ (page.currentPage - 1) * page.pageSize + scope.$index + 1 }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column :show-overflow-tooltip="true" prop="day" label="值班日期"></el-table-column> |
| | | <el-table-column :show-overflow-tooltip="true" prop="dept" label="值班单位"></el-table-column> |
| | | <el-table-column :show-overflow-tooltip="true" prop="person" label="值班人员"></el-table-column> |
| | | <el-table-column :show-overflow-tooltip="true" prop="contact" label="值班人员电话"></el-table-column> |
| | | <el-table-column :show-overflow-tooltip="true" prop="type" label="值班类型"></el-table-column> |
| | | <el-table-column :show-overflow-tooltip="true" prop="leads" label="带班领导"></el-table-column> |
| | | <el-table-column :show-overflow-tooltip="true" prop="leadContact" label="带班领导电话"></el-table-column> |
| | | </el-table> |
| | | |
| | | <div class="pages"> |
| | | <el-pagination background layout="prev, pager, next, total" :page-size="page.pageSize" :total="page.total" |
| | | :current-page="page.currentPage" @current-change="handleCurrentChange"></el-pagination> |
| | | </div> |
| | | </el-dialog> |
| | | </div> |
| | | </template> |
| | | <script> |
| | | import { getSchedulingList } from '@/api/home/index' |
| | | export default { |
| | | name: "schedulingList", |
| | | data() { |
| | | return { |
| | | person: '', |
| | | contact: '', |
| | | // 值班搜索条件 |
| | | schedulingSearchVal: '', |
| | | // 现有值班表格 |
| | | schedulingTableData: [], |
| | | schedulingCurrentSelect: {}, |
| | | // 值班分页 |
| | | page: { |
| | | currentPage: 1, |
| | | pageSize: 15, |
| | | total: 0 |
| | | }, |
| | | schedulingVisible: false, |
| | | schedulingTitle: '', |
| | | dept:'' |
| | | } |
| | | }, |
| | | methods: { |
| | | //初始化 |
| | | init(data) { |
| | | this.schedulingVisible = true; |
| | | this.schedulingTitle = data.name + "值班信息"; |
| | | this.dept = data.dept; |
| | | this.getSchedulingtPaging() |
| | | }, |
| | | /** |
| | | * @description:列表弹窗关闭的事件 |
| | | * @return {*} |
| | | */ |
| | | schedulingBeforeClose() { |
| | | this.page.currentPage = 1 |
| | | this.person = ''; |
| | | this.contact = ''; |
| | | this.dept = ""; |
| | | this.schedulingTableData = [] |
| | | this.schedulingVisible = false |
| | | }, |
| | | /** |
| | | * @description: 值班查询 |
| | | * @return {*} |
| | | */ |
| | | searchScheduling() { |
| | | this.page.currentPage = 1 |
| | | this.getSchedulingtPaging() |
| | | }, |
| | | |
| | | /** |
| | | * @description: 值班查询清空 |
| | | * @return {*} |
| | | */ |
| | | clearSearchScheduling() { |
| | | this.page.currentPage = 1 |
| | | this.person = '' |
| | | this.contact = '' |
| | | this.getSchedulingtPaging() |
| | | }, |
| | | // 值班分页查询 |
| | | handleCurrentChange: function (currentPage) { |
| | | this.page.currentPage = currentPage |
| | | this.getSchedulingtPaging() |
| | | }, |
| | | |
| | | // 获取值班分页数据 |
| | | getSchedulingtPaging(params = {}) { |
| | | var values = { |
| | | sameday:1, |
| | | person: this.person, |
| | | contact: this.contact, |
| | | dept:this.dept |
| | | } |
| | | getSchedulingList( |
| | | this.page.currentPage, |
| | | this.page.pageSize, |
| | | values).then(res => { |
| | | this.schedulingTableData = [] |
| | | this.page.total = 0 |
| | | if (res.data.data.total > 0) { |
| | | this.schedulingTableData = res.data.data.records |
| | | this.page.total = res.data.data.total |
| | | } |
| | | }) |
| | | }, |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style scoped lang="scss"> |
| | | .global-dialog-seat{ |
| | | height: countSizeVh(700); |
| | | } |
| | | </style> |
| | |
| | | <right-container |
| | | class="right-container" |
| | | @showequimentdetail="showequimentdetail" |
| | | @showschedulingdetail="showschedulingdetail" |
| | | @selectPoliceChangeEventData="selectPoliceChangeEventData" |
| | | @changeActivityType="changeActivityType" |
| | | ref="rightContainer" |
| | |
| | | @policeSituationChange="policeSituationChange" |
| | | @policeSituationSiteClick="policeSituationSiteClick" |
| | | ></bottom-container> |
| | | |
| | | <scheduling-list ref="schedulingList"></scheduling-list> |
| | | |
| | | <div class="center-container"> |
| | | <div class="layers-control-btn area"> |
| | |
| | | |
| | | import monitoringList from '@/assets/data/monitoring.js' |
| | | import leftContainer from './components/leftContainer' |
| | | import schedulingList from './components/schedulingList' |
| | | import rightContainer from './components/rightContainer' |
| | | import bottomContainer from './components/bottomContainer' |
| | | import historyArr from '@/assets/data/activitysData/history.js' |
| | |
| | | } |
| | | }, |
| | | |
| | | components: { leftContainer, rightContainer, bottomContainer }, |
| | | components: { leftContainer, rightContainer, bottomContainer,schedulingList }, |
| | | |
| | | created () { |
| | | const that = this |
| | |
| | | }, |
| | | |
| | | /** |
| | | * @description: 显示现有列表表格数据 |
| | | * @param {*} name |
| | | * @param {*} typeVale |
| | | * @param {*} type |
| | | * @return {*} |
| | | */ |
| | | async showschedulingdetail (name, dept, type) { |
| | | const data = { |
| | | name:name, |
| | | dept:dept, |
| | | type:type |
| | | } |
| | | this.$refs.schedulingList.init(data); |
| | | }, |
| | | |
| | | /** |
| | | * @description: 设备查询 |
| | | * @return {*} |
| | | */ |
| | |
| | | * @Author: shuishen 1109946754@qq.com |
| | | * @Date: 2022-08-18 16:18:17 |
| | | * @LastEditors: shuishen 1109946754@qq.com |
| | | * @LastEditTime: 2023-02-20 10:40:21 |
| | | * @LastEditTime: 2023-02-22 15:12:21 |
| | | * @FilePath: \srs-police-affairs\src\views\house\index.vue |
| | | * @Description: 小区-栋-层-房屋 |
| | | * |
| | |
| | | }, |
| | | |
| | | buildingClick (item, aoiArr) { |
| | | console.log(item, 456) |
| | | this.unitHouseChoosed = [] |
| | | this.pictLoading = true |
| | | if (!aoiArr) { |
| | | this.$EventBus.$emit('clearHouse3D') |
| | | this.$EventBus.$emit('toPosition', item) |
| | | this.$EventBus.$emit('toPosition', { |
| | | ...item, |
| | | siteJd: Number(item.siteJd), |
| | | siteWd: Number(item.siteWd) - 0.0021, |
| | | siteGd: 240, |
| | | sitePitch: -45 |
| | | }) |
| | | } |
| | | this.buildingChoosed = item |
| | | this.floorInfo.elev = item.elev |
| | |
| | | * @Author: shuishen 1109946754@qq.com |
| | | * @Date: 2022-08-18 16:18:24 |
| | | * @LastEditors: shuishen 1109946754@qq.com |
| | | * @LastEditTime: 2023-02-22 11:29:39 |
| | | * @LastEditTime: 2023-02-22 13:43:08 |
| | | * @FilePath: \srs-police-affairs\src\views\layout\index.vue |
| | | * @Description: |
| | | * |