<template>
  <div class="visual-con">
    <!--头部-->
    <vheader></vheader>
    <!--主体-->
    <div class="visual-body">
      <button @click="showEventDialog"
              style="position: absolute; left:50%;top: 50vh; transform: translateX(-50%);">触发事件详情
      </button>
      <!-- 弹层 -->
      <el-dialog title="事件详情" :visible.sync="eventDialog" v-if="eventDialog" width="95%"
                 @close="cancelEventShow()">
        <div class="dia-event-info">
          <el-row>
            <!-- 左侧 -->
            <el-col :span="18" class="dia-left">
              <div ref="imageTofile" style="height: 75vh;">
                <!-- 应急预案 -->
                <div class="dia-left-top">
                  <div class="dia-left-top-tit">应急预案</div>
                  <div class="dia-left-top-carousel">
                    <el-carousel height="30px" direction="vertical" :interval="2000">
                      <el-carousel-item v-for="item in 3" :key="item">
                        <a href="#">这是一条应急预案</a>
                      </el-carousel-item>
                    </el-carousel>
                  </div>
                </div>
                <!-- 应急预案end -->
                <!-- 左侧资源 -->
                <div class="leftbar" style="width:fit-content !important;bottom:0rem;left: 1rem; top: unset;">
                  <div class="forthis">
                    <dv-border-box-7 backgroundColor="#040b1f" :color="['#25335d', '#5baffd']">
                      <div class="i-list-con">
                        <div class="d-l-con-icon" style="flex-direction:row;flex-wrap: nowrap;">
                          <div class="icon-con" style="width: fit-content !important;"
                               v-for="(item,index) in resourcesList">
                            <div class="iconfont icon icon-normal" :class="item.icon"></div>
                            <div class="icon-text">
                              <h5>{{ item.resourceName }}</h5>
                            </div>
                          </div>
                        </div>
                      </div>
                    </dv-border-box-7>
                  </div>
                </div>
                <!-- 左侧资源end -->
                <!-- 底部工具栏 -->
                <!--   <div class="dia-left-btm-tool">
                   </div> -->
                <!-- 底部工具栏end -->
                <!-- 地图 -->
                <supermapDialog ref="supermapDialog"
                                style="position: absolute; top:0;left: 0;"
                                :mapDiv="'forestWarmSuperMap'"
                                :mapSite="{zoom:12,doubleClickZoom:false,dragging:false,scrollWheelZoom:false}"
                                :codes="['9fa5']"
                                :isSideBySide="false"
                                :isdynamicPlotting="true"/>
                <!-- 地图end -->
              </div>
            </el-col>
            <!-- 左侧end -->
            <!-- 右侧 -->
            <el-col :span="6" class="dia-right">
              <div class="e-right">
                <div class="forthis">
                  <dv-border-box-7 backgroundColor="#040b1f" :color="['#25335d', '#5baffd']"
                                   style="padding-bottom:1rem ;">
                    <div class="i-list-con">
                      <div class="this-con h-45">
                        <div class="z-info-list" style="margin-top: 0;">
                          <el-timeline>
                            <el-timeline-item color="#2bacf7" :timestamp="item.createTime"
                                              placement="top" v-for="(item,index) in eventLogList">
                              <el-card style="width: 40vh">
                                <div class="z-info-list-con">
                                  <div class="user-and-time flex-d">
                                    <span>{{ item.createName }}</span><span><i
                                    class="el-icon-location"></i> 定位</span>
                                  </div>
                                  <div class="z-info">
                                    <div class="this-con-list-info">
                                      {{ item.logContent }}
                                    </div>
                                    <div>
                                      <el-image :src="itemfile"
                                                :preview-src-list="item.attachs"
                                                style="width:3rem; height:3rem;margin: 2px;"
                                                v-for="(itemfile,index1) in item.attachs">
                                      </el-image>
                                      <el-image :src="itemfile"
                                                :preview-src-list="item.attachs"
                                                style="width:3rem; height:3rem;margin: 2px;"
                                                v-for="(itemfile,index1) in item.attachs">
                                      </el-image>
                                    </div>
                                  </div>
                                </div>
                              </el-card>
                            </el-timeline-item>
                          </el-timeline>
                        </div>
                      </div>
                    </div>
                  </dv-border-box-7>
                </div>
                <div class="forthis">
                  <dv-border-box-7 backgroundColor="#040b1f" :color="['#25335d', '#5baffd']">
                    <div class="i-list-con">
                      <div class="this-con h-25 no-padding">
                        <div class="z-info-list" style="margin-top: 0;">
                          <div class="z-info-btm-grp">
                            <div class="z-info-btm-grp-top">
                              <div class="z-info-btm-grp-left">
                                <el-button size="small" icon="el-icon-s-flag">责任制
                                </el-button>
                                <el-button size="small" icon="el-icon-upload" @click="showEventLogUpload()">上传
                                </el-button>
                                <el-button size="small" icon="el-icon-download" @click="toImage()">保存
                                </el-button>
                              </div>
                              <div class="z-info-btm-grp-right">
                                <el-button size="small" icon="el-icon-mic">会议
                                </el-button>
                              </div>
                            </div>
                            <div class="z-info-btm-input">
                              <el-input type="textarea" v-model="eventLog"
                                        :autosize="{ minRows: 7, maxRows: 7}" placeholder="请输入反馈信息">
                              </el-input>
                              <div class="z-info-btm-input-btn" v-if="eventStatusValue=='forest_event_status_1'">
                                <div style="text-align:left">
                                  <el-button size="small"
                                             icon="el-icon-s-flag"
                                             @click="updateCentereventTEventcatalogueStatus('qs',false)">
                                    签收
                                  </el-button>
                                  <el-button size="small"
                                             icon="el-icon-question"
                                             @click="updateCentereventTEventcatalogueStatus('wb',false)">
                                    误报
                                  </el-button>
                                  <el-button size="small"
                                             icon="el-icon-warning"
                                             @click="updateCentereventTEventcatalogueStatus('cf',false)">
                                    重复
                                  </el-button>
                                </div>
                                <el-button size="small" icon="el-icon-chat-dot-square" @click="sendEventLog()">发送
                                </el-button>
                              </div>
                              <div class="z-info-btm-input-btn" v-if="eventStatusValue=='forest_event_status_2'">
								<div>
								<el-button size="small"
                                           icon="el-icon-question"
                                           @click="updateCentereventTEventcatalogueStatus('wb',false)">
                                  误报
                                </el-button>
                                <el-button size="small"
                                           icon="el-icon-warning"
                                           @click="updateCentereventTEventcatalogueStatus('cf',false)">
                                  重复
                                </el-button>
                                <el-button size="small"
                                           icon="el-icon-phone" style="text-align:left"
                                           @click="updateCentereventTEventcatalogueStatus('ld',false)">
                                  联动
                                </el-button>
                                <el-button size="small"
                                           icon="el-icon-success" style="text-align:left"
                                           @click="updateCentereventTEventcatalogueStatus('bj',true)">
                                  办结
                                </el-button>
								</div>

                                <el-button size="small" icon="el-icon-chat-dot-square" @click="sendEventLog()">发送
                                </el-button>
                              </div>
                              <div class="z-info-btm-input-btn" v-if="eventStatusValue=='forest_event_status_5'">
                                <el-button size="small"
                                           icon="el-icon-success" style="text-align:left"
                                           @click="updateCentereventTEventcatalogueStatus('gd',false)">
                                  填报
                                </el-button>
                                <el-button size="small" icon="el-icon-chat-dot-square" @click="sendEventLog()">发送
                                </el-button>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </dv-border-box-7>
                </div>
              </div>

            </el-col>
            <!-- 左侧end -->
          </el-row>
        </div>
      </el-dialog>
    </div>
    <vBottomMenu ref="bottomMenu"></vBottomMenu>
    <eventLogUpload ref="eventLogUpload"></eventLogUpload>
    <el-dialog :title="eventConfirmTitle" :visible.sync="showEventConfirm" v-if="showEventConfirm" width="80%" class="top-dialog"
                @close="cancelEventConfirm()">
      <el-form label-width="80px">
        <el-form-item label="火灾半径" v-if="eventStatusButton=='qs'">
          <el-input type="number" v-model="sendHuoZaiBanJing" placeholder="请输入火灾半径"/>
        </el-form-item>
        <el-form-item :label="deptNameitem"
                      v-if="eventStatusButton=='qs'||eventStatusButton=='wb'||eventStatusButton=='cf'||eventStatusButton=='ld'">
          <!--          <treeselect v-model="deptId" :options="deptOptions" multiple :show-count="true"-->
          <!--                      placeholder="请选择签收部门"/>-->
          <el-select v-model="sendDeptName" clearable placeholder="请选择部门" class="m-r-1rem" @change="setValue">
            <el-option
              v-for="item in deptOptions"
              :key="item.deptId"
              :label="item.deptName"
              :value="{value:item.deptId,label:item.deptName}"><!--:disabled="item.eventStatus=='未处理' ? false:true"-->
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="事件类型" v-if="eventStatusButton=='qs'">
          <el-select v-model="sendEventType" placeholder="请选择事件类型！" clearable>
            <el-option
              v-for="item in eventTypeList"
              :key="item.id"
              :label="item.eventTypeName"
              :value="item.id"
            />
          </el-select>
        </el-form-item>
        <el-form-item label="联动标题" v-if="eventStatusButton=='ld'">
          <el-input v-model="sendTaskTitle" placeholder="请输入联动标题"/>
        </el-form-item>
        <el-form-item label="联动内容" v-if="eventStatusButton=='ld'">
          <el-input type="textarea" v-model="sendTaskContent"
                    :autosize="{ minRows: 7, maxRows: 7}" placeholder="请输入联动内容">
          </el-input>
        </el-form-item>
        <el-form-item label="联动部门" v-if="eventStatusButton=='ld'">
          <el-checkbox v-model="deptExpand" @change="handleCheckedTreeExpand($event, 'dept')">展开/折叠</el-checkbox>
          <!--          <el-checkbox v-model="deptNodeAll" @change="handleCheckedTreeNodeAll($event, 'dept')">全选/全不选</el-checkbox>-->
          <!--          <el-checkbox v-model="deptCheckStrictly" @change="handleCheckedTreeConnect($event, 'dept')">父子联动</el-checkbox>-->
          <el-tree
            class="tree-border"
			style="height: 20vh; overflow-y:scroll"
            :data="deptOptionsLiandong"
            show-checkbox
            default-expand-all
            ref="LiandongDept"
            node-key="id"
            :check-strictly="!deptCheckStrictly"
            empty-text="加载中，请稍候"
            :props="defaultProps"
          ></el-tree>
        </el-form-item>
        <el-form-item label="关联预案" v-if="eventStatusButton=='qs'">
          <el-select v-model="sendGuanLianYuAn" placeholder="请选择关联预案！" clearable>
            <el-option
              v-for="item in guanLianYuAnList"
              :key="item.id"
              :label="item.resTitle"
              :value="item.id"
            />
          </el-select>
        </el-form-item>
        <el-button size="mini" type="primary" v-if="eventStatusButton=='qs'"
                   @click="updateCentereventTEventcatalogueStatus('qs',true)">签收
        </el-button>
        <el-button size="mini" type="primary" v-if="eventStatusButton=='wb'"
                   @click="updateCentereventTEventcatalogueStatus('wb',true)">误报
        </el-button>
        <el-button size="mini" type="primary" v-if="eventStatusButton=='cf'"
                   @click="updateCentereventTEventcatalogueStatus('cf',true)">重复
        </el-button>
        <el-button size="mini" type="primary" v-if="eventStatusButton=='ld'"
                   @click="updateCentereventTEventcatalogueStatus('ld',true)">发起联动
        </el-button>
      </el-form>
    </el-dialog>


    <el-dialog title="火险报告" :visible.sync="showEventConfirm_gd" v-if="showEventConfirm_gd" width="100%" class="top-dialog"
                @close="cancelEventConfirm_gd()">
      <div class="table-container">
        <form>
          <table id="table1" cellpadding="0" cellspacing="0">
            <thead style="width: 100%;padding:.5rem 0;">
            <th rowspan="1" colspan="1" class="txt_left" width="100px">填报单位：</th>
            <th rowspan="1" colspan="6" align="left"><input type="text" style=" width:100%;margin-left: .5rem;" v-model="table1.reportUnit" /></th>
            <th rowspan="1" colspan="2" class="txt_right">填报时间：</th>
            <th rowspan="1" colspan="6" align="left"><input type="text" style="width:3rem;text-align: center;" v-model="table1.reportTimeY" />年<input
              type="text" style="width:4rem;text-align: center;" v-model="table1.reportTimeM" />月<input type="text" style="width:3rem;text-align: center;" v-model="table1.reportTimeD" />日</th>
            <th rowspan="1" colspan="8" style="text-align: right;">吉林省人民政府森林防火指挥部办公室制</th>
            </thead>
            <tbody>

            <tr>
              <td colspan="22" rowspan="1" class="font1" style="letter-spacing:3rem;padding: .5rem 0">森林火灾损失</td>
              <td colspan="1" rowspan="6">
                <table class="border0">
                  <tr>
                    <td>备注</td>
                  </tr>
                </table>
              </td>
            </tr>
            <tr>
              <td rowspan="4" colspan="1">
                <table class="border0">
                  <tr>
                    <td>森林火灾<br>损失总计</td>
                  </tr>
                </table>
              </td>
              <td rowspan="1" colspan="12">火灾损失价值</td>
              <td rowspan="1" colspan="9">扑火费用支出</td>
            </tr>
            <tr>

              <td rowspan="3" colspan="1">
                <table class="border0">
                  <tr>
                    <td>合计</td>
                  </tr>
                </table>
              </td>
              <td rowspan="1" colspan="4">林木资源</td>
              <td rowspan="1" colspan="6">人员伤亡</td>
              <td rowspan="3" colspan="1">
                <table class="border0">
                  <tr>
                    <td>其他<br>火灾<br>损失</td>
                  </tr>
                </table>
              </td>
              <td rowspan="3" colspan="1">
                <table class="border0">
                  <tr>
                    <td>合计</td>
                  </tr>
                </table>
              </td>
              <td rowspan="1" colspan="2">
                <table class="border0">
                  <tr>
                    <td>人工费</td>
                  </tr>
                </table>
              </td>
              <td rowspan="1" colspan="3">
                <table class="border0">
                  <tr>
                    <td>车辆费</td>
                  </tr>
                </table>
              </td>
              <td rowspan="1" colspan="2">
                <table class="border0">
                  <tr>
                    <td>飞行费</td>
                  </tr>
                </table>
              </td>
              <td rowspan="3" colspan="1">
                <table class="border0">
                  <tr>
                    <td>其他<br>扑火<br>费用</td>
                  </tr>
                </table>
              </td>
            </tr>
            <tr>
              <td rowspan="1" colspan="2">成林</td>
              <td rowspan="1" colspan="2">幼林</td>
              <td rowspan="1" colspan="2">轻伤</td>
              <td rowspan="1" colspan="2">重伤</td>
              <td rowspan="1" colspan="2">死亡</td>
              <td rowspan="2" colspan="1">
                <table class="border0">
                  <tr>
                    <td>出动<br>人工</td>
                  </tr>
                </table>
              </td>
              <td rowspan="2" colspan="1">
                <table class="border0">
                  <tr>
                    <td>支出<br>费用</td>
                  </tr>
                </table>
              </td>
              <td rowspan="2" colspan="1">
                <table class="border0">
                  <tr>
                    <td>计</td>
                  </tr>
                </table>
              </td>
              <td rowspan="2" colspan="1">
                <table class="border0">
                  <tr>
                    <td>其中<br>汽车</td>
                  </tr>
                </table>
              </td>
              <td rowspan="2" colspan="1">
                <table class="border0">
                  <tr>
                    <td>支出<br>费用</td>
                  </tr>
                </table>
              </td>
              <td rowspan="2" colspan="1">
                <table class="border0">
                  <tr>
                    <td>出动<br>飞机</td>
                  </tr>
                </table>
              </td>
              <td rowspan="2" colspan="1">
                <table class="border0">
                  <tr>
                    <td>支出<br>费用</td>
                  </tr>
                </table>
              </td>
            </tr>
            <tr>
              <td rowspan="1" colspan="1">蓄积</td>
              <td rowspan="1" colspan="1">价值</td>
              <td rowspan="1" colspan="1">株数</td>
              <td rowspan="1" colspan="1">价值</td>
              <td rowspan="1" colspan="1">人数</td>
              <td rowspan="1" colspan="1">支出费用</td>
              <td rowspan="1" colspan="1">人数</td>
              <td rowspan="1" colspan="1">支出费用</td>
              <td rowspan="1" colspan="1">人数</td>
              <td rowspan="1" colspan="1">支出费用</td>
            </tr>
            <tr>
              <td rowspan="1" colspan="1">万元</td>
              <td rowspan="1" colspan="1">万元</td>
              <td rowspan="1" colspan="1">米³</td>
              <td rowspan="1" colspan="1">万元</td>
              <td rowspan="1" colspan="1">万株</td>
              <td rowspan="1" colspan="1">万元</td>
              <td rowspan="1" colspan="1">人</td>
              <td rowspan="1" colspan="1">万元</td>
              <td rowspan="1" colspan="1">人</td>
              <td rowspan="1" colspan="1">万元</td>
              <td rowspan="1" colspan="1">人</td>
              <td rowspan="1" colspan="1">万元</td>
              <td rowspan="1" colspan="1">万元</td>
              <td rowspan="1" colspan="1">万元</td>
              <td rowspan="1" colspan="1">工日</td>
              <td rowspan="1" colspan="1">万元</td>
              <td rowspan="1" colspan="1">台</td>
              <td rowspan="1" colspan="1">台</td>
              <td rowspan="1" colspan="1">万元</td>
              <td rowspan="1" colspan="1">架次</td>
              <td rowspan="1" colspan="1">万元</td>
              <td rowspan="1" colspan="1">万元</td>
            </tr>
            <tr>
              <td rowspan="1" colspan="1">1</td>
              <td rowspan="1" colspan="1">2</td>
              <td rowspan="1" colspan="1">3</td>
              <td rowspan="1" colspan="1">4</td>
              <td rowspan="1" colspan="1">5</td>
              <td rowspan="1" colspan="1">6</td>
              <td rowspan="1" colspan="1">7</td>
              <td rowspan="1" colspan="1">8</td>
              <td rowspan="1" colspan="1">9</td>
              <td rowspan="1" colspan="1">10</td>
              <td rowspan="1" colspan="1">11</td>
              <td rowspan="1" colspan="1">12</td>
              <td rowspan="1" colspan="1">13</td>
              <td rowspan="1" colspan="1">14</td>
              <td rowspan="1" colspan="1">15</td>
              <td rowspan="1" colspan="1">16</td>
              <td rowspan="1" colspan="1">17</td>
              <td rowspan="1" colspan="1">18</td>
              <td rowspan="1" colspan="1">19</td>
              <td rowspan="1" colspan="1">20</td>
              <td rowspan="1" colspan="1">21</td>
              <td rowspan="1" colspan="1">22</td>
              <td rowspan="1" colspan="1">23</td>
            </tr>
            <tr class="int_tr">
              <td rowspan="1" colspan="1"><input type="text" class="border0" v-model="table1.forestFireLossTotal" /></td>
              <td rowspan="1" colspan="1"><input type="text" class="border0" v-model="table1.fireLossTotal" /></td>
              <td rowspan="1" colspan="1"><input type="text" class="border0" v-model="table1.forestArea" /></td>
              <td rowspan="1" colspan="1"><input type="text" class="border0" v-model="table1.forestPrice" /></td>
              <td rowspan="1" colspan="1"><input type="text" class="border0" v-model="table1.treesNumber" /></td>
              <td rowspan="1" colspan="1"><input type="text" class="border0" v-model="table1.treesPrice" /></td>
              <td rowspan="1" colspan="1"><input type="text" class="border0" v-model="table1.minorInjuriesNumber" /></td>
              <td rowspan="1" colspan="1"><input type="text" class="border0" v-model="table1.minorInjuriesPrice" /></td>
              <td rowspan="1" colspan="1"><input type="text" class="border0" v-model="table1.seriouslyInjuredNumber" /></td>
              <td rowspan="1" colspan="1"><input type="text" class="border0" v-model="table1.seriouslyInjuredPrice" /></td>
              <td rowspan="1" colspan="1"><input type="text" class="border0" v-model="table1.deathNumber" /></td>
              <td rowspan="1" colspan="1"><input type="text" class="border0" v-model="table1.deathPrice" /></td>
              <td rowspan="1" colspan="1"><input type="text" class="border0" v-model="table1.elseFireLossPrice" /></td>
              <td rowspan="1" colspan="1"><input type="text" class="border0" v-model="table1.blazesPriceTotal" /></td>
              <td rowspan="1" colspan="1"><input type="text" class="border0" v-model="table1.artificialDays" /></td>
              <td rowspan="1" colspan="1"><input type="text" class="border0" v-model="table1.artificialPrice" /></td>
              <td rowspan="1" colspan="1"><input type="text" class="border0" v-model="table1.vehicleNumber" /></td>
              <td rowspan="1" colspan="1"><input type="text" class="border0" v-model="table1.carNumber" /></td>
              <td rowspan="1" colspan="1"><input type="text" class="border0" v-model="table1.vehiclePrice" /></td>
              <td rowspan="1" colspan="1"><input type="text" class="border0" v-model="table1.planeNumber" /></td>
              <td rowspan="1" colspan="1"><input type="text" class="border0" v-model="table1.planePrice" /></td>
              <td rowspan="1" colspan="1"><input type="text" class="border0" v-model="table1.elseBlazesPrice" /></td>
              <td rowspan="1" colspan="1"><input type="text" class="border0" v-model="table1.note" /></td>

            </tr>
            </tbody>
          </table>
          <table class="table2" cellpadding="0" cellspacing="0" style="white-space: nowrap;" >
            <tbody>
            <tr>
              <th rowspan="1" colspan="26" style="letter-spacing:6rem">火场资料</th>
            </tr>
            <tr>
              <td colspan="2" rowspan="1"  class="txt_left">&nbsp;1.起火时间</td>
              <td colspan="5" rowspan="1"><input type="text" v-model="table2.fireTime" /></td>
              <td colspan="2" rowspan="1" >发现时间</td>
              <td colspan="8" rowspan="1"><input type="text" v-model="table2.foundTime" /></td>
              <td colspan="2" rowspan="1" >扑灭时间</td>
              <td colspan="7" rowspan="1"><input type="text" v-model="table2.blazesTime" /></td>
            </tr>
            <tr>
              <td colspan="2" rowspan="1" class="txt_left">&nbsp;2.地点及发现方式</td>
              <td colspan="2" rowspan="1" class="txt_left"><select  v-model="table2.address">
                <option>吉林市</option>
                <option>延边州</option>
                <option>白山市</option>
                <option>通化市</option>
                <option>辽源市</option>
                <option >四平市</option>
                <option>长春市</option>
                <option>白城市</option>
                <option>松原市</option>
                <option>敦化航站</option>
                <option>长白山管委会</option>
              </select></td>
              <td colspan="13" rowspan="1" ><input type="text" v-model="table2.firePlace" /></td>
              <td colspan="2" rowspan="1" >发现方式</td>
              <td colspan="7" rowspan="1"><input type="text" v-model="table2.foundType" /></td>
            </tr>
            <tr>
              <td colspan="2" rowspan="1" class="txt_left">&nbsp;3.火场位置</td>
              <td colspan="2" rowspan="1" class="border_l0" >东经：</td>
              <td colspan="1" rowspan="1" class="border_l0" ><input type="text" style="width:50px;" v-model="table2.longitudeD"/></td>
              <td colspan="1" rowspan="1" class="border_l0">度</td>
              <td colspan="1" rowspan="1" class="border_l0" ><input type="text" style="width:50px;" v-model="table2.longitudeM" /></td>
              <td colspan="1" rowspan="1" class="border_l0">分</td>
              <td colspan="1" rowspan="1" class="border_l0" ><input type="text" style="width:50px;" v-model="table2.longitudeS" /></td>
              <td colspan="2" rowspan="1" class="border_l0">秒</td>
              <td colspan="1" rowspan="1" class="border_l0">；</td>
              <td colspan="2" rowspan="1" class="border_l0">北纬：</td>
              <td colspan="1" rowspan="1"  class="border_l0"><input type="text" style="width:50px;" v-model="table2.latitudeD" /></td>
              <td colspan="1" rowspan="1" class="border_l0">度</td>
              <td colspan="1" rowspan="1" class="border_l0" ><input type="text" style="width:50px;" v-model="table2.latitudeM" /></td>
              <td colspan="1" rowspan="1" class="border_l0">分</td>
              <td colspan="1" rowspan="1" class="border_l0" ><input type="text" style="width:50px;" v-model="table2.latitudeS" /></td>
              <td colspan="1" rowspan="1" class="border_l0">秒</td>
              <td class="border_l0"></td>
              <td class="border_l0"></td>
              <td class="border_l0"></td>
              <td class="border_l0"></td>
              <td class="border_l0"></td>
              <td></td>
            </tr>
            <tr>
              <td colspan="2" rowspan="1" class="txt_left">&nbsp;4.起火原因</td>
              <td colspan="3" rowspan="1" class="txt_left"><select v-model="table2.fireSource">
                <option>未查明火源</option>
                <option>烧荒烧炭</option>
                <option>炼山造林</option>
                <option>烧牧场</option>
                <option disabled>烧窑</option>
                <option >烧隔离带</option>
                <option>火车喷漏</option>
                <option>火车甩瓦</option>
                <option>机车喷火</option>
                <option>其他（生产性火源）</option>
                <option>野外吸烟</option>
                <option>取暖做饭</option>
                <option>上坟烧纸</option>
                <option>烧山驱兽</option>
                <option>小孩玩火</option>
                <option>痴呆弄火</option>
                <option>家火上山</option>
                <option>电线引起</option>
                <option>其他（非生产性用火）</option>
                <option>故意放火</option>
                <option>外省（区）烧入</option>
                <option>外国烧入</option>
                <option>雷击火</option>
                <option>其他自然火</option>
              </select></td>
              <td colspan="3" rowspan="1" >火灾种类</td>
              <td colspan="4" rowspan="1" class="txt_left"><select v-model="table2.fireType">
                <option >地表火</option>
                <option >树冠火</option>
                <option>地下火</option>
              </select></td>
              <td colspan="3" rowspan="1" >火灾等级</td>
              <td colspan="11" rowspan="1" class="txt_left"><select v-model="table2.fireLevel">
                <option >一般</option>
                <option >较大</option>
                <option>重大</option>
                <option>特大</option>
              </select></td>
            </tr>
            <tr>
              <td colspan="2" rowspan="1" class="txt_left">&nbsp;5.火场面积（公顷）</td>
              <td colspan="2" rowspan="1" >总面积合计</td>
              <td colspan="3" rowspan="1" ><input type="text" v-model="table2.areaTotal" /></td>
              <td colspan="4" rowspan="1">受害森林面积合计</td>
              <td colspan="3" rowspan="1" ><input type="text" v-model="table2.forestLossAreaTotal" /></td>
              <td colspan="1" rowspan="1">其中：</td>
              <td colspan="2" rowspan="1">原森林</td>
              <td colspan="4" rowspan="1"><input type="text" v-model="table2.originalForestArea" /></td>
              <td colspan="2" rowspan="1">人工林</td>
              <td colspan="3" rowspan="1"><input type="text" v-model="table2.artificialForestArea" /></td>
            </tr>
            <tr>
              <td colspan="2" rowspan="1" class="txt_left">&nbsp;6.扑火人力物力投入</td>
              <td colspan="2" rowspan="1" >出动总人数</td>
              <td colspan="1" rowspan="1" ><input type="text" v-model="table2.peopleTotal" /></td>
              <td colspan="2" rowspan="1">其中扑火队</td>
              <td colspan="1" rowspan="1" ><input type="text" v-model="table2.blazesTeamNumber" /></td>
              <td colspan="1" rowspan="1">森警</td>
              <td colspan="2" rowspan="1" ><input type="text" v-model="table2.policeNumber" /></td>
              <td colspan="1" rowspan="1">军队</td>
              <td colspan="1" rowspan="1"><input type="text" v-model="table2.armyNumber" /></td>
              <td colspan="1" rowspan="1">群众</td>
              <td colspan="1" rowspan="1"><input type="text" v-model="table2.crowdNumber" /></td>
              <td colspan="2" rowspan="1">风力灭火机</td>
              <td colspan="1" rowspan="1" ><input type="text" v-model="table2.windExtinguisher" /></td>
              <td colspan="2" rowspan="1">二号工具</td>
              <td colspan="1" rowspan="1" ><input type="text" v-model="table2.secondTool" /></td>
              <td colspan="2" rowspan="1">水枪</td>
              <td colspan="1" rowspan="1" ><input type="text" v-model="table2.waterGun" /></td>
              <td colspan="1" rowspan="1">其他</td>
              <td colspan="1" rowspan="1" ><input type="text" v-model="table2.elseThings" /></td>
            </tr>
            <tr>
              <td colspan="2" rowspan="1" class="txt_left">&nbsp;7.受害森林概况</td>
              <td colspan="2" rowspan="1" >林木组成</td>
              <td colspan="11" rowspan="1" ><input type="text" v-model="table2.forestComposition" /></td>
              <td colspan="2" rowspan="1">林令</td>
              <td colspan="4" rowspan="1" ><input type="text" v-model="table2.forestToken" /></td>
              <td colspan="2" rowspan="1">疏密度</td>
              <td colspan="3" rowspan="1" ><input type="text" v-model="table2.porosities" /></td>
            </tr>
            <tr>
              <td colspan="2" rowspan="1" class="txt_left">&nbsp;8.当日天气实况</td>
              <td colspan="2" rowspan="1" >天气</td>
              <td colspan="3" rowspan="1" ><input type="text" v-model="table2.weather" /></td>
              <td colspan="1" rowspan="1">气温</td>
              <td colspan="2" rowspan="1" ><input type="text" v-model="table2.temperature" /></td>
              <td colspan="1" rowspan="1">C°</td>
              <td colspan="3" rowspan="1" >火险等级</td>
              <td colspan="1" rowspan="1" ><input type="text" v-model="table2.fireInsuranceLevel" /></td>
              <td colspan="2" rowspan="1" >风力</td>
              <td colspan="2" rowspan="1"  class="border_l0"><input type="text" v-model="table2.windLevel" /></td>
              <td colspan="2" rowspan="1" class="txt_left">级</td>
              <td colspan="2" rowspan="1" >风向</td>
              <td colspan="3" rowspan="1" ><input type="text" v-model="table2.windDirection" /></td>
            </tr>
            <tr>
              <td colspan="2" rowspan="1" class="txt_left">&nbsp;9.指挥扑火负责人</td>
              <td colspan="2" rowspan="1" >单位</td>
              <td colspan="11" rowspan="1" ><input type="text" v-model="table2.commandUnit" /></td>
              <td colspan="2" rowspan="1">姓名</td>
              <td colspan="4" rowspan="1" ><input type="text" v-model="table2.commandName" /></td>
              <td colspan="2" rowspan="1">职务</td>
              <td colspan="3" rowspan="1" ><input type="text" v-model="table2.commandPosition" /></td>
            </tr>
            <tr>
              <td colspan="2" rowspan="1" class="txt_left">&nbsp;10.火场调查负责人</td>
              <td colspan="2" rowspan="1" >单位</td>
              <td colspan="11" rowspan="1" ><input type="text" v-model="table2.surveyUnit" /></td>
              <td colspan="2" rowspan="1">姓名</td>
              <td colspan="4" rowspan="1" ><input type="text" v-model="table2.surveyName" /></td>
              <td colspan="2" rowspan="1">职务</td>
              <td colspan="3" rowspan="1" ><input type="text" v-model="table2.surveyPosition" /></td>
            </tr>
            <tr>
              <td colspan="2" rowspan="1" class="txt_left">&nbsp;11.火灾肇事人情况</td>
              <td colspan="2" rowspan="1" >姓名</td>
              <td colspan="2" rowspan="1" ><input type="text" v-model="table2.accidentName" /></td>
              <td colspan="2" rowspan="1">性别</td>
              <td colspan="1" rowspan="1" ><input type="text" v-model="table2.accidentSex" /></td>
              <td colspan="3" rowspan="1">年龄</td>
              <td colspan="1" rowspan="1" ><input type="text" v-model="table2.accidentAge" /></td>
              <td colspan="1" rowspan="1">职业</td>
              <td colspan="1" rowspan="1"><input type="text" v-model="table2.accidentPosition" /></td>
              <td colspan="2" rowspan="1">单位或住址</td>
              <td colspan="9" rowspan="1" ><input type="text" v-model="table2.accidentUnit" /></td>
            </tr>
            <tr>
              <td colspan="2" rowspan="1" class="txt_left">&nbsp;12.火灾处理情况</td>
              <td colspan="2" rowspan="1" >处理方式</td>
              <td colspan="4" rowspan="1" ><select v-model="table2.dealType">
                <option >立案（刑事处理）</option>
                <option >破案（刑事处理）</option>
                <option>行政处理</option>
                <option>待查</option>
                <option>拘留</option>
                <option>处理</option>
                <option>未处理</option>
              </select></td>
              <td colspan="3" rowspan="1">已处理人数</td>
              <td colspan="4" rowspan="1" ><input type="text" v-model="table2.dealNumber" /></td>
              <td colspan="4" rowspan="1">刑事处罚人数</td>
              <td colspan="7" rowspan="1" ><input type="text" v-model="table2.criminalDealNumber" /></td>
            </tr>
            <tr>
              <td colspan="2" rowspan="1" class="txt_left" style="height: 60px;">&nbsp;13.对火灾肇事人<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;的处理情况</td>
              <td colspan="24" rowspan="1" class="txt_left">
                <textarea  v-model="table2.accidentDealSituation"></textarea>
              </td>
            </tr>
            <tr>
              <td colspan="2" rowspan="1" class="txt_left"  style="height: 60px;">&nbsp;14.对责任人员的<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;责任人追查情况</td>
              <td colspan="24" rowspan="1"  class="txt_left" >
                <textarea  v-model="table2.responsibilityDealSituation"></textarea></td>
            </tr>
            <tr>
              <td colspan="2" rowspan="1" class="txt_left"  style="height: 60px;">&nbsp;15.对有关领导的<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;责任追查情况</td>
              <td colspan="24" rowspan="1"  class="txt_left" >
                <textarea  v-model="table2.leadershipDealSituation"></textarea></td>
            </tr>
            <tr class="tr_border">
              <td colspan="4" rowspan="1" >县（市、区、局、站）填表人：</td>
              <td colspan="2" rowspan="1" ><input type="text" v-model="table2.townForm" /></td>
              <td colspan="4" rowspan="1" >县（市、区、局、站）审核人：</td>
              <td colspan="3" rowspan="1" ><input type="text" v-model="table2.townAudit" /></td>
              <td colspan="4" rowspan="1" >市（州、管委会）填表人：</td>
              <td colspan="2" rowspan="1" ><input type="text" v-model="table2.cityForm" /></td>
              <td colspan="4" rowspan="1" >市（州、管委会）审核人：</td>
              <td colspan="3" rowspan="1" ><input type="text" v-model="table2.cityAudit" /></td>
            </tr>
            </tbody>
          </table>
          <el-button size="mini" type="primary"
                     @click="updateCentereventTEventcatalogueStatus('gd',true)">归档
          </el-button>
        </form>
      </div>
    </el-dialog>
  </div>
</template>

<script>
import html2canvas from 'html2canvas'//截图组件
import supermapDialog from '@/components/supermap' //超图
import vheader from '@/components/v-header.vue' //一体化共用头部
import vBottomMenu from '@/components/vBottomMenu.vue' //一体化公共底部菜单
import eventLogUpload from '@/views/eventLogUpload.vue' //日志上传文件
import {
  getEventDetail,
  sendEventLog,
  listSJfl,
  listYuAn,
  selectByeventCode,
  updateCentereventTEventcatalogueStatus,
  sendTask
} from '@/api/forest'
import {
  treeselectAll as deptTreeselect
} from '@/api/system/dept'

export default {
  components: {
    vheader,
    vBottomMenu,
    supermapDialog,
    eventLogUpload
  },
  data() {
    return {
      /** *****************事件流程***************************/
      deptNameitem: '签收部门',
      sendDeptId: null,//签收部门/发起部门
      sendDeptName: null,//签收部门/发起部门
      sendEventType: null,//事件类型
      sendHuoZaiBanJing: null,//火灾报告
      sendGuanLianYuAn: null,//关联预案
      sendTaskTitle: null,//联动标题
      sendTaskContent: null,//联动内容
      sendLianDongDept: [],//联动部门
      eventTypeList: [],//事件类型列表
      guanLianYuAnList: [],//关联预案列表
      deptOptions: [],//签收部门
      deptOptionsLiandong: [],//联动部门
      eventStatusButton: null,//流程按钮标识
      eventConfirmTitle: null,//弹窗标题  ---签收 误报  重复
      deptExpand: true,//展开/折叠
      deptNodeAll: false,//全选/全不选
      deptCheckStrictly: false,//父子联动
      defaultProps: {
        children: 'children',
        label: 'label'
      },
      table1:{
        reportUnit:null,
        reportTimeY:null,
        reportTimeM:null,
        reportTimeD:null,
        forestFireLossTotal:null,
        fireLossTotal:null,
        forestArea:null,
        forestPrice:null,
        treesNumber:null,
        treesPrice:null,
        minorInjuriesNumber:null,
        minorInjuriesPrice:null,
        seriouslyInjuredNumber:null,
        seriouslyInjuredPrice:null,
        deathNumber:null,
        deathPrice:null,
        elseFireLossPrice:null,
        blazesPriceTotal:null,
        artificialDays:null,
        artificialPrice:null,
        vehicleNumber:null,
        carNumber:null,
        vehiclePrice:null,
        planeNumber:null,
        planePrice:null,
        elseBlazesPrice:null,
        note:null,
      },
      table2:{
        fireTime:null,
        foundTime:null,
        blazesTime:null,
        address:null,
        firePlace:null,
        foundType:null,
        longitudeD:null,
        longitudeM:null,
        longitudeS:null,
        latitudeD:null,
        latitudeM:null,
        latitudeS:null,
        fireSource:null,
        fireType:null,
        fireLevel:null,
        areaTotal:null,
        forestLossAreaTotal:null,
        originalForestArea:null,
        artificialForestArea:null,
        peopleTotal:null,
        blazesTeamNumber:null,
        policeNumber:null,
        armyNumber:null,
        crowdNumber:null,
        windExtinguisher:null,
        secondTool:null,
        waterGun:null,
        elseThings:null,
        forestComposition:null,
        forestToken:null,
        porosities:null,
        weather:null,
        temperature:null,
        fireInsuranceLevel:null,
        windLevel:null,
        windDirection:null,
        commandUnit:null,
        commandName:null,
        commandPosition:null,
        surveyUnit:null,
        surveyName:null,
        surveyPosition:null,
        accidentName:null,
        accidentSex:null,
        accidentAge:null,
        accidentPosition:null,
        accidentUnit:null,
        dealType:null,
        dealNumber:null,
        criminalDealNumber:null,
        accidentDealSituation:null,
        responsibilityDealSituation:null,
        leadershipDealSituation:null,
        townForm:null,
        townAudit:null,
        cityForm:null,
        cityAudit:null,
      },
      /** *****************事件流程***************************/
      showEventConfirm: false,//事件签收弹窗
      showEventConfirm_gd: false,//事件火险报告弹窗
      eventStatusValue: null,//事件状态
      eventId: null,//事件ID
      eventType: null,//事件类型-大类
      eventCode: null,
      longitude: null,
      latitude: null,
      eventLog: null,
      eventLogList: [],
      eventDialog: false,
      resourcesList: [
        {
          resourceName: '取水口',
          count: '1',
          icon: 'sj-icon-waterintake'
        },
        {
          resourceName: '水鹤',
          count: '1',
          icon: 'sj-icon-watercrane'
        },
        {
          resourceName: '消防栓',
          count: '1',
          icon: 'sj-icon-firehydrant'
        },
        {
          resourceName: '起降点',
          count: '1',
          icon: 'sj-icon-landing'
        },
        {
          resourceName: '检查站',
          count: '1',
          icon: 'sj-icon-checkpoint'
        },
        {
          resourceName: '防火队',
          count: '1',
          icon: 'sj-icon-fireteam'
        },
        {
          resourceName: '重点区域',
          count: '1',
          icon: 'sj-icon-tcqh'
        },
        {
          resourceName: '摄像头',
          count: '1',
          icon: 'sj-icon-jkzx'
        }
      ],
      //文本域
      feedback: ''

    }
  },
  methods: {
    setValue(event) {
      //签收选择部门
      this.sendDeptName = event.label
      this.sendDeptId = event.value
    },
    cancelEventConfirm() {
      //关闭事件签收弹窗
      this.sendDeptId = null
      this.sendDeptName = null
      this.sendEventType = null
      this.sendHuoZaiBanJing = null
      this.sendGuanLianYuAn = null
      this.longitude= null
      this.latitude= null
      this.sendTaskTitle= null
      this.sendTaskContent= null
      this.sendLianDongDept= null
      this.eventTypeList = []//事件类型列表
      this.guanLianYuAnList = []//关联预案列表
      this.deptOptions = []//签收部门
      this.deptOptionsLiandong = []//联动部门
      this.eventStatusButton = null//流程按钮标识
      this.eventConfirmTitle = null//流程按钮标识
    },
    cancelEventConfirm_gd() {
      //关闭事件火险报告窗口
      this.resetTable1()
      this.resetTable2()
    },
    resetTable1(){
      this.table1 = {
        reportUnit:null,
        reportTimeY:null,
        reportTimeM:null,
        reportTimeD:null,
        forestFireLossTotal:null,
        fireLossTotal:null,
        forestArea:null,
        forestPrice:null,
        treesNumber:null,
        treesPrice:null,
        minorInjuriesNumber:null,
        minorInjuriesPrice:null,
        seriouslyInjuredNumber:null,
        seriouslyInjuredPrice:null,
        deathNumber:null,
        deathPrice:null,
        elseFireLossPrice:null,
        blazesPriceTotal:null,
        artificialDays:null,
        artificialPrice:null,
        vehicleNumber:null,
        carNumber:null,
        vehiclePrice:null,
        planeNumber:null,
        planePrice:null,
        elseBlazesPrice:null,
        note:null,
      };
    },
    resetTable2(){
      this.table2 = {
        fireTime:null,
        foundTime:null,
        blazesTime:null,
        address:null,
        firePlace:null,
        foundType:null,
        longitudeD:null,
        longitudeM:null,
        longitudeS:null,
        latitudeD:null,
        latitudeM:null,
        latitudeS:null,
        fireSource:null,
        fireType:null,
        fireLevel:null,
        areaTotal:null,
        forestLossAreaTotal:null,
        originalForestArea:null,
        artificialForestArea:null,
        peopleTotal:null,
        blazesTeamNumber:null,
        policeNumber:null,
        armyNumber:null,
        crowdNumber:null,
        windExtinguisher:null,
        secondTool:null,
        waterGun:null,
        elseThings:null,
        forestComposition:null,
        forestToken:null,
        porosities:null,
        weather:null,
        temperature:null,
        fireInsuranceLevel:null,
        windLevel:null,
        windDirection:null,
        commandUnit:null,
        commandName:null,
        commandPosition:null,
        surveyUnit:null,
        surveyName:null,
        surveyPosition:null,
        accidentName:null,
        accidentSex:null,
        accidentAge:null,
        accidentPosition:null,
        accidentUnit:null,
        dealType:null,
        dealNumber:null,
        criminalDealNumber:null,
        accidentDealSituation:null,
        responsibilityDealSituation:null,
        leadershipDealSituation:null,
        townForm:null,
        townAudit:null,
        cityForm:null,
        cityAudit:null,
      };
    },
    /**
     * eventStatusValue 事件状态
     * isSend 是否办理
     * */
    async updateCentereventTEventcatalogueStatus(eventStatus, isSend) {
      this.eventStatusButton = eventStatus

      if (!isSend) {//事件弹窗
        if (eventStatus == 'qs') {//签收
          this.eventConfirmTitle = '事件签收'
          let param = { parentId: this.eventType }
          await listSJfl(param).then(res => {
            //事件类型
            if (res.code == 200) {
              this.eventTypeList = res.data
            }
          })
          await listYuAn().then(res => {
            //关联预案
            if (res.code == 200) {
              this.guanLianYuAnList = res.data
            }
          })
          await selectByeventCode(this.eventCode).then(res => {
            //签收部门
            if (res.code == 200) {
              this.deptOptions = res.data
              this.deptNameitem = '签收部门'
            }
          })
          this.showEventConfirm = true
        } else if (eventStatus == 'wb') {//误报
          this.eventConfirmTitle = '事件误报'
          await selectByeventCode(this.eventCode).then(res => {
            //签收部门
            if (res.code == 200) {
              this.deptOptions = res.data
              this.deptNameitem = '签收部门'
            }
          })
          this.showEventConfirm = true
        } else if (eventStatus == 'cf') {//重复
          this.eventConfirmTitle = '事件重复'
          await selectByeventCode(this.eventCode).then(res => {
            //签收部门
            if (res.code == 200) {
              this.deptOptions = res.data
              this.deptNameitem = '签收部门'
            }
          })
          this.showEventConfirm = true
        } else if (eventStatus == 'ld') {//联动
          await selectByeventCode(this.eventCode).then(res => {
            //签收部门
            if (res.code == 200) {
              this.deptOptions = res.data
              this.deptNameitem = '发起部门'
            }
          })
          this.eventConfirmTitle = '事件联动'
          /** 查询部门树结构 */
          await deptTreeselect().then(response => {
            this.deptOptionsLiandong = response.data
          })
          this.showEventConfirm = true
        } else if (eventStatus == 'gd') {//归档填报
          this.showEventConfirm_gd = true
        }
      } else {//事件提交后台
        if (eventStatus == 'ld') {
          let array = this.$refs.LiandongDept.getCheckedNodes()
          if (array != null && array.length > 0) {
            for (let i = 0; i < array.length; i++) {
              this.sendLianDongDept.push({'taskDeptId': array[i].id,'taskDeptName': array[i].label})
            }
          }
          //事件处理流程
          let param = {
            sendDeptId: this.sendDeptId,
            sendDept: this.sendDeptName,
            eventCode: this.eventCode,
            longitude: this.longitude,
            latitude: this.latitude,
            taskTitle: this.sendTaskTitle,
            taskContent: this.sendTaskContent,
            taskDept: this.sendLianDongDept
          }
          console.log(param)
          sendTask(param).then(res => {
            if (res.code == 200) {
              this.$message.success(`联动发起成功!`)
              this.refreshEventDialog(this.eventCode);
              this.showEventConfirm = false
            }
          })

        }else if (eventStatus == 'gd') {
          let array = this.$refs.LiandongDept.getCheckedNodes()
          if (array != null && array.length > 0) {
            for (let i = 0; i < array.length; i++) {
              this.sendLianDongDept.push({'taskDeptId': array[i].id,'taskDeptName': array[i].label})
            }
          }
          //事件处理流程
          let param = {
            sendDeptId: this.sendDeptId,
            sendDept: this.sendDeptName,
            eventCode: this.eventCode,
            longitude: this.longitude,
            latitude: this.latitude,
            taskTitle: this.sendTaskTitle,
            taskContent: this.sendTaskContent,
            taskDept: this.sendLianDongDept
          }
          console.log(param)
          sendTask(param).then(res => {
            if (res.code == 200) {
              this.$message.success(`联动发起成功!`)
              this.refreshEventDialog(this.eventCode);
              this.showEventConfirm = false
            }
          })

        } else {
          //事件处理流程
          let param = {
            eventCode: this.eventCode,
            deptId: this.sendDeptId,
            deptName: this.sendDeptName,
            eventStatus: eventStatus,
            eventType: this.sendEventType,
            id: this.eventId,
            czlx: '',
            fireRadius: this.sendHuoZaiBanJing,
            reserve: this.sendGuanLianYuAn
          }
          updateCentereventTEventcatalogueStatus(param).then(res => {
            if (res.code == 200) {
              this.refreshEvent(this.eventCode)
              this.showEventConfirm = false
            }
          })
        }
      }
    },
    // 树权限（展开/折叠）
    handleCheckedTreeExpand(value, type) {
      if (type == 'menu') {
        let treeList = this.menuOptions
        for (let i = 0; i < treeList.length; i++) {
          this.$refs.menu.store.nodesMap[treeList[i].id].expanded = value
        }
      } else if (type == 'menuVisu') {
        let treeList = this.menuVisuOptions
        for (let i = 0; i < treeList.length; i++) {
          this.$refs.menuVisu.store.nodesMap[treeList[i].id].expanded = value
        }
      } else if (type == 'dept') {
        let treeList = this.deptOptions
        for (let i = 0; i < treeList.length; i++) {
          this.$refs.LiandongDept.store.nodesMap[treeList[i].id].expanded = value
        }
      }
    },
    // 树权限（全选/全不选）
    handleCheckedTreeNodeAll(value, type) {
      if (type == 'menu') {
        this.$refs.menu.setCheckedNodes(value ? this.menuOptions : [])
      } else if (type == 'menuVisu') {
        this.$refs.menuVisu.setCheckedNodes(value ? this.menuVisuOptions : [])
      } else if (type == 'dept') {
        this.$refs.LiandongDept.setCheckedNodes(value ? this.deptOptions : [])
      }
    },
    // 树权限（父子联动）
    handleCheckedTreeConnect(value, type) {
      if (type == 'menu') {
        this.menuCheckStrictly = value ? true : false
      } else if (type == 'dept') {
        this.deptCheckStrictly = value ? true : false
      }
    },
    sendEventLog() {
      //日志发送
      let param = { eventCode: this.eventCode, conext: this.eventLog }
      sendEventLog(param).then(res => {
        if (res.code == 200) {
          this.$message.success(`发送成功!`)
          this.eventLog = null
          this.refreshEventDialog(this.eventCode)
        }
      })
    },
    showEventLogUpload() {
      this.$refs.eventLogUpload.eventLogUpload(this.eventCode)
    },
    cancelEventShow() {
      console.log('关闭事件弹窗')
      this.eventLogList = []
    },
    showEventDialog(eventCode) {
      this.eventCode = eventCode
      let that = this
      //获取事件详情
      getEventDetail({ eventCode: eventCode }).then(res => {
        this.eventDialog = true
        this.eventLogList = res.data.eventlog
        if (res.data.catalogue != null && res.data.catalogue.length > 0) {
          this.eventStatusValue = res.data.catalogue[0].eventStatusValue
          this.eventType = res.data.catalogue[0].eventType
          this.eventId = res.data.catalogue[0].id
          this.longitude = res.data.catalogue[0].longitude
          this.latitude = res.data.catalogue[0].latitude
          let markersMap = {
            lng: 124.59,
            lat: 43.02,
            icon: 'marker',
            bindPopupHtml: '',
            click: '',
            parameter: '',
            keepBindPopup: false,
            isAggregation: false,
            radius: 0
          }
          if (res.data.catalogue[0].eventStatusValue == 'forest_event_status_1' || res.data.catalogue[0].eventStatusValue == 'forest_event_status_2' || res.data.catalogue[0].eventStatusValue == 'forest_event_status_3') {
            markersMap.icon = 'sj-icon-map-clz'
            markersMap.isAggregation = false
          } else if (res.data.catalogue[0].eventStatusValue == 'event_event_status_4') {
            markersMap.icon = 'sj-icon-map-wcl'
          } else if (res.data.catalogue[0].eventStatusValue == 'event_event_status_5') {
            markersMap.icon = 'sj-icon-map-wcl'
          } else if (res.data.catalogue[0].eventStatusValue == 'event_event_status_6') {
            markersMap.icon = 'sj-icon-map-wcl'
          } else {
            markersMap.icon = 'sj-icon-map-ywc'
          }
          markersMap.lng = res.data.catalogue[0].longitude
          markersMap.lat = res.data.catalogue[0].latitude
          if (res.data.eventdetail != null && res.data.eventdetail.length > 0 && res.data.eventdetail[0].fireRadius != null && res.data.eventdetail[0].fireRadius != '' && res.data.eventdetail[0].fireRadius > 0) {
            markersMap.radius = res.data.eventdetail[0].fireRadius
          }
          setTimeout(() => {
            that.$refs.supermapDialog.dynamicPlotting()//弹出动态绘制窗口，防止截图位置改变
            that.$refs.supermapDialog.clearM(false)
            that.$refs.supermapDialog.setMarkersRadius([markersMap])
            that.$refs.supermapDialog.dropLocation(res.data.catalogue[0].latitude, res.data.catalogue[0].longitude)
          }, 1000)
        }
      })
    },
    refreshEvent(eventCode) {
      this.eventCode = eventCode
      let that = this
      //刷新--事件详情
      getEventDetail({ eventCode: eventCode }).then(res => {
        this.eventDialog = true
        this.eventLogList = res.data.eventlog
        if (res.data.catalogue != null && res.data.catalogue.length > 0) {
          this.eventStatusValue = res.data.catalogue[0].eventStatusValue
          this.eventType = res.data.catalogue[0].eventType
          this.eventId = res.data.catalogue[0].id
          let markersMap = {
            lng: 124.59,
            lat: 43.02,
            icon: 'marker',
            bindPopupHtml: '',
            click: '',
            parameter: '',
            keepBindPopup: false,
            isAggregation: false,
            radius: 0
          }
          if (res.data.catalogue[0].eventStatusValue == 'forest_event_status_1' || res.data.catalogue[0].eventStatusValue == 'forest_event_status_2' || res.data.catalogue[0].eventStatusValue == 'forest_event_status_3') {
            markersMap.icon = 'sj-icon-map-clz'
            markersMap.isAggregation = false
          } else if (res.data.catalogue[0].eventStatusValue == 'event_event_status_4') {
            markersMap.icon = 'sj-icon-map-wcl'
          } else if (res.data.catalogue[0].eventStatusValue == 'event_event_status_5') {
            markersMap.icon = 'sj-icon-map-wcl'
          } else if (res.data.catalogue[0].eventStatusValue == 'event_event_status_6') {
            markersMap.icon = 'sj-icon-map-wcl'
          } else {
            markersMap.icon = 'sj-icon-map-ywc'
          }
          markersMap.lng = res.data.catalogue[0].longitude
          markersMap.lat = res.data.catalogue[0].latitude
          if (res.data.eventdetail != null && res.data.eventdetail.length > 0 && res.data.eventdetail[0].fireRadius != null && res.data.eventdetail[0].fireRadius != '' && res.data.eventdetail[0].fireRadius > 0) {
            markersMap.radius = res.data.eventdetail[0].fireRadius
          }
          setTimeout(() => {
            that.$refs.supermapDialog.clearM(false)
            if (res.data.eventdetail != null && res.data.eventdetail.length > 0 && res.data.eventdetail[0].fireRadius != null && res.data.eventdetail[0].fireRadius != '' && res.data.eventdetail[0].fireRadius > 0) {
              that.$refs.supermapDialog.setMarkersRadius([markersMap])
            } else {
              that.$refs.supermapDialog.setMarkers([markersMap])
            }
            that.$refs.supermapDialog.dropLocation(res.data.catalogue[0].latitude, res.data.catalogue[0].longitude)
          }, 1000)
        }
      })
    },
    refreshEventDialog(eventCode) {
      //刷新--事件日志
      getEventDetail({ eventCode: eventCode }).then(res => {
        this.eventLogList = res.data.eventlog
      })
    },
    // 页面元素转图片
    toImage() {
      // 手动创建一个 canvas 标签
      const canvas = document.createElement('canvas')
      // 获取父标签，意思是这个标签内的 DOM 元素生成图片
      // imageTofile是给截图范围内的父级元素自定义的ref名称
      // let canvasBox = this.$refs.imageTofile
      let canvasBox = document.getElementById('forestWarmSuperMap')
      let toolbar = document.getElementById('toolbar')
      canvasBox.removeChild(toolbar)
      // 获取父级的宽高
      const width = parseInt(window.getComputedStyle(canvasBox).width)
      const height = parseInt(window.getComputedStyle(canvasBox).height)

      // 宽高 * 2 并放大 2 倍 是为了防止图片模糊
      canvas.width = width * 2
      canvas.height = height * 2
      canvas.style.width = width + 'px'
      canvas.style.height = height + 'px'
      const context = canvas.getContext('2d')
      context.scale(2, 2)
      const options = {
        backgroundColor: null,
        canvas: canvas,
        useCORS: true
      }
      html2canvas(canvasBox, options).then((canvas) => {
        // toDataURL 图片格式转成 base64
        let dataURL = canvas.toDataURL('image/png')
        console.log(dataURL)
        this.downloadImage(dataURL)
      })
      canvasBox.appendChild(toolbar)
    },
    //下载图片
    downloadImage(url) {
      // 如果是在网页中可以直接创建一个 a 标签直接下载
      let a = document.createElement('a')
      a.href = url
      a.download = '首页截图'
      a.click()
    }
  }
}
</script>

<style lang="scss" scoped>
	@import '@/assets/styles/base.scss';
	.tree-border{
		border:  1px $barBorder;

	}
	button{
		padding: .5rem;
	}

/** 火灾报告**/
  //@font-face {
  //  font-family: 'fontnameRegular';
  //  src: url('../../../../assets/styles/FZYTJW_0.TTF');
  //}

  body,
  html,
  * {
    padding: 0px;
    margin: 0px;
    font-family: "fontnameRegular";
  }
  .table-container {
    width: 100%;
  }

  .txt_right {
    text-align: right !important;
  }

  .txt_left {
    text-align: left !important;
  }

  table {
    border-spacing: 0;
    border-collapse: collapse;
    width: 99%;
    margin: 0 auto;
    color: #000;
  }

  table input {
    font-size: 1rem;
    border: 0px;
    outline: 0px;
    font-family: "微软雅黑";

  }
  table input:hover {
    background: #daf1f8;

  }

  table thead th {
    font-size: 1.2rem;
    font-family: "宋体";
    height: 2rem;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    outline: 0px;
  }

  table tr td {
    font-size: 1.2rem;
    font-family: "fontnameRegular";
    height: 2rem;
    border: 1px solid #000;
    text-align: center;
  }

  .font1 {
    font-size: 1.7rem;
    font-weight: bolder;
  }

  .border0 {
    width: 100% !important;
  }

  .border0 tr td {
    border: 0px !important;
  }

  table tr td input {
    width: 87%;
    /*    display: inline-block;*/
    outline: 0px;
    text-align: left;
    height: 94%;
  }

  .int_tr td input {
    text-align: center !important;
  }

  .table2 tr th {
    font-size: 1.7rem;
    padding: .5rem 0;
    font-family: 'fontnameRegular';
  }

  .table2 tr td {
    font-size:1.2rem;
  }

  .table2 tr td select {
    border: 0px !important;
    outline: 0px;
    width: 100%;
    font-family: "微软雅黑";
    font-size: 1rem;
    padding-left: 1%;
  }
  .table2 tr td select:hover{
    background: #e9f5f8;
  }

  .table2 tr td select option {
    font-size: 1rem;
    font-family: "微软雅黑";
  }

  .border_l0 {
    border-right: 1px solid #ececec !important;
  }

  .table2 tr td textarea {
    border: 0px !important;
    outline: 0px;
    width: 98%;
    padding: .5rem;
    font-size: 1rem;
    resize: none;
  }

  .tr_border td {
    border-right: 0px !important;
    border-left: 0px !important;
    border-bottom: 0px !important;
    font-size: 15px;
  }
</style>
