1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579 |
- <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"> 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"> 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"> 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"> 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"> 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"> 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"> 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"> 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"> 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"> 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"> 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"> 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;"> 13.对火灾肇事人<br> 的处理情况</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;"> 14.对责任人员的<br> 责任人追查情况</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;"> 15.对有关领导的<br> 责任追查情况</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>
|