企业应急-事件处置-周边资源信息

yangdelong

2021-05-29 0fe10a58835988be66ed3ce2e04bfc4f95fb4eaa

企业应急-事件处置-周边资源信息

 src/components/base-page/enterprise-emergency/event-handling/ResInfo.js

@@ -1,3 +1,9 @@
class ResInfo{
import EmergBase from '@components/base-page/enterprise-emergency/event-handling/res-info/EmergBase'
import EmergRes from '@components/base-page/enterprise-emergency/event-handling/res-info/EmergRes'
import OnlineMonitor from '@components/base-page/enterprise-emergency/event-handling/res-info/OnlineMonitor'
import Surroundings from '@components/base-page/enterprise-emergency/event-handling/res-info/Surroundings'
import PipeInfo from '@components/base-page/enterprise-emergency/event-handling/res-info/PipeInfo'

export default {
  data: [EmergBase, EmergRes, OnlineMonitor, Surroundings, PipeInfo]
}

 src/components/base-page/enterprise-emergency/event-handling/ResInfo.vue

@@ -3,22 +3,24 @@
           width="400"  >
<el-row>
  <el-col :span="3" style="text-align: center;">
    <el-row> <el-button type="primary" size="mini" @click="reSet">应急基础</el-button>  </el-row>
<el-row>    <el-button type="primary" size="mini" @click="reSet">在线监测</el-button></el-row>
<el-row>    <el-button type="primary" size="mini" @click="reSet">应急资源</el-button></el-row>
<el-row>    <el-button type="primary" size="mini" @click="reSet">周边环境</el-button></el-row>
<el-row>   <el-button type="primary" size="mini" @click="reSet">管道信息</el-button></el-row>
    <el-row v-for="item in menuList" :key="item.id">
      <el-button type="primary" size="mini" @click="menuClickHandle(item)">{{ item.name }}</el-button>
    </el-row>
<!--<el-row>    <el-button type="primary" size="mini" @click="menuClickHandle">在线监测</el-button></el-row>-->
<!--<el-row>    <el-button type="primary" size="mini" @click="menuClickHandle">应急资源</el-button></el-row>-->
<!--<el-row>    <el-button type="primary" size="mini" @click="menuClickHandle">周边环境</el-button></el-row>-->
<!--<el-row>   <el-button type="primary" size="mini" @click="menuClickHandle">管道信息</el-button></el-row>-->
  </el-col>
  <el-col :span="21">
<el-row>
  <el-button type="primary" size="mini" @click="reSet">内排口(1)</el-button>
  <el-button type="primary" size="mini" @click="reSet">外排口(1)</el-button>
  <el-button type="primary" size="mini" @click="reSet">隔油池(1)</el-button>
  <el-button type="primary" size="mini" @click="reSet">节流阀(1)</el-button>
  <el-button type="primary" size="mini" @click="reSet">阀门(1)</el-button>
  <el-button type="primary" size="mini" @click="reSet">集水池(1)</el-button>
  <el-button type="primary" size="mini" @click="reSet">事故水管线(1)</el-button>
  <el-button type="primary" size="mini" @click="reSet">雨水管线(1)</el-button>
  <el-button v-for="item in subMenuList" :key="item.name" type="primary" size="mini" @click="subMenuClickHandle(item)">{{ item.name }}</el-button>
<!--  <el-button type="primary" size="mini" @click="subMenuClickHandle">外排口(1)</el-button>-->
<!--  <el-button type="primary" size="mini" @click="subMenuClickHandle">隔油池(1)</el-button>-->
<!--  <el-button type="primary" size="mini" @click="subMenuClickHandle">节流阀(1)</el-button>-->
<!--  <el-button type="primary" size="mini" @click="subMenuClickHandle">阀门(1)</el-button>-->
<!--  <el-button type="primary" size="mini" @click="subMenuClickHandle">集水池(1)</el-button>-->
<!--  <el-button type="primary" size="mini" @click="subMenuClickHandle">事故水管线(1)</el-button>-->
<!--  <el-button type="primary" size="mini" @click="subMenuClickHandle">雨水管线(1)</el-button>-->
</el-row>
    <el-row>
      <el-table
@@ -38,11 +40,14 @@
</template>

<script>
import ResInfo from '@components/base-page/enterprise-emergency/event-handling/ResInfo'
export default {
  name: 'ResInfo',
  data () {
    return {
      isShow: false,
      menuList: ResInfo.data,
      subMenuList: ResInfo.data[0].child,
      tableData: [
        {
          id: 1,
@@ -88,58 +93,60 @@
        }
      ],
      currentTableData: {
        column: [{
          label: '序号',
          prop: 'no',
          width: 'auto'
        },
        {
          label: '存放点名称',
          prop: 'name',
          width: 'auto'
        },
        {
          label: '存放点类型',
          prop: 'type',
          width: 'auto'
        },
        {
          label: '负责人',
          prop: 'master',
          width: 'auto'
        },
        {
          label: '联系电话',
          prop: 'phone',
          width: 'auto'
        },
        {
          label: '物资名称（汇总）',
          prop: 'total',
          width: '200'
        },
        {
          label: '距离',
          prop: 'distance',
          width: 'auto'
        }],
        data: [{
          no: '1',
          name: '金陵时候应急物资存放点',
          type: '库房存放点',
          master: '张三',
          phone: '1333333333',
          total: '清水泵；编织袋；铁镐；铁锹；雨衣；雨鞋；防水手电；探照灯；麻绳',
          distance: '900m'
        }, {
          no: '2',
          name: '金陵时候应急物资存放点',
          type: '库房存放点',
          master: '张三三',
          phone: '1333333333',
          total: '清水泵；编织袋；铁镐；铁锹；雨衣；雨鞋；防水手电；探照灯；麻绳',
          distance: '900m'
        }]
        column: [
          {
            label: '序号',
            prop: 'no',
            width: 'auto'
          },
          {
            label: '存放点名称',
            prop: 'name',
            width: 'auto'
          },
          {
            label: '存放点类型',
            prop: 'type',
            width: 'auto'
          },
          {
            label: '负责人',
            prop: 'master',
            width: 'auto'
          },
          {
            label: '联系电话',
            prop: 'phone',
            width: 'auto'
          },
          {
            label: '物资名称（汇总）',
            prop: 'total',
            width: '200'
          },
          {
            label: '距离',
            prop: 'distance',
            width: 'auto'
          }],
        data: [
          {
            no: '1',
            name: '金陵时候应急物资存放点',
            type: '库房存放点',
            master: '张三',
            phone: '1333333333',
            total: '清水泵；编织袋；铁镐；铁锹；雨衣；雨鞋；防水手电；探照灯；麻绳',
            distance: '900m'
          }, {
            no: '2',
            name: '金陵时候应急物资存放点',
            type: '库房存放点',
            master: '张三三',
            phone: '1333333333',
            total: '清水泵；编织袋；铁镐；铁锹；雨衣；雨鞋；防水手电；探照灯；麻绳',
            distance: '900m'
          }]
      }
    }
  },
@@ -153,8 +160,12 @@
    getVisible () {
      return this.isShow
    },
    reSet () {

    menuClickHandle (item) {
      console.log(item)
      this.subMenuList = item.child
    },
    subMenuClickHandle (subItem) {
      this.currentTableData.column = subItem.column
    }
  }
}

 src/components/base-page/enterprise-emergency/event-handling/res-info/EmergBase.js

@@ -179,11 +179,6 @@
        width: 'auto'
      },
      {
        label: '运行状态',
        prop: 'operationalstatus',
        width: 'auto'
      },
      {
        label: '距离',
        prop: 'distance',
        width: 'auto'

 src/components/base-page/enterprise-emergency/event-handling/res-info/EmergRes.js

@@ -45,7 +45,7 @@
      },
      {
        label: '物资数量',
        prop: 'RESOURCESNUMBER',
        prop: 'resourcesnumber',
        width: 'auto'
      },
      {
@@ -55,12 +55,12 @@
      },
      {
        label: '负责人',
        prop: 'RESPERSON',
        prop: 'resperson',
        width: 'auto'
      },
      {
        label: '行政隶属',
        prop: 'ADMINZONENAME',
        prop: 'adminzonename',
        width: 'auto'
      }
      ]
@@ -74,37 +74,37 @@
      },
      {
        label: '队伍名称',
        prop: 'TEAMNAME',
        prop: 'teamname',
        width: 'auto'
      },
      {
        label: '应急电话',
        prop: 'PHONE',
        prop: 'phone',
        width: 'auto'
      },
      {
        label: '人员数量',
        prop: 'ORGANIZATION',
        prop: 'organization',
        width: 'auto'
      },
      {
        label: '是否外协单位',
        prop: 'EXTERNALTEAM',
        prop: 'externalteam',
        width: 'auto'
      },
      {
        label: '行政隶属',
        prop: 'ADMINISTRATIVESUBORDINATE',
        prop: 'administrativesubordinate',
        width: 'auto'
      },
      {
        label: '地址',
        prop: 'ADDRESS',
        prop: 'address',
        width: 'auto'
      },
      {
        label: '所属单位名称',
        prop: 'UNITNAME',
        prop: 'unitname',
        width: 'auto'
      },
      {

 src/components/base-page/enterprise-emergency/event-handling/res-info/PipeInfo.js

@@ -1,5 +1,5 @@
export default {
  id: 4,
  id: 5,
  name: '管道信息',
  child: [
    {

 src/components/base-page/enterprise-emergency/event-handling/res-info/Surroundings.js

@@ -329,12 +329,12 @@
      },
      {
        label: '行政隶属',
        prop: 'ADMINZONENAME',
        prop: 'adminzonename',
        width: 'auto'
      },
      {
        label: '所属单位名称',
        prop: 'UNITNAME',
        prop: 'unitname',
        width: 'auto'
      },
      {