废水和废气查询修改

seatonwan9

2021-05-30 b5db7d99041a1ea1dbd01c8c5d8f55eb36f7c71e

废水和废气查询修改

 src/api/host.js

@@ -4,10 +4,11 @@
import { getSchemeHost } from '../utils/tools'

export const $HOST = getSchemeHost()
// 环保二期
export const $HOSTII = 'http://10.246.162.140:8080'

// 管线分析-线上
// export const $HOSTANALYSE = 'http://xearth.cn:6202'
export const $HOSTANALYSE = 'http://10.238.235.179:6202'

// 管线分析-本地
// export const $HOSTANALYSE = 'http://10.238.105.124:8089'

 src/api/mapApi.js

@@ -31,7 +31,7 @@
  },
  // 废气点加载
  getWasteGas (data) {
    return axios.get(mapUrl.getWasteGas, data)
    return axios.post(mapUrl.getWasteGas, qs.stringify(data), { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' })
  },
  // 废气明细表
  getWasteGasDetails (data) {
@@ -54,7 +54,7 @@
    return axios.get(mapUrl.getWasteWaterMonitoringDetails, data)
  },
  // 废水日数据和小时数据及明细表
  getQueryOnlineMonData (data, setHeaders) {
  getQueryOnlineMonData (data) {
    return axios.post(mapUrl.getQueryOnlineMonData, qs.stringify(data), { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' })
  },
  // 废水人工数据
@@ -89,9 +89,6 @@
  },
  getSourcesPoll (data) {
    return axios.get(mapUrl.getSourcesPoll, data)
  },
  getGovernEquipment (data) {
    return axios.get('/assets/governEquipment.json', data)
  },
  getEnvironmentRisk (data) {
    return axios.get('/assets/environmentRisk.json', data)

 src/api/mapUrl.js

@@ -1,7 +1,7 @@
/**
 * 该文件配置接口的URL地址
 */
import { $HOST, $HOSTANALYSE } from './host'
import { $HOST, $HOSTII, $HOSTANALYSE } from './host'

export const GetUser = $HOST + '/user/getUser'

@@ -12,18 +12,18 @@
export const getSolidWasteSurveyDetail = $HOST + '/wasteSolid/getSolidWasteSurveyDetail'

// 废气
export const getWasteGas = $HOST + '/wasteGas/getWasteGas'
export const getWasteGas = $HOSTII + '/EPInterface/DataService/EPMapService.asmx/ObtainningConInfo'
export const getWasteGasDetails = $HOST + '/wasteGas/getWasteGasMonitoringDetails'
export const DataItems = $HOST + '/wasteGas/RTDB/DataItems' // 废气实时数据
export const getWasteGasMonData = $HOST + '/wasteGas/QueryOnlineMonData'
export const getWasteGasManualData = $HOST + '/wasteGas/QueryLabMonData'

// 废水
export const getWasteWater = 'http://10.246.162.140:8080/EPInterface/DataService/EPMapService.asmx/ObtainningConInfo' // 废水点信息
export const getWasteWater = $HOSTII + '/EPInterface/DataService/EPMapService.asmx/ObtainningConInfo' // 废水点信息
export const getWasteWaterMonitoring = $HOST + '/wasteWater/getWasteWaterMonitoring' // 废水监测数据
export const getWasteWaterMonitoringDetails = $HOST + '/wasteWater/getWasteWaterMonitoringDetails' // 废水监测数据明细表
export const getQueryOnlineMonData = 'http://10.246.162.140:8080/EPInterface/DataService/EPMapService.asmx/QueryOnlineMonData' // 废水日数据小时数据及明细表数据
export const getQueryLabMonData = 'http://10.246.162.140:8080/EPInterface/DataService/EPMapService.asmx/QueryLabMonData' // 人工数据
export const getQueryOnlineMonData = $HOSTII + '/EPInterface/DataService/EPMapService.asmx/QueryOnlineMonData' // 废水日数据小时数据及明细表数据
export const getQueryLabMonData = $HOSTII + '/EPInterface/DataService/EPMapService.asmx/QueryLabMonData' // 人工数据
export const getDataItems = $HOST + '/wasteWater/RTDB/DataItems' // 实时数据

// 公司

 src/components/LayerController/logic/WasteGas.js

@@ -26,10 +26,22 @@
      L: L,
      layer: layer
    })
    const res = await mapApi.getWasteGas()
    // console.log(res)
    const param = {
      companyId: 3900100145, // 企业编码
      id: '',
      monType: 2, // 废气
      userCode: 'wenchun.deng', // 用户名称
      monDuration: '',
      epName: '',
      secdDeptId: '',
      contrLevel: '',
      dataStatus: '',
      dataFlag: '',
      runStatus: '',
      emissTypeId: ''
    }
    const res = await mapApi.getWasteGas(param)
    const data = res.Result.DataInfo || {}
    // console.log(data)
    for (let i = 0; i < data.length; i++) {
      // 经纬度 位置
      const positionX = data[i].Latitude

 src/components/LayerController/logic/WasteWater.js

@@ -27,11 +27,11 @@
      L: L,
      layer: layer
    })
    const res = await mapApi.getWasteWater({
      companyId: 3900100145, // 企业名称
    const param = {
      companyId: 3900100145, // 企业编码
      id: '',
      monType: 1, // 值为1查询废水
      userCode: 'wenchun.deng', // 角色名称
      monType: 1, // 废水
      userCode: 'wenchun.deng', // 用户名称
      monDuration: '',
      epName: '',
      secdDeptId: '',
@@ -40,7 +40,8 @@
      dataFlag: '',
      runStatus: '',
      emissTypeId: ''
    })
    }
    const res = await mapApi.getWasteWater(param)
    const data = res.Result.DataInfo || {}
    for (let i = 0; i < data.length; i++) {
      // 经纬度 位置
@@ -54,7 +55,7 @@
        totransferData: data[i],
        icon: L.icon({
          iconUrl: iconUrl,
          iconSize: [35, 35],
          iconSize: [30, 30],
          iconAnchor: [15, 15]
        })
      })

 src/components/panel/RightSearchPanel.vue

@@ -53,8 +53,8 @@
import DischargeSearch from './topicSearch/DischargeSearch'
import { topicList } from '../../conf/Topic'

import GasWasteSearch from '@components/panel/topicSearch/GasWasteSearch'
import WaterWasteSearch from '@components/panel/topicSearch/WaterWasteSearch'
import WasteGasSearch from '@components/panel/topicSearch/WasteGasSearch'
import WasteWaterSearch from '@components/panel/topicSearch/WasteWaterSearch'
import SolidWasteSearch from '@components/panel/topicSearch/SolidWasteSearch'
import SewersSearch from '@components/panel/topicSearch/SewersSearch'
import SoilGroundWaterSearch from '@components/panel/topicSearch/SoilGroundWaterSearch.vue'
@@ -65,8 +65,8 @@
export default {
  name: 'MonitorPanel',
  components: {
    GasWasteSearch,
    WaterWasteSearch,
    WasteGasSearch,
    WasteWaterSearch,
    SolidWasteSearch,
    EnvRiskSearch,
    DischargeSearch,
@@ -153,10 +153,10 @@
          this.gcComp = DischargeSearch
          break
        case '废水':
          this.gcComp = WaterWasteSearch
          this.gcComp = WasteWaterSearch
          break
        case '废气':
          this.gcComp = GasWasteSearch
          this.gcComp = WasteGasSearch
          break
        case '固废':
          this.gcComp = SolidWasteSearch

 src/components/panel/topicSearch/WasteGasSearch.vue

File was renamed from src/components/panel/topicSearch/GasWasteSearch.vue
@@ -3,7 +3,7 @@
    <div class="panel-title">{{title}}</div>
    <div class="search-panel ">
      <el-form ref="form" :model="form" label-width="90px" class="search-form">
        <el-form-item label="区域：" size="mini" class="search-panel-item">
<!--        <el-form-item label="区域：" size="mini" class="search-panel-item">
          <el-select style="width: 100%"  v-model="form.areaVal" @change="areaType"  :popper-class="'select-down'">
            <el-option
                v-for="item in inareaTypeOptions"
@@ -12,7 +12,7 @@
                :value="item.value">
            </el-option>
          </el-select>
        </el-form-item>
        </el-form-item>-->
        <el-form-item label="企业名称：" size="mini">
          <el-select style="width: 100%"  v-model="form.enterpriseVal"  @change="enterpriseType" :popper-class="'select-down'">
            <el-option
@@ -23,8 +23,9 @@
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="二级单位：" size="mini">
          <el-select style="width: 100%"  v-model="form.enterpriseSubunitsVal"  @change="enterpriseSubunitsType" :popper-class="'select-down'">
        <el-form-item label="单位部门：" size="mini">
          <el-select style="width: 100%"  v-model="form.enterpriseSubunitsVal"  @change="enterpriseSubunitsType"
                     :popper-class="'select-down'">
            <el-option
                v-for="item in enterpriseSubunitsTypeOptions"
                :key="item.value"
@@ -33,10 +34,11 @@
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="三级单位：" size="mini">
          <el-select style="width: 100%"  v-model="form.enterpriseSubunitsVal"  @change="enterpriseSubunitsType" :popper-class="'select-down'">
        <el-form-item label="控制级别：" size="mini">
          <el-select style="width: 100%"  v-model="form.enterpriseLevelVal"  @change="enterpriseLevelType"
                     :popper-class="'select-down'">
            <el-option
                v-for="item in enterpriseSubunitsTypeOptions"
                v-for="item in enterpriseLevelTypeOptions"
                :key="item.value"
                :label="item.label"
                :value="item.value">
@@ -45,7 +47,9 @@
        </el-form-item>
<!--        <el-form-item label="风险级别" size="mini"></el-form-item>-->
        <el-radio-group v-model="form.type" class="levelOfRisk">
          <el-radio  v-for="(item,index) in levelOfRisk" :label="item.value" :key="index"><span class="levelOfRisk-type">{{item.name}}</span></el-radio>
          <el-radio  v-for="(item,index) in levelOfRisk" :label="item.value" :key="index">
            <span class="levelOfRisk-type">{{item.name}}</span>
          </el-radio>
        </el-radio-group>
        <!--              <el-form-item >-->
        <div class="page_total">
@@ -74,8 +78,7 @@
        <img src="../../../../public/assets/images/map/exhaust/fq_green2.png" alt="" class="state"/>
        <div>
          <h3>{{ item.Name }}</h3>
          <p>所属部门：<span>{{ item.porltName }}</span></p>
          <p>风险级别：<span>三级</span></p>
          <p>所属部门：<span>{{ item.DeptSname }}</span></p>
        </div>
      </div>

@@ -108,7 +111,7 @@
import { pulseEffect, setPanTo } from '../../../utils/utils'

export default {
  name: 'GasWasteSearch',
  name: 'WasteGasSearch',
  props: ['title'],
  data () {
    return {
@@ -117,23 +120,31 @@
      total: 0,
      // 分页
      pageSize: 10,
      current: 1,
      inareaTypeOptions: [],
      enterpriseTypeOptions: [],
      enterpriseSubunitsTypeOptions: [],
      enterpriseLevelTypeOptions: [
        { label: '国控', value: '1' },
        { label: '省控', value: '2' },
        { label: '市控', value: '3' },
        { label: '其他', value: '4' }
      ],
      form: {
        areaVal: '',
        enterpriseVal: '',
        enterpriseSubunitsVal: '',
        enterpriseLevelVal: '',
        type: ''
      },
      // pageSize: 10,
      // current: 1,
      levelOfRisk: [
        { name: '全部', value: '1' },
        { name: '正常', value: '2' },
        { name: '超标', value: '3' },
        { name: '异常', value: '4' },
        { name: '停产', value: '5' }
        { name: '预警', value: '4' },
        { name: '异常', value: '5' },
        { name: '缺失', value: '6' },
        { name: '停运', value: '7' }
      ]
    }
  },
@@ -144,13 +155,13 @@
      this.handleSearch()
    },
    // 区域筛选
    areaType (val) {
    /* areaType (val) {
      this.pipelineTypeOptions.forEach((itm) => {
        if (val === itm.value) {

        }
      })
    },
    }, */
    // 企业筛选
    enterpriseType (val) {
      this.dataTypeOptions.forEach((itm) => {
@@ -163,17 +174,29 @@
    enterpriseSubunitsType (val) {

    },
    // 三级单位筛选
    // 控制级别筛选
    enterpriseLevelType (val) {

    },

    async handleSearch () {
      const param = {
        pipelineType: this.form.pipelineType,
        dataType: this.form.dataType
        companyId: 3900100145, // 企业编码
        id: '',
        monType: 2, // 废气
        userCode: 'wenchun.deng', // 用户名称
        monDuration: '',
        epName: '',
        secdDeptId: '',
        contrLevel: '',
        dataStatus: '',
        dataFlag: '',
        runStatus: '',
        emissTypeId: ''
      }
      // console.log(param)
      const res = await mapApi.getWasteGas(param)
      // console.log(res)
      this.list = res.Result.DataInfo
      console.log(this.list)
      this.list = res.Result.DataInfo || {}
      this.total = this.list.length
    },
    // 弹窗展示
    async handleLocation (val) {

 src/components/panel/topicSearch/WasteWaterSearch.vue

File was renamed from src/components/panel/topicSearch/WaterWasteSearch.vue
@@ -3,7 +3,7 @@
        <div class="panel-title">{{title}}</div>
        <div class="search-panel ">
            <el-form ref="form" :model="form" label-width="90px" class="search-form">
                <el-form-item label="区域：" size="mini" class="search-panel-item">
<!--                <el-form-item label="区域：" size="mini" class="search-panel-item">
                    <el-select style="width: 100%" v-model="form.areaVal" @change="areaType"
                               :popper-class="'select-down'">
                        <el-option
@@ -13,7 +13,7 @@
                                :value="item.value">
                        </el-option>
                    </el-select>
                </el-form-item>
                </el-form-item>-->
                <el-form-item label="企业名称：" size="mini">
                    <el-select style="width: 100%" v-model="form.enterpriseVal" @change="enterpriseType"
                               :popper-class="'select-down'">
@@ -25,7 +25,7 @@
                        </el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="二级单位：" size="mini">
                <el-form-item label="单位部门：" size="mini">
                    <el-select style="width: 100%" v-model="form.enterpriseSubunitsVal" @change="enterpriseSubunitsType"
                               :popper-class="'select-down'">
                        <el-option
@@ -36,11 +36,11 @@
                        </el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="三级单位：" size="mini">
                    <el-select style="width: 100%" v-model="form.enterpriseSubunitsVal" @change="enterpriseSubunitsType"
                <el-form-item label="控制级别：" size="mini">
                    <el-select style="width: 100%" v-model="form.enterpriseLevelVal" @change="enterpriseLevelType"
                               :popper-class="'select-down'">
                        <el-option
                                v-for="item in enterpriseSubunitsTypeOptions"
                                v-for="item in enterpriseLevelTypeOptions"
                                :key="item.value"
                                :label="item.label"
                                :value="item.value">
@@ -77,11 +77,10 @@
        <el-scrollbar style="height:264px">
            <div class="environmental-risk-list" v-for="(item,index) in list" :key="index"
                 @click="handleLocation(item)"><!--  -->
                <img src="../../../../public/assets/images/map/exhaust/fq_green2.png" alt="" class="state"/>
                <img src="../../../../public/assets/images/map/wastewater/fs_bright_green.png" alt="" class="state"/>
                <div>
                    <h3>{{ item.Name }}</h3>
                    <p>所属部门：<span>{{ item.porltName }}</span></p>
                    <p>风险级别：<span>三级</span></p>
                    <p>所属部门：<span>{{ item.DeptSname }}</span></p>
                </div>
            </div>

@@ -114,7 +113,7 @@
import { pulseEffect, setPanTo } from '../../../utils/utils'

export default {
  name: 'WaterWasteSearch',
  name: 'WasteWaterSearch',
  props: ['title'],
  data () {
    return {
@@ -124,40 +123,33 @@
      total: 0,
      // 分页
      pageSize: 10,
      current: 1,
      inareaTypeOptions: [],
      enterpriseTypeOptions: [],
      enterpriseSubunitsTypeOptions: [],
      enterpriseLevelTypeOptions: [
        { label: '国控', value: '1' },
        { label: '省控', value: '2' },
        { label: '市控', value: '3' },
        { label: '其他', value: '4' }
      ],
      form: {
        areaVal: '',
        enterpriseVal: '',
        enterpriseSubunitsVal: '',
        enterpriseLevelVal: '',
        type: '1'
      },
      // pageSize: 10,
      // current: 1,
      isWaybillHover: true,
      isRouteHover: false,
      levelOfRisk: [
        {
          name: '全部',
          value: '1'
        },
        {
          name: '正常',
          value: '2'
        },
        {
          name: '超标',
          value: '3'
        },
        {
          name: '异常',
          value: '4'
        },
        {
          name: '停产',
          value: '5'
        }
        { name: '全部', value: '1' },
        { name: '正常', value: '2' },
        { name: '超标', value: '3' },
        { name: '预警', value: '4' },
        { name: '异常', value: '5' },
        { name: '缺失', value: '6' },
        { name: '停运', value: '7' }
      ]
    }
  },
@@ -168,13 +160,13 @@
      this.handleSearch()
    },
    // 区域筛选
    areaType (val) {
    /* areaType (val) {
      this.pipelineTypeOptions.forEach((itm) => {
        if (val === itm.value) {

        }
      })
    },
    }, */
    // 企业筛选
    enterpriseType (val) {
      this.dataTypeOptions.forEach((itm) => {
@@ -187,17 +179,29 @@
    enterpriseSubunitsType (val) {

    },
    // 三级单位筛选
    // 控制级别筛选
    enterpriseLevelType (val) {

    },

    async handleSearch () {
      const param = {
        pipelineType: this.form.pipelineType,
        dataType: this.form.dataType
        companyId: 3900100145, // 企业编码
        id: '',
        monType: 1, // 废水
        userCode: 'wenchun.deng', // 用户名称
        monDuration: '',
        epName: '',
        secdDeptId: '',
        contrLevel: '',
        dataStatus: '',
        dataFlag: '',
        runStatus: '',
        emissTypeId: ''
      }
      // console.log(param)
      const res = await mapApi.getWasteWater(param)
      // console.log(res)
      this.list = res.Result.DataInfo
      console.log(this.list)
      this.list = res.Result.DataInfo || {}
      this.total = this.list.length
    },
    // 弹窗展示
    handleLocation (val) {