eventdetailsdialog.vue 65 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579
  1. <template>
  2. <div class="visual-con">
  3. <!--头部-->
  4. <vheader></vheader>
  5. <!--主体-->
  6. <div class="visual-body">
  7. <button @click="showEventDialog"
  8. style="position: absolute; left:50%;top: 50vh; transform: translateX(-50%);">触发事件详情
  9. </button>
  10. <!-- 弹层 -->
  11. <el-dialog title="事件详情" :visible.sync="eventDialog" v-if="eventDialog" width="95%"
  12. @close="cancelEventShow()">
  13. <div class="dia-event-info">
  14. <el-row>
  15. <!-- 左侧 -->
  16. <el-col :span="18" class="dia-left">
  17. <div ref="imageTofile" style="height: 75vh;">
  18. <!-- 应急预案 -->
  19. <div class="dia-left-top">
  20. <div class="dia-left-top-tit">应急预案</div>
  21. <div class="dia-left-top-carousel">
  22. <el-carousel height="30px" direction="vertical" :interval="2000">
  23. <el-carousel-item v-for="item in 3" :key="item">
  24. <a href="#">这是一条应急预案</a>
  25. </el-carousel-item>
  26. </el-carousel>
  27. </div>
  28. </div>
  29. <!-- 应急预案end -->
  30. <!-- 左侧资源 -->
  31. <div class="leftbar" style="width:fit-content !important;bottom:0rem;left: 1rem; top: unset;">
  32. <div class="forthis">
  33. <dv-border-box-7 backgroundColor="#040b1f" :color="['#25335d', '#5baffd']">
  34. <div class="i-list-con">
  35. <div class="d-l-con-icon" style="flex-direction:row;flex-wrap: nowrap;">
  36. <div class="icon-con" style="width: fit-content !important;"
  37. v-for="(item,index) in resourcesList">
  38. <div class="iconfont icon icon-normal" :class="item.icon"></div>
  39. <div class="icon-text">
  40. <h5>{{ item.resourceName }}</h5>
  41. </div>
  42. </div>
  43. </div>
  44. </div>
  45. </dv-border-box-7>
  46. </div>
  47. </div>
  48. <!-- 左侧资源end -->
  49. <!-- 底部工具栏 -->
  50. <!-- <div class="dia-left-btm-tool">
  51. </div> -->
  52. <!-- 底部工具栏end -->
  53. <!-- 地图 -->
  54. <supermapDialog ref="supermapDialog"
  55. style="position: absolute; top:0;left: 0;"
  56. :mapDiv="'forestWarmSuperMap'"
  57. :mapSite="{zoom:12,doubleClickZoom:false,dragging:false,scrollWheelZoom:false}"
  58. :codes="['9fa5']"
  59. :isSideBySide="false"
  60. :isdynamicPlotting="true"/>
  61. <!-- 地图end -->
  62. </div>
  63. </el-col>
  64. <!-- 左侧end -->
  65. <!-- 右侧 -->
  66. <el-col :span="6" class="dia-right">
  67. <div class="e-right">
  68. <div class="forthis">
  69. <dv-border-box-7 backgroundColor="#040b1f" :color="['#25335d', '#5baffd']"
  70. style="padding-bottom:1rem ;">
  71. <div class="i-list-con">
  72. <div class="this-con h-45">
  73. <div class="z-info-list" style="margin-top: 0;">
  74. <el-timeline>
  75. <el-timeline-item color="#2bacf7" :timestamp="item.createTime"
  76. placement="top" v-for="(item,index) in eventLogList">
  77. <el-card style="width: 40vh">
  78. <div class="z-info-list-con">
  79. <div class="user-and-time flex-d">
  80. <span>{{ item.createName }}</span><span><i
  81. class="el-icon-location"></i> 定位</span>
  82. </div>
  83. <div class="z-info">
  84. <div class="this-con-list-info">
  85. {{ item.logContent }}
  86. </div>
  87. <div>
  88. <el-image :src="itemfile"
  89. :preview-src-list="item.attachs"
  90. style="width:3rem; height:3rem;margin: 2px;"
  91. v-for="(itemfile,index1) in item.attachs">
  92. </el-image>
  93. <el-image :src="itemfile"
  94. :preview-src-list="item.attachs"
  95. style="width:3rem; height:3rem;margin: 2px;"
  96. v-for="(itemfile,index1) in item.attachs">
  97. </el-image>
  98. </div>
  99. </div>
  100. </div>
  101. </el-card>
  102. </el-timeline-item>
  103. </el-timeline>
  104. </div>
  105. </div>
  106. </div>
  107. </dv-border-box-7>
  108. </div>
  109. <div class="forthis">
  110. <dv-border-box-7 backgroundColor="#040b1f" :color="['#25335d', '#5baffd']">
  111. <div class="i-list-con">
  112. <div class="this-con h-25 no-padding">
  113. <div class="z-info-list" style="margin-top: 0;">
  114. <div class="z-info-btm-grp">
  115. <div class="z-info-btm-grp-top">
  116. <div class="z-info-btm-grp-left">
  117. <el-button size="small" icon="el-icon-s-flag">责任制
  118. </el-button>
  119. <el-button size="small" icon="el-icon-upload" @click="showEventLogUpload()">上传
  120. </el-button>
  121. <el-button size="small" icon="el-icon-download" @click="toImage()">保存
  122. </el-button>
  123. </div>
  124. <div class="z-info-btm-grp-right">
  125. <el-button size="small" icon="el-icon-mic">会议
  126. </el-button>
  127. </div>
  128. </div>
  129. <div class="z-info-btm-input">
  130. <el-input type="textarea" v-model="eventLog"
  131. :autosize="{ minRows: 7, maxRows: 7}" placeholder="请输入反馈信息">
  132. </el-input>
  133. <div class="z-info-btm-input-btn" v-if="eventStatusValue=='forest_event_status_1'">
  134. <div style="text-align:left">
  135. <el-button size="small"
  136. icon="el-icon-s-flag"
  137. @click="updateCentereventTEventcatalogueStatus('qs',false)">
  138. 签收
  139. </el-button>
  140. <el-button size="small"
  141. icon="el-icon-question"
  142. @click="updateCentereventTEventcatalogueStatus('wb',false)">
  143. 误报
  144. </el-button>
  145. <el-button size="small"
  146. icon="el-icon-warning"
  147. @click="updateCentereventTEventcatalogueStatus('cf',false)">
  148. 重复
  149. </el-button>
  150. </div>
  151. <el-button size="small" icon="el-icon-chat-dot-square" @click="sendEventLog()">发送
  152. </el-button>
  153. </div>
  154. <div class="z-info-btm-input-btn" v-if="eventStatusValue=='forest_event_status_2'">
  155. <div>
  156. <el-button size="small"
  157. icon="el-icon-question"
  158. @click="updateCentereventTEventcatalogueStatus('wb',false)">
  159. 误报
  160. </el-button>
  161. <el-button size="small"
  162. icon="el-icon-warning"
  163. @click="updateCentereventTEventcatalogueStatus('cf',false)">
  164. 重复
  165. </el-button>
  166. <el-button size="small"
  167. icon="el-icon-phone" style="text-align:left"
  168. @click="updateCentereventTEventcatalogueStatus('ld',false)">
  169. 联动
  170. </el-button>
  171. <el-button size="small"
  172. icon="el-icon-success" style="text-align:left"
  173. @click="updateCentereventTEventcatalogueStatus('bj',true)">
  174. 办结
  175. </el-button>
  176. </div>
  177. <el-button size="small" icon="el-icon-chat-dot-square" @click="sendEventLog()">发送
  178. </el-button>
  179. </div>
  180. <div class="z-info-btm-input-btn" v-if="eventStatusValue=='forest_event_status_5'">
  181. <el-button size="small"
  182. icon="el-icon-success" style="text-align:left"
  183. @click="updateCentereventTEventcatalogueStatus('gd',false)">
  184. 填报
  185. </el-button>
  186. <el-button size="small" icon="el-icon-chat-dot-square" @click="sendEventLog()">发送
  187. </el-button>
  188. </div>
  189. </div>
  190. </div>
  191. </div>
  192. </div>
  193. </div>
  194. </dv-border-box-7>
  195. </div>
  196. </div>
  197. </el-col>
  198. <!-- 左侧end -->
  199. </el-row>
  200. </div>
  201. </el-dialog>
  202. </div>
  203. <vBottomMenu ref="bottomMenu"></vBottomMenu>
  204. <eventLogUpload ref="eventLogUpload"></eventLogUpload>
  205. <el-dialog :title="eventConfirmTitle" :visible.sync="showEventConfirm" v-if="showEventConfirm" width="80%" class="top-dialog"
  206. @close="cancelEventConfirm()">
  207. <el-form label-width="80px">
  208. <el-form-item label="火灾半径" v-if="eventStatusButton=='qs'">
  209. <el-input type="number" v-model="sendHuoZaiBanJing" placeholder="请输入火灾半径"/>
  210. </el-form-item>
  211. <el-form-item :label="deptNameitem"
  212. v-if="eventStatusButton=='qs'||eventStatusButton=='wb'||eventStatusButton=='cf'||eventStatusButton=='ld'">
  213. <!-- <treeselect v-model="deptId" :options="deptOptions" multiple :show-count="true"-->
  214. <!-- placeholder="请选择签收部门"/>-->
  215. <el-select v-model="sendDeptName" clearable placeholder="请选择部门" class="m-r-1rem" @change="setValue">
  216. <el-option
  217. v-for="item in deptOptions"
  218. :key="item.deptId"
  219. :label="item.deptName"
  220. :value="{value:item.deptId,label:item.deptName}"><!--:disabled="item.eventStatus=='未处理' ? false:true"-->
  221. </el-option>
  222. </el-select>
  223. </el-form-item>
  224. <el-form-item label="事件类型" v-if="eventStatusButton=='qs'">
  225. <el-select v-model="sendEventType" placeholder="请选择事件类型!" clearable>
  226. <el-option
  227. v-for="item in eventTypeList"
  228. :key="item.id"
  229. :label="item.eventTypeName"
  230. :value="item.id"
  231. />
  232. </el-select>
  233. </el-form-item>
  234. <el-form-item label="联动标题" v-if="eventStatusButton=='ld'">
  235. <el-input v-model="sendTaskTitle" placeholder="请输入联动标题"/>
  236. </el-form-item>
  237. <el-form-item label="联动内容" v-if="eventStatusButton=='ld'">
  238. <el-input type="textarea" v-model="sendTaskContent"
  239. :autosize="{ minRows: 7, maxRows: 7}" placeholder="请输入联动内容">
  240. </el-input>
  241. </el-form-item>
  242. <el-form-item label="联动部门" v-if="eventStatusButton=='ld'">
  243. <el-checkbox v-model="deptExpand" @change="handleCheckedTreeExpand($event, 'dept')">展开/折叠</el-checkbox>
  244. <!-- <el-checkbox v-model="deptNodeAll" @change="handleCheckedTreeNodeAll($event, 'dept')">全选/全不选</el-checkbox>-->
  245. <!-- <el-checkbox v-model="deptCheckStrictly" @change="handleCheckedTreeConnect($event, 'dept')">父子联动</el-checkbox>-->
  246. <el-tree
  247. class="tree-border"
  248. style="height: 20vh; overflow-y:scroll"
  249. :data="deptOptionsLiandong"
  250. show-checkbox
  251. default-expand-all
  252. ref="LiandongDept"
  253. node-key="id"
  254. :check-strictly="!deptCheckStrictly"
  255. empty-text="加载中,请稍候"
  256. :props="defaultProps"
  257. ></el-tree>
  258. </el-form-item>
  259. <el-form-item label="关联预案" v-if="eventStatusButton=='qs'">
  260. <el-select v-model="sendGuanLianYuAn" placeholder="请选择关联预案!" clearable>
  261. <el-option
  262. v-for="item in guanLianYuAnList"
  263. :key="item.id"
  264. :label="item.resTitle"
  265. :value="item.id"
  266. />
  267. </el-select>
  268. </el-form-item>
  269. <el-button size="mini" type="primary" v-if="eventStatusButton=='qs'"
  270. @click="updateCentereventTEventcatalogueStatus('qs',true)">签收
  271. </el-button>
  272. <el-button size="mini" type="primary" v-if="eventStatusButton=='wb'"
  273. @click="updateCentereventTEventcatalogueStatus('wb',true)">误报
  274. </el-button>
  275. <el-button size="mini" type="primary" v-if="eventStatusButton=='cf'"
  276. @click="updateCentereventTEventcatalogueStatus('cf',true)">重复
  277. </el-button>
  278. <el-button size="mini" type="primary" v-if="eventStatusButton=='ld'"
  279. @click="updateCentereventTEventcatalogueStatus('ld',true)">发起联动
  280. </el-button>
  281. </el-form>
  282. </el-dialog>
  283. <el-dialog title="火险报告" :visible.sync="showEventConfirm_gd" v-if="showEventConfirm_gd" width="100%" class="top-dialog"
  284. @close="cancelEventConfirm_gd()">
  285. <div class="table-container">
  286. <form>
  287. <table id="table1" cellpadding="0" cellspacing="0">
  288. <thead style="width: 100%;padding:.5rem 0;">
  289. <th rowspan="1" colspan="1" class="txt_left" width="100px">填报单位:</th>
  290. <th rowspan="1" colspan="6" align="left"><input type="text" style=" width:100%;margin-left: .5rem;" v-model="table1.reportUnit" /></th>
  291. <th rowspan="1" colspan="2" class="txt_right">填报时间:</th>
  292. <th rowspan="1" colspan="6" align="left"><input type="text" style="width:3rem;text-align: center;" v-model="table1.reportTimeY" />年<input
  293. 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>
  294. <th rowspan="1" colspan="8" style="text-align: right;">吉林省人民政府森林防火指挥部办公室制</th>
  295. </thead>
  296. <tbody>
  297. <tr>
  298. <td colspan="22" rowspan="1" class="font1" style="letter-spacing:3rem;padding: .5rem 0">森林火灾损失</td>
  299. <td colspan="1" rowspan="6">
  300. <table class="border0">
  301. <tr>
  302. <td>备注</td>
  303. </tr>
  304. </table>
  305. </td>
  306. </tr>
  307. <tr>
  308. <td rowspan="4" colspan="1">
  309. <table class="border0">
  310. <tr>
  311. <td>森林火灾<br>损失总计</td>
  312. </tr>
  313. </table>
  314. </td>
  315. <td rowspan="1" colspan="12">火灾损失价值</td>
  316. <td rowspan="1" colspan="9">扑火费用支出</td>
  317. </tr>
  318. <tr>
  319. <td rowspan="3" colspan="1">
  320. <table class="border0">
  321. <tr>
  322. <td>合计</td>
  323. </tr>
  324. </table>
  325. </td>
  326. <td rowspan="1" colspan="4">林木资源</td>
  327. <td rowspan="1" colspan="6">人员伤亡</td>
  328. <td rowspan="3" colspan="1">
  329. <table class="border0">
  330. <tr>
  331. <td>其他<br>火灾<br>损失</td>
  332. </tr>
  333. </table>
  334. </td>
  335. <td rowspan="3" colspan="1">
  336. <table class="border0">
  337. <tr>
  338. <td>合计</td>
  339. </tr>
  340. </table>
  341. </td>
  342. <td rowspan="1" colspan="2">
  343. <table class="border0">
  344. <tr>
  345. <td>人工费</td>
  346. </tr>
  347. </table>
  348. </td>
  349. <td rowspan="1" colspan="3">
  350. <table class="border0">
  351. <tr>
  352. <td>车辆费</td>
  353. </tr>
  354. </table>
  355. </td>
  356. <td rowspan="1" colspan="2">
  357. <table class="border0">
  358. <tr>
  359. <td>飞行费</td>
  360. </tr>
  361. </table>
  362. </td>
  363. <td rowspan="3" colspan="1">
  364. <table class="border0">
  365. <tr>
  366. <td>其他<br>扑火<br>费用</td>
  367. </tr>
  368. </table>
  369. </td>
  370. </tr>
  371. <tr>
  372. <td rowspan="1" colspan="2">成林</td>
  373. <td rowspan="1" colspan="2">幼林</td>
  374. <td rowspan="1" colspan="2">轻伤</td>
  375. <td rowspan="1" colspan="2">重伤</td>
  376. <td rowspan="1" colspan="2">死亡</td>
  377. <td rowspan="2" colspan="1">
  378. <table class="border0">
  379. <tr>
  380. <td>出动<br>人工</td>
  381. </tr>
  382. </table>
  383. </td>
  384. <td rowspan="2" colspan="1">
  385. <table class="border0">
  386. <tr>
  387. <td>支出<br>费用</td>
  388. </tr>
  389. </table>
  390. </td>
  391. <td rowspan="2" colspan="1">
  392. <table class="border0">
  393. <tr>
  394. <td>计</td>
  395. </tr>
  396. </table>
  397. </td>
  398. <td rowspan="2" colspan="1">
  399. <table class="border0">
  400. <tr>
  401. <td>其中<br>汽车</td>
  402. </tr>
  403. </table>
  404. </td>
  405. <td rowspan="2" colspan="1">
  406. <table class="border0">
  407. <tr>
  408. <td>支出<br>费用</td>
  409. </tr>
  410. </table>
  411. </td>
  412. <td rowspan="2" colspan="1">
  413. <table class="border0">
  414. <tr>
  415. <td>出动<br>飞机</td>
  416. </tr>
  417. </table>
  418. </td>
  419. <td rowspan="2" colspan="1">
  420. <table class="border0">
  421. <tr>
  422. <td>支出<br>费用</td>
  423. </tr>
  424. </table>
  425. </td>
  426. </tr>
  427. <tr>
  428. <td rowspan="1" colspan="1">蓄积</td>
  429. <td rowspan="1" colspan="1">价值</td>
  430. <td rowspan="1" colspan="1">株数</td>
  431. <td rowspan="1" colspan="1">价值</td>
  432. <td rowspan="1" colspan="1">人数</td>
  433. <td rowspan="1" colspan="1">支出费用</td>
  434. <td rowspan="1" colspan="1">人数</td>
  435. <td rowspan="1" colspan="1">支出费用</td>
  436. <td rowspan="1" colspan="1">人数</td>
  437. <td rowspan="1" colspan="1">支出费用</td>
  438. </tr>
  439. <tr>
  440. <td rowspan="1" colspan="1">万元</td>
  441. <td rowspan="1" colspan="1">万元</td>
  442. <td rowspan="1" colspan="1">米³</td>
  443. <td rowspan="1" colspan="1">万元</td>
  444. <td rowspan="1" colspan="1">万株</td>
  445. <td rowspan="1" colspan="1">万元</td>
  446. <td rowspan="1" colspan="1">人</td>
  447. <td rowspan="1" colspan="1">万元</td>
  448. <td rowspan="1" colspan="1">人</td>
  449. <td rowspan="1" colspan="1">万元</td>
  450. <td rowspan="1" colspan="1">人</td>
  451. <td rowspan="1" colspan="1">万元</td>
  452. <td rowspan="1" colspan="1">万元</td>
  453. <td rowspan="1" colspan="1">万元</td>
  454. <td rowspan="1" colspan="1">工日</td>
  455. <td rowspan="1" colspan="1">万元</td>
  456. <td rowspan="1" colspan="1">台</td>
  457. <td rowspan="1" colspan="1">台</td>
  458. <td rowspan="1" colspan="1">万元</td>
  459. <td rowspan="1" colspan="1">架次</td>
  460. <td rowspan="1" colspan="1">万元</td>
  461. <td rowspan="1" colspan="1">万元</td>
  462. </tr>
  463. <tr>
  464. <td rowspan="1" colspan="1">1</td>
  465. <td rowspan="1" colspan="1">2</td>
  466. <td rowspan="1" colspan="1">3</td>
  467. <td rowspan="1" colspan="1">4</td>
  468. <td rowspan="1" colspan="1">5</td>
  469. <td rowspan="1" colspan="1">6</td>
  470. <td rowspan="1" colspan="1">7</td>
  471. <td rowspan="1" colspan="1">8</td>
  472. <td rowspan="1" colspan="1">9</td>
  473. <td rowspan="1" colspan="1">10</td>
  474. <td rowspan="1" colspan="1">11</td>
  475. <td rowspan="1" colspan="1">12</td>
  476. <td rowspan="1" colspan="1">13</td>
  477. <td rowspan="1" colspan="1">14</td>
  478. <td rowspan="1" colspan="1">15</td>
  479. <td rowspan="1" colspan="1">16</td>
  480. <td rowspan="1" colspan="1">17</td>
  481. <td rowspan="1" colspan="1">18</td>
  482. <td rowspan="1" colspan="1">19</td>
  483. <td rowspan="1" colspan="1">20</td>
  484. <td rowspan="1" colspan="1">21</td>
  485. <td rowspan="1" colspan="1">22</td>
  486. <td rowspan="1" colspan="1">23</td>
  487. </tr>
  488. <tr class="int_tr">
  489. <td rowspan="1" colspan="1"><input type="text" class="border0" v-model="table1.forestFireLossTotal" /></td>
  490. <td rowspan="1" colspan="1"><input type="text" class="border0" v-model="table1.fireLossTotal" /></td>
  491. <td rowspan="1" colspan="1"><input type="text" class="border0" v-model="table1.forestArea" /></td>
  492. <td rowspan="1" colspan="1"><input type="text" class="border0" v-model="table1.forestPrice" /></td>
  493. <td rowspan="1" colspan="1"><input type="text" class="border0" v-model="table1.treesNumber" /></td>
  494. <td rowspan="1" colspan="1"><input type="text" class="border0" v-model="table1.treesPrice" /></td>
  495. <td rowspan="1" colspan="1"><input type="text" class="border0" v-model="table1.minorInjuriesNumber" /></td>
  496. <td rowspan="1" colspan="1"><input type="text" class="border0" v-model="table1.minorInjuriesPrice" /></td>
  497. <td rowspan="1" colspan="1"><input type="text" class="border0" v-model="table1.seriouslyInjuredNumber" /></td>
  498. <td rowspan="1" colspan="1"><input type="text" class="border0" v-model="table1.seriouslyInjuredPrice" /></td>
  499. <td rowspan="1" colspan="1"><input type="text" class="border0" v-model="table1.deathNumber" /></td>
  500. <td rowspan="1" colspan="1"><input type="text" class="border0" v-model="table1.deathPrice" /></td>
  501. <td rowspan="1" colspan="1"><input type="text" class="border0" v-model="table1.elseFireLossPrice" /></td>
  502. <td rowspan="1" colspan="1"><input type="text" class="border0" v-model="table1.blazesPriceTotal" /></td>
  503. <td rowspan="1" colspan="1"><input type="text" class="border0" v-model="table1.artificialDays" /></td>
  504. <td rowspan="1" colspan="1"><input type="text" class="border0" v-model="table1.artificialPrice" /></td>
  505. <td rowspan="1" colspan="1"><input type="text" class="border0" v-model="table1.vehicleNumber" /></td>
  506. <td rowspan="1" colspan="1"><input type="text" class="border0" v-model="table1.carNumber" /></td>
  507. <td rowspan="1" colspan="1"><input type="text" class="border0" v-model="table1.vehiclePrice" /></td>
  508. <td rowspan="1" colspan="1"><input type="text" class="border0" v-model="table1.planeNumber" /></td>
  509. <td rowspan="1" colspan="1"><input type="text" class="border0" v-model="table1.planePrice" /></td>
  510. <td rowspan="1" colspan="1"><input type="text" class="border0" v-model="table1.elseBlazesPrice" /></td>
  511. <td rowspan="1" colspan="1"><input type="text" class="border0" v-model="table1.note" /></td>
  512. </tr>
  513. </tbody>
  514. </table>
  515. <table class="table2" cellpadding="0" cellspacing="0" style="white-space: nowrap;" >
  516. <tbody>
  517. <tr>
  518. <th rowspan="1" colspan="26" style="letter-spacing:6rem">火场资料</th>
  519. </tr>
  520. <tr>
  521. <td colspan="2" rowspan="1" class="txt_left">&nbsp;1.起火时间</td>
  522. <td colspan="5" rowspan="1"><input type="text" v-model="table2.fireTime" /></td>
  523. <td colspan="2" rowspan="1" >发现时间</td>
  524. <td colspan="8" rowspan="1"><input type="text" v-model="table2.foundTime" /></td>
  525. <td colspan="2" rowspan="1" >扑灭时间</td>
  526. <td colspan="7" rowspan="1"><input type="text" v-model="table2.blazesTime" /></td>
  527. </tr>
  528. <tr>
  529. <td colspan="2" rowspan="1" class="txt_left">&nbsp;2.地点及发现方式</td>
  530. <td colspan="2" rowspan="1" class="txt_left"><select v-model="table2.address">
  531. <option>吉林市</option>
  532. <option>延边州</option>
  533. <option>白山市</option>
  534. <option>通化市</option>
  535. <option>辽源市</option>
  536. <option >四平市</option>
  537. <option>长春市</option>
  538. <option>白城市</option>
  539. <option>松原市</option>
  540. <option>敦化航站</option>
  541. <option>长白山管委会</option>
  542. </select></td>
  543. <td colspan="13" rowspan="1" ><input type="text" v-model="table2.firePlace" /></td>
  544. <td colspan="2" rowspan="1" >发现方式</td>
  545. <td colspan="7" rowspan="1"><input type="text" v-model="table2.foundType" /></td>
  546. </tr>
  547. <tr>
  548. <td colspan="2" rowspan="1" class="txt_left">&nbsp;3.火场位置</td>
  549. <td colspan="2" rowspan="1" class="border_l0" >东经:</td>
  550. <td colspan="1" rowspan="1" class="border_l0" ><input type="text" style="width:50px;" v-model="table2.longitudeD"/></td>
  551. <td colspan="1" rowspan="1" class="border_l0">度</td>
  552. <td colspan="1" rowspan="1" class="border_l0" ><input type="text" style="width:50px;" v-model="table2.longitudeM" /></td>
  553. <td colspan="1" rowspan="1" class="border_l0">分</td>
  554. <td colspan="1" rowspan="1" class="border_l0" ><input type="text" style="width:50px;" v-model="table2.longitudeS" /></td>
  555. <td colspan="2" rowspan="1" class="border_l0">秒</td>
  556. <td colspan="1" rowspan="1" class="border_l0">;</td>
  557. <td colspan="2" rowspan="1" class="border_l0">北纬:</td>
  558. <td colspan="1" rowspan="1" class="border_l0"><input type="text" style="width:50px;" v-model="table2.latitudeD" /></td>
  559. <td colspan="1" rowspan="1" class="border_l0">度</td>
  560. <td colspan="1" rowspan="1" class="border_l0" ><input type="text" style="width:50px;" v-model="table2.latitudeM" /></td>
  561. <td colspan="1" rowspan="1" class="border_l0">分</td>
  562. <td colspan="1" rowspan="1" class="border_l0" ><input type="text" style="width:50px;" v-model="table2.latitudeS" /></td>
  563. <td colspan="1" rowspan="1" class="border_l0">秒</td>
  564. <td class="border_l0"></td>
  565. <td class="border_l0"></td>
  566. <td class="border_l0"></td>
  567. <td class="border_l0"></td>
  568. <td class="border_l0"></td>
  569. <td></td>
  570. </tr>
  571. <tr>
  572. <td colspan="2" rowspan="1" class="txt_left">&nbsp;4.起火原因</td>
  573. <td colspan="3" rowspan="1" class="txt_left"><select v-model="table2.fireSource">
  574. <option>未查明火源</option>
  575. <option>烧荒烧炭</option>
  576. <option>炼山造林</option>
  577. <option>烧牧场</option>
  578. <option disabled>烧窑</option>
  579. <option >烧隔离带</option>
  580. <option>火车喷漏</option>
  581. <option>火车甩瓦</option>
  582. <option>机车喷火</option>
  583. <option>其他(生产性火源)</option>
  584. <option>野外吸烟</option>
  585. <option>取暖做饭</option>
  586. <option>上坟烧纸</option>
  587. <option>烧山驱兽</option>
  588. <option>小孩玩火</option>
  589. <option>痴呆弄火</option>
  590. <option>家火上山</option>
  591. <option>电线引起</option>
  592. <option>其他(非生产性用火)</option>
  593. <option>故意放火</option>
  594. <option>外省(区)烧入</option>
  595. <option>外国烧入</option>
  596. <option>雷击火</option>
  597. <option>其他自然火</option>
  598. </select></td>
  599. <td colspan="3" rowspan="1" >火灾种类</td>
  600. <td colspan="4" rowspan="1" class="txt_left"><select v-model="table2.fireType">
  601. <option >地表火</option>
  602. <option >树冠火</option>
  603. <option>地下火</option>
  604. </select></td>
  605. <td colspan="3" rowspan="1" >火灾等级</td>
  606. <td colspan="11" rowspan="1" class="txt_left"><select v-model="table2.fireLevel">
  607. <option >一般</option>
  608. <option >较大</option>
  609. <option>重大</option>
  610. <option>特大</option>
  611. </select></td>
  612. </tr>
  613. <tr>
  614. <td colspan="2" rowspan="1" class="txt_left">&nbsp;5.火场面积(公顷)</td>
  615. <td colspan="2" rowspan="1" >总面积合计</td>
  616. <td colspan="3" rowspan="1" ><input type="text" v-model="table2.areaTotal" /></td>
  617. <td colspan="4" rowspan="1">受害森林面积合计</td>
  618. <td colspan="3" rowspan="1" ><input type="text" v-model="table2.forestLossAreaTotal" /></td>
  619. <td colspan="1" rowspan="1">其中:</td>
  620. <td colspan="2" rowspan="1">原森林</td>
  621. <td colspan="4" rowspan="1"><input type="text" v-model="table2.originalForestArea" /></td>
  622. <td colspan="2" rowspan="1">人工林</td>
  623. <td colspan="3" rowspan="1"><input type="text" v-model="table2.artificialForestArea" /></td>
  624. </tr>
  625. <tr>
  626. <td colspan="2" rowspan="1" class="txt_left">&nbsp;6.扑火人力物力投入</td>
  627. <td colspan="2" rowspan="1" >出动总人数</td>
  628. <td colspan="1" rowspan="1" ><input type="text" v-model="table2.peopleTotal" /></td>
  629. <td colspan="2" rowspan="1">其中扑火队</td>
  630. <td colspan="1" rowspan="1" ><input type="text" v-model="table2.blazesTeamNumber" /></td>
  631. <td colspan="1" rowspan="1">森警</td>
  632. <td colspan="2" rowspan="1" ><input type="text" v-model="table2.policeNumber" /></td>
  633. <td colspan="1" rowspan="1">军队</td>
  634. <td colspan="1" rowspan="1"><input type="text" v-model="table2.armyNumber" /></td>
  635. <td colspan="1" rowspan="1">群众</td>
  636. <td colspan="1" rowspan="1"><input type="text" v-model="table2.crowdNumber" /></td>
  637. <td colspan="2" rowspan="1">风力灭火机</td>
  638. <td colspan="1" rowspan="1" ><input type="text" v-model="table2.windExtinguisher" /></td>
  639. <td colspan="2" rowspan="1">二号工具</td>
  640. <td colspan="1" rowspan="1" ><input type="text" v-model="table2.secondTool" /></td>
  641. <td colspan="2" rowspan="1">水枪</td>
  642. <td colspan="1" rowspan="1" ><input type="text" v-model="table2.waterGun" /></td>
  643. <td colspan="1" rowspan="1">其他</td>
  644. <td colspan="1" rowspan="1" ><input type="text" v-model="table2.elseThings" /></td>
  645. </tr>
  646. <tr>
  647. <td colspan="2" rowspan="1" class="txt_left">&nbsp;7.受害森林概况</td>
  648. <td colspan="2" rowspan="1" >林木组成</td>
  649. <td colspan="11" rowspan="1" ><input type="text" v-model="table2.forestComposition" /></td>
  650. <td colspan="2" rowspan="1">林令</td>
  651. <td colspan="4" rowspan="1" ><input type="text" v-model="table2.forestToken" /></td>
  652. <td colspan="2" rowspan="1">疏密度</td>
  653. <td colspan="3" rowspan="1" ><input type="text" v-model="table2.porosities" /></td>
  654. </tr>
  655. <tr>
  656. <td colspan="2" rowspan="1" class="txt_left">&nbsp;8.当日天气实况</td>
  657. <td colspan="2" rowspan="1" >天气</td>
  658. <td colspan="3" rowspan="1" ><input type="text" v-model="table2.weather" /></td>
  659. <td colspan="1" rowspan="1">气温</td>
  660. <td colspan="2" rowspan="1" ><input type="text" v-model="table2.temperature" /></td>
  661. <td colspan="1" rowspan="1">C°</td>
  662. <td colspan="3" rowspan="1" >火险等级</td>
  663. <td colspan="1" rowspan="1" ><input type="text" v-model="table2.fireInsuranceLevel" /></td>
  664. <td colspan="2" rowspan="1" >风力</td>
  665. <td colspan="2" rowspan="1" class="border_l0"><input type="text" v-model="table2.windLevel" /></td>
  666. <td colspan="2" rowspan="1" class="txt_left">级</td>
  667. <td colspan="2" rowspan="1" >风向</td>
  668. <td colspan="3" rowspan="1" ><input type="text" v-model="table2.windDirection" /></td>
  669. </tr>
  670. <tr>
  671. <td colspan="2" rowspan="1" class="txt_left">&nbsp;9.指挥扑火负责人</td>
  672. <td colspan="2" rowspan="1" >单位</td>
  673. <td colspan="11" rowspan="1" ><input type="text" v-model="table2.commandUnit" /></td>
  674. <td colspan="2" rowspan="1">姓名</td>
  675. <td colspan="4" rowspan="1" ><input type="text" v-model="table2.commandName" /></td>
  676. <td colspan="2" rowspan="1">职务</td>
  677. <td colspan="3" rowspan="1" ><input type="text" v-model="table2.commandPosition" /></td>
  678. </tr>
  679. <tr>
  680. <td colspan="2" rowspan="1" class="txt_left">&nbsp;10.火场调查负责人</td>
  681. <td colspan="2" rowspan="1" >单位</td>
  682. <td colspan="11" rowspan="1" ><input type="text" v-model="table2.surveyUnit" /></td>
  683. <td colspan="2" rowspan="1">姓名</td>
  684. <td colspan="4" rowspan="1" ><input type="text" v-model="table2.surveyName" /></td>
  685. <td colspan="2" rowspan="1">职务</td>
  686. <td colspan="3" rowspan="1" ><input type="text" v-model="table2.surveyPosition" /></td>
  687. </tr>
  688. <tr>
  689. <td colspan="2" rowspan="1" class="txt_left">&nbsp;11.火灾肇事人情况</td>
  690. <td colspan="2" rowspan="1" >姓名</td>
  691. <td colspan="2" rowspan="1" ><input type="text" v-model="table2.accidentName" /></td>
  692. <td colspan="2" rowspan="1">性别</td>
  693. <td colspan="1" rowspan="1" ><input type="text" v-model="table2.accidentSex" /></td>
  694. <td colspan="3" rowspan="1">年龄</td>
  695. <td colspan="1" rowspan="1" ><input type="text" v-model="table2.accidentAge" /></td>
  696. <td colspan="1" rowspan="1">职业</td>
  697. <td colspan="1" rowspan="1"><input type="text" v-model="table2.accidentPosition" /></td>
  698. <td colspan="2" rowspan="1">单位或住址</td>
  699. <td colspan="9" rowspan="1" ><input type="text" v-model="table2.accidentUnit" /></td>
  700. </tr>
  701. <tr>
  702. <td colspan="2" rowspan="1" class="txt_left">&nbsp;12.火灾处理情况</td>
  703. <td colspan="2" rowspan="1" >处理方式</td>
  704. <td colspan="4" rowspan="1" ><select v-model="table2.dealType">
  705. <option >立案(刑事处理)</option>
  706. <option >破案(刑事处理)</option>
  707. <option>行政处理</option>
  708. <option>待查</option>
  709. <option>拘留</option>
  710. <option>处理</option>
  711. <option>未处理</option>
  712. </select></td>
  713. <td colspan="3" rowspan="1">已处理人数</td>
  714. <td colspan="4" rowspan="1" ><input type="text" v-model="table2.dealNumber" /></td>
  715. <td colspan="4" rowspan="1">刑事处罚人数</td>
  716. <td colspan="7" rowspan="1" ><input type="text" v-model="table2.criminalDealNumber" /></td>
  717. </tr>
  718. <tr>
  719. <td colspan="2" rowspan="1" class="txt_left" style="height: 60px;">&nbsp;13.对火灾肇事人<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;的处理情况</td>
  720. <td colspan="24" rowspan="1" class="txt_left">
  721. <textarea v-model="table2.accidentDealSituation"></textarea>
  722. </td>
  723. </tr>
  724. <tr>
  725. <td colspan="2" rowspan="1" class="txt_left" style="height: 60px;">&nbsp;14.对责任人员的<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;责任人追查情况</td>
  726. <td colspan="24" rowspan="1" class="txt_left" >
  727. <textarea v-model="table2.responsibilityDealSituation"></textarea></td>
  728. </tr>
  729. <tr>
  730. <td colspan="2" rowspan="1" class="txt_left" style="height: 60px;">&nbsp;15.对有关领导的<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;责任追查情况</td>
  731. <td colspan="24" rowspan="1" class="txt_left" >
  732. <textarea v-model="table2.leadershipDealSituation"></textarea></td>
  733. </tr>
  734. <tr class="tr_border">
  735. <td colspan="4" rowspan="1" >县(市、区、局、站)填表人:</td>
  736. <td colspan="2" rowspan="1" ><input type="text" v-model="table2.townForm" /></td>
  737. <td colspan="4" rowspan="1" >县(市、区、局、站)审核人:</td>
  738. <td colspan="3" rowspan="1" ><input type="text" v-model="table2.townAudit" /></td>
  739. <td colspan="4" rowspan="1" >市(州、管委会)填表人:</td>
  740. <td colspan="2" rowspan="1" ><input type="text" v-model="table2.cityForm" /></td>
  741. <td colspan="4" rowspan="1" >市(州、管委会)审核人:</td>
  742. <td colspan="3" rowspan="1" ><input type="text" v-model="table2.cityAudit" /></td>
  743. </tr>
  744. </tbody>
  745. </table>
  746. <el-button size="mini" type="primary"
  747. @click="updateCentereventTEventcatalogueStatus('gd',true)">归档
  748. </el-button>
  749. </form>
  750. </div>
  751. </el-dialog>
  752. </div>
  753. </template>
  754. <script>
  755. import html2canvas from 'html2canvas'//截图组件
  756. import supermapDialog from '@/components/supermap' //超图
  757. import vheader from '@/components/v-header.vue' //一体化共用头部
  758. import vBottomMenu from '@/components/vBottomMenu.vue' //一体化公共底部菜单
  759. import eventLogUpload from '@/views/eventLogUpload.vue' //日志上传文件
  760. import {
  761. getEventDetail,
  762. sendEventLog,
  763. listSJfl,
  764. listYuAn,
  765. selectByeventCode,
  766. updateCentereventTEventcatalogueStatus,
  767. sendTask
  768. } from '@/api/forest'
  769. import {
  770. treeselectAll as deptTreeselect
  771. } from '@/api/system/dept'
  772. export default {
  773. components: {
  774. vheader,
  775. vBottomMenu,
  776. supermapDialog,
  777. eventLogUpload
  778. },
  779. data() {
  780. return {
  781. /** *****************事件流程***************************/
  782. deptNameitem: '签收部门',
  783. sendDeptId: null,//签收部门/发起部门
  784. sendDeptName: null,//签收部门/发起部门
  785. sendEventType: null,//事件类型
  786. sendHuoZaiBanJing: null,//火灾报告
  787. sendGuanLianYuAn: null,//关联预案
  788. sendTaskTitle: null,//联动标题
  789. sendTaskContent: null,//联动内容
  790. sendLianDongDept: [],//联动部门
  791. eventTypeList: [],//事件类型列表
  792. guanLianYuAnList: [],//关联预案列表
  793. deptOptions: [],//签收部门
  794. deptOptionsLiandong: [],//联动部门
  795. eventStatusButton: null,//流程按钮标识
  796. eventConfirmTitle: null,//弹窗标题 ---签收 误报 重复
  797. deptExpand: true,//展开/折叠
  798. deptNodeAll: false,//全选/全不选
  799. deptCheckStrictly: false,//父子联动
  800. defaultProps: {
  801. children: 'children',
  802. label: 'label'
  803. },
  804. table1:{
  805. reportUnit:null,
  806. reportTimeY:null,
  807. reportTimeM:null,
  808. reportTimeD:null,
  809. forestFireLossTotal:null,
  810. fireLossTotal:null,
  811. forestArea:null,
  812. forestPrice:null,
  813. treesNumber:null,
  814. treesPrice:null,
  815. minorInjuriesNumber:null,
  816. minorInjuriesPrice:null,
  817. seriouslyInjuredNumber:null,
  818. seriouslyInjuredPrice:null,
  819. deathNumber:null,
  820. deathPrice:null,
  821. elseFireLossPrice:null,
  822. blazesPriceTotal:null,
  823. artificialDays:null,
  824. artificialPrice:null,
  825. vehicleNumber:null,
  826. carNumber:null,
  827. vehiclePrice:null,
  828. planeNumber:null,
  829. planePrice:null,
  830. elseBlazesPrice:null,
  831. note:null,
  832. },
  833. table2:{
  834. fireTime:null,
  835. foundTime:null,
  836. blazesTime:null,
  837. address:null,
  838. firePlace:null,
  839. foundType:null,
  840. longitudeD:null,
  841. longitudeM:null,
  842. longitudeS:null,
  843. latitudeD:null,
  844. latitudeM:null,
  845. latitudeS:null,
  846. fireSource:null,
  847. fireType:null,
  848. fireLevel:null,
  849. areaTotal:null,
  850. forestLossAreaTotal:null,
  851. originalForestArea:null,
  852. artificialForestArea:null,
  853. peopleTotal:null,
  854. blazesTeamNumber:null,
  855. policeNumber:null,
  856. armyNumber:null,
  857. crowdNumber:null,
  858. windExtinguisher:null,
  859. secondTool:null,
  860. waterGun:null,
  861. elseThings:null,
  862. forestComposition:null,
  863. forestToken:null,
  864. porosities:null,
  865. weather:null,
  866. temperature:null,
  867. fireInsuranceLevel:null,
  868. windLevel:null,
  869. windDirection:null,
  870. commandUnit:null,
  871. commandName:null,
  872. commandPosition:null,
  873. surveyUnit:null,
  874. surveyName:null,
  875. surveyPosition:null,
  876. accidentName:null,
  877. accidentSex:null,
  878. accidentAge:null,
  879. accidentPosition:null,
  880. accidentUnit:null,
  881. dealType:null,
  882. dealNumber:null,
  883. criminalDealNumber:null,
  884. accidentDealSituation:null,
  885. responsibilityDealSituation:null,
  886. leadershipDealSituation:null,
  887. townForm:null,
  888. townAudit:null,
  889. cityForm:null,
  890. cityAudit:null,
  891. },
  892. /** *****************事件流程***************************/
  893. showEventConfirm: false,//事件签收弹窗
  894. showEventConfirm_gd: false,//事件火险报告弹窗
  895. eventStatusValue: null,//事件状态
  896. eventId: null,//事件ID
  897. eventType: null,//事件类型-大类
  898. eventCode: null,
  899. longitude: null,
  900. latitude: null,
  901. eventLog: null,
  902. eventLogList: [],
  903. eventDialog: false,
  904. resourcesList: [
  905. {
  906. resourceName: '取水口',
  907. count: '1',
  908. icon: 'sj-icon-waterintake'
  909. },
  910. {
  911. resourceName: '水鹤',
  912. count: '1',
  913. icon: 'sj-icon-watercrane'
  914. },
  915. {
  916. resourceName: '消防栓',
  917. count: '1',
  918. icon: 'sj-icon-firehydrant'
  919. },
  920. {
  921. resourceName: '起降点',
  922. count: '1',
  923. icon: 'sj-icon-landing'
  924. },
  925. {
  926. resourceName: '检查站',
  927. count: '1',
  928. icon: 'sj-icon-checkpoint'
  929. },
  930. {
  931. resourceName: '防火队',
  932. count: '1',
  933. icon: 'sj-icon-fireteam'
  934. },
  935. {
  936. resourceName: '重点区域',
  937. count: '1',
  938. icon: 'sj-icon-tcqh'
  939. },
  940. {
  941. resourceName: '摄像头',
  942. count: '1',
  943. icon: 'sj-icon-jkzx'
  944. }
  945. ],
  946. //文本域
  947. feedback: ''
  948. }
  949. },
  950. methods: {
  951. setValue(event) {
  952. //签收选择部门
  953. this.sendDeptName = event.label
  954. this.sendDeptId = event.value
  955. },
  956. cancelEventConfirm() {
  957. //关闭事件签收弹窗
  958. this.sendDeptId = null
  959. this.sendDeptName = null
  960. this.sendEventType = null
  961. this.sendHuoZaiBanJing = null
  962. this.sendGuanLianYuAn = null
  963. this.longitude= null
  964. this.latitude= null
  965. this.sendTaskTitle= null
  966. this.sendTaskContent= null
  967. this.sendLianDongDept= null
  968. this.eventTypeList = []//事件类型列表
  969. this.guanLianYuAnList = []//关联预案列表
  970. this.deptOptions = []//签收部门
  971. this.deptOptionsLiandong = []//联动部门
  972. this.eventStatusButton = null//流程按钮标识
  973. this.eventConfirmTitle = null//流程按钮标识
  974. },
  975. cancelEventConfirm_gd() {
  976. //关闭事件火险报告窗口
  977. this.resetTable1()
  978. this.resetTable2()
  979. },
  980. resetTable1(){
  981. this.table1 = {
  982. reportUnit:null,
  983. reportTimeY:null,
  984. reportTimeM:null,
  985. reportTimeD:null,
  986. forestFireLossTotal:null,
  987. fireLossTotal:null,
  988. forestArea:null,
  989. forestPrice:null,
  990. treesNumber:null,
  991. treesPrice:null,
  992. minorInjuriesNumber:null,
  993. minorInjuriesPrice:null,
  994. seriouslyInjuredNumber:null,
  995. seriouslyInjuredPrice:null,
  996. deathNumber:null,
  997. deathPrice:null,
  998. elseFireLossPrice:null,
  999. blazesPriceTotal:null,
  1000. artificialDays:null,
  1001. artificialPrice:null,
  1002. vehicleNumber:null,
  1003. carNumber:null,
  1004. vehiclePrice:null,
  1005. planeNumber:null,
  1006. planePrice:null,
  1007. elseBlazesPrice:null,
  1008. note:null,
  1009. };
  1010. },
  1011. resetTable2(){
  1012. this.table2 = {
  1013. fireTime:null,
  1014. foundTime:null,
  1015. blazesTime:null,
  1016. address:null,
  1017. firePlace:null,
  1018. foundType:null,
  1019. longitudeD:null,
  1020. longitudeM:null,
  1021. longitudeS:null,
  1022. latitudeD:null,
  1023. latitudeM:null,
  1024. latitudeS:null,
  1025. fireSource:null,
  1026. fireType:null,
  1027. fireLevel:null,
  1028. areaTotal:null,
  1029. forestLossAreaTotal:null,
  1030. originalForestArea:null,
  1031. artificialForestArea:null,
  1032. peopleTotal:null,
  1033. blazesTeamNumber:null,
  1034. policeNumber:null,
  1035. armyNumber:null,
  1036. crowdNumber:null,
  1037. windExtinguisher:null,
  1038. secondTool:null,
  1039. waterGun:null,
  1040. elseThings:null,
  1041. forestComposition:null,
  1042. forestToken:null,
  1043. porosities:null,
  1044. weather:null,
  1045. temperature:null,
  1046. fireInsuranceLevel:null,
  1047. windLevel:null,
  1048. windDirection:null,
  1049. commandUnit:null,
  1050. commandName:null,
  1051. commandPosition:null,
  1052. surveyUnit:null,
  1053. surveyName:null,
  1054. surveyPosition:null,
  1055. accidentName:null,
  1056. accidentSex:null,
  1057. accidentAge:null,
  1058. accidentPosition:null,
  1059. accidentUnit:null,
  1060. dealType:null,
  1061. dealNumber:null,
  1062. criminalDealNumber:null,
  1063. accidentDealSituation:null,
  1064. responsibilityDealSituation:null,
  1065. leadershipDealSituation:null,
  1066. townForm:null,
  1067. townAudit:null,
  1068. cityForm:null,
  1069. cityAudit:null,
  1070. };
  1071. },
  1072. /**
  1073. * eventStatusValue 事件状态
  1074. * isSend 是否办理
  1075. * */
  1076. async updateCentereventTEventcatalogueStatus(eventStatus, isSend) {
  1077. this.eventStatusButton = eventStatus
  1078. if (!isSend) {//事件弹窗
  1079. if (eventStatus == 'qs') {//签收
  1080. this.eventConfirmTitle = '事件签收'
  1081. let param = { parentId: this.eventType }
  1082. await listSJfl(param).then(res => {
  1083. //事件类型
  1084. if (res.code == 200) {
  1085. this.eventTypeList = res.data
  1086. }
  1087. })
  1088. await listYuAn().then(res => {
  1089. //关联预案
  1090. if (res.code == 200) {
  1091. this.guanLianYuAnList = res.data
  1092. }
  1093. })
  1094. await selectByeventCode(this.eventCode).then(res => {
  1095. //签收部门
  1096. if (res.code == 200) {
  1097. this.deptOptions = res.data
  1098. this.deptNameitem = '签收部门'
  1099. }
  1100. })
  1101. this.showEventConfirm = true
  1102. } else if (eventStatus == 'wb') {//误报
  1103. this.eventConfirmTitle = '事件误报'
  1104. await selectByeventCode(this.eventCode).then(res => {
  1105. //签收部门
  1106. if (res.code == 200) {
  1107. this.deptOptions = res.data
  1108. this.deptNameitem = '签收部门'
  1109. }
  1110. })
  1111. this.showEventConfirm = true
  1112. } else if (eventStatus == 'cf') {//重复
  1113. this.eventConfirmTitle = '事件重复'
  1114. await selectByeventCode(this.eventCode).then(res => {
  1115. //签收部门
  1116. if (res.code == 200) {
  1117. this.deptOptions = res.data
  1118. this.deptNameitem = '签收部门'
  1119. }
  1120. })
  1121. this.showEventConfirm = true
  1122. } else if (eventStatus == 'ld') {//联动
  1123. await selectByeventCode(this.eventCode).then(res => {
  1124. //签收部门
  1125. if (res.code == 200) {
  1126. this.deptOptions = res.data
  1127. this.deptNameitem = '发起部门'
  1128. }
  1129. })
  1130. this.eventConfirmTitle = '事件联动'
  1131. /** 查询部门树结构 */
  1132. await deptTreeselect().then(response => {
  1133. this.deptOptionsLiandong = response.data
  1134. })
  1135. this.showEventConfirm = true
  1136. } else if (eventStatus == 'gd') {//归档填报
  1137. this.showEventConfirm_gd = true
  1138. }
  1139. } else {//事件提交后台
  1140. if (eventStatus == 'ld') {
  1141. let array = this.$refs.LiandongDept.getCheckedNodes()
  1142. if (array != null && array.length > 0) {
  1143. for (let i = 0; i < array.length; i++) {
  1144. this.sendLianDongDept.push({'taskDeptId': array[i].id,'taskDeptName': array[i].label})
  1145. }
  1146. }
  1147. //事件处理流程
  1148. let param = {
  1149. sendDeptId: this.sendDeptId,
  1150. sendDept: this.sendDeptName,
  1151. eventCode: this.eventCode,
  1152. longitude: this.longitude,
  1153. latitude: this.latitude,
  1154. taskTitle: this.sendTaskTitle,
  1155. taskContent: this.sendTaskContent,
  1156. taskDept: this.sendLianDongDept
  1157. }
  1158. console.log(param)
  1159. sendTask(param).then(res => {
  1160. if (res.code == 200) {
  1161. this.$message.success(`联动发起成功!`)
  1162. this.refreshEventDialog(this.eventCode);
  1163. this.showEventConfirm = false
  1164. }
  1165. })
  1166. }else if (eventStatus == 'gd') {
  1167. let array = this.$refs.LiandongDept.getCheckedNodes()
  1168. if (array != null && array.length > 0) {
  1169. for (let i = 0; i < array.length; i++) {
  1170. this.sendLianDongDept.push({'taskDeptId': array[i].id,'taskDeptName': array[i].label})
  1171. }
  1172. }
  1173. //事件处理流程
  1174. let param = {
  1175. sendDeptId: this.sendDeptId,
  1176. sendDept: this.sendDeptName,
  1177. eventCode: this.eventCode,
  1178. longitude: this.longitude,
  1179. latitude: this.latitude,
  1180. taskTitle: this.sendTaskTitle,
  1181. taskContent: this.sendTaskContent,
  1182. taskDept: this.sendLianDongDept
  1183. }
  1184. console.log(param)
  1185. sendTask(param).then(res => {
  1186. if (res.code == 200) {
  1187. this.$message.success(`联动发起成功!`)
  1188. this.refreshEventDialog(this.eventCode);
  1189. this.showEventConfirm = false
  1190. }
  1191. })
  1192. } else {
  1193. //事件处理流程
  1194. let param = {
  1195. eventCode: this.eventCode,
  1196. deptId: this.sendDeptId,
  1197. deptName: this.sendDeptName,
  1198. eventStatus: eventStatus,
  1199. eventType: this.sendEventType,
  1200. id: this.eventId,
  1201. czlx: '',
  1202. fireRadius: this.sendHuoZaiBanJing,
  1203. reserve: this.sendGuanLianYuAn
  1204. }
  1205. updateCentereventTEventcatalogueStatus(param).then(res => {
  1206. if (res.code == 200) {
  1207. this.refreshEvent(this.eventCode)
  1208. this.showEventConfirm = false
  1209. }
  1210. })
  1211. }
  1212. }
  1213. },
  1214. // 树权限(展开/折叠)
  1215. handleCheckedTreeExpand(value, type) {
  1216. if (type == 'menu') {
  1217. let treeList = this.menuOptions
  1218. for (let i = 0; i < treeList.length; i++) {
  1219. this.$refs.menu.store.nodesMap[treeList[i].id].expanded = value
  1220. }
  1221. } else if (type == 'menuVisu') {
  1222. let treeList = this.menuVisuOptions
  1223. for (let i = 0; i < treeList.length; i++) {
  1224. this.$refs.menuVisu.store.nodesMap[treeList[i].id].expanded = value
  1225. }
  1226. } else if (type == 'dept') {
  1227. let treeList = this.deptOptions
  1228. for (let i = 0; i < treeList.length; i++) {
  1229. this.$refs.LiandongDept.store.nodesMap[treeList[i].id].expanded = value
  1230. }
  1231. }
  1232. },
  1233. // 树权限(全选/全不选)
  1234. handleCheckedTreeNodeAll(value, type) {
  1235. if (type == 'menu') {
  1236. this.$refs.menu.setCheckedNodes(value ? this.menuOptions : [])
  1237. } else if (type == 'menuVisu') {
  1238. this.$refs.menuVisu.setCheckedNodes(value ? this.menuVisuOptions : [])
  1239. } else if (type == 'dept') {
  1240. this.$refs.LiandongDept.setCheckedNodes(value ? this.deptOptions : [])
  1241. }
  1242. },
  1243. // 树权限(父子联动)
  1244. handleCheckedTreeConnect(value, type) {
  1245. if (type == 'menu') {
  1246. this.menuCheckStrictly = value ? true : false
  1247. } else if (type == 'dept') {
  1248. this.deptCheckStrictly = value ? true : false
  1249. }
  1250. },
  1251. sendEventLog() {
  1252. //日志发送
  1253. let param = { eventCode: this.eventCode, conext: this.eventLog }
  1254. sendEventLog(param).then(res => {
  1255. if (res.code == 200) {
  1256. this.$message.success(`发送成功!`)
  1257. this.eventLog = null
  1258. this.refreshEventDialog(this.eventCode)
  1259. }
  1260. })
  1261. },
  1262. showEventLogUpload() {
  1263. this.$refs.eventLogUpload.eventLogUpload(this.eventCode)
  1264. },
  1265. cancelEventShow() {
  1266. console.log('关闭事件弹窗')
  1267. this.eventLogList = []
  1268. },
  1269. showEventDialog(eventCode) {
  1270. this.eventCode = eventCode
  1271. let that = this
  1272. //获取事件详情
  1273. getEventDetail({ eventCode: eventCode }).then(res => {
  1274. this.eventDialog = true
  1275. this.eventLogList = res.data.eventlog
  1276. if (res.data.catalogue != null && res.data.catalogue.length > 0) {
  1277. this.eventStatusValue = res.data.catalogue[0].eventStatusValue
  1278. this.eventType = res.data.catalogue[0].eventType
  1279. this.eventId = res.data.catalogue[0].id
  1280. this.longitude = res.data.catalogue[0].longitude
  1281. this.latitude = res.data.catalogue[0].latitude
  1282. let markersMap = {
  1283. lng: 124.59,
  1284. lat: 43.02,
  1285. icon: 'marker',
  1286. bindPopupHtml: '',
  1287. click: '',
  1288. parameter: '',
  1289. keepBindPopup: false,
  1290. isAggregation: false,
  1291. radius: 0
  1292. }
  1293. 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') {
  1294. markersMap.icon = 'sj-icon-map-clz'
  1295. markersMap.isAggregation = false
  1296. } else if (res.data.catalogue[0].eventStatusValue == 'event_event_status_4') {
  1297. markersMap.icon = 'sj-icon-map-wcl'
  1298. } else if (res.data.catalogue[0].eventStatusValue == 'event_event_status_5') {
  1299. markersMap.icon = 'sj-icon-map-wcl'
  1300. } else if (res.data.catalogue[0].eventStatusValue == 'event_event_status_6') {
  1301. markersMap.icon = 'sj-icon-map-wcl'
  1302. } else {
  1303. markersMap.icon = 'sj-icon-map-ywc'
  1304. }
  1305. markersMap.lng = res.data.catalogue[0].longitude
  1306. markersMap.lat = res.data.catalogue[0].latitude
  1307. 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) {
  1308. markersMap.radius = res.data.eventdetail[0].fireRadius
  1309. }
  1310. setTimeout(() => {
  1311. that.$refs.supermapDialog.dynamicPlotting()//弹出动态绘制窗口,防止截图位置改变
  1312. that.$refs.supermapDialog.clearM(false)
  1313. that.$refs.supermapDialog.setMarkersRadius([markersMap])
  1314. that.$refs.supermapDialog.dropLocation(res.data.catalogue[0].latitude, res.data.catalogue[0].longitude)
  1315. }, 1000)
  1316. }
  1317. })
  1318. },
  1319. refreshEvent(eventCode) {
  1320. this.eventCode = eventCode
  1321. let that = this
  1322. //刷新--事件详情
  1323. getEventDetail({ eventCode: eventCode }).then(res => {
  1324. this.eventDialog = true
  1325. this.eventLogList = res.data.eventlog
  1326. if (res.data.catalogue != null && res.data.catalogue.length > 0) {
  1327. this.eventStatusValue = res.data.catalogue[0].eventStatusValue
  1328. this.eventType = res.data.catalogue[0].eventType
  1329. this.eventId = res.data.catalogue[0].id
  1330. let markersMap = {
  1331. lng: 124.59,
  1332. lat: 43.02,
  1333. icon: 'marker',
  1334. bindPopupHtml: '',
  1335. click: '',
  1336. parameter: '',
  1337. keepBindPopup: false,
  1338. isAggregation: false,
  1339. radius: 0
  1340. }
  1341. 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') {
  1342. markersMap.icon = 'sj-icon-map-clz'
  1343. markersMap.isAggregation = false
  1344. } else if (res.data.catalogue[0].eventStatusValue == 'event_event_status_4') {
  1345. markersMap.icon = 'sj-icon-map-wcl'
  1346. } else if (res.data.catalogue[0].eventStatusValue == 'event_event_status_5') {
  1347. markersMap.icon = 'sj-icon-map-wcl'
  1348. } else if (res.data.catalogue[0].eventStatusValue == 'event_event_status_6') {
  1349. markersMap.icon = 'sj-icon-map-wcl'
  1350. } else {
  1351. markersMap.icon = 'sj-icon-map-ywc'
  1352. }
  1353. markersMap.lng = res.data.catalogue[0].longitude
  1354. markersMap.lat = res.data.catalogue[0].latitude
  1355. 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) {
  1356. markersMap.radius = res.data.eventdetail[0].fireRadius
  1357. }
  1358. setTimeout(() => {
  1359. that.$refs.supermapDialog.clearM(false)
  1360. 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) {
  1361. that.$refs.supermapDialog.setMarkersRadius([markersMap])
  1362. } else {
  1363. that.$refs.supermapDialog.setMarkers([markersMap])
  1364. }
  1365. that.$refs.supermapDialog.dropLocation(res.data.catalogue[0].latitude, res.data.catalogue[0].longitude)
  1366. }, 1000)
  1367. }
  1368. })
  1369. },
  1370. refreshEventDialog(eventCode) {
  1371. //刷新--事件日志
  1372. getEventDetail({ eventCode: eventCode }).then(res => {
  1373. this.eventLogList = res.data.eventlog
  1374. })
  1375. },
  1376. // 页面元素转图片
  1377. toImage() {
  1378. // 手动创建一个 canvas 标签
  1379. const canvas = document.createElement('canvas')
  1380. // 获取父标签,意思是这个标签内的 DOM 元素生成图片
  1381. // imageTofile是给截图范围内的父级元素自定义的ref名称
  1382. // let canvasBox = this.$refs.imageTofile
  1383. let canvasBox = document.getElementById('forestWarmSuperMap')
  1384. let toolbar = document.getElementById('toolbar')
  1385. canvasBox.removeChild(toolbar)
  1386. // 获取父级的宽高
  1387. const width = parseInt(window.getComputedStyle(canvasBox).width)
  1388. const height = parseInt(window.getComputedStyle(canvasBox).height)
  1389. // 宽高 * 2 并放大 2 倍 是为了防止图片模糊
  1390. canvas.width = width * 2
  1391. canvas.height = height * 2
  1392. canvas.style.width = width + 'px'
  1393. canvas.style.height = height + 'px'
  1394. const context = canvas.getContext('2d')
  1395. context.scale(2, 2)
  1396. const options = {
  1397. backgroundColor: null,
  1398. canvas: canvas,
  1399. useCORS: true
  1400. }
  1401. html2canvas(canvasBox, options).then((canvas) => {
  1402. // toDataURL 图片格式转成 base64
  1403. let dataURL = canvas.toDataURL('image/png')
  1404. console.log(dataURL)
  1405. this.downloadImage(dataURL)
  1406. })
  1407. canvasBox.appendChild(toolbar)
  1408. },
  1409. //下载图片
  1410. downloadImage(url) {
  1411. // 如果是在网页中可以直接创建一个 a 标签直接下载
  1412. let a = document.createElement('a')
  1413. a.href = url
  1414. a.download = '首页截图'
  1415. a.click()
  1416. }
  1417. }
  1418. }
  1419. </script>
  1420. <style lang="scss" scoped>
  1421. @import '@/assets/styles/base.scss';
  1422. .tree-border{
  1423. border: 1px $barBorder;
  1424. }
  1425. button{
  1426. padding: .5rem;
  1427. }
  1428. /** 火灾报告**/
  1429. //@font-face {
  1430. // font-family: 'fontnameRegular';
  1431. // src: url('../../../../assets/styles/FZYTJW_0.TTF');
  1432. //}
  1433. body,
  1434. html,
  1435. * {
  1436. padding: 0px;
  1437. margin: 0px;
  1438. font-family: "fontnameRegular";
  1439. }
  1440. .table-container {
  1441. width: 100%;
  1442. }
  1443. .txt_right {
  1444. text-align: right !important;
  1445. }
  1446. .txt_left {
  1447. text-align: left !important;
  1448. }
  1449. table {
  1450. border-spacing: 0;
  1451. border-collapse: collapse;
  1452. width: 99%;
  1453. margin: 0 auto;
  1454. color: #000;
  1455. }
  1456. table input {
  1457. font-size: 1rem;
  1458. border: 0px;
  1459. outline: 0px;
  1460. font-family: "微软雅黑";
  1461. }
  1462. table input:hover {
  1463. background: #daf1f8;
  1464. }
  1465. table thead th {
  1466. font-size: 1.2rem;
  1467. font-family: "宋体";
  1468. height: 2rem;
  1469. border-top: 0px;
  1470. border-left: 0px;
  1471. border-right: 0px;
  1472. outline: 0px;
  1473. }
  1474. table tr td {
  1475. font-size: 1.2rem;
  1476. font-family: "fontnameRegular";
  1477. height: 2rem;
  1478. border: 1px solid #000;
  1479. text-align: center;
  1480. }
  1481. .font1 {
  1482. font-size: 1.7rem;
  1483. font-weight: bolder;
  1484. }
  1485. .border0 {
  1486. width: 100% !important;
  1487. }
  1488. .border0 tr td {
  1489. border: 0px !important;
  1490. }
  1491. table tr td input {
  1492. width: 87%;
  1493. /* display: inline-block;*/
  1494. outline: 0px;
  1495. text-align: left;
  1496. height: 94%;
  1497. }
  1498. .int_tr td input {
  1499. text-align: center !important;
  1500. }
  1501. .table2 tr th {
  1502. font-size: 1.7rem;
  1503. padding: .5rem 0;
  1504. font-family: 'fontnameRegular';
  1505. }
  1506. .table2 tr td {
  1507. font-size:1.2rem;
  1508. }
  1509. .table2 tr td select {
  1510. border: 0px !important;
  1511. outline: 0px;
  1512. width: 100%;
  1513. font-family: "微软雅黑";
  1514. font-size: 1rem;
  1515. padding-left: 1%;
  1516. }
  1517. .table2 tr td select:hover{
  1518. background: #e9f5f8;
  1519. }
  1520. .table2 tr td select option {
  1521. font-size: 1rem;
  1522. font-family: "微软雅黑";
  1523. }
  1524. .border_l0 {
  1525. border-right: 1px solid #ececec !important;
  1526. }
  1527. .table2 tr td textarea {
  1528. border: 0px !important;
  1529. outline: 0px;
  1530. width: 98%;
  1531. padding: .5rem;
  1532. font-size: 1rem;
  1533. resize: none;
  1534. }
  1535. .tr_border td {
  1536. border-right: 0px !important;
  1537. border-left: 0px !important;
  1538. border-bottom: 0px !important;
  1539. font-size: 15px;
  1540. }
  1541. </style>