infoDialog.vue 44 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397
  1. <!--
  2. <infoDialog v-if="infoDialogType" :propsInfoDialogData="propsInfoDialogData"></infoDialog>
  3. import infoDialog from '@/views/safetyCheck/components/infoDialog/infoDialog.vue'
  4. components: {
  5. infoDialog,
  6. },
  7. infoDialogType:false,
  8. propsInfoDialogData:{},
  9. //开关详情页面
  10. addDialogOpen(type,data){
  11. if(this.infoDialogType != type){
  12. if(type){
  13. let obj = {
  14. id:data.id
  15. }
  16. this.$set(this,'propsInfoDialogData',obj);
  17. this.$set(this,'infoDialogType',type);
  18. }else{
  19. this.getList();
  20. this.$set(this,'infoDialogType',type);
  21. }
  22. }
  23. },
  24. -->
  25. <template>
  26. <el-dialog class="safetyHazard-info-dialog-box" @close="outDialog"
  27. :close-on-click-modal="false"
  28. :class="fullScreenType?'lookDocumentDataDialog-fullScreen':''"
  29. v-loading="loading"
  30. :title="infoDialogData.checkHazardApplyDto.rectifyStatus==1?'已完成':(infoDialogData.checkHazardApplyDto.rectifyStatus==2?'待整改':(infoDialogData.checkHazardApplyDto.rectifyStatus==3?'待复核':(infoDialogData.checkHazardApplyDto.rectifyStatus==4?'暂无法整改':'')))"
  31. :visible.sync="infoDialogType" v-if="infoDialogType"
  32. width="1184px" append-to-body>
  33. <div class="info-dialog-title-box scrollbar-box" v-if="imgDocumentType == 0">
  34. <div class="info-dialog-for-title-box" @click="checkTitleButton('info')" :class="infoDialogCheckIndex == 'info'?'info-dialog-for-check':''">
  35. <p>隐患检查</p>
  36. <p></p>
  37. </div>
  38. <div class="info-dialog-for-title-box" :class="infoDialogCheckIndex == index?'info-dialog-for-check':''"
  39. @click="checkTitleButton(index)" v-for="(item,index) in infoDialogData.checkRectifyApplyList" :key="index">
  40. <!--<p>{{item.applyFlag==1?'隐患整改':(item.applyFlag==2?'整改复核':'')}}</p>-->
  41. <p>{{item.titleName}}</p>
  42. <p></p>
  43. </div>
  44. <div class="info-dialog-for-title-box" v-if="addFormType == 1 || addFormType == 2" @click="checkTitleButton('add')" :class="infoDialogCheckIndex == 'add'?'info-dialog-for-check':''">
  45. <p>{{addFormTitle}}</p>
  46. <p></p>
  47. </div>
  48. </div>
  49. <div class="info-dialog-content-box scrollbar-box" v-if="imgDocumentType == 0">
  50. <div class="info-dialog-content-info" v-if="infoDialogCheckIndex == 'info' && imgDocumentType == 0">
  51. <div class="info-dialog-content-info-top">
  52. <div class="text-box-box">
  53. <p>计划标题</p>
  54. <p>{{infoDialogData.title}}</p>
  55. </div>
  56. <div class="text-box-two-box">
  57. <div>
  58. <p>检查组织</p>
  59. <p>{{infoDialogData.checkType==1?'校院巡查':(infoDialogData.checkType==2?'实验室自查':'')}}</p>
  60. </div>
  61. <div>
  62. <p>{{infoDialogData.checkType==1?'计划周期':(infoDialogData.checkType==2?'任务周期':'')}}</p>
  63. <p>{{infoDialogData.cycleStartTime}} 至 {{infoDialogData.cycleEndTime}}</p>
  64. </div>
  65. </div>
  66. <div class="text-box-two-box">
  67. <div>
  68. <p>学院</p>
  69. <p>{{infoDialogData.collegeName}}</p>
  70. </div>
  71. <div>
  72. <p>实验室</p>
  73. <p>{{infoDialogData.subjectName}} - {{infoDialogData.roomNumber}}</p>
  74. </div>
  75. </div>
  76. <div class="text-box-two-box">
  77. <div>
  78. <p>楼栋</p>
  79. <p>{{infoDialogData.buildName}}</p>
  80. </div>
  81. </div>
  82. <div class="text-box-box">
  83. <p>检查要求</p>
  84. <p>{{infoDialogData.checkDemand}}<span v-if="!infoDialogData.checkDemand" style="color:#999;">未输入</span></p>
  85. </div>
  86. <div class="text-box-two-box">
  87. <div>
  88. <p>检查结果</p>
  89. <p>{{infoDialogData.checkResult==0?'不符合':(infoDialogData.checkResult==1?'符合':'')}}</p>
  90. </div>
  91. <div>
  92. <p>整改期限</p>
  93. <p>{{infoDialogData.rectifyDeadline}}</p>
  94. </div>
  95. </div>
  96. <div class="button-box">
  97. <p>{{infoDialogData.rectifyNotice == 1?'整改告知书':(infoDialogData.rectifyNotice == 2?'整改通知书':'')}}</p>
  98. <p class="inquire-button-one" @click="lookDocument(1)">查看</p>
  99. <p class="add-button-one-90" @click="downloadButton">下载</p>
  100. </div>
  101. <div class="text-box-two-box">
  102. <div>
  103. <p>检查者</p>
  104. <p>{{infoDialogData.checkUser}}</p>
  105. </div>
  106. <div>
  107. <p>检查时间</p>
  108. <p>{{infoDialogData.checkTime}}</p>
  109. </div>
  110. </div>
  111. </div>
  112. <p class="table-top-title-p">不符合项</p>
  113. <div class="info-dialog-content-info-bottom">
  114. <div class="table-box">
  115. <p class="table-title-p" v-if="infoDialogData.checkHazardApplyDto.checkCategory==1">隐患项</p>
  116. <p class="table-title-p" v-if="infoDialogData.checkHazardApplyDto.checkCategory==2">【{{infoDialogData.checkHazardApplyDto.hazardName}}】 专项检查</p>
  117. <div class="table-min">
  118. <div class="left-box">
  119. <p></p>
  120. <p>检查项目</p>
  121. <p></p>
  122. </div>
  123. <div class="right-box text-two-box">
  124. <p></p>
  125. <p>{{infoDialogData.checkHazardApplyDto.hazardCheckProStr}}</p>
  126. <p></p>
  127. <p v-if="infoDialogData.checkHazardApplyDto.hazardCheckCount>0">此检查项在当前实验室累计出现 <span>{{infoDialogData.checkHazardApplyDto.hazardCheckCount}}</span> 次隐患</p>
  128. <p></p>
  129. </div>
  130. </div>
  131. <div class="table-min">
  132. <div class="left-box">
  133. <p></p>
  134. <p>隐患描述</p>
  135. <p></p>
  136. </div>
  137. <div class="right-box text-box">
  138. <p></p>
  139. <p>{{infoDialogData.checkHazardApplyDto.hazardDescribe}}</p>
  140. <p></p>
  141. </div>
  142. </div>
  143. <div class="table-min">
  144. <div class="left-box">
  145. <p></p>
  146. <p>隐患等级</p>
  147. <p></p>
  148. </div>
  149. <div class="right-box text-box">
  150. <p></p>
  151. <p>{{infoDialogData.checkHazardApplyDto.hazardLevel==2?'一般隐患':(infoDialogData.checkHazardApplyDto.hazardLevel==1?'重大隐患':(infoDialogData.checkHazardApplyDto.hazardLevel==3?'管理问题':''))}}</p>
  152. <p></p>
  153. </div>
  154. </div>
  155. <div class="table-min">
  156. <div class="left-box">
  157. <p></p>
  158. <p>检查要点</p>
  159. <p></p>
  160. </div>
  161. <div class="right-box text-box">
  162. <p></p>
  163. <p>{{infoDialogData.checkHazardApplyDto.hazardCheckPoint}}</p>
  164. <p></p>
  165. </div>
  166. </div>
  167. <div class="table-min">
  168. <div class="left-box">
  169. <p></p>
  170. <p>隐患照片</p>
  171. <p></p>
  172. </div>
  173. <div class="right-box img-box">
  174. <img :src="imgItem.fileUrl" v-for="(imgItem,index) in infoDialogData.checkHazardApplyDto.uploadDtoList"
  175. :key="index" @click="lookImg(infoDialogData.checkHazardApplyDto.uploadDtoList,index)">
  176. </div>
  177. </div>
  178. </div>
  179. </div>
  180. </div>
  181. <div class="info-dialog-content-type" v-if="infoDialogCheckIndex == index && imgDocumentType == 0"
  182. v-for="(item,index) in infoDialogData.checkRectifyApplyList" :key="index">
  183. <!--已整改-->
  184. <div class="has-rectification" v-if="item.applyFlag == 1">
  185. <div class="button-box">
  186. <p>整改结果</p>
  187. <p>{{item.rectifyResult == 1?'已整改':(item.rectifyResult == 0?'暂无法整改':'')}}</p>
  188. </div>
  189. <div class="text-box">
  190. <p>整改措施</p>
  191. <p>{{item.rectifyMeasure}}</p>
  192. </div>
  193. <div class="img-box">
  194. <p>整改照片</p>
  195. <div>
  196. <img :src="imgItem.fileUrl" @click="lookImg(item.uploadDtoList,imgIndex)"
  197. v-for="(imgItem,imgIndex) in item.uploadDtoList" :key="imgIndex">
  198. </div>
  199. </div>
  200. <div class="text-box-two">
  201. <div>
  202. <p>整改人</p>
  203. <p>{{item.createName}}</p>
  204. </div>
  205. <div style="margin-left:26px;">
  206. <p>整改时间</p>
  207. <p>{{item.createTime}}</p>
  208. </div>
  209. </div>
  210. </div>
  211. <!--已审核-->
  212. <div class="has-inspection" v-if="item.applyFlag == 2">
  213. <div class="type-box">
  214. <p>审核结果</p>
  215. <img v-if="item.examineResult == 0" src="@/assets/ZDimages/safetyCheck/icon_zcgl_sb.png">
  216. <img v-if="item.examineResult == 1" src="@/assets/ZDimages/safetyCheck/icon_zcgl_cg.png">
  217. </div>
  218. <div class="text-box">
  219. <p>审核意见</p>
  220. <p>{{item.examineOpinion}}</p>
  221. </div>
  222. <div class="text-box-two">
  223. <div>
  224. <p>审核人</p>
  225. <p>{{item.reviewedName}}</p>
  226. </div>
  227. <div style="margin-left:26px;">
  228. <p>审核时间</p>
  229. <p>{{item.reviewedTime}}</p>
  230. </div>
  231. </div>
  232. </div>
  233. </div>
  234. <div class="info-dialog-content-add" v-if="infoDialogCheckIndex == 'add' && imgDocumentType == 0">
  235. <el-form ref="addForm" :model="addForm" :rules="rules" label-width="90px">
  236. <!--待整改-->
  237. <div class="stay-rectification" v-if="addFormType == 1">
  238. <el-form-item label="整改结果" prop="rectifyResult">
  239. <el-radio-group v-model="addForm.rectifyResult">
  240. <el-radio :label="1">已整改</el-radio>
  241. <el-radio :label="0">暂无法整改</el-radio>
  242. </el-radio-group>
  243. </el-form-item>
  244. <el-form-item :label="addForm.rectifyResult==1?'整改措施':'原因描述'" prop="rectifyMeasure">
  245. <el-input
  246. type="textarea"
  247. :autosize="{ minRows: 4, maxRows: 4}"
  248. :placeholder="addForm.rectifyResult==1?'请输入整改措施':'请输入原因描述'"
  249. resize="none"
  250. maxlength="100"
  251. show-word-limit
  252. v-model="addForm.rectifyMeasure">
  253. </el-input>
  254. </el-form-item>
  255. <el-form-item label="上传照片" prop="uploadDtoList">
  256. <div class="for-img-box" v-for="(img,imgIndex) in addForm.uploadDtoList" :key="imgIndex">
  257. <img class="for-img" :src="img.fileUrl" @click="lookImg(addForm.uploadDtoList,imgIndex)">
  258. <p class="for-del-button el-icon-circle-close" @click="delImg(imgIndex)"></p>
  259. </div>
  260. <el-upload
  261. v-if="addForm.uploadDtoList.length<5"
  262. style="display: inline-block;overflow: hidden"
  263. class="avatar-uploader"
  264. :action="uploadImgUrl"
  265. :show-file-list="false"
  266. :on-success="(res)=>handleAvatarSuccess(res,addForm)"
  267. :headers="headers"
  268. :before-upload="(res)=>beforeAvatarUpload(res,addForm)">
  269. <p class="el-icon-plus up-img-p" style="display: inline-block"></p>
  270. </el-upload>
  271. </el-form-item>
  272. <p style="margin-left:80px;">支持jpg/png/bmp/gif格式,且不超过2M,最多上传5张</p>
  273. </div>
  274. <!--待审核-->
  275. <div class="stay-inspection" v-if="addFormType == 2">
  276. <el-form-item label="审核意见" prop="examineOpinion">
  277. <el-input
  278. type="textarea"
  279. :autosize="{ minRows: 4, maxRows: 4}"
  280. placeholder="请输入审核意见"
  281. resize="none"
  282. maxlength="100"
  283. show-word-limit
  284. v-model="addForm.examineOpinion">
  285. </el-input>
  286. </el-form-item>
  287. <div class="quick-selection-box">
  288. <p class="quick-selection-title">快捷输入</p>
  289. <p class="quick-selection-for" @click="stayInspectionClick(item)"
  290. v-for="(item,index) in quickSelection" :key="index">{{item}}</p>
  291. </div>
  292. </div>
  293. </el-form>
  294. </div>
  295. </div>
  296. <div class="info-dialog-content-img scrollbar-box" v-if="imgDocumentType == 1">
  297. <img :src="imgList[imgIndex].fileUrl">
  298. <p class="el-icon-arrow-left left-button-p" @click="infoLeftButton"></p>
  299. <p class="el-icon-arrow-right right-button-p" @click="infoRightButton"></p>
  300. <p class="bottom-num-text">{{imgIndex+1}} / {{imgList.length}}</p>
  301. <p class="out-button" @click="outLook">返回</p>
  302. </div>
  303. <!--通知书/告知书-->
  304. <div class="info-dialog-content-document scrollbar-box" v-if="imgDocumentType == 2">
  305. <informDom v-if="infoDialogData.rectifyNotice == 1" :propsInformDomData="propsInformDomData"></informDom>
  306. <noticeDom v-if="infoDialogData.rectifyNotice == 2" :propsNoticeDomData="propsNoticeDomData"></noticeDom>
  307. <p class="out-button" v-if="!fullScreenType" @click="outLook">关闭</p>
  308. <p class="positionButton" @click="fullScreenButton">{{fullScreenType?'退出':'全屏'}}</p>
  309. </div>
  310. <!--材料附件(暂时废弃)-->
  311. <div class="info-dialog-content-document-list" v-if="imgDocumentType == 3">
  312. <div class="left-box">
  313. <div class="left-title-box">
  314. <img src="@/assets/ZDimages/safetyCheck/icon_dr_wj.png">
  315. <p>材料附件</p>
  316. </div>
  317. <div class="left-for-box scrollbar-box">
  318. <p class="left-for-p" v-for="(iframeItem,iframeIndex) in iframeSrcList" :key="iframeIndex"
  319. @click="lookDocumentListCheck(iframeIndex)"
  320. :class="iframeSrcIndex == iframeIndex?'check-p':''">{{iframeItem.name}}</p>
  321. </div>
  322. </div>
  323. <div class="center-border"></div>
  324. <div class="right-box">
  325. <iframe
  326. class="iframe"
  327. :src="iframeSrc" scrolling="auto" frameborder="0">
  328. </iframe>
  329. </div>
  330. <p class="out-button" @click="outLook">返回</p>
  331. </div>
  332. <div class="bottom-button-box dialog-footer-box" v-if="infoDialogCheckIndex == 'add'&&imgDocumentType != 1">
  333. <p class="dialog-footer-button-null"></p>
  334. <p class="dialog-footer-button-info" @click="outDialog">取消</p>
  335. <p class="dialog-footer-button-primary" v-if="addFormType==1" @click="upDataButton(1)">提交</p>
  336. <p class="dialog-footer-button-border" v-if="addFormType==2" @click="upDataButton(2)">驳回</p>
  337. <p class="dialog-footer-button-primary" v-if="addFormType==2" @click="upDataButton(3)">通过</p>
  338. <p class="dialog-footer-button-null"></p>
  339. </div>
  340. </el-dialog>
  341. </template>
  342. <script>
  343. import { getHazardById,addOrApprove } from '@/api/safetyCheck/index'
  344. import { getToken } from "@/utils/auth";
  345. import informDom from '@/components/lookDocumentDialog/components/informDom.vue'
  346. import noticeDom from '@/components/lookDocumentDialog/components/noticeDom.vue'
  347. export default {
  348. name: 'infoDialog',
  349. components: {
  350. informDom,
  351. noticeDom
  352. },
  353. props:{
  354. propsInfoDialogData:{},
  355. },
  356. data(){
  357. return{
  358. //子组件传参
  359. propsNoticeDomData:{},
  360. propsInformDomData:{},
  361. //全屏状态
  362. fullScreenType:false,
  363. loading:false,
  364. upDataName:"",
  365. uploadImgUrl: this.uploadUrl(), // 上传的图片服务器地址
  366. headers: {
  367. Authorization: "Bearer " + getToken(),
  368. },
  369. infoDialogType:false,
  370. //img 与 document 展示状态
  371. imgDocumentType:0,
  372. infoDialogCheckIndex:'info',
  373. infoDialogData:{},
  374. //图片
  375. imgList:[],
  376. imgIndex:0,
  377. saveIndex:0,
  378. //文档地址
  379. iframeSrc:"",
  380. iframeSrcIndex:0,
  381. iframeSrcList:[],
  382. // 提交数据
  383. addFormType:null,//1整改 2审核 默认NULL 回调数据内判定当前状态
  384. addFormTitle:null,
  385. addForm:{
  386. rectifyResult:'',
  387. rectifyMeasure:'',
  388. uploadDtoList:[],
  389. examineOpinion:'',
  390. },
  391. rules: {
  392. rectifyResult: [
  393. { required: true, message: "请选择整改结果", trigger: "change" },
  394. ],
  395. uploadDtoList: [
  396. { required: true, message: "请选择上传图片", trigger: "change" },
  397. ],
  398. rectifyMeasure: [
  399. { required: true, message: '请输入内容', trigger: "change" },
  400. { required: true, message: '请输入内容', validator: this.spaceJudgment, trigger: "change" },
  401. ],
  402. examineOpinion: [
  403. { required: true, message: "请输入内容", trigger: "change" },
  404. ],
  405. },
  406. //快速选择
  407. quickSelection:['复核驳回','未解决','驳回再整改','请补充材料','请补充描述',],
  408. }
  409. },
  410. created(){
  411. },
  412. mounted(){
  413. this.getHazardById();
  414. },
  415. methods:{
  416. fullScreenButton(){
  417. this.fullScreenType = !this.fullScreenType;
  418. },
  419. //提交
  420. upDataButton(type){
  421. this.$refs["addForm"].validate(valid => {
  422. if (valid) {
  423. let obj = JSON.parse(JSON.stringify(this.addForm));
  424. if(type == 1){
  425. //整改
  426. obj.checkHazardId = this.infoDialogData.checkHazardApplyDto.id
  427. delete obj.examineOpinion
  428. }else if(type != 1){
  429. //审核
  430. obj.id = this.infoDialogData.checkRectifyApplyList[this.infoDialogData.checkRectifyApplyList.length-1].id;
  431. obj.examineResult = type==2?0:(type==3?1:'');
  432. delete obj.rectifyResult
  433. delete obj.rectifyMeasure
  434. delete obj.uploadDtoList
  435. }
  436. addOrApprove(obj).then(response => {
  437. this.msgSuccess(response.msg);
  438. this.$parent.addDialogOpen(false);
  439. })
  440. }
  441. })
  442. },
  443. //获取详情
  444. getHazardById(){
  445. getHazardById({id:this.propsInfoDialogData.id}).then(response => {
  446. console.log('response.data.checkRectifyApplyList[0]',response.data.checkRectifyApplyList)
  447. if(response.data.checkRectifyApplyList[0]){
  448. if(response.data.checkRectifyApplyList[response.data.checkRectifyApplyList.length-1].applyFlag == 1){
  449. if(response.data.checkHazardApplyDto.applyGentle){
  450. //已整改
  451. if(response.data.checkHazardApplyDto.rectifyStatus != 4){
  452. this.$set(this,'addFormType',2)
  453. if(response.data.checkRectifyApplyList.length>2){
  454. this.$set(this,'addFormTitle',this.frequencyCalculation(response.data.checkRectifyApplyList.length,2)+'复核')
  455. }else{
  456. this.$set(this,'addFormTitle','整改复核')
  457. }
  458. }
  459. }
  460. }else if(response.data.checkRectifyApplyList[response.data.checkRectifyApplyList.length-1].applyFlag == 2){
  461. if(response.data.checkHazardApplyDto.rectifyGentle){
  462. //已复核
  463. if(response.data.checkRectifyApplyList[response.data.checkRectifyApplyList.length-1].examineResult == 0){
  464. //复核驳回
  465. this.$set(this,'addFormType',1)
  466. if(response.data.checkRectifyApplyList.length>1){
  467. this.$set(this,'addFormTitle',this.frequencyCalculation(response.data.checkRectifyApplyList.length,1)+'整改')
  468. }else{
  469. this.$set(this,'addFormTitle','隐患整改')
  470. }
  471. }
  472. }
  473. }
  474. }else{
  475. if(response.data.checkHazardApplyDto.rectifyGentle){
  476. //初次整改
  477. this.$set(this,'addFormType',1)
  478. this.$set(this,'addFormTitle','隐患整改')
  479. }
  480. }
  481. for(let i=0;i<response.data.checkRectifyApplyList.length;i++){
  482. console.log("i=",i);
  483. if(i == 0){
  484. response.data.checkRectifyApplyList[i].titleName = '隐患整改'
  485. }else if(i == 1){
  486. response.data.checkRectifyApplyList[i].titleName = '整改复核'
  487. }else{
  488. let nameLeft = this.frequencyCalculation(i,response.data.checkRectifyApplyList[i].applyFlag);
  489. let nameRight = response.data.checkRectifyApplyList[i].applyFlag == 1?'整改':'复核';
  490. response.data.checkRectifyApplyList[i].titleName = nameLeft+nameRight;
  491. }
  492. }
  493. this.$set(this,'infoDialogData',response.data);
  494. this.$set(this,'infoDialogType',true);
  495. });
  496. },
  497. //标签切换
  498. checkTitleButton(index){
  499. if(this.infoDialogCheckIndex != index){
  500. this.$set(this,'imgDocumentType',0);
  501. this.$set(this,'infoDialogCheckIndex',index);
  502. }
  503. },
  504. //快速选择内容
  505. stayInspectionClick(val){
  506. this.$set(this.addForm,'examineOpinion',val);
  507. },
  508. //点击查看文档
  509. lookDocument(type){
  510. if(type==1){
  511. if(this.infoDialogData.rectifyNotice == 1){
  512. //告知书
  513. this.$set(this,'propsInformDomData',{
  514. id:this.infoDialogData.id,
  515. });
  516. }else if(this.infoDialogData.rectifyNotice == 2){
  517. //通知书
  518. this.$set(this,'propsNoticeDomData',{
  519. id:this.infoDialogData.id,
  520. });
  521. }
  522. this.$set(this,'imgDocumentType',2);
  523. }else{
  524. this.$set(this,'imgDocumentType',0);
  525. }
  526. // if(type == 1){
  527. // this.$set(this,'iframeSrcIndex',0);
  528. // this.$set(this,'iframeSrcList',data);
  529. // this.$set(this,'iframeSrc',this.urlJudge(data[0].url));
  530. // this.$set(this,'imgDocumentType',3);
  531. // }else if(type == 2){
  532. // this.$set(this,'iframeSrc',this.urlJudge(data));
  533. // this.$set(this,'imgDocumentType',2);
  534. // }
  535. },
  536. // 单个下载按钮
  537. downloadButton(){
  538. if(this.infoDialogData.rectifyNotice == 1){
  539. //告知
  540. this.download('/zd-security/checkManage/getRectifyNotification/'+this.infoDialogData.id, {}, this.infoDialogData.title+'(整改告知书).docx')
  541. }else if(this.infoDialogData.rectifyNotice == 2){
  542. //通知
  543. this.download('/zd-security/checkManage/getRectifyAdviceNote/'+this.infoDialogData.id, {}, this.infoDialogData.title+'(整改通知书).docx')
  544. }
  545. },
  546. lookDocumentListCheck(val){
  547. this.$set(this,'iframeSrcIndex',val);
  548. this.$set(this,'iframeSrc',this.urlJudge(this.iframeSrcList[val].url));
  549. },
  550. //点击查看图片
  551. lookImg(list,index){
  552. this.$set(this,'imgList',list)
  553. this.$set(this,'imgIndex',index)
  554. this.$set(this,'imgDocumentType',1);
  555. },
  556. outLook(){
  557. this.$set(this,'imgDocumentType',0);
  558. },
  559. //图片左右按键
  560. infoLeftButton(){
  561. if (this.imgIndex == 0){
  562. this.msgError('当前是第一张')
  563. }else{
  564. this.imgIndex--
  565. }
  566. },
  567. infoRightButton(){
  568. if (this.imgIndex == this.imgList.length-1){
  569. this.msgError('当前是最后一张')
  570. }else{
  571. this.imgIndex++
  572. }
  573. },
  574. /*==========上传相关==========*/
  575. handleAvatarSuccess(res,item) {
  576. this.$set(this,'loading',false);
  577. if(item.uploadDtoList.length>4){
  578. this.msgError('最多只可上传5张')
  579. return
  580. }
  581. let suffixName= this.upDataName.split('.')[this.upDataName.split('.').length - 2]
  582. //判断文件名中是否有逗号和分号
  583. if(suffixName.indexOf(',')==-1 && suffixName.indexOf(';')==-1){
  584. }else{
  585. this.msgError('文件名里包含逗号或分号,请修改后重新上传!')
  586. return
  587. }
  588. let obj ={
  589. fileName:this.upDataName,
  590. fileUrl:res.data.url,
  591. fileType:2,
  592. };
  593. item.uploadDtoList.push(obj);
  594. this.$forceUpdate()
  595. },
  596. beforeAvatarUpload(file,item) {
  597. console.log('file',file)
  598. if(item.uploadDtoList.length>4){
  599. this.msgError('最多只可上传5张')
  600. return false
  601. }
  602. let type = false;
  603. if (file.type == 'image/png' || file.type == 'image/jpeg' || file.type == 'image/gif' || file.type == 'image/bmp') {
  604. if(file.size> 2100000){
  605. this.msgError('上传图片大小不能超过2M')
  606. return false
  607. }
  608. this.$set(this,'loading',true);
  609. this.upDataName = file.name;
  610. type = true;
  611. }else{
  612. this.msgError('仅支持jpg/png/bmp/gif格式')
  613. type = false;
  614. }
  615. return type;
  616. },
  617. // 删除图片
  618. delImg(imgIndex){
  619. this.addForm.uploadDtoList.splice(imgIndex,1);
  620. },
  621. //退出
  622. outDialog(){
  623. this.$parent.addDialogOpen(false);
  624. },
  625. //多次名称匹配
  626. frequencyCalculation(length,type){
  627. let textList = [
  628. {value:'二次',key:'2'},{value:'三次',key:'3'},{value:'四次',key:'4'},{value:'五次',key:'5'}, {value:'六次',key:'6'},
  629. {value:'七次',key:'7'},{value:'八次',key:'8'},{value:'九次',key:'9'},{value:'十次',key:'10'}
  630. ]
  631. let num = type === 2?Math.ceil(length/2):Math.floor(length/2)
  632. if(type == 1){
  633. num++
  634. }
  635. if (num > 10){
  636. return '再次'
  637. } else{
  638. for(let i=0;i<textList.length;i++){
  639. if(num == textList[i].key){
  640. return textList[i].value
  641. }
  642. }
  643. }
  644. },
  645. },
  646. }
  647. </script>
  648. <style scoped lang="scss">
  649. .safetyHazard-info-dialog-box{
  650. ::v-deep .el-dialog__body{
  651. padding:0 0 30px 0;
  652. }
  653. ::v-deep .el-form-item__label{
  654. font-size:16px;
  655. }
  656. .info-dialog-title-box{
  657. border-bottom:1px solid #E0E0E0;
  658. padding:0 30px;
  659. overflow-x: scroll;
  660. overflow-y: hidden;
  661. height:80px;
  662. white-space: nowrap;
  663. .info-dialog-for-title-box{
  664. height:80px;
  665. width: 80px;
  666. margin-right:44px;
  667. overflow: hidden;
  668. display: inline-block;
  669. p:nth-child(1){
  670. height:44px;
  671. line-height:44px;
  672. margin-top:18px;
  673. text-align: center;
  674. color:#333;
  675. font-size:16px;
  676. cursor: pointer;
  677. }
  678. p:nth-child(2){
  679. height:4px;
  680. width:40px;
  681. margin:0 auto;
  682. border-radius:4px;
  683. }
  684. }
  685. .info-dialog-for-check{
  686. p:nth-child(1){
  687. font-size:16px;
  688. color:#0045AF;
  689. }
  690. p:nth-child(2){
  691. background-color: #0045AF;
  692. }
  693. }
  694. }
  695. .info-dialog-content-box{
  696. height:600px;
  697. .info-dialog-content-info{
  698. padding:30px 0 0;
  699. .info-dialog-content-info-top{
  700. padding:0 70px;
  701. .text-box-box{
  702. display: flex;
  703. margin-top:20px;
  704. p{
  705. font-size:16px;
  706. color:#333;
  707. line-height:40px;
  708. }
  709. p:nth-child(1){
  710. width:95px;
  711. text-align: right;
  712. margin-right:16px;
  713. font-size:16px;
  714. }
  715. p:nth-child(2){
  716. width:928px;
  717. padding:10px 20px;
  718. overflow: hidden;
  719. background: #F5F5F5;
  720. border-radius:4px;
  721. font-size:14px;
  722. line-height:20px;
  723. }
  724. }
  725. .text-box-two-box{
  726. display: flex;
  727. margin-top:20px;
  728. div{
  729. display: flex;
  730. p{
  731. font-size:16px;
  732. color:#333;
  733. line-height:40px;
  734. }
  735. p:nth-child(1){
  736. text-align: right;
  737. margin-right:16px;
  738. font-size:16px;
  739. }
  740. p:nth-child(2){
  741. padding:0 20px;
  742. overflow: hidden;
  743. background: #F5F5F5;
  744. border-radius:4px;
  745. font-size:14px;
  746. }
  747. }
  748. div:nth-child(1){
  749. p:nth-child(1){
  750. width:95px;
  751. }
  752. p:nth-child(2){
  753. width:400px;
  754. }
  755. }
  756. div:nth-child(2){
  757. p:nth-child(1){
  758. width:117px;
  759. }
  760. p:nth-child(2){
  761. width:400px;
  762. }
  763. }
  764. }
  765. .button-box{
  766. display: flex;
  767. margin-top:20px;
  768. p{
  769. font-size:16px;
  770. line-height:40px;
  771. }
  772. p:nth-child(1){
  773. color:#333;
  774. width:95px;
  775. text-align: right;
  776. margin-right:16px;
  777. }
  778. p:nth-child(2){
  779. width:70px;
  780. height:30px;
  781. line-height:30px;
  782. margin-top:5px;
  783. margin-right:12px;
  784. font-size:14px;
  785. }
  786. p:nth-child(3){
  787. width:70px;
  788. height:30px;
  789. line-height:30px;
  790. margin-top:5px;
  791. font-size:14px;
  792. }
  793. }
  794. }
  795. .table-top-title-p{
  796. margin-top:22px;
  797. font-size:16px;
  798. line-height: 50px;
  799. padding:0 50px;
  800. background-color: #F5F5F5;
  801. color:#333;
  802. }
  803. .info-dialog-content-info-bottom{
  804. padding:0 70px;
  805. .table-box{
  806. margin-left:16px;
  807. margin-top:20px;
  808. border:1px solid #e0e0e0;
  809. border-bottom:none;
  810. .table-title-p{
  811. background-color: #F5F5F5;
  812. line-height:50px;
  813. padding-left:30px;
  814. border-bottom:1px solid #e0e0e0;
  815. }
  816. .table-min{
  817. display: flex;
  818. overflow: hidden;
  819. border-bottom:1px solid #e0e0e0;
  820. .left-box{
  821. width:120px;
  822. display: flex;
  823. flex-direction: column;
  824. overflow: hidden;
  825. background-color: #F5F5F5;
  826. border-right:1px solid #e0e0e0;
  827. p:nth-child(1){
  828. flex:1;
  829. }
  830. p:nth-child(2){
  831. text-align: center;
  832. height:14px;
  833. line-height:14px;
  834. }
  835. p:nth-child(3){
  836. flex:1;
  837. }
  838. }
  839. .right-box{
  840. flex:1;
  841. overflow: hidden;
  842. min-height:60px;
  843. font-size:14px;
  844. padding:0 16px;
  845. line-height:20px;
  846. }
  847. .text-box{
  848. display: flex;
  849. flex-direction: column;
  850. p:nth-child(1){
  851. flex:1;
  852. min-height:12px;
  853. }
  854. p:nth-child(2){
  855. }
  856. p:nth-child(3){
  857. flex:1;
  858. min-height:12px;
  859. }
  860. }
  861. .text-two-box{
  862. p:nth-child(1){
  863. flex:1;
  864. min-height:12px;
  865. }
  866. p:nth-child(2){
  867. }
  868. p:nth-child(3){
  869. flex:1;
  870. min-height:12px;
  871. }
  872. p:nth-child(4){
  873. span{
  874. color:#FF0000;
  875. }
  876. }
  877. p:nth-child(5){
  878. flex:1;
  879. min-height:12px;
  880. }
  881. }
  882. .img-box{
  883. padding:20px;
  884. img{
  885. cursor: pointer;
  886. height:80px;
  887. width:80px;
  888. margin-right:10px;
  889. border-radius:4px;
  890. }
  891. }
  892. }
  893. }
  894. }
  895. }
  896. .info-dialog-content-type{
  897. padding:30px 70px 0;
  898. .has-rectification{
  899. .button-box{
  900. display: flex;
  901. p:nth-child(1){
  902. height:40px;
  903. line-height:40px;
  904. width:80px;
  905. font-size:16px;
  906. color:#333;
  907. text-align: right;
  908. margin-right:15px;
  909. }
  910. p:nth-child(2){
  911. text-align: center;
  912. padding:0 15px;
  913. height:30px;
  914. margin-top:5px;
  915. line-height:30px;
  916. font-size:14px;
  917. color:#0183FA;
  918. border:1px solid #0183FA;
  919. border-radius:4px;
  920. }
  921. }
  922. .text-box{
  923. margin-top:20px;
  924. display: flex;
  925. p:nth-child(1){
  926. height:40px;
  927. line-height:40px;
  928. width:80px;
  929. font-size:16px;
  930. color:#333;
  931. text-align: right;
  932. margin-right:15px;
  933. }
  934. p:nth-child(2){
  935. font-size:14px;
  936. line-height:20px;
  937. min-height: 70px;
  938. padding:15px 20px;
  939. flex:1;
  940. background-color: #F5F5F5;
  941. border-radius:4px;
  942. }
  943. }
  944. .img-box{
  945. margin-top:20px;
  946. display: flex;
  947. p{
  948. height:40px;
  949. line-height:40px;
  950. width:80px;
  951. font-size:16px;
  952. color:#333;
  953. text-align: right;
  954. margin-right:15px;
  955. }
  956. img{
  957. cursor: pointer;
  958. width:80px;
  959. height:80px;
  960. margin-right:10px;
  961. border-radius:4px;
  962. }
  963. }
  964. .text-box-two{
  965. margin-top:20px;
  966. display: flex;
  967. div{
  968. display: flex;
  969. p:nth-child(1){
  970. height:40px;
  971. line-height:40px;
  972. width:80px;
  973. font-size:16px;
  974. color:#333;
  975. text-align: right;
  976. margin-right:15px;
  977. }
  978. p:nth-child(2){
  979. width:412px;
  980. height:40px;
  981. font-size:14px;
  982. line-height:40px;
  983. padding:0 20px;
  984. background-color: #F5F5F5;
  985. border-radius:4px;
  986. }
  987. }
  988. }
  989. }
  990. .has-inspection{
  991. .type-box{
  992. display: flex;
  993. p:nth-child(1){
  994. height:40px;
  995. line-height:40px;
  996. width:80px;
  997. font-size:16px;
  998. color:#333;
  999. text-align: right;
  1000. margin-right:15px;
  1001. }
  1002. img{
  1003. width:60px;
  1004. height:52px;
  1005. }
  1006. }
  1007. .text-box{
  1008. margin-top:20px;
  1009. display: flex;
  1010. p:nth-child(1){
  1011. height:40px;
  1012. line-height:40px;
  1013. width:80px;
  1014. font-size:16px;
  1015. color:#333;
  1016. text-align: right;
  1017. margin-right:15px;
  1018. }
  1019. p:nth-child(2){
  1020. font-size:14px;
  1021. line-height:20px;
  1022. min-height: 70px;
  1023. padding:15px 20px;
  1024. flex:1;
  1025. background-color: #F5F5F5;
  1026. border-radius:4px;
  1027. }
  1028. }
  1029. .text-box-two{
  1030. margin-top:20px;
  1031. display: flex;
  1032. div{
  1033. display: flex;
  1034. p:nth-child(1){
  1035. height:40px;
  1036. line-height:40px;
  1037. width:80px;
  1038. font-size:16px;
  1039. color:#333;
  1040. text-align: right;
  1041. margin-right:15px;
  1042. }
  1043. p:nth-child(2){
  1044. width:412px;
  1045. height:40px;
  1046. font-size:14px;
  1047. line-height:40px;
  1048. padding:0 20px;
  1049. background-color: #F5F5F5;
  1050. border-radius:4px;
  1051. overflow: hidden;
  1052. }
  1053. }
  1054. }
  1055. .button-box{
  1056. margin-top:20px;
  1057. display: flex;
  1058. p:nth-child(1){
  1059. height:40px;
  1060. line-height:40px;
  1061. width:80px;
  1062. font-size:16px;
  1063. color:#333;
  1064. text-align: right;
  1065. margin-right:15px;
  1066. }
  1067. p:nth-child(2){
  1068. width:70px;
  1069. height:30px;
  1070. line-height:30px;
  1071. margin-top:5px;
  1072. }
  1073. p:nth-child(3){
  1074. width:70px;
  1075. height:30px;
  1076. line-height:30px;
  1077. margin-top:5px;
  1078. }
  1079. }
  1080. }
  1081. }
  1082. .info-dialog-content-add{
  1083. padding:30px 70px 0;
  1084. .stay-rectification{
  1085. .up-img-p{
  1086. height:80px;
  1087. width:80px;
  1088. line-height:80px;
  1089. text-align: center;
  1090. font-size:16px;
  1091. border-radius:4px;
  1092. border:1px dashed #E0E0E0;
  1093. }
  1094. .for-img-box{
  1095. width:80px;
  1096. height:80px;
  1097. border-radius:4px;
  1098. display: inline-block;
  1099. overflow: hidden;
  1100. margin-right:20px;
  1101. position: relative;
  1102. .for-img{
  1103. width:80px;
  1104. height:80px;
  1105. display: inline-block;
  1106. overflow: hidden;
  1107. }
  1108. .for-del-button{
  1109. background: rgba(0,0,0,0.7);
  1110. width:20px;
  1111. height:20px;
  1112. line-height: 20px;
  1113. text-align: center;
  1114. color:#fff;
  1115. border-bottom-left-radius:4px;
  1116. cursor: pointer;
  1117. position: absolute;
  1118. top:0;
  1119. right:0;
  1120. }
  1121. }
  1122. }
  1123. .stay-inspection{
  1124. .quick-selection-box{
  1125. display: flex;
  1126. margin-top:20px;
  1127. .quick-selection-title{
  1128. margin-left:90px;
  1129. height:40px;
  1130. line-height:40px;
  1131. font-size:14px;
  1132. margin-right:23px;
  1133. }
  1134. .quick-selection-for{
  1135. width:100px;
  1136. height:40px;
  1137. font-size:14px;
  1138. text-align: center;
  1139. line-height:40px;
  1140. margin-right:10px;
  1141. color:#333;
  1142. background-color: #F5F5F5;
  1143. border-radius:4px;
  1144. cursor: pointer;
  1145. }
  1146. .quick-selection-for:hover{
  1147. background: rgba(1,131,250,0.2);
  1148. color:#0183FA ;
  1149. }
  1150. }
  1151. }
  1152. }
  1153. }
  1154. .info-dialog-content-img{
  1155. padding:30px 70px 0;
  1156. height:680px;
  1157. img{
  1158. width:1040px;
  1159. }
  1160. .left-button-p{
  1161. cursor: pointer;
  1162. text-align: center;
  1163. line-height:30px;
  1164. color:#fff;
  1165. font-size:16px;
  1166. top:440px;
  1167. left:20px;
  1168. position: absolute;
  1169. width:30px;
  1170. height:30px;
  1171. background-color: #0045AF;
  1172. border-radius:50%;
  1173. }
  1174. .right-button-p{
  1175. cursor: pointer;
  1176. text-align: center;
  1177. line-height:30px;
  1178. color:#fff;
  1179. font-size:16px;
  1180. position: absolute;
  1181. top:440px;
  1182. right:20px;
  1183. width:30px;
  1184. height:30px;
  1185. background-color: #0045AF;
  1186. border-radius:50%;
  1187. }
  1188. .left-button-p:hover{
  1189. background-color: #0183fa;
  1190. }
  1191. .right-button-p:hover{
  1192. background-color: #0183fa;
  1193. }
  1194. .bottom-num-text{
  1195. text-align: center;
  1196. line-height: 30px;
  1197. font-size:16px;
  1198. position: absolute;
  1199. bottom:0;
  1200. width:1026px;
  1201. }
  1202. .out-button{
  1203. width:60px;
  1204. line-height:30px;
  1205. background:#ffffff;
  1206. border: 1px solid #999;
  1207. color:#999;
  1208. border-radius:4px;
  1209. text-align: center;
  1210. cursor: pointer;
  1211. position: absolute;
  1212. top:80px;
  1213. right:17px;
  1214. z-index:99999;
  1215. }
  1216. .out-button:hover{
  1217. background-color:#999;
  1218. color:#fff;
  1219. }
  1220. }
  1221. .info-dialog-content-document{
  1222. padding:30px 70px 0;
  1223. display: flex;
  1224. flex:1;
  1225. height:680px;
  1226. .out-button{
  1227. width:60px;
  1228. line-height:30px;
  1229. background:#ffffff;
  1230. border: 1px solid #999;
  1231. color:#999;
  1232. border-radius:4px;
  1233. text-align: center;
  1234. cursor: pointer;
  1235. position: absolute;
  1236. top:80px;
  1237. right:17px;
  1238. z-index:99999;
  1239. }
  1240. .out-button:hover{
  1241. background-color:#999;
  1242. color:#fff;
  1243. }
  1244. .positionButton{
  1245. position: absolute;
  1246. top:80px;
  1247. right: 90px;
  1248. border:1px solid #0183fa;
  1249. border-radius:4px;
  1250. line-height:30px;
  1251. width:60px;
  1252. text-align: center;
  1253. cursor: pointer;
  1254. color:#0183fa;
  1255. background-color: #fff;
  1256. }
  1257. .positionButton:hover{
  1258. background-color:#0183fa;
  1259. color:#fff;
  1260. }
  1261. }
  1262. .info-dialog-content-document-list{
  1263. padding:30px 70px 0;
  1264. display: flex;
  1265. flex:1;
  1266. height:680px;
  1267. overflow: hidden;
  1268. .left-box{
  1269. display: flex;
  1270. flex-direction: column;
  1271. overflow: hidden;
  1272. width:265px;
  1273. .left-title-box{
  1274. padding-bottom:20px;
  1275. display: flex;
  1276. width:230px;
  1277. border-bottom:1px dashed #D8D8D8;
  1278. img{
  1279. width:16px;
  1280. height:13px;
  1281. margin:13px 15px 13px 0;
  1282. }
  1283. p{
  1284. line-height:40px;
  1285. width:230px;
  1286. font-size:16px;
  1287. color:#0183FA;
  1288. }
  1289. }
  1290. .left-for-box{
  1291. flex:1;
  1292. .left-for-p{
  1293. padding:0 10px;
  1294. width:230px;
  1295. line-height:40px;
  1296. margin-top:10px;
  1297. font-size:16px;
  1298. color:#333;
  1299. display:block;
  1300. overflow:hidden;
  1301. text-overflow:ellipsis;
  1302. white-space:nowrap;
  1303. cursor: pointer;
  1304. }
  1305. .check-p{
  1306. background-color:rgba(1,131,250,0.2);
  1307. color:#0183FA;
  1308. }
  1309. }
  1310. }
  1311. .center-border{
  1312. border-right:1px dashed #D8D8D8;
  1313. }
  1314. .right-box{
  1315. flex:1;
  1316. display: flex;
  1317. margin-left:57px;
  1318. .iframe{
  1319. flex:1;
  1320. }
  1321. }
  1322. .out-button{
  1323. width:60px;
  1324. line-height:30px;
  1325. color:#999;
  1326. background-color: #dedede;
  1327. border-radius:4px;
  1328. text-align: center;
  1329. cursor: pointer;
  1330. position: absolute;
  1331. top:17px;
  1332. right:17px;
  1333. z-index:99999;
  1334. }
  1335. }
  1336. .bottom-button-box{
  1337. height:60px;
  1338. width:1184px;
  1339. position: absolute;
  1340. bottom:0;
  1341. padding-top:15px;
  1342. border-top:1px solid #D8D8D8;
  1343. display: flex;
  1344. }
  1345. }
  1346. .lookDocumentDataDialog-fullScreen{
  1347. background-color: #666;
  1348. .info-dialog-title-box{
  1349. display: none;
  1350. }
  1351. .info-dialog-content-box{
  1352. height:100%;
  1353. }
  1354. .info-dialog-content-document{
  1355. height:100%;
  1356. }
  1357. .positionButton{
  1358. top:25px!important;
  1359. right: 15px!important;
  1360. }
  1361. ::v-deep .el-dialog{
  1362. width:100% !important;
  1363. height:100% !important;
  1364. box-shadow: none;
  1365. }
  1366. ::v-deep .el-dialog__header{
  1367. display: none;
  1368. }
  1369. ::v-deep .el-dialog__body{
  1370. height:100% !important;
  1371. background-color: #666;
  1372. .lookDocumentDataDialog-page{
  1373. height:100%;
  1374. }
  1375. }
  1376. ::v-deep .el-dialog__footer{
  1377. display: none;
  1378. }
  1379. }
  1380. </style>