应急指挥页面跳转功能优化

src/views/emergen_cyrescue/emergency_map/components/baseTable.vue

@@ -124,7 +124,7 @@ export default {
   },
   methods: {
     clickIntoDutyInfoDialog() {
-      this.dutyInfoDialog.visible = true
+      this.$emit('goInfo', this.titleType)
     }
   }
 }

src/views/emergen_cyrescue/emergency_map/components/mapAssembly.vue

@@ -8,9 +8,9 @@
       <div class="body_flex_box">
         <!-- 左侧面板 -->
         <div class="left">
-          <base-table :info="info" use-type="dutyInfo"/>
+          <base-table :info="info" use-type="dutyInfo" @goInfo="goInfo"/>
-          <base-table :info="info" use-type="reservePlanInfo" is-reserve-plan/>
+          <base-table :info="info" use-type="reservePlanInfo" is-reserve-plan @goInfo="goInfo"/>
-          <base-table :info="info" use-type="addressBook"/>
+          <base-table :info="info" use-type="addressBook" @goInfo="goInfo"/>
         </div>
         <!-- 右侧面板 -->
         <div class="right">
@@ -298,14 +298,14 @@ export default {
         x: null,
         y: null
       },
-      mapLevel: 20
+      mapLevel: 20,
+      goBackFlag: true
     }
   },
   mounted() {
     /** 调用地图初始化方法 */
     this.firstInitPoint()
     /** 调用初始化点位绘制方法 */
-    // this.initPoints()
     /** 初始化选中首个二级坐标点位分类 */
     this.currSubControlPoint = this.subControlPoint['0']
   },
@@ -537,6 +537,24 @@ export default {
         loading.close()
       })
     },
+    goInfo(e) {
+      if (e === '值班信息') {
+        this.goBackFlag = false
+        this.$router.push('/emergen_cyrescue/duty_management/shift_registration')
+      }
+      if (e === '预案信息') {
+        if (this.FIRERESERVEPLAN_ID) {
+          this.goBackFlag = false
+          this.$router.push('/plan/company_plan?FIRERESERVEPLAN_ID=' + this.FIRERESERVEPLAN_ID)
+        } else {
+          this.$message.error('救援没启动预案')
+        }
+      }
+      if (e === '通讯录') {
+        this.goBackFlag = false
+        this.$router.push('/emergencyuser/communication')
+      }
+    },
     initWebsocket() {
       const wsUrl = config.YjSysUrl + '/yjMessage/' + this.REPORT_ID
       this.webSocket = new WebSocket(encodeURI(wsUrl))
@@ -545,10 +563,17 @@ export default {
         this.webSocket.send('链接成功')
       }
       this.webSocket.onerror = () => {
+        console.log('指挥调度的webSocket链接失败')
         this.$router.back()
       }
       this.webSocket.onclose = () => {
+        console.log('指挥调度的webSocket链接关闭')
+        console.log(this.goBackFlag)
+        if (this.goBackFlag) {
           this.$router.push('/emergen_cyrescue/incident_management')
+        } else {
+          this.goBackFlag = true
+        }
       }
       var _this = this
       this.webSocket.onmessage = function(message) {

src/views/emergen_cyrescue/emergency_plan/company_plan/components/addfrom.vue

@@ -27,7 +27,6 @@
                   </el-form-item>
                 </el-col>
               </el-row>
-
               <el-row :gutter="15">
                 <el-col :span="8">
                   <el-form-item label="预案编码" prop="PLANCODE">
@@ -38,7 +37,6 @@
                   <el-form-item label="预案等级" prop="PLANGRADE">
                     <Treeselect
                       :options="yhPLANGRADEthree"
-
                       v-model="form.PLANGRADE"
                       placeholder="请选择预案等级"
                       no-options-text="暂无数据"
@@ -47,7 +45,6 @@
                   </el-form-item>
                 </el-col>
               </el-row>
-
               <el-row :gutter="15">
                 <el-form-item label="事件类型" prop="PLANGRADE">
                   <el-checkbox-group v-model="checkList">
@@ -57,7 +54,6 @@
                     <el-checkbox label="4">水灾</el-checkbox>
                     <el-checkbox label="5">其他</el-checkbox>
                   </el-checkbox-group>
-
                 </el-form-item>
               </el-row>
               <el-row :gutter="15">
@@ -80,14 +76,12 @@
                 </el-col>
               </el-row>
               <el-row :gutter="15">
-
                 <el-col :span="15">
                   <el-form-item label="预案概述" prop="PLANDES">
                     <el-input v-model="form.PLANDES" type="textarea" placeholder="请输入预案概述..." />
                   </el-form-item>
                 </el-col>
               </el-row>
-
               <el-row :gutter="15">
                 <el-col :span="15">
                   <el-form-item label="备注信息" prop="BZ">
@@ -95,9 +89,7 @@
                   </el-form-item>
                 </el-col>
               </el-row>
-
             </el-form>
-
           </el-tab-pane>
 
           <el-tab-pane v-if="PLAN_ID" label="分级响应" name="tow" >
@@ -150,11 +142,8 @@
             <div style="flex:1;">
               <el-autocomplete v-model="TYPEKeyword" :fetch-suggestions="querySearch" :trigger-on-focus="false" placeholder="请输入详细设备类型" style="width:100%" @select="handleSelect" />
             </div>
-            <!--            <el-input v-model="TYPEKeyword" style="width: 200px" placeholder="请输入内容" />-->
-            <!--            <el-button slot="append" icon="el-icon-search" @click="mapNameChange"/>-->
           </div>
         </bm-control>
-        <!--        <bm-local-search :keyword="TYPEKeyword" :auto-viewport="true"/>-->
       </baidu-map>
       <div slot="footer" class="dialog-footer">
         <span>经度：</span>

src/views/emergen_cyrescue/emergency_plan/company_plan/components/check-from.vue

@@ -0,0 +1,536 @@
+<template>
+  <div>
+    <div class="app-container">
+      <div class="level-title">
+        <h1>应急预案维护</h1>
+      </div>
+      <div class="mb-20">
+        <el-tabs v-model="activeName" @tab-click="handleClick">
+          <el-tab-pane label="基本信息" name="first">
+            <el-form ref="form" :model="form" :rules="rules" label-width="180px">
+              <el-row :gutter="15">
+                <el-col :span="8">
+                  <el-form-item label="预案名称" prop="PLANNAME">
+                    <el-input v-model="form.PLANNAME" disabled placeholder="请输入资源名称..." />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                  <el-form-item label="预案类型" prop="PLANTYPE">
+                    <Treeselect
+                      :options="yhtypelistthree"
+                      :normalizer="normalizer"
+                      v-model="form.PLANTYPE"
+                      disabled
+                      placeholder="请选择预案类型"
+                      no-options-text="暂无数据"
+                      no-children-text="暂无数据"
+                    />
+                  </el-form-item>
+                </el-col>
+              </el-row>
+              <el-row :gutter="15">
+                <el-col :span="8">
+                  <el-form-item label="预案编码" prop="PLANCODE">
+                    <el-input v-model="form.PLANCODE" disabled placeholder="请输入预案编码..." />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                  <el-form-item label="预案等级" prop="PLANGRADE">
+                    <Treeselect
+                      :options="yhPLANGRADEthree"
+                      v-model="form.PLANGRADE"
+                      placeholder="请选择预案等级"
+                      no-options-text="暂无数据"
+                      no-children-text="暂无数据"
+                      disabled
+                    />
+                  </el-form-item>
+                </el-col>
+              </el-row>
+              <el-row :gutter="15">
+                <el-form-item label="事件类型" prop="PLANGRADE">
+                  <el-checkbox-group v-model="checkList">
+                    <el-checkbox disabled label="1">危化品事故</el-checkbox>
+                    <el-checkbox disabled label="2">爆炸</el-checkbox>
+                    <el-checkbox disabled label="3">火灾</el-checkbox>
+                    <el-checkbox disabled label="4">水灾</el-checkbox>
+                    <el-checkbox disabled label="5">其他</el-checkbox>
+                  </el-checkbox-group>
+                </el-form-item>
+              </el-row>
+              <el-row :gutter="15">
+                <el-col :span="8">
+                  <el-form-item :key="form.LON" label="经度" prop="LON">
+                    <el-input v-model="form.LON" placeholder="请输入内容" disabled @focus="handleMap" />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                  <el-form-item :key="form.LAT" label="纬度" prop="LAT">
+                    <div style="display: flex">
+                      <el-input v-model="form.LAT" placeholder="请输入内容" disabled style="width: 100%" @focus="handleMap"/>
+                      <el-button style="margin-left:10px" @click="handleMap">
+                        <span class="svg-container">
+                          <svg-icon icon-class="international" />
+                        </span>
+                      </el-button>
+                    </div>
+                  </el-form-item>
+                </el-col>
+              </el-row>
+              <el-row :gutter="15">
+                <el-col :span="15">
+                  <el-form-item label="预案概述" prop="PLANDES">
+                    <el-input v-model="form.PLANDES" disabled type="textarea" placeholder="请输入预案概述..." />
+                  </el-form-item>
+                </el-col>
+              </el-row>
+              <el-row :gutter="15">
+                <el-col :span="15">
+                  <el-form-item label="备注信息" prop="BZ">
+                    <el-input v-model="form.BZ" disabled type="textarea" placeholder="备注信息..." />
+                  </el-form-item>
+                </el-col>
+              </el-row>
+            </el-form>
+          </el-tab-pane>
+
+          <el-tab-pane v-if="PLAN_ID" label="分级响应" name="tow" >
+            <check-yingjizhuangjia :planid="PLAN_ID" @fenjihuidiao="fenjihuidiao"/>
+          </el-tab-pane>
+          <el-tab-pane v-if="PLAN_ID" label="组织结构" name="three">
+            <check-zuzhijiagou :planid="PLAN_ID" @zuzhihuidiao="zuzhihuidiao" />
+          </el-tab-pane>
+          <el-tab-pane v-if="PLAN_ID" label="预案资源" name="four">
+            <check-yvanziyuan :planid="PLAN_ID"/>
+          </el-tab-pane>
+          <el-tab-pane v-if="PLAN_ID" label="预案指令" name="five">
+            <check-yvanziling ref="zhiling" :planid="PLAN_ID"/>
+          </el-tab-pane>
+          <el-tab-pane v-if="PLAN_ID" label="预案文本" name="six">
+            <check-yvanwenben :planid="PLAN_ID" :plan-name="planName" />
+          </el-tab-pane>
+          <el-tab-pane v-if="PLAN_ID" label="预案附件" name="seven">
+            <check-yvanfujian :planid="PLAN_ID" />
+          </el-tab-pane>
+        </el-tabs>
+      </div>
+    </div>
+    <div class="ui-height" />
+    <div class="ui-foot">
+      <el-button type="primary" @click="goback">返回</el-button>
+    </div>
+  </div>
+
+</template>
+<script>
+import { requestFN } from '@/utils/request'
+import { Treeselect } from '@riophae/vue-treeselect'
+
+import checkYingjizhuangjia from './check-yingjizhuangjia.vue'
+import checkYuzhijiagou from './check-zuzhijiagou.vue'
+import checkYvanziyuan from './check-yvanziyuan.vue'
+import checkYvanziling from './check-yvanziling.vue'
+import checkYvanwenben from './check-yvanwenben.vue'
+import checkYvanfujian from './check-yvanfujian.vue'
+import checkYjshenherenyuan from './check-yjshenherenyuan.vue'
+import checkZuzhijiagou from './check-zuzhijiagou.vue'
+export default {
+  components: {
+    Treeselect,
+    checkYingjizhuangjia,
+    checkYuzhijiagou,
+    checkYvanziyuan,
+    checkYvanziling,
+    checkYvanwenben,
+    checkYvanfujian,
+    checkYjshenherenyuan,
+    checkZuzhijiagou
+  },
+  data() {
+    return {
+      rules: {
+        PLANNAME: [
+          { required: true, message: '预案名称不能为空', trigger: 'blur' },
+          { min: 2, max: 30, message: '长度在 2 到 30 个字符', trigger: 'blur' }],
+        PLANTYPE: [
+          { required: true, message: '预案类型不能为空', trigger: 'blur' }],
+        LON: [
+          { required: true, message: '经度不能为空', trigger: 'blur' }],
+        LAT: [
+          { required: true, message: '纬度不能为空', trigger: 'blur' }],
+        PLANCODE: [
+          { required: true, message: '预案编码不能为空', trigger: 'blur' }],
+        PLANGRADE: [
+          { required: true, message: '预案等级不能为空', trigger: 'blur' }],
+        PLANDES: [
+          { required: true, message: '预案概述不能为空', trigger: 'blur' }]
+
+      },
+      dialogFormshenhe: false,
+      // 地图相关
+      CORPINFO_ID: this.$parent.CORPINFO_ID,
+      clientHeight: 600,
+      ISLOADingMap: true,
+      listISLOADing: false,
+      buttonISLOADing: false,
+      BMap: '',
+      map: '',
+      showMap: false,
+      TYPEKeyword: '',
+      pointLngLat: '',
+      zoom: 10,
+      dialogFormMap: false,
+      LAT: '',
+      LON: '',
+      // 复选框
+      checkList: [],
+
+      form: {
+        LAT: '',
+        LON: ''
+      },
+      activeName: 'first',
+      // 预案类型
+      yhtypelistthree: [],
+      normalizer(node) {
+        return {
+          id: node.DICTIONARIES_ID,
+          label: node.name,
+          children: node.nodes
+        }
+      },
+      // 预案等级
+      yhPLANGRADEthree: [
+        { id: 1, label: '一级预案' },
+        { id: 2, label: '二级预案' }
+      ],
+      PLAN_ID: '',
+      planName: ''
+    }
+  },
+  created() {
+    if (this.$parent.CASE_ID) {
+      this.PLAN_ID = this.$parent.CASE_ID
+      // 获取详情
+      this.getDetail(this.PLAN_ID)
+    }
+    this.getYaTypeDataList()
+  },
+  methods: {
+    fenjihuidiao() {
+      this.zhilingreset()
+    },
+    zuzhihuidiao() {
+      this.zhilingreset()
+    },
+    // 指令初始化刷新
+    zhilingreset() {
+      this.$refs.zhiling.getForFractModule()
+      this.$refs.zhiling.getTreeList()
+    },
+
+    yjwenancheck(id) {
+      console.log(id)
+      const params = {
+        FIRERESERVEPLAN_ID: this.PLAN_ID,
+        CHECKSTATUS: '1',
+        AUDIT_UESRID: id
+      }
+      requestFN('/major/emergencyplan/submitCheck', params).then((data) => {
+        this.$message({
+          message: '提交成功',
+          type: 'success'
+        })
+        setTimeout(() => {
+          this.dialogFormshenhe = false
+          this.$parent.activeName = 'list'
+          this.$parent.huidiao()
+        }, 500)
+      }).catch((e) => {
+
+      })
+    },
+    closeDialog() {
+      this.dialogFormshenhe = false
+    },
+    tijiaoshenhe() {
+      this.dialogFormshenhe = true
+    },
+    //* **************地图相关*****************
+    // 地图相关
+    mapOpen() {
+      this.top = this.getScrollTop()
+      if (this.top) {
+        this.setScrollTop(0)
+      }
+    },
+    // 关闭地图后调用
+    mapClose() {
+      this.setScrollTop(this.top)
+      this.top = 0
+      this.showMap = false
+    },
+    getScrollTop() {
+      let scrollTop = 0
+      if (document.documentElement && document.documentElement.scrollTop) {
+        scrollTop = document.documentElement.scrollTop
+      } else if (document.body) {
+        scrollTop = document.body.scrollTop
+      }
+      return scrollTop
+    },
+    setScrollTop(top) {
+      if (!isNaN(top)) {
+        if (document.documentElement && document.documentElement.scrollTop !== undefined) {
+          document.documentElement.scrollTop = top
+        } else if (document.body) {
+          document.body.scrollTop = top
+        }
+      }
+    },
+    // 地图初始化
+    handler({ BMap, map }) {
+      this.mapOpen()
+      this.BMap = BMap
+      this.map = map
+      this.ISLOADingMap = true
+      var geolocation = new BMap.Geolocation()
+      const myGeo = new BMap.Geocoder()
+      var $this = this
+      // 调用百度地图api 中的获取当前位置接口
+      geolocation.getCurrentPosition(function(r) {
+        myGeo.getLocation(new BMap.Point(r.point.lng, r.point.lat), function(result) {
+          if (result) {
+            $this.ISLOADingMap = false
+            $this.$set($this, 'pointLngLat', { lng: result.point.lng, lat: result.point.lat })
+            map.enableScrollWheelZoom(true) // 开启鼠标滚轮缩放,默认关闭
+            $this.setCenter({ BMap, map })
+          }
+        })
+      })
+    },
+    // 搜索地图
+    querySearch(queryString, cb) {
+      var options = {
+        onSearchComplete: function(results) {
+          if (local.getStatus() === 0) {
+            // 判断状态是否正确
+            var s = []
+            for (var i = 0; i < results.getCurrentNumPois(); i++) {
+              var x = results.getPoi(i)
+              var item = { value: x.TYPE + x.title, point: x.point }
+              s.push(item)
+              cb(s)
+            }
+          } else {
+            cb()
+          }
+        }
+      }
+      var local = new this.BMap.LocalSearch(this.map, options)
+      local.search(queryString)
+    },
+    handleSelect(item) {
+      var { point } = item
+      this.map.clearOverlays() // 清除地图上所有覆盖物
+      this.map.centerAndZoom(point, this.zoom)
+      const marker = new this.BMap.Marker(point) // 创建标注
+      this.map.addOverlay(marker) // 将标注添加到地图中
+      marker.enableDragging() // 可拖拽
+      this.LON = point.lng
+      this.LAT = point.lat
+    },
+    // 设置打开中心位置
+    setCenter({ BMap, map }) {
+      var lng = ''
+      var lat = ''
+      if (this.form.LON == '' || this.form.LAT == '') {
+        lng = '119.525971'
+        lat = '39.894727'
+      } else {
+        lng = this.form.LON
+        lat = this.form.LAT
+      }
+      var point = new BMap.Point(lng, lat)
+      // var point = new BMap.Point(this.form.LON, this.form.LAT)
+      const zoom = map.getZoom()
+      setTimeout(() => {
+        map.centerAndZoom(point, zoom)
+      }, 0)
+      // var marker = new BMap.Marker(point) // 创建标注
+      // map.addOverlay(marker) // 将标注添加到地图中
+    },
+    handleMap() {
+      this.dialogFormMap = true
+      this.LAT = this.form.LAT
+      this.LON = this.form.LON
+    },
+    getClickInfo(e) {
+      this.LON = e.point.lng
+      this.LAT = e.point.lat
+    },
+    setPosition() {
+      this.dialogFormMap = false
+      this.form.LAT = this.LAT
+      this.form.LON = this.LON
+    },
+    //* ***********************************
+
+    getDetail(id) {
+      const params = {
+        Id: id
+      }
+      requestFN('/major/emergencyplan/detail', params).then((response) => {
+        const data = response.data
+        console.log(data)
+        this.planName = data.PLANNAME
+        this.form = {
+
+          FIRERESERVEPLAN_ID: data.FIRERESERVEPLAN_ID,
+
+          PLANNAME: data.PLANNAME,
+
+          PLANDES: data.PLANDES,
+
+          PLANTYPE: data.PLANTYPE,
+
+          KEYPLACES_ID: data.KEYPLACES_ID,
+
+          BZ: data.BZ,
+
+          LON: data.LON,
+
+          LAT: data.LAT,
+
+          EVENTTYPE: data.EVENTTYPE,
+
+          PLANCODE: data.PLANCODE,
+
+          PLANGRADE: data.PLANGRADE
+
+        }
+        this.checkList = data.EVENTTYPE.split(',')
+      }).catch((e) => {
+        console.error('获取详情数据失败', e)
+      })
+    },
+    //* ***********组件查询*****************************
+    // 预案类型
+    getYaTypeDataList() {
+      const params = {
+        PARENT_ID: '0e20515f3aea4214b2fcfeb4b0bb054c'
+      }
+      requestFN('/dictionaries/listTree', params).then((data) => {
+        this.yhtypelistthree = JSON.parse(data.zTreeNodes)
+      }).catch((e) => {
+        console.error('获取树形数据失败', e)
+      })
+    },
+
+    saveData(type) {
+      this.listISLOADing = true
+      if (this.PLAN_ID) {
+        this.form.FIRERESERVEPLAN_ID = this.PLAN_ID
+      }
+      this.planName = this.form.PLANNAME
+      this.form.EVENTTYPE = this.checkList.join(',')
+      requestFN(
+        '/major/emergencyplan/save', this.form
+      ).then((data) => {
+        this.listISLOADing = false
+
+        this.PLAN_ID = data.data
+        this.activeName = 'tow'
+        if (type === 0) {
+          this.$parent.activeName = 'list'
+          this.$parent.huidiao()
+        }
+        //
+      }).catch((e) => {
+        this.listISLOADing = false
+      })
+    },
+
+    gotoxiayibu(type) {
+      if (this.activeName === 'tow') {
+        this.activeName = 'three'
+      } else if (this.activeName === 'three') {
+        this.activeName = 'four'
+      } else {
+        this.confirm('0')
+      }
+    },
+
+    confirm(type) {
+      /* if (this.form.PLANNAME === undefined) {
+        this.$message({
+          message: '预案名称不能为空',
+          type: 'warning'
+        })
+        return
+      }*/
+      this.$refs.form.validate(valid => {
+        if (valid) {
+          this.saveData(type)
+        } else {
+          return false
+        }
+      })
+    },
+
+    handleClick(tab, event) {
+
+      /* if (tab.index == 1) {
+
+      } else if (tab.index == 2) {
+
+      }*/
+    },
+    shiyibu() {
+      if (this.activeName === 'tow') {
+        this.activeName = 'first'
+      } else if (this.activeName === 'three') {
+        this.activeName = 'tow'
+      } else if (this.activeName === 'four') {
+        this.activeName = 'three'
+      } else if (this.activeName === 'five') {
+        this.activeName = 'four'
+      } else if (this.activeName === 'six') {
+        this.activeName = 'five'
+      } else if (this.activeName === 'seven') {
+        this.activeName = 'six'
+      }
+    },
+    xiayibu() {
+      if (this.activeName === 'first') {
+        this.activeName = 'tow'
+      } else if (this.activeName === 'tow') {
+        this.activeName = 'three'
+      } else if (this.activeName === 'three') {
+        this.activeName = 'four'
+      } else if (this.activeName === 'four') {
+        this.activeName = 'five'
+      } else if (this.activeName === 'five') {
+        this.activeName = 'six'
+      } else if (this.activeName === 'six') {
+        this.activeName = 'seven'
+      }
+    },
+    goback() {
+      this.$parent.activeName = 'list'
+      this.$parent.huidiao()
+    }
+
+  }
+}
+</script>
+<style lang="sass" scoped>
+.table-ui
+  td
+    line-height: 34px
+  .tbg
+    width: 200px
+.ui-foot
+  text-align: center
+  margin-top: 20px
+</style>

src/views/emergen_cyrescue/emergency_plan/company_plan/components/check-yingjizhuangjia.vue

@@ -0,0 +1,138 @@
+
+<template>
+  <div>
+    <el-table ref="multipleTable" :data="yjzjvarList" :header-cell-style="{'font-weight': 'bold','color': '#000'}" tooltip-effect="dark" border fit highlight-current-row>
+      <el-table-column prop="HIERARCHICALNAME" label="分级名称" width="180" />
+      <el-table-column prop="HIERARCHICALDES" label="分级描述" />
+      <el-table-column prop="BZ" label="备注信息" />
+    </el-table>
+    <div class="page-btn-group">
+      <div/>
+      <pagination :total="yjzhuangjiatotal" :page.sync="listQueryzj.page" :limit.sync="listQueryzj.limit" @pagination="getPlanexpertList" />
+    </div>
+
+    <el-dialog :visible.sync="dialogzhuangjiaShow" title="分级响应" width="600px" @close="closeDialog('ruleForm')">
+      <el-form ref="form" :rules="rules" :model="zhuangjiafrom" label-width="110px" style="width: 500px;">
+
+        <el-form-item label="分级名称" prop="HIERARCHICALNAME">
+          <el-input v-model="zhuangjiafrom.HIERARCHICALNAME" placeholder="这里分级名称..." />
+        </el-form-item>
+        <el-form-item label="分级描述" prop="HIERARCHICALDES">
+          <el-input
+            v-model="zhuangjiafrom.HIERARCHICALDES"
+            :rows="6"
+            type="textarea"
+            placeholder="请分级描述"/>
+        </el-form-item>
+        <el-form-item label="备注信息" prop="BZ">
+          <el-input
+            v-model="zhuangjiafrom.BZ"
+            :rows="6"
+            type="textarea"
+            placeholder="请备注信息"/>
+        </el-form-item>
+
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogzhuangjiaShow = false">取 消</el-button>
+        <el-button type="primary" @click="confirm">确 定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+
+</template>
+<script>
+import { requestFN } from '@/utils/request'
+import Pagination from '@/components/Pagination'
+export default {
+  name: 'Yingjizhuangjia',
+  components: { Pagination },
+  props: {
+    planid: {
+      type: String,
+      default() {
+        return ''
+      } }
+  },
+  data() {
+    return {
+      rules: {
+        HIERARCHICALNAME: [
+          { required: true, message: '预案名称不能为空', trigger: 'blur' },
+          { min: 2, max: 30, message: '长度在 2 到 30 个字符', trigger: 'blur' }],
+        HIERARCHICALDES: [
+          { required: true, message: '分级描述不能为空', trigger: 'blur' }]
+
+      },
+      zhuangjiatotal: 0,
+      dialogzhuangjiaShow: false,
+      yjzjvarList: [],
+      yjzhuangjiatotal: 0,
+      listQueryzj: {
+        page: 1,
+        limit: 20
+      },
+      zhuangjiafrom: {
+
+      },
+      listISLOADing: false
+    }
+  },
+  created() {
+    console.log(this.planid)
+    this.getPlanexpertList()
+  },
+  methods: {
+    closeDialog() {
+      this.dialogzhuangjiaShow = false
+    },
+    confirm() {
+      this.zhuangjiafrom.FIRERESERVEPLAN_ID = this.planid
+      this.$refs.form.validate(valid => {
+        if (valid) {
+          this.listISLOADing = true
+          requestFN(
+            '/plan/fractional/save', this.zhuangjiafrom
+          ).then((data) => {
+            this.$message({
+              message: '添加成功',
+              type: 'success'
+            })
+            this.dialogzhuangjiaShow = false
+            this.listISLOADing = false
+            this.getPlanexpertList()
+
+            this.$emit('fenjihuidiao')
+          }).catch((e) => {
+            this.listISLOADing = false
+          })
+        }
+      })
+    },
+    // 获取应急预案分级响应
+    getPlanexpertList() {
+      this.listISLOADing = true
+      requestFN(
+        '/plan/fractional/list?showCount=50' + '&currentPage=1',
+        {
+          name: this.KEYWORDS,
+          FIRERESERVEPLAN_ID: this.planid,
+          TYPE: '1'
+        }
+      ).then((data) => {
+        this.listISLOADing = false
+        this.yjzjvarList = data.varList
+        this.yjzhuangjiatotal = data.page.totalResult
+      })
+        .catch((e) => {
+          this.listISLOADing = false
+        })
+    }
+
+  }
+}
+</script>
+
+<style lang="scss">
+</style>
+

src/views/emergen_cyrescue/emergency_plan/company_plan/components/check-yjshenherenyuan.vue

@@ -0,0 +1,187 @@
+
+<template>
+  <div class="icons-container">
+
+    <el-container style="height: 500px">
+      <el-aside width="300px" style="background-color:#fff">
+        <el-input
+          v-model="filterText"
+          placeholder="输入关键字进行过滤"
+          style="margin:10px 0"/>
+        <el-tree
+          v-loading="treeLoading"
+          ref="tree"
+          :data="treeData"
+          :props="defaultProps"
+          :filter-node-method="filterNode"
+          class="filter-tree"
+          @node-click="handleNodeClick"
+        />
+      </el-aside>
+      <el-main>
+        <el-form label-width="60px">
+          <el-row>
+            <el-col :span="6">
+              <el-form-item label="用户名">
+                <el-input v-model="KEYWORDS" style="width: 150px" placeholder="请输入关键字"/>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="12" style="text-align: right">
+              <el-form-item label-width="10px">
+                <el-button v-waves class="filter-item" type="primary" icon="el-icon-search" @click="getQuery">
+                  搜索
+                </el-button>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+        <el-table
+          v-loading="listLoading"
+          ref="multipleTable"
+          :data="varList"
+          :row-key="getRowKey"
+          :header-cell-style="{'font-weight': 'bold','color': '#000'}"
+          tooltip-effect="dark"
+          border
+          fit
+          highlight-current-row>
+
+          <el-table-column type="index" label="序号" width="50" align="center" />
+          <el-table-column prop="USERNAME" label="用户名" />
+          <el-table-column prop="NAME" label="姓名" />
+        </el-table>
+        <div class="page-btn-group">
+
+          <pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList(USER_ID)" />
+        </div>
+      </el-main>
+    </el-container>
+  </div>
+
+</template>
+<script>
+import { requestFN } from '@/utils/request'
+import Pagination from '@/components/Pagination'
+
+export default {
+  name: 'Yingjizhuangjia',
+  components: { Pagination },
+  props: {
+    planid: {
+      type: String,
+      default() {
+        return ''
+      } }
+  },
+  data() {
+    return {
+      defaultProps: {
+        value: 'id',
+        children: 'nodes',
+        label: 'name'
+      },
+      treeData: [],
+      dayTime: [],
+      dialogFormEditDate: false,
+      SchedulingFrom: false,
+      listLoading: true,
+      treeLoading: false,
+      add: false,
+      del: false,
+      edit: false,
+      listQuery: {
+        page: 1,
+        limit: 6
+      },
+      filterText: '',
+      total: 0,
+      KEYWORDS: '',
+      SHIFTDUTYONE: '',
+      SHIFTDUTYTWO: '',
+      IS_HAZARDCONFIRMER: '',
+      selectPeriod: [],
+      periodList: [],
+      DEPARTMENT_ID: '',
+      varList: [],
+      multipleSelectionAll: [], // 所有选中的数据包含跨页数据
+      multipleSelection: [], // 当前页选中的数据
+      dialogFormEdit: false,
+      dialogType: 'saveUser',
+      disabledLCSelect: false,
+      displayLCSelect: 'display: block',
+      disabledLCInput: true,
+      displayLCInput: 'display: none',
+      LearnerCategoryList: []
+    }
+  },
+  watch: {
+    filterText(val) {
+      this.$refs.tree.filter(val)
+    }
+  },
+  created() {
+    console.log(this.planid)
+    this.getTreeList()
+    this.getList()
+  },
+  methods: {
+    isChoose(id) {
+      this.$emit('yjwenancheck', id)
+    },
+    getQuery() {
+      this.getList()
+    },
+    filterNode(value, data) {
+      if (!value) return true
+      return data.name.indexOf(value) !== -1
+    },
+    handleNodeClick(node, data, value) {
+      this.getList(node.id)
+    },
+    getTreeList() {
+      this.treeLoading = true
+      requestFN(
+        '/department/listTree',
+        {}
+      ).then((data) => {
+        this.treeLoading = false
+        this.treeData = JSON.parse(data.zTreeNodes)
+      }).catch((e) => {
+        this.treeLoading = false
+      })
+    },
+    getRowKey(row) {
+      return row.USER_ID
+    },
+    getList(DEPARTMENT_ID) {
+      this.listLoading = true
+      if (DEPARTMENT_ID) {
+        this.DEPARTMENT_ID = DEPARTMENT_ID
+      }
+      requestFN(
+        '/user/list?showCount=' + this.listQuery.limit + '&currentPage=' + this.listQuery.page,
+        {
+          KEYWORDS: this.KEYWORDS,
+          DEPARTMENT_ID: this.DEPARTMENT_ID,
+          SHIFTDUTYONE: this.SHIFTDUTYONE,
+          SHIFTDUTYTWO: this.SHIFTDUTYTWO,
+          IS_HAZARDCONFIRMER: this.IS_HAZARDCONFIRMER,
+          USER_ID: this.USER_ID
+        }
+      ).then((data) => {
+        this.listLoading = false
+        this.varList = data.userList
+        this.total = data.page.totalResult
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    }
+
+  }
+}
+</script>
+
+<style lang="scss">
+</style>
+

src/views/emergen_cyrescue/emergency_plan/company_plan/components/check-yvanfujian.vue

@@ -0,0 +1,261 @@
+
+<template>
+  <div>
+    <el-table ref="multipleTable" :data="yjzjvarList" :header-cell-style="{'font-weight': 'bold','color': '#000'}" tooltip-effect="dark" border fit highlight-current-row>
+      <el-table-column prop="FILENAME" label="文件名称" width="180" />
+      <el-table-column prop="BZ" label="备注" />
+      <el-table-column prop="createTimeStr" label="维护日期" />
+      <el-table-column prop="FILEURL" width="180" align="center" label="附件" >
+        <template v-if="row.FILEURL" slot-scope="{row}">
+          <el-button type="primary" icon="el-icon-down" size="mini" @click="download(row)">下载</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <div class="page-btn-group">
+      <div/>
+      <pagination :total="yjzhuangjiatotal" :page.sync="listQueryzj.page" :limit.sync="listQueryzj.limit" @pagination="getDataList" />
+    </div>
+
+    <el-dialog :visible.sync="dialogzhuangjiaShow" title="预案附件" width="600px" @close="closeDialog('ruleForm')">
+      <el-form ref="form" :rules="rules" :model="fujianfrom" label-width="110px" style="width: 500px;">
+        <el-form-item label="文件名称" prop="FILENAME">
+          <el-input
+            v-model="fujianfrom.FILENAME"
+
+            placeholder="文件名称"/>
+        </el-form-item>
+
+        <el-form-item label="附件类型" prop="FILETYPE">
+          <Treeselect
+            :options="FILETYPEThree"
+            v-model="fujianfrom.FILETYPE"
+            placeholder="请选择预案类型"
+            no-options-text="暂无数据"
+            no-children-text="暂无数据"
+          />
+        </el-form-item>
+
+        <el-form-item label="备注" prop="BZ">
+          <el-input
+            v-model="fujianfrom.BZ"
+            :rows="3"
+            type="textarea"
+            placeholder="备注"/>
+        </el-form-item>
+
+        <el-form-item label="附件地址">
+          <el-upload
+            ref="upload"
+            :on-change="handleEditChange"
+            :on-remove="handleRemove"
+            :auto-upload="false"
+            :limit="1"
+            action="#" >
+            <el-button size="small" type="primary">点击上传</el-button>
+          </el-upload>
+        </el-form-item>
+
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogzhuangjiaShow = false">取 消</el-button>
+        <el-button type="primary" @click="confirm">确 定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+
+</template>
+<script>
+import { requestFN } from '@/utils/request'
+import Pagination from '@/components/Pagination'
+import { upload } from '@/utils/upload'
+export default {
+  name: 'Yingjizhuangjia',
+  components: { Pagination },
+  props: {
+    planid: {
+      type: String,
+      default() {
+        return ''
+      } }
+  },
+  data() {
+    return {
+      rules: {
+        FILENAME: [
+          { required: true, message: '文件名称不能为空', trigger: 'blur' },
+          { min: 2, max: 30, message: '长度在 2 到 30 个字符', trigger: 'blur' }],
+        FILETYPE: [
+          { required: true, message: '附件类型不能为空', trigger: 'blur' }]
+
+      },
+      zhuangjiatotal: 0,
+      zhuangjianame: '',
+      dialogzhuangjiaShow: false,
+      yjzjvarList: [],
+      yjzhuangjiatotal: 0,
+      zhuanjiaList: [],
+      listQueryzj: {
+        page: 1,
+        limit: 20
+      },
+      fujianfrom: {
+
+      },
+      FFILE: [],
+      FILETYPEThree: [
+        { id: 1, label: '预案视频' },
+        { id: 2, label: '通讯录' },
+        { id: 3, label: '组织机构' },
+        { id: 4, label: '建筑平面图' },
+        { id: 5, label: '其他' },
+        { id: 6, label: '预案电子档案' },
+        { id: 7, label: '指挥平面图' },
+        { id: 8, label: '应急资源' }
+      ],
+      downloadUrl: ''
+    }
+  },
+  created() {
+    console.log(this.planid)
+    this.getDataList()
+  },
+  methods: {
+    //* ************************下载**********************
+    download(obj) {
+      this.$confirm('确定要下载此文件吗?', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        this.downloadUrl = config.fileUrl + obj.FILEURL
+        const _this = this
+        setTimeout(function() {
+          window.open(_this.downloadUrl)
+        }, 200)
+      }).catch(() => {
+      })
+    },
+    // **********************文件上传*********************
+    handleEditChange(file) {
+      file.MATERIALS_ID = Math.random()
+      const is5M = file.size / 1024 / 1024 < 5
+      if (is5M) this.FFILE.push(file)
+    },
+    handleRemove(file, fileList) {
+      this.FFILE = fileList
+    },
+    upload(fun) {
+      const formData = new FormData()
+
+      for (let i = 0; i < this.FFILE.length; i++) {
+        if (this.FFILE[i].raw) {
+          formData.append('FFILE', this.FFILE[i].raw)
+        }
+      }
+      upload(
+        '/file/upload',
+        formData
+      ).then((data) => {
+        fun(data.fileurl)
+      }).catch((e) => {
+      })
+    },
+    //* ***********************************
+
+    closeDialog() {
+      this.dialogzhuangjiaShow = false
+    },
+    deletePlanningfile(row) {
+      this.listISLOADing = true
+      requestFN(
+        '/plan/planplanningfile/delete', { id: row.PLANNINGFILE_ID }
+      ).then((data) => {
+        this.$message({
+          message: '移除成功',
+          type: 'success'
+        })
+
+        this.listISLOADing = false
+        this.getDataList()
+      }).catch((e) => {
+        this.listISLOADing = false
+      })
+    },
+    confirm() {
+      this.$refs.form.validate(valid => {
+        if (valid) {
+          if (this.FFILE.length > 0) {
+            this.upload((v) => {
+              this.fujianfrom.FILEURL = v
+              this.$refs.upload.clearFiles()
+              this.dataSave()
+            })
+          } else {
+            this.dataSave()
+          }
+        } else {
+          return false
+        }
+      })
+    },
+    dataSave() {
+      this.fujianfrom.FIRERESERVEPLAN_ID = this.planid
+
+      this.listISLOADing = true
+      requestFN(
+        '/plan/planplanningfile/save', this.fujianfrom
+      ).then((data) => {
+        this.$message({
+          message: '添加成功',
+          type: 'success'
+        })
+        this.dialogzhuangjiaShow = false
+        this.listISLOADing = false
+        this.getDataList()
+      }).catch((e) => {
+        this.listISLOADing = false
+      })
+    },
+    yjzjadd() {
+      this.dialogzhuangjiaShow = true
+      this.fujianfrom = {
+        LAT: '',
+        LON: ''
+      }
+    },
+    updatePlanningfile(row) {
+      this.dialogzhuangjiaShow = true
+      this.fujianfrom = {
+        PLANNINGFILE_ID: row.PLANNINGFILE_ID,
+        FILETYPE: row.FILETYPE,
+        FILENAME: row.FILENAME,
+        BZ: row.BZ
+      }
+    },
+    // 获取预案附件
+    getDataList() {
+      this.listISLOADing = true
+      requestFN(
+        '/plan/planplanningfile/list?showCount=50' + '&currentPage=1',
+        {
+          name: this.KEYWORDS,
+          FIRERESERVEPLAN_ID: this.planid,
+          TYPE: '1'
+        }
+      ).then((data) => {
+        this.listISLOADing = false
+        this.yjzjvarList = data.varList
+        this.yjzhuangjiatotal = data.page.totalResult
+      })
+        .catch((e) => {
+          this.listISLOADing = false
+        })
+    }
+
+  }
+}
+</script>
+
+<style lang="scss">
+</style>
+

src/views/emergen_cyrescue/emergency_plan/company_plan/components/check-yvanwenben.vue

@@ -0,0 +1,108 @@
+
+<template>
+  <div>
+    <el-form ref="form" label-width="180px">
+      <el-row :gutter="20">
+        <el-col :span="4" >
+          <el-form-item />
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="预案名称:" >
+            {{ planName }}
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="4" >
+          <el-form-item />
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="预案文本" prop="PLANNINGTEXT">
+            <el-input v-model="zhuangjiafrom.PLANNINGTEXT" :rows="6" disabled type="textarea" placeholder="预案文本..." />
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+  </div>
+
+</template>
+<script>
+import { requestFN } from '@/utils/request'
+export default {
+  name: 'Yvanwenb',
+  components: { },
+  props: {
+    planid: {
+      type: String,
+      default() {
+        return ''
+      }
+    },
+    planName: {
+      type: String,
+      default() {
+        return ''
+      }
+    }
+  },
+  data() {
+    return {
+      zhuangjiafrom: { 'PLANNINGTEXT': '' },
+      listISLOADing: false
+    }
+  },
+  created() {
+    this.getDataList()
+  },
+  methods: {
+
+    //* ***********************************
+
+    confirm() {
+      this.zhuangjiafrom.FIRERESERVEPLAN_ID = this.planid
+
+      this.listISLOADing = true
+      requestFN(
+        '/plan/planningtext/save', this.zhuangjiafrom
+      ).then((data) => {
+        this.$message({
+          message: '添加成功',
+          type: 'success'
+        })
+        this.listISLOADing = false
+        this.getDataList()
+      }).catch((e) => {
+        this.listISLOADing = false
+      })
+    },
+
+    // 获取预案资源
+    getDataList() {
+      this.listISLOADing = true
+      requestFN(
+        '/plan/planningtext/getDetail',
+        {
+
+          planId: this.planid
+
+        }
+      ).then((data) => {
+        this.listISLOADing = false
+
+        if (data.data.FIRERESERVEPLAN_ID) {
+          this.zhuangjiafrom.PLANNINGTEXT = data.data.PLANNINGTEXT
+          this.zhuangjiafrom.PLANNINGTEXT_ID = data.data.PLANNINGTEXT_ID
+        }
+      })
+        .catch((e) => {
+          this.listISLOADing = false
+        })
+    }
+
+  }
+}
+</script>
+
+<style lang="scss">
+</style>
+

src/views/emergen_cyrescue/emergency_plan/company_plan/components/check-yvanziling.vue

@@ -0,0 +1,361 @@
+
+<template>
+  <div>
+    <el-row :gutter="20">
+      <el-col :span="13" class="bianxian">
+        <el-form ref="form" :model="yvanzhilingfrom" :rules="rules" label-width="110px" >
+
+          <el-row :gutter="15">
+            <el-form-item label="响应级别" prop="HIERARCHICALRESPONSE_ID">
+              <el-checkbox-group v-model="checkList">
+                <el-checkbox v-for="jibei in xiangyingjibeiList" :label="jibei.HIERARCHICALRESPONSE_ID" :key="jibei.HIERARCHICALRESPONSE_ID" disabled>{{ jibei.HIERARCHICALNAME }}</el-checkbox>
+              </el-checkbox-group>
+            </el-form-item>
+          </el-row>
+
+          <el-form-item label="指令内容" prop="DIRECTIVECONTENT">
+            <el-input
+              v-model="yvanzhilingfrom.DIRECTIVECONTENT"
+              :rows="2"
+              disabled
+              type="textarea"
+              placeholder="指令内容"/>
+          </el-form-item>
+
+          <el-row :gutter="20">
+            <el-col :span="8">
+              <el-form-item label="执行机构" prop="EXECUTIVEBODY">
+                <Treeselect
+                  :options="treeData"
+                  v-model="yvanzhilingfrom.EXECUTIVEBODY"
+                  disabled
+                  placeholder="请选择机构"
+                  no-options-text="暂无数据"
+                  no-children-text="暂无数据"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="14"/>
+          </el-row>
+        </el-form>
+
+        <el-table ref="multipleTable" :data="yjzhilinglinshiList" :header-cell-style="{'font-weight': 'bold','color': '#000'}" tooltip-effect="dark" border fit highlight-current-row>
+          <el-table-column prop="RESOURCETYPE" label="类型" width="180" />
+          <el-table-column prop="RESOURCENAME" label="资源名称" />
+          <el-table-column prop="LINKMPHONE" label="联系电话" />
+          <el-table-column prop="URGENTLINKPHONE" label="紧急联系电话" />
+        </el-table>
+      </el-col>
+      <el-col :span="10" >
+        <el-table ref="multipleTable" :data="yjzjvarList" :header-cell-style="{'font-weight': 'bold','color': '#000'}" tooltip-effect="dark" border fit highlight-current-row>
+          <el-table-column type="selection" width="55" align="center" />
+          <el-table-column type="index" label="序号" width="50" align="center" />
+          <el-table-column prop="HIERARCHICALRESPONSE_NAME" label="响应级别" />
+          <el-table-column prop="DIRECTIVECONTENT" label="指令内容" />
+          <el-table-column label="操作" align="center" width="300">
+            <template slot-scope="{row}">
+              <el-button type="primary" icon="el-icon-setting" size="mini" @click="updatezhiling(row)">查看</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+        <div class="page-btn-group">
+          <div/>
+          <pagination :total="yjzhuangjiatotal" :page.sync="listQueryzj.page" :limit.sync="listQueryzj.limit" @pagination="getDataList" />
+        </div>
+      </el-col>
+    </el-row>
+
+    <el-dialog :visible.sync="dialogyjzlzyShow" title="相关资源" width="600px" >
+      <el-form ref="form2" :rules="rules2" :model="zlxianghuanziyuanform" label-width="110px" style="width: 500px;">
+
+        <el-form-item label="资源名称" prop="RESOURCENAME">
+          <el-input v-model="zlxianghuanziyuanform.RESOURCENAME" placeholder="资源名称..." />
+        </el-form-item>
+        <el-form-item label="类型" prop="RESOURCETYPE">
+          <el-input v-model="zlxianghuanziyuanform.RESOURCETYPE" placeholder="类型..." />
+
+        </el-form-item>
+        <el-form-item label="联系电话" prop="LINKMPHONE">
+          <el-input v-model="zlxianghuanziyuanform.LINKMPHONE" placeholder="联系电话..." />
+        </el-form-item>
+
+        <el-form-item label="紧急联系电话" prop="URGENTLINKPHONE">
+          <el-input v-model="zlxianghuanziyuanform.URGENTLINKPHONE" placeholder="紧急联系电话..." />
+        </el-form-item>
+
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogyjzlzyShow = false">取 消</el-button>
+        <el-button type="primary" @click="confirmsave">确 定</el-button>
+      </div>
+    </el-dialog>
+
+  </div>
+
+</template>
+<script>
+import { requestFN } from '@/utils/request'
+import Pagination from '@/components/Pagination'
+export default {
+  name: 'Yingjizhuangjia',
+  components: { Pagination },
+  props: {
+    planid: {
+      type: String,
+      default() {
+        return ''
+      } }
+  },
+  data() {
+    return {
+      rules: {
+        HIERARCHICALRESPONSE_ID: [
+          { required: true, message: '响应级别不能为空', trigger: 'blur' }],
+        DIRECTIVECONTENT: [
+          { required: true, message: '指令内容不能为空', trigger: 'blur' }],
+        EXECUTIVEBODY: [
+          { required: true, message: '执行机构不能为空', trigger: 'blur' }]
+
+      },
+      rules2: {
+        RESOURCENAME: [
+          { required: true, message: '资源名称不能为空', trigger: 'blur' }],
+        RESOURCETYPE: [
+          { required: true, message: '类型不能为空', trigger: 'blur' }],
+        LINKMPHONE: [
+          { required: true, message: '联系电话不能为空', trigger: 'blur' }],
+        URGENTLINKPHONE: [
+          { required: true, message: '紧急联系电话不能为空', trigger: 'blur' }]
+
+      },
+      checkList: [],
+
+      zhuangjiatotal: 0,
+      zhuangjianame: '',
+      dialogzhuangjiaShow: false,
+      yjzjvarList: [],
+      yjzhuangjiatotal: 0,
+      zhuanjiaList: [],
+      listQueryzj: {
+        page: 1,
+        limit: 20
+      },
+      yvanzhilingfrom: {
+      },
+      // 响应级别
+      xiangyingjibeiList: [],
+      // 机构树形列表
+      treeData: [],
+      // 应急指令临时集和
+      yjzhilinglinshiList: [],
+      // 应急指令内容添加
+      dialogyjzlzyShow: false,
+      // 指令相关资源
+      zlxianghuanziyuanform: {}
+    }
+  },
+  created() {
+    console.log(this.planid)
+    this.getDataList()
+    this.getForFractModule()
+    this.getTreeList()
+  },
+  methods: {
+    //* *****************查询指令列表**************
+    updatezhiling(row) {
+      requestFN(
+        '/plan/planningdirectives/getDetail',
+        {
+          id: row.PLANNINGDIRECTIVES_ID
+        }
+      ).then((data) => {
+        this.loading = false
+        this.checkList = data.data.HIERARCHICALRESPONSE_ID.split(',')
+        // 回显数据
+        this.yvanzhilingfrom = {
+          DIRECTIVECONTENT: data.data.DIRECTIVECONTENT,
+          EXECUTIVEBODY: data.data.EXECUTIVEBODY,
+          PLANNINGDIRECTIVES_ID: data.data.PLANNINGDIRECTIVES_ID
+        }
+        this.yjzhilinglinshiList = data.data.getResources
+      }).catch((e) => {
+        this.loading = false
+      })
+    },
+    // 删除指令
+    makeAll() {
+      const _selectData = this.$refs.multipleTable.selection
+
+      if (_selectData == null || _selectData.length == 0) {
+        this.$message({
+          message: '请选中要删除的项...',
+          type: 'error'
+        })
+        return false
+      }
+      const ids = _selectData.map((item, index) => {
+        return item.PLANNINGDIRECTIVES_ID
+      }).join(',')
+
+      this.$confirm('确定要删除选中的数据吗?', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        this.loading = true
+        requestFN(
+          '/plan/planningdirectives/deleteAll',
+          {
+            ids: ids
+          }
+        ).then(() => {
+          this.loading = false
+          this.$refs.multipleTable.clearSelection()
+          this.getDataList()
+          this.doreset()
+        }).catch((e) => {
+          this.loading = false
+        })
+      }).catch(() => {
+      })
+    },
+    deletezhiling(row) {
+      this.loading = true
+      requestFN(
+        '/plan/planningdirectives/delete', { id: row.PLANNINGDIRECTIVES_ID }
+      ).then((data) => {
+        this.$message({
+          message: '移除成功',
+          type: 'success'
+        })
+        this.loading = false
+        this.getDataList()
+        this.doreset()
+      }).catch((e) => {
+        this.loading = false
+      })
+    },
+    // 获取预案资源
+    getDataList() {
+      this.loading = true
+      requestFN(
+        '/plan/planningdirectives/list?showCount=50' + '&currentPage=1',
+        {
+          name: this.KEYWORDS,
+          FIRERESERVEPLAN_ID: this.planid
+        }
+      ).then((data) => {
+        this.loading = false
+        this.yjzjvarList = data.varList
+        this.yjzhuangjiatotal = data.page.totalResult
+      })
+        .catch((e) => {
+          this.loading = false
+        })
+    },
+    //* ***************保存指令**************
+    doreset() {
+      this.yvanzhilingfrom = {}
+      this.checkList = []
+      this.yjzhilinglinshiList = []
+    },
+    confirmDatasave() {
+      this.yvanzhilingfrom.FIRERESERVEPLAN_ID = this.planid
+      this.yvanzhilingfrom.HIERARCHICALRESPONSE_ID = this.checkList.join(',')
+
+      this.$refs.form.validate(valid => {
+        if (valid) {
+          this.yvanzhilingfrom.listResources2 = this.yjzhilinglinshiList
+          this.loading = true
+          requestFN(
+            '/plan/planningdirectives/save', this.yvanzhilingfrom
+          ).then((data) => {
+            this.$message({
+              message: '添加成功',
+              type: 'success'
+            })
+            this.loading = false
+            this.doreset()
+            this.getDataList()
+          }).catch((e) => {
+            this.loading = false
+          })
+        } else {
+          return false
+        }
+      })
+    },
+    //* ************添加应急指令相关资源************
+    deleteyjzhilinglinshi(row) {
+      for (let i = 0; i < this.yjzhilinglinshiList.length; i++) {
+        if (this.yjzhilinglinshiList[i].id === row.id) {
+          this.yjzhilinglinshiList.splice(i)
+          i++
+          break
+        }
+      }
+    },
+    yjzhilingadd() {
+      this.zlxianghuanziyuanform = {}
+      this.dialogyjzlzyShow = true
+    },
+    confirmsave() {
+      this.$refs.form2.validate(valid => {
+        if (valid) {
+          const form = {
+            RESOURCENAME: this.zlxianghuanziyuanform.RESOURCENAME,
+            RESOURCETYPE: this.zlxianghuanziyuanform.RESOURCETYPE,
+            LINKMPHONE: this.zlxianghuanziyuanform.LINKMPHONE,
+            URGENTLINKPHONE: this.zlxianghuanziyuanform.URGENTLINKPHONE,
+            id: this.yjzhilinglinshiList.length + 1
+          }
+          this.yjzhilinglinshiList.push(form)
+          this.dialogyjzlzyShow = false
+        } else {
+          return false
+        }
+      })
+    },
+    //* *********获取应急机构树形列表********
+    getTreeList() {
+      this.loading = true
+      requestFN(
+        '/plan/planningDepartment/getTreeForSelect',
+        {
+          FIRERESERVEPLAN_ID: this.planid,
+          proid: '0'
+        }
+      ).then((data) => {
+        this.loading = false
+        this.treeData = data.data
+      }).catch((e) => {
+        this.loading = false
+      })
+    },
+    //* *******获取响应级别************
+    getForFractModule() {
+      this.loading = true
+      requestFN(
+        '/plan/fractional/getForFractModule', { planId: this.planid }
+      ).then((data) => {
+        this.xiangyingjibeiList = data.data
+      }).catch((e) => {
+        this.loading = false
+      })
+    }
+
+    //* ***********************************
+
+  }
+}
+</script>
+
+<style lang="scss">
+.bianxian{
+  border: 1px #d4d4d4 solid;
+  border-radius: 6px;
+  padding: 20px;
+  margin-left: 10px;
+}
+</style>
+

src/views/emergen_cyrescue/emergency_plan/company_plan/components/check-yvanziyuan.vue

@@ -0,0 +1,396 @@
+
+<template>
+  <div>
+    <el-table ref="multipleTable" :data="yjzjvarList" :header-cell-style="{'font-weight': 'bold','color': '#000'}" tooltip-effect="dark" border fit highlight-current-row>
+      <el-table-column prop="RESOURCETYPES" label="资源类型" width="180" />
+      <el-table-column prop="RESOURCENAME" label="资源名称" />
+      <el-table-column prop="RESOURCEADDRESS" label="资源地址" />
+      <el-table-column prop="RESOURCESNUMBER" label="资源数量" />
+      <el-table-column prop="LINKMAN" label="联系人" />
+      <el-table-column prop="LINKPHONE" label="电话" />
+    </el-table>
+    <div class="page-btn-group">
+      <div/>
+      <pagination :total="yjzhuangjiatotal" :page.sync="listQueryzj.page" :limit.sync="listQueryzj.limit" @pagination="getDataList" />
+    </div>
+
+    <el-dialog :visible.sync="dialogzhuangjiaShow" title="预案资源" width="600px" @close="closeDialog('ruleForm')">
+      <el-form ref="form" :rules="rules" :model="zhuangjiafrom" label-width="110px" style="width: 500px;">
+
+        <el-form-item label="资源类型" prop="RESOURCETYPES">
+          <el-input v-model="zhuangjiafrom.RESOURCETYPES" placeholder="资源类型..." />
+        </el-form-item>
+        <el-form-item label="资源名称" prop="RESOURCENAME">
+          <el-input v-model="zhuangjiafrom.RESOURCENAME" placeholder="资源名称..." />
+
+        </el-form-item>
+        <el-form-item label="资源地址" prop="RESOURCEADDRESS">
+          <el-input v-model="zhuangjiafrom.RESOURCEADDRESS" placeholder="资源地址..." />
+        </el-form-item>
+
+        <el-form-item label="资源数量" prop="RESOURCESNUMBER">
+          <el-input v-model="zhuangjiafrom.RESOURCESNUMBER" placeholder="资源数量..." />
+        </el-form-item>
+
+        <el-form-item label="联系人" prop="LINKMAN">
+          <el-input v-model="zhuangjiafrom.LINKMAN" placeholder="联系人..." />
+        </el-form-item>
+
+        <el-form-item label="联系电话" prop="LINKPHONE">
+          <el-input v-model="zhuangjiafrom.LINKPHONE" placeholder="联系电话..." />
+        </el-form-item>
+
+        <el-form-item label="资源描述" prop="RESOURCEDES">
+          <el-input v-model="zhuangjiafrom.RESOURCEDES" placeholder="资源描述..." />
+        </el-form-item>
+
+        <el-form-item label="备注" prop="BZ">
+          <el-input v-model="zhuangjiafrom.BZ" placeholder="备注..." />
+        </el-form-item>
+        <el-row :gutter="32">
+          <el-col :span="16">
+            <el-form-item :key="zhuangjiafrom.LON" label="经度" prop="LON">
+              <el-input v-model="zhuangjiafrom.LON" placeholder="请输入内容" disabled @focus="handleMap" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="16">
+            <el-form-item :key="zhuangjiafrom.LAT" label="纬度" prop="LAT">
+              <div style="display: flex">
+                <el-input v-model="zhuangjiafrom.LAT" placeholder="请输入内容" disabled style="width: 100%" @focus="handleMap"/>
+                <el-button style="margin-left:10px" @click="handleMap">
+                  <span class="svg-container">
+                    <svg-icon icon-class="international" />
+                  </span>
+                </el-button>
+              </div>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogzhuangjiaShow = false">取 消</el-button>
+        <el-button type="primary" @click="confirm">确 定</el-button>
+      </div>
+    </el-dialog>
+
+    <!-- 坐标选择 -->
+    <el-dialog :visible.sync="dialogFormMap" title="编辑坐标" width="800px" class="dy-dialog">
+      <baidu-map
+        v-ISLOADing="ISLOADingMap"
+        :zoom="zoom"
+        :scroll-wheel-zoom="true"
+        :style="{height: clientHeight+'px'}"
+        @click="getClickInfo"
+        @ready="handler">
+        <bm-view style="width: 100%; height:100%; flex: 1" />
+        <bm-control ref="control" :offset="{width: 10, height: 10}" anchor="BMAP_ANCHOR_TOP_LEFT">
+          <div class="map-flex">
+
+            <div class="map-lable">关键词：</div>
+            <div style="flex:1;">
+              <el-autocomplete v-model="TYPEKeyword" :fetch-suggestions="querySearch" :trigger-on-focus="false" placeholder="请输入详细设备类型" style="width:100%" @select="handleSelect" />
+            </div>
+            <!--            <el-input v-model="TYPEKeyword" style="width: 200px" placeholder="请输入内容" />-->
+            <!--            <el-button slot="append" icon="el-icon-search" @click="mapNameChange"/>-->
+          </div>
+        </bm-control>
+        <!--        <bm-local-search :keyword="TYPEKeyword" :auto-viewport="true"/>-->
+      </baidu-map>
+      <div slot="footer" class="dialog-footer">
+        <span>经度：</span>
+        <el-input v-model="LON" style="width: 200px" placeholder="请输入内容" disabled />
+        <span>纬度：</span>
+        <el-input v-model="LAT" style="width: 200px" placeholder="请输入内容" disabled />
+        <el-button @click="dialogFormMap = false">取 消</el-button>
+        <el-button type="primary" @click="setPosition">确 定</el-button>
+      </div>
+    </el-dialog>
+
+  </div>
+
+</template>
+<script>
+import { requestFN } from '@/utils/request'
+import Pagination from '@/components/Pagination'
+export default {
+  name: 'Yingjizhuangjia',
+  components: { Pagination },
+  props: {
+    planid: {
+      type: String,
+      default() {
+        return ''
+      } }
+  },
+  data() {
+    return {
+      rules: {
+        RESOURCETYPES: [
+          { required: true, message: '资源类型不能为空', trigger: 'blur' }],
+        RESOURCENAME: [
+          { required: true, message: '资源名称不能为空', trigger: 'blur' }],
+        RESOURCEADDRESS: [
+          { required: true, message: '资源地址不能为空', trigger: 'blur' }],
+        RESOURCESNUMBER: [
+          { required: true, message: '资源数量不能为空', trigger: 'blur' }],
+        LINKMAN: [
+          { required: true, message: '联系人不能为空', trigger: 'blur' }],
+        LINKPHONE: [
+          { required: true, message: '联系电话不能为空', trigger: 'blur' }],
+        RESOURCEDES: [
+          { required: true, message: '资源描述不能为空', trigger: 'blur' }]
+
+      },
+      // 地图相关
+      CORPINFO_ID: this.$parent.CORPINFO_ID,
+      clientHeight: 600,
+      ISLOADingMap: true,
+      listISLOADing: false,
+      buttonISLOADing: false,
+      BMap: '',
+      map: '',
+      showMap: false,
+      TYPEKeyword: '',
+      pointLngLat: '',
+      zoom: 10,
+      dialogFormMap: false,
+      LAT: '',
+      LON: '',
+
+      zhuangjiatotal: 0,
+      zhuangjianame: '',
+      dialogzhuangjiaShow: false,
+      yjzjvarList: [],
+      yjzhuangjiatotal: 0,
+      zhuanjiaList: [],
+      listQueryzj: {
+        page: 1,
+        limit: 20
+      },
+      zhuangjiafrom: {
+        LAT: '',
+        LON: ''
+
+      }
+    }
+  },
+  created() {
+    console.log(this.planid)
+    this.getDataList()
+  },
+  methods: {
+    //* **************地图相关*****************
+    // 地图相关
+    mapOpen() {
+      this.top = this.getScrollTop()
+      if (this.top) {
+        this.setScrollTop(0)
+      }
+    },
+    // 关闭地图后调用
+    mapClose() {
+      this.setScrollTop(this.top)
+      this.top = 0
+      this.showMap = false
+    },
+    getScrollTop() {
+      let scrollTop = 0
+      if (document.documentElement && document.documentElement.scrollTop) {
+        scrollTop = document.documentElement.scrollTop
+      } else if (document.body) {
+        scrollTop = document.body.scrollTop
+      }
+      return scrollTop
+    },
+    setScrollTop(top) {
+      if (!isNaN(top)) {
+        if (document.documentElement && document.documentElement.scrollTop !== undefined) {
+          document.documentElement.scrollTop = top
+        } else if (document.body) {
+          document.body.scrollTop = top
+        }
+      }
+    },
+    // 地图初始化
+    handler({ BMap, map }) {
+      this.mapOpen()
+      this.BMap = BMap
+      this.map = map
+      this.ISLOADingMap = true
+      var geolocation = new BMap.Geolocation()
+      const myGeo = new BMap.Geocoder()
+      var $this = this
+      // 调用百度地图api 中的获取当前位置接口
+      geolocation.getCurrentPosition(function(r) {
+        myGeo.getLocation(new BMap.Point(r.point.lng, r.point.lat), function(result) {
+          if (result) {
+            $this.ISLOADingMap = false
+            $this.$set($this, 'pointLngLat', { lng: result.point.lng, lat: result.point.lat })
+            map.enableScrollWheelZoom(true) // 开启鼠标滚轮缩放,默认关闭
+            $this.setCenter({ BMap, map })
+          }
+        })
+      })
+    },
+    // 搜索地图
+    querySearch(queryString, cb) {
+      var options = {
+        onSearchComplete: function(results) {
+          if (local.getStatus() === 0) {
+            // 判断状态是否正确
+            var s = []
+            for (var i = 0; i < results.getCurrentNumPois(); i++) {
+              var x = results.getPoi(i)
+              var item = { value: x.TYPE + x.title, point: x.point }
+              s.push(item)
+              cb(s)
+            }
+          } else {
+            cb()
+          }
+        }
+      }
+      var local = new this.BMap.LocalSearch(this.map, options)
+      local.search(queryString)
+    },
+    handleSelect(item) {
+      var { point } = item
+      this.map.clearOverlays() // 清除地图上所有覆盖物
+      this.map.centerAndZoom(point, this.zoom)
+      const marker = new this.BMap.Marker(point) // 创建标注
+      this.map.addOverlay(marker) // 将标注添加到地图中
+      marker.enableDragging() // 可拖拽
+      this.LON = point.lng
+      this.LAT = point.lat
+    },
+    // 设置打开中心位置
+    setCenter({ BMap, map }) {
+      var lng = ''
+      var lat = ''
+      if (this.zhuangjiafrom.LON == '' || this.zhuangjiafrom.LAT == '') {
+        lng = '119.525971'
+        lat = '39.894727'
+      } else {
+        lng = this.zhuangjiafrom.LON
+        lat = this.zhuangjiafrom.LAT
+      }
+      var point = new BMap.Point(lng, lat)
+      // var point = new BMap.Point(this.zhuangjiafrom.LON, this.zhuangjiafrom.LAT)
+      const zoom = map.getZoom()
+      setTimeout(() => {
+        map.centerAndZoom(point, zoom)
+      }, 0)
+      // var marker = new BMap.Marker(point) // 创建标注
+      // map.addOverlay(marker) // 将标注添加到地图中
+    },
+    handleMap() {
+      this.dialogFormMap = true
+      this.LAT = this.zhuangjiafrom.LAT
+      this.LON = this.zhuangjiafrom.LON
+    },
+    getClickInfo(e) {
+      this.LON = e.point.lng
+      this.LAT = e.point.lat
+    },
+    setPosition() {
+      this.dialogFormMap = false
+      this.zhuangjiafrom.LAT = this.LAT
+      this.zhuangjiafrom.LON = this.LON
+    },
+    //* ***********************************
+
+    closeDialog() {
+      this.dialogzhuangjiaShow = false
+    },
+    deletezhuangjiaPeople(row) {
+      this.listISLOADing = true
+      requestFN(
+        '/plan/planningresources/delete', { id: row.PLANNINGRESOURCES_ID }
+      ).then((data) => {
+        this.$message({
+          message: '移除成功',
+          type: 'success'
+        })
+
+        this.listISLOADing = false
+        this.getDataList()
+      }).catch((e) => {
+        this.listISLOADing = false
+      })
+    },
+    confirm() {
+      this.$refs.form.validate(valid => {
+        if (valid) {
+          this.zhuangjiafrom.FIRERESERVEPLAN_ID = this.planid
+
+          this.listISLOADing = true
+          requestFN(
+            '/plan/planningresources/save', this.zhuangjiafrom
+          ).then((data) => {
+            this.$message({
+              message: '添加成功',
+              type: 'success'
+            })
+            this.dialogzhuangjiaShow = false
+            this.listISLOADing = false
+            this.getDataList()
+          }).catch((e) => {
+            this.listISLOADing = false
+          })
+        } else {
+          return false
+        }
+      })
+    },
+    yjzjadd() {
+      this.dialogzhuangjiaShow = true
+      this.zhuangjiafrom = {
+        LAT: '',
+        LON: ''
+      }
+    },
+    updatezhuangjiaPeople(row) {
+      this.dialogzhuangjiaShow = true
+      this.zhuangjiafrom = {
+        PLANNINGRESOURCES_ID: row.PLANNINGRESOURCES_ID,
+        RESOURCETYPES: row.RESOURCETYPES,
+        RESOURCENAME: row.RESOURCENAME,
+        RESOURCEADDRESS: row.RESOURCEADDRESS,
+
+        RESOURCESNUMBER: row.RESOURCESNUMBER,
+        LINKMAN: row.LINKMAN,
+        LINKPHONE: row.LINKPHONE,
+        RESOURCEDES: row.RESOURCEDES,
+
+        BZ: row.BZ,
+        LAT: row.LAT,
+        LON: row.LON
+      }
+    },
+    // 获取预案资源
+    getDataList() {
+      this.listISLOADing = true
+      requestFN(
+        '/plan/planningresources/list?showCount=50' + '&currentPage=1',
+        {
+          name: this.KEYWORDS,
+          FIRERESERVEPLAN_ID: this.planid,
+          TYPE: '1'
+        }
+      ).then((data) => {
+        this.listISLOADing = false
+        this.yjzjvarList = data.varList
+        this.yjzhuangjiatotal = data.page.totalResult
+      })
+        .catch((e) => {
+          this.listISLOADing = false
+        })
+    }
+
+  }
+}
+</script>
+
+<style lang="scss">
+</style>
+

src/views/emergen_cyrescue/emergency_plan/company_plan/components/check-zuzhijiagou.vue

@@ -0,0 +1,367 @@
+
+<template>
+  <div>
+    <el-container>
+      <el-aside width="300px" style="background-color:#fff">
+        <el-tree
+          v-loading="treeLoading"
+          ref="tree"
+          :data="treeData"
+          :props="defaultProps"
+          :filter-node-method="filterNode"
+          class="filter-tree"
+          @node-click="handleNodeClick"/>
+      </el-aside>
+      <el-main>
+        <el-table
+          v-loading="listLoading"
+          ref="multipleTable"
+          :data="varList"
+          :header-cell-style="{
+            'font-weight': 'bold',
+            'color': '#000'
+          }"
+          tooltip-effect="dark"
+          border
+          fit
+          highlight-current-row
+        >
+          <el-table-column label="姓名" prop="NAME" />
+          <el-table-column prop="DUTIES" label="职务"/>
+          <el-table-column prop="POSITION" label="组内岗位"/>
+          <el-table-column prop="LINKPHONE" label="联系电话"/>
+          <el-table-column prop="URGENTLINKPHONE" label="紧急联系电话"/>
+          <el-table-column prop="PLANNINGDEPARTMENT_NAME" label="组织机构"/>
+        </el-table>
+        <div class="page-btn-group">
+          <div/>
+          <pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList(DEPARTMENT_ID)" />
+        </div>
+      </el-main>
+    </el-container>
+
+    <el-dialog :visible.sync="dialogjigouShow" title="机构" width="600px" >
+      <el-tag class="mark_up" size="medium">上级菜单：{{ jigoumainid === '0' ?'(无) 此项为顶级分组':jigouname }}</el-tag>
+      <div style="height: 10px"/>
+      <el-form ref="form" :rules="rules" :model="jigoufrom" label-width="110px" style="width: 500px;">
+
+        <el-form-item label="名称" prop="NAME">
+          <el-input v-model="jigoufrom.NAME" placeholder="这里名称..." />
+        </el-form-item>
+        <el-form-item label="英文" prop="NAME_EN">
+          <el-input v-model="jigoufrom.NAME_EN" placeholder="这里英文..." />
+        </el-form-item>
+        <el-form-item label="编码" prop="BIANMA">
+          <el-input v-model="jigoufrom.BIANMA" placeholder="这里编码..." />
+        </el-form-item>
+
+        <el-form-item label="负责人" prop="HEADMAN">
+          <el-input v-model="jigoufrom.HEADMAN" placeholder="这里负责人..." />
+        </el-form-item>
+        <el-form-item label="电话" prop="TEL">
+          <el-input v-model="jigoufrom.TEL" placeholder="这里电话..." />
+        </el-form-item>
+        <el-form-item label="部门职能" prop="FUNCTIONS">
+          <el-input v-model="jigoufrom.FUNCTIONS" placeholder="这里部门职能..." />
+        </el-form-item>
+
+        <el-form-item label="地址" prop="ADDRESS">
+          <el-input v-model="jigoufrom.ADDRESS" placeholder="这里地址..." />
+        </el-form-item>
+        <el-form-item label="备注" prop="BZ">
+          <el-input v-model="jigoufrom.BZ" placeholder="这里备注..." />
+        </el-form-item>
+
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogjigouShow = false">取 消</el-button>
+        <el-button type="primary" @click="jigouconfirm">确 定</el-button>
+      </div>
+    </el-dialog>
+
+    <el-dialog :visible.sync="dialogrenyuanShow" title="人员" width="600px" >
+      <el-tag class="mark_up" size="medium">所属机构：{{ jigoumainid == '0' ?'(无) 此项为顶级分组':jigouname }}</el-tag>
+      <div style="height: 10px"/>
+      <el-form ref="form2" :rules="rules2" :model="renyuanfrom" label-width="110px" style="width: 500px;">
+
+        <el-form-item label="姓名" prop="NAME">
+          <el-input v-model="renyuanfrom.NAME" placeholder="这里姓名..." />
+        </el-form-item>
+        <el-form-item label="职务" prop="DUTIES">
+          <el-input v-model="renyuanfrom.DUTIES" placeholder="这里职务..." />
+        </el-form-item>
+        <el-form-item label="组内岗位" prop="POSITION">
+          <el-input v-model="renyuanfrom.POSITION" placeholder="这里组内岗位..." />
+        </el-form-item>
+
+        <el-form-item label="联系电话" prop="LINKPHONE">
+          <el-input v-model="renyuanfrom.LINKPHONE" placeholder="这里联系电话..." />
+        </el-form-item>
+        <el-form-item label="紧急联系电话" prop="URGENTLINKPHONE">
+          <el-input v-model="renyuanfrom.URGENTLINKPHONE" placeholder="这里紧急联系电话..." />
+        </el-form-item>
+
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogrenyuanShow = false">取 消</el-button>
+        <el-button type="primary" @click="renyuanconfirm">确 定</el-button>
+      </div>
+    </el-dialog>
+
+  </div>
+
+</template>
+<script>
+import { requestFN } from '@/utils/request'
+import Pagination from '@/components/Pagination'
+import { Treeselect } from '@riophae/vue-treeselect'
+export default {
+  name: 'Yingjizhuangjia',
+  components: { Pagination, Treeselect },
+  props: {
+    planid: {
+      type: String,
+      default() {
+        return ''
+      } }
+  },
+  data() {
+    return {
+      rules: {
+        NAME: [
+          { required: true, message: '名称不能为空', trigger: 'blur' },
+          { min: 2, max: 30, message: '长度在 2 到 30 个字符', trigger: 'blur' }],
+        NAME_EN: [
+          { required: true, message: '英文名称不能为空', trigger: 'blur' },
+          { min: 2, max: 30, message: '长度在 2 到 30 个字符', trigger: 'blur' }],
+        BIANMA: [
+          { required: true, message: '编码不能为空', trigger: 'blur' },
+          { min: 2, max: 30, message: '长度在 2 到 30 个字符', trigger: 'blur' }],
+        HEADMAN: [
+          { required: true, message: '负责人不能为空', trigger: 'blur' },
+          { min: 2, max: 30, message: '长度在 2 到 30 个字符', trigger: 'blur' }],
+        TEL: [
+          { required: true, message: '电话不能为空', trigger: 'blur' },
+          { min: 2, max: 30, message: '长度在 2 到 30 个字符', trigger: 'blur' }]
+
+      },
+      rules2: {
+        NAME: [
+          { required: true, message: '姓名不能为空', trigger: 'blur' },
+          { min: 2, max: 30, message: '长度在 2 到 30 个字符', trigger: 'blur' }],
+        LINKPHONE: [
+          { required: true, message: '联系电话不能为空', trigger: 'blur' }],
+        DUTIES: [
+          { required: true, message: '职务不能为空', trigger: 'blur' }]
+
+      },
+      listISLOADing: false,
+      listQuery: {
+        page: 1,
+        limit: 20
+      },
+      varList: [],
+      listLoading: false,			// 加载状态
+      treeLoading: false,
+      defaultProps: {
+        children: 'nodes',
+        label: 'name'
+      },
+      total: 0,
+      treeData: [],
+      //* ***机构维护*******
+      jigoumainid: '0',
+      jigouname: '',
+      dialogjigouShow: false,
+      jigoufrom: { NAME: '' },
+      //* ******人员*********
+      renyuanfrom: { NAME: '' },
+      dialogrenyuanShow: false
+    }
+  },
+  created() {
+    this.getTreeList()
+    this.getDEPARTMENTList('')
+  },
+  methods: {
+    renyuanadd() {
+      if (this.jigoumainid === '0') {
+        this.$message({
+          message: '请选择机构',
+          type: 'warning'
+        })
+        return
+      }
+
+      this.dialogrenyuanShow = true
+      this.renyuanfrom = {}
+    },
+    updaterenyuanPeople(row) {
+      this.dialogrenyuanShow = true
+      this.jigouname = row.PLANNINGDEPARTMENT_NAME
+      this.renyuanfrom = {
+        PLANNINGPERSONNEL_ID: row.PLANNINGPERSONNEL_ID,
+        NAME: row.NAME,
+
+        DUTIES: row.DUTIES,
+        POSITION: row.POSITION,
+        LINKPHONE: row.LINKPHONE,
+        URGENTLINKPHONE: row.URGENTLINKPHONE
+
+      }
+    },
+    deleterenyuanPeople(id) {
+      this.listISLOADing = true
+      requestFN(
+        '/plan/planningDepartment/deletePersonnel', { id: id }
+      ).then((data) => {
+        this.$message({
+          message: '移除成功',
+          type: 'success'
+        })
+
+        this.listISLOADing = false
+        this.getDEPARTMENTList()
+      }).catch((e) => {
+        this.listISLOADing = false
+      })
+    },
+    renyuanconfirm() {
+      this.$refs.form2.validate(valid => {
+        if (valid) {
+          this.listISLOADing = true
+          this.renyuanfrom.FIRERESERVEPLAN_ID = this.planid
+          this.renyuanfrom.PLANNINGDEPARTMENT_ID = this.jigoumainid
+          requestFN(
+            '/plan/planningDepartment/savePersonnel', this.renyuanfrom
+          ).then((data) => {
+            this.$message({
+              message: '添加成功',
+              type: 'success'
+            })
+            this.dialogrenyuanShow = false
+            this.listISLOADing = false
+            this.getDEPARTMENTList(this.jigoumainid)
+          }).catch((e) => {
+            this.listISLOADing = false
+          })
+        }
+      })
+    },
+
+    //* **************************
+    jigouAdd() {
+      this.jigoufrom = {}
+      this.dialogjigouShow = true
+    },
+    jigoudelete() {
+      if (this.jigoumainid === '0') {
+        this.$message({
+          message: '请选择机构',
+          type: 'warning'
+        })
+        return
+      }
+      this.$confirm('确定要删除选中的机构[ ' + this.jigouname + ' ]吗?', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        this.listISLOADing = true
+        requestFN(
+          '/plan/planningDepartment/delete', { id: this.jigoumainid }
+        ).then((data) => {
+          this.$message({
+            message: '移除成功',
+            type: 'success'
+          })
+          this.listISLOADing = false
+          this.getTreeList()
+          this.$emit('zuzhihuidiao')
+        }).catch((e) => {
+          this.listISLOADing = false
+        })
+      })
+    },
+    jigouconfirm() {
+      /* if (this.jigoufrom.NAME === undefined) {
+        this.$message({
+          message: '名称不能为空',
+          type: 'warning'
+        })
+        return
+      }*/
+      this.$refs.form.validate(valid => {
+        if (valid) {
+          this.listISLOADing = true
+          this.jigoufrom.FIRERESERVEPLAN_ID = this.planid
+          this.jigoufrom.PARENT_ID = this.jigoumainid
+          requestFN(
+            '/plan/planningDepartment/save', this.jigoufrom
+          ).then((data) => {
+            this.$message({
+              message: '添加成功',
+              type: 'success'
+            })
+            this.dialogjigouShow = false
+            this.listISLOADing = false
+            this.getTreeList()
+            this.$emit('zuzhihuidiao')
+          }).catch((e) => {
+            this.listISLOADing = false
+          })
+        }
+      })
+    },
+
+    filterNode(value, data) {
+      if (!value) return true
+      return data.name.indexOf(value) !== -1
+    },
+    handleNodeClick(node, data, value) {
+      this.jigoumainid = node.id
+
+      this.jigouname = node.name
+      this.getDEPARTMENTList(this.jigoumainid)
+    },
+    getTreeList() {
+      this.treeLoading = true
+      requestFN(
+        '/plan/planningDepartment/getTree',
+        {
+          FIRERESERVEPLAN_ID: this.planid,
+          proid: '0'
+        }
+      ).then((data) => {
+        this.treeLoading = false
+        this.treeData = data.data
+      }).catch((e) => {
+        this.treeLoading = false
+      })
+    },
+    // 组织架构查询
+    getDEPARTMENTList(DEPARTMENT_ID) {
+      this.listLoading = true
+      this.varList = []
+      requestFN(
+        '/plan/planningDepartment/personnelList?showCount=' + this.listQuery.limit + '&currentPage=' + this.listQuery.page,
+        {
+          PLANNINGDEPARTMENT_ID: DEPARTMENT_ID,
+          FIRERESERVEPLAN_ID: this.planid
+        }
+      ).then((data) => {
+        this.listLoading = false
+        this.varList = data.varList
+        this.total = data.page.totalResult
+        this.hasButton()
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+</style>
+

src/views/emergen_cyrescue/emergency_plan/company_plan/components/list.vue

@@ -19,9 +19,9 @@
       </el-table-column>
       <el-table-column label="操作" align="center" width="300">
         <template slot-scope="{row}">
-          <!--          <el-button type="primary" icon="el-icon-document" size="mini" @click="goList('detail', row.FIRERESERVEPLAN_ID, '1')">查看</el-button>-->
+          <el-button type="primary" icon="el-icon-view" size="mini" @click="handleCheck(row.FIRERESERVEPLAN_ID)">查看</el-button>
-          <el-button type="primary" icon="el-icon-edit" size="mini" @click="handleEdit(row.FIRERESERVEPLAN_ID)">编辑</el-button>
+          <el-button v-if="!(row.AUDIT_STATUS === '2')" type="primary" icon="el-icon-edit" size="mini" @click="handleEdit(row.FIRERESERVEPLAN_ID)">编辑</el-button>
-          <el-button type="danger" icon="el-icon-delete" size="mini" @click="handleDelete(row.FIRERESERVEPLAN_ID,row.PLANNAME)">删除</el-button>
+          <el-button v-if="!(row.AUDIT_STATUS === '2')" type="danger" icon="el-icon-delete" size="mini" @click="handleDelete(row.FIRERESERVEPLAN_ID,row.PLANNAME)">删除</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -107,7 +107,10 @@ export default {
       this.$parent.activeName = 'addfrom'
       this.$parent.CASE_ID = id
     },
-
+    handleCheck(id) {
+      this.$parent.activeName = 'checkfrom'
+      this.$parent.CASE_ID = id
+    },
     handleAdd() {
       this.$parent.activeName = 'addfrom'
       this.$parent.CASE_ID = ''

src/views/emergen_cyrescue/emergency_plan/company_plan/components/yingjizhuangjia.vue

@@ -11,7 +11,6 @@
       <el-table-column prop="HIERARCHICALNAME" label="分级名称" width="180" />
       <el-table-column prop="HIERARCHICALDES" label="分级描述" />
       <el-table-column prop="BZ" label="备注信息" />
-      <!--      <el-table-column prop="MOBILE_PHONE" label="移动电话" />-->
       <el-table-column label="操作" align="center" width="300">
         <template slot-scope="{row}">
           <el-button type="danger" icon="el-icon-delete" size="mini" @click="deletezhuangjiaPeople(row)">删除</el-button>

src/views/emergen_cyrescue/emergency_plan/company_plan/index.vue

@@ -1,22 +1,29 @@
 <template>
   <div>
-    <list v-show="activeName=='list'" ref="list" />
+    <list v-show="activeName==='list'" ref="list" />
-    <addfrom v-if="activeName=='addfrom'"/>
+    <addfrom v-if="activeName==='addfrom'"/>
+    <check-from v-if="activeName==='checkfrom'" :case-id="CASE_ID" />
   </div>
 </template>
 <script>
 import list from './components/list.vue'
 import addfrom from './components/addfrom.vue'
+import CheckFrom from './components/check-from.vue'
 export default {
-  components: { list, addfrom },
+  components: { CheckFrom, list, addfrom },
   data() {
     return {
       activeName: 'list',
       CASE_ID: ''
     }
   },
+  created() {
+    if (this.$route.query.FIRERESERVEPLAN_ID) {
+      this.CASE_ID = this.$route.query.FIRERESERVEPLAN_ID
+      this.activeName = 'checkfrom'
+    }
+  },
   methods: {
-
     huidiao() {
       this.$refs.list.getList()
     }

src/views/emergen_cyrescue/emergency_report/incident_report/components/list.vue

@@ -52,7 +52,7 @@
           </el-button>
           <el-button type="primary" icon="el-icon-edit" size="mini" @click="handleEdit(row.ID, true)">生成专报
           </el-button>
-          <el-button type="primary" icon="el-icon-edit" size="mini" @click="handleEdit(row.ID)">编辑</el-button>
+          <el-button v-if="false" type="primary" icon="el-icon-edit" size="mini" @click="handleEdit(row.ID)">编辑</el-button>
           <el-button
             v-if="false"
             type="danger"

src/views/emergen_cyrescue/incident_management/process_management/components/list.vue

@@ -15,11 +15,11 @@
       <el-table-column type="selection" width="55" align="center" />
       <el-table-column type="index" label="序号" width="50" align="center" />
       <el-table-column v-if="false" prop="EVENT_NAME" label="事件标题" width="180" />
-      <el-table-column prop="INCOMING_PHONE" label="接入电话" show-overflow-tooltip="true" />
+      <el-table-column :show-overflow-tooltip="true" prop="INCOMING_PHONE" label="接入电话" />
-      <el-table-column prop="OWNER_NAME" label="机主姓名" show-overflow-tooltip="true" />
+      <el-table-column :show-overflow-tooltip="true" prop="OWNER_NAME" label="机主姓名" />
-      <el-table-column prop="ACCESS_MODE" label="接入方式" show-overflow-tooltip="true" />
+      <el-table-column :show-overflow-tooltip="true" prop="ACCESS_MODE" label="接入方式" />
-      <el-table-column prop="EVENT_TYPE" label="事件类型" show-overflow-tooltip="true" />
+      <el-table-column :show-overflow-tooltip="true" prop="EVENT_TYPE" label="事件类型" />
-      <el-table-column v-if="false" prop="CALLER_ADDRESS" label="主叫地址" show-overflow-tooltip="true" />
+      <el-table-column v-if="false" :show-overflow-tooltip="true" prop="CALLER_ADDRESS" label="主叫地址" />
       <el-table-column label="操作" align="center" width="300">
         <template slot-scope="{ row }">
           <el-button type="primary" icon="el-icon-document" size="mini" @click="goList('detail', row.ID, '1')">查看</el-button>