细节

徐旺旺

2021-01-13 0dedf75a903b8502b94d5d03679b42aa306bb18a

 src/components/panel/MonitorPanel.vue

@@ -129,12 +129,12 @@
import $ from 'jquery'
import MonitorHZ from './MonitorHZ'
import mapApi from '@/api/mapApi'
import {mapState} from 'vuex'
import { mapState } from 'vuex'

export default {
  name: 'MonitorPanel',
  components: {MonitorHZ},
  data() {
  components: { MonitorHZ },
  data () {
    return {
      isPanelVisible: false,
      wayBillVisible: true,
@@ -153,19 +153,19 @@
      attachOptions: [{
        value: '1',
        label: '阀门'
      },{
      }, {
        value: '2',
        label: '管廊'
      },{
      }, {
        value: '3',
        label: '管架'
      },{
      }, {
        value: '4',
        label: '三通'
      },{
      }, {
        value: '5',
        label: '四通'
      },{
      }, {
        value: '6',
        label: '弯头'
      }],
@@ -217,13 +217,13 @@
      currentCorpType: state => state.currentCorpType,
      currentCorp: state => state.currentCorp
    }),
    layerHelper() {
    layerHelper () {
      return this.$store.layerHelper
    }
  },
  watch: {
    currentCorpType: async function (val) {
      let params = {
      const params = {
        transNo: '',
        carrierName: '',
        transMode: '',
@@ -235,12 +235,13 @@
        size: 10,
        current: 1
      }
      let datas = await this.handleGetDatas(params)
      this.list = datas.data.records
      this.total = datas.data.total
      const datas = await this.handleGetDatas(params)
      console.log(datas)
      // this.list = datas.data.records
      // this.total = datas.data.total
    },
    currentCorp: async function (val) {
      let params = {
      const params = {
        transNo: '',
        carrierName: '',
        transMode: '',
@@ -252,26 +253,27 @@
        size: 10,
        current: 1
      }
      let datas = await this.handleGetDatas(params)
      this.list = datas.data.records
      this.total = datas.data.total
      const datas = await this.handleGetDatas(params)
      console.log(datas)
      // this.list = datas.data.records
      // this.total = datas.data.total
    }
  },
  methods: {
    handleClose(done) {
    handleClose (done) {
      console.log(done)
    },
    handlePipelineType(item){
    handlePipelineType (item) {
      console.log(item)
      if(item === '2'){
      if (item === '2') {
        this.dataTypeOptions = this.attachOptions
      }else if(item === '1'){
      } else if (item === '1') {
        this.dataTypeOptions = this.pipelineOptions
      }
    },
    async handlePage(page) {
    async handlePage (page) {
      console.log(page)
      let params = {
      const params = {
        transNo: '',
        carrierName: '',
        transMode: '',
@@ -283,42 +285,43 @@
        size: this.pageSize,
        current: page
      }
      let datas = await this.handleGetDatas(params)
      this.list = datas.data.records
      this.total = datas.data.total
      const datas = await this.handleGetDatas(params)
      console.log(datas)
      // this.list = datas.data.records
      // this.total = datas.data.total
    },
    handleLocation(item) {
    handleLocation (item) {
      window.vectorLayerHelper.vectorLayerMap.cheliang.showGeometryByXY(item.transNo, item.vehicleNo, item.lng, item.lat)
    },
    toggleMonitorPanel() {
      let el = $('.btn-stretch')
    toggleMonitorPanel () {
      const el = $('.btn-stretch')
      // let cs = 'btn-stretch-active'
      var rightControl = $('#right-panel')
      let right = rightControl.css('right')
      const right = rightControl.css('right')
      if (right === '10px') {
        rightControl.animate({
          right: '-290px'
        })
        el.css({
          'transform': 'rotateY(180deg)',
          transform: 'rotateY(180deg)',
          'transform-origin': '50% 50%',
          'transition': 'transform 1s linear'
          transition: 'transform 1s linear'
        })
      } else {
        rightControl.animate({
          right: '10px'
        })
        el.css({
          'transform': 'rotateY(0deg)',
          transform: 'rotateY(0deg)',
          'transform-origin': '50% 50%',
          'transition': 'transform 1s linear'
          transition: 'transform 1s linear'
        })
      }
    },
    async handleSearch() {
    async handleSearch () {
      // this.list = wayBillData.data
      // this.total = wayBillData.data.length
      let params = {
      const params = {
        transNo: this.form.transNo,
        carrierName: this.form.carrierName,
        transMode: this.form.transMode,
@@ -329,14 +332,15 @@
        size: this.pageSize,
        current: this.current
      }
      let datas = await this.handleGetDatas(params)
      this.list = datas.data.pager.records
      this.total = datas.data.pager.total
      const datas = await this.handleGetDatas(params)
      console.log(datas)
      // this.list = datas.data.pager.records
      // this.total = datas.data.pager.total
    },
    async handleInit() {
    async handleInit () {
      // this.list = wayBillData.data
      // this.total = wayBillData.data.length
      let params = {
      const params = {
        transNo: '',
        carrierName: '',
        transMode: '',
@@ -348,45 +352,48 @@
        size: 10,
        current: 1
      }
      let datas = await this.handleGetDatas(params)
      this.list = datas.data.records
      this.total = datas.data.total
      const datas = await this.handleGetDatas(params)
      console.log(datas)
      // this.list = datas.data.records
      // this.total = datas.data.total
    },
    async handleSetOrgCodeStrings() {
      let orgCodes = await this.handleGetOrgCode()
    async handleSetOrgCodeStrings () {
      const orgCodes = await this.handleGetOrgCode()
      let orgCodesString = ''
      for (let i = 0; i < orgCodes.data.length; i++) {
        let org = orgCodes.data[i]
        const org = orgCodes.data[i]
        orgCodesString += org.orgCode + ','
      }
      this.orgCodeStrings = orgCodesString.substring(0, orgCodesString.length - 1)
    },
    async handleGetOrgCode() {
      let params = {
    async handleGetOrgCode () {
      const params = {
        orgSector: this.currentCorpType,
        serviceType: ''
      }
      let datas = await mapApi.getOrganizationompanyList(params)
      const datas = await mapApi.getOrganizationompanyList(params)
      return datas
    },
    async handleGetDatas(params) {
      let datas = await mapApi.getTransOrderlist(params)
    async handleGetDatas (params) {
      // let datas = await mapApi.getTransOrderlist(params)

      const datas = params
      return datas
    },
    showHZ() {
    showHZ () {
      this.wayBillVisible = true
      this.hzVisible = false
      this.isWaybillHover = true
      this.isRouteHover = false
    },
    showWayBill() {
    showWayBill () {
      this.hzVisible = true
      this.wayBillVisible = false
      this.isWaybillHover = false
      this.isRouteHover = true
    }
  },
  mounted() {
  mounted () {
    this.handleInit()
  }
}
@@ -517,12 +524,12 @@
    width: 16px;
    height: 22px;
    display: block;
    background: url('/assets/images/map-pages/icon/icon.png') no-repeat 0 -90px;
    background: url('../../assets/images/map-pages/icon/icon.png') no-repeat 0 -90px;
    cursor: pointer;
  }

  .B-TMD-table-list-title-y-car {
    background: url('/assets/images/map-pages/icon/icon.png') no-repeat -45px 0;
    background: url('../../assets/images/map-pages/icon/icon.png') no-repeat -45px 0;
    width: 38px;
    height: 38px;
    display: block;
@@ -530,7 +537,7 @@
  }

  .B-TMD-table-list-title-y-car-offline {
    background: url('/assets/images/map-pages/icon/icon.png') no-repeat -90px 0;
    background: url('../../assets/images/map-pages/icon/icon.png') no-repeat -90px 0;
    width: 38px;
    height: 38px;
    display: block;
@@ -538,7 +545,7 @@
  }

  .B-TMD-table-list-title-y-car-warning {
    background: url('/assets/images/map-pages/icon/icon.png') no-repeat 0 0;
    background: url('../../assets/images/map-pages/icon/icon.png') no-repeat 0 0;
    width: 38px;
    height: 38px;
    display: block;
@@ -548,7 +555,7 @@
  .btn-stretch {
    width: 20px;
    height: 28px;
    background: url('/assets/images/map-pages/icon/icon.png') no-repeat -408px 0;
    background: url('../../assets/images/map-pages/icon/icon.png') no-repeat -408px 0;
    margin-left: 10px;
    margin-top: 3px;
    cursor: pointer;
@@ -559,7 +566,7 @@
  }

  .btn-stretch-active {
    background: url('/assets/images/map-pages/icon/icon.png') no-repeat -440px 0;
    background: url('../../assets/images/map-pages/icon/icon.png') no-repeat -440px 0;
  }

  .panel-tab {
@@ -570,7 +577,7 @@
    width: 40px;
    z-index: 500;
    background-color: #030D2E;
    background: url('/assets/images/map-pages/icon/caidan.png') no-repeat;
    background: url('../../assets/images/map-pages/icon/caidan.png') no-repeat;
  }

  .B-TMT-tab-div {
@@ -591,7 +598,7 @@
    height: 29px !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    background: url('/assets/images/map-pages/icon/icon.png') no-repeat -320px 0;
    background: url('../../assets/images/map-pages/icon/icon.png') no-repeat -320px 0;
  }

  .B-TMT-tab-route {
@@ -599,7 +606,7 @@
    height: 19px;
    margin-left: 5px;
    margin-top: 6px;
    background: url('/assets/images/map-pages/icon/icon.png') no-repeat -169px 0;
    background: url('../../assets/images/map-pages/icon/icon.png') no-repeat -169px 0;
  }

  .B-TMT-tab-waybill-isActive, .B-TMT-tab-waybill:hover {
@@ -607,7 +614,7 @@
    height: 29px !important;
    margin-top: 0 !important;
    margin-left: -1px !important;
    background: url('/assets/images/map-pages/icon/icon.png') no-repeat -361px 0 !important;
    background: url('../../assets/images/map-pages/icon/icon.png') no-repeat -361px 0 !important;
  }

  .B-TMT-tab-route-isActive, .B-TMT-tab-route:hover {
@@ -615,7 +622,7 @@
    height: 29px !important;
    margin-top: 0 !important;
    margin-left: -1px !important;
    background: url('/assets/images/map-pages/icon/icon.png') no-repeat -197px 0 !important;
    background: url('../../assets/images/map-pages/icon/icon.png') no-repeat -197px 0 !important;
  }

  .panel-tab ul {
@@ -633,7 +640,7 @@
    top: 0;
    right: 0;
    z-index: 999;
    background: url('/assets/images/map-pages/icon/bgc.png') no-repeat;
    background: url('../../assets/images/map-pages/icon/bgc.png') no-repeat;
  }

  .panel_searchTotal {
@@ -719,7 +726,7 @@
    color: #34e0ff;
    width: 100%;
    line-height: 25px;
    background: url('/assets/images/map-pages/icon/dd.png') no-repeat;
    background: url('../../assets/images/map-pages/icon/dd.png') no-repeat;
  }

  .B-TMD-inp-button {