objectTableDisinfectTwo.vue 82KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744
  1. <template>
  2. <div id="main-contain">
  3. <div class="position">
  4. <bread-crumb :crumbs='crumbs'></bread-crumb>
  5. </div>
  6. <div class="app-container">
  7. <div style="float: left; margin-bottom: 10px;">
  8. <el-date-picker
  9. v-model="startvalue"
  10. type="date"
  11. placeholder="选择日期"
  12. style="width: 150px;">
  13. </el-date-picker>
  14. <span>-</span>
  15. <el-date-picker
  16. v-model="endvalue"
  17. type="date"
  18. placeholder="选择日期"
  19. style="width: 150px;">
  20. </el-date-picker>
  21. <el-button type="primary" style="margin-left: 10px;">搜索</el-button>
  22. </div>
  23. <div style="float:right;margin-bottom:10px;">
  24. <el-button type="primary" @click="printCard">打印</el-button>
  25. <el-button type="primary" @click="dialogFormVisible = true">新增</el-button>
  26. </div>
  27. <div class="tab_air">
  28. <el-table :data="tableData" :fit="true" stripe>
  29. <el-table-column prop="year" label="名称" width="150" align="center">
  30. <el-table-column prop="year" label="消毒时间" align="center" width="150">
  31. <el-table-column prop="year" label="日期" align="center" width="150">
  32. <template slot-scope="scope">
  33. {{getTimes(scope.row.record_date) }}
  34. </template>
  35. </el-table-column>
  36. </el-table-column>
  37. </el-table-column>
  38. <el-table-column prop="fenopda" :label="'湿化瓶'+'\n'+'500mg/l含氯制剂'" align="center" min-width="60">
  39. <template slot-scope="scope">
  40. {{ getTimeTwo(scope.row.first_start_time) }} - {{ getTimeTwo(scope.row.first_end_time) }}
  41. <!-- {{ scope.row.first_disinfection_time }} -->
  42. </template>
  43. </el-table-column>
  44. <el-table-column prop="dwaiod" label="责任人" align="center" min-width="60">
  45. <template slot-scope="scope">
  46. {{getName(scope.row.first_creator)}}
  47. </template>
  48. </el-table-column>
  49. <el-table-column prop="date" :label="'止血带'+'\n'+'500mg/l含氯制剂'" align="center" min-width="60">
  50. <template slot-scope="scope">
  51. <!-- {{scope.row.sencond_total_time?scope.row.sencond_total_time:""}} -->
  52. <!-- {{ scope.row.sencond_disinfection_time }} -->
  53. {{ getTimeTwo(scope.row.sencond_start_time) }} - {{ getTimeTwo(scope.row.sencond_end_time) }}
  54. </template>
  55. </el-table-column>
  56. <el-table-column prop="name" label="责任人" align="center" min-width="60">
  57. <template slot-scope="scope">
  58. {{getName(scope.row.sencond_creator)}}
  59. </template>
  60. </el-table-column>
  61. <el-table-column prop="province" :label="'医疗垃圾桶'+'\n'+'1000mg/l含氯制剂'" align="center" min-width="60">
  62. <template slot-scope="scope">
  63. <!-- {{scope.row.third_total_time?scope.row.third_total_time:""}} -->
  64. <!-- {{ scope.row.third_disinfection_time }} -->
  65. {{ getTimeTwo(scope.row.third_start_time) }} - {{ getTimeTwo(scope.row.third_end_time) }}
  66. </template>
  67. </el-table-column>
  68. <el-table-column prop="city" label="负责人" align="center" min-width="60">
  69. <template slot-scope="scope">
  70. {{getName(scope.row.third_creator)}}
  71. </template>
  72. </el-table-column>
  73. <el-table-column prop="name" :label="'体温计'+'\n'+'75%酒精浸泡'" align="center" min-width="60">
  74. <template slot-scope="scope">
  75. <!-- {{scope.row.fourth_total_time?scope.row.fourth_total_time:""}} -->
  76. <!-- {{ scope.row.fourth_disinfection_time }} -->
  77. {{ getTimeTwo(scope.row.fourth_start_time) }} - {{ getTimeTwo(scope.row.fourth_end_time) }}
  78. </template>
  79. </el-table-column>
  80. <el-table-column prop="province" label="负责人" align="center" min-width="60">
  81. <template slot-scope="scope">
  82. {{getName(scope.row.fourth_creator)}}
  83. </template>
  84. </el-table-column>
  85. <el-table-column prop="city" :label="'体温枪'+'\n'+'75%酒精擦拭'" align="center" min-width="60">
  86. <template slot-scope="scope">
  87. <!-- {{scope.row.fourth_total_time?scope.row.fourth_total_time:""}} -->
  88. <!-- {{ scope.row.last_disinfection_time }} -->
  89. {{ getTimeTwo(scope.row.last_start_time) }} - {{ getTimeTwo(scope.row.last_end_time) }}
  90. </template>
  91. </el-table-column>
  92. <el-table-column prop="province" label="负责人" align="center" min-width="60">
  93. <template slot-scope="scope">
  94. {{getName(scope.row.last_creator)}}
  95. </template>
  96. </el-table-column>
  97. <el-table-column prop="city" label="操作" align="center" min-width="100">
  98. <template slot-scope="scope">
  99. <el-button
  100. size="mini"
  101. type="primary"
  102. @click="handleEdit(scope.row.id)">编辑</el-button>
  103. <el-button
  104. size="mini"
  105. type="danger"
  106. @click="handleDelete(scope.row.id)">删除</el-button>
  107. </template>
  108. </el-table-column>
  109. </el-table>
  110. <el-pagination
  111. :page-sizes="[10, 20, 50, 100]"
  112. :page-size="10"
  113. background
  114. style="margin-top:20px;float: right"
  115. layout="total, sizes, prev, pager, next, jumper"
  116. :total="total"
  117. @size-change="handleSizeChange"
  118. @current-change="handleCurrentChange"
  119. >
  120. </el-pagination>
  121. </div>
  122. <!-- 新增 -->
  123. <el-dialog
  124. class="centerDialog"
  125. width="1000px"
  126. title="新增物表消毒表"
  127. :visible.sync="dialogFormVisible">
  128. <el-form :model="form" ref="form" class="airForm" :rules="airRules">
  129. <div style="width: 100%;">
  130. <el-form-item label="创建日期" label-width="110px" required prop="record_date">
  131. <el-date-picker
  132. value-format="yyyy-MM-dd"
  133. v-model="form.record_date"
  134. type="date"
  135. placeholder="选择日期时间">
  136. </el-date-picker>
  137. </el-form-item>
  138. </div>
  139. <div class="form_title"><span >湿化瓶</span></div>
  140. <el-form-item label="消毒方式" label-width="110px">
  141. <!-- <el-input v-model="form.first_disinfection_methods"></el-input> -->
  142. <el-select v-model="form.first_disinfection_methods" placeholder="请选择">
  143. <el-option
  144. v-for="(item,index) in DisinfectionMode"
  145. :key="index"
  146. :label="item.name"
  147. :value="item.name">
  148. </el-option>
  149. </el-select>
  150. </el-form-item>
  151. <el-form-item label="消毒液" label-width="110px">
  152. <!-- <el-input v-model="form.first_disinfection_water"></el-input> -->
  153. <el-select v-model="form.first_disinfection_water" placeholder="请选择">
  154. <el-option
  155. v-for="(item,index) in disInfectionWaterList"
  156. :key="index"
  157. :label="item.name"
  158. :value="item.name">
  159. </el-option>
  160. </el-select>
  161. </el-form-item>
  162. <el-form-item label="消毒时间(h)" label-width="110px">
  163. <el-input v-model="form.first_disinfection_time " :disabled="true"></el-input>
  164. </el-form-item>
  165. <el-form-item label="开始时间" label-width="110px">
  166. <el-date-picker
  167. type="datetime"
  168. format="yyyy-MM-dd HH:mm"
  169. value-format="yyyy-MM-dd HH:mm"
  170. placeholder="选择时间"
  171. v-model="form.first_start_time"
  172. @change="firststartime"
  173. style="width:100%;"
  174. ></el-date-picker>
  175. </el-form-item>
  176. <el-form-item label="结束时间" label-width="110px">
  177. <el-date-picker
  178. type="datetime"
  179. format="yyyy-MM-dd HH:mm"
  180. value-format="yyyy-MM-dd HH:mm"
  181. placeholder="选择时间"
  182. v-model="form.first_end_time"
  183. @change="firstendtime"
  184. style="width:100%;"
  185. ></el-date-picker>
  186. </el-form-item>
  187. <!-- <el-form-item label="累计时间(h)" label-width="110px">
  188. <el-input v-model= "form.first_total_time" ></el-input>
  189. </el-form-item> -->
  190. <el-form-item label="检测合格" label-width="110px">
  191. <div>
  192. <el-radio v-model="form.first_is_check" label="1">是</el-radio>
  193. <el-radio v-model="form.first_is_check" label="2">否</el-radio>
  194. </div>
  195. </el-form-item>
  196. <el-form-item label="修改标志" label-width="110px" >
  197. <el-select v-model="form.first_modifications" placeholder="请选择">
  198. <el-option
  199. v-for="(item,index) in options"
  200. :key="index"
  201. :label="item.name"
  202. :value="item.id">
  203. </el-option>
  204. </el-select>
  205. </el-form-item>
  206. <el-form-item label="责任人" label-width="110px">
  207. <el-select v-model="form.first_creator" placeholder="请选择">
  208. <el-option
  209. v-for="(item,index) in docList"
  210. :key="index"
  211. :label="item.user_name"
  212. :value="item.admin_user_id">
  213. </el-option>
  214. </el-select>
  215. </el-form-item>
  216. <div class="form_title"><span >止血带</span></div>
  217. <el-form-item label="消毒方式" label-width="110px">
  218. <!-- <el-input v-model="form.sencond_disinfection_methods"></el-input> -->
  219. <el-select v-model="form.sencond_disinfection_methods" placeholder="请选择">
  220. <el-option
  221. v-for="(item,index) in DisinfectionMode"
  222. :key="index"
  223. :label="item.name"
  224. :value="item.name">
  225. </el-option>
  226. </el-select>
  227. </el-form-item>
  228. <el-form-item label="消毒液" label-width="110px">
  229. <!-- <el-input v-model="form.sencond_disinfection_water"></el-input> -->
  230. <el-select v-model="form.sencond_disinfection_water" placeholder="请选择">
  231. <el-option
  232. v-for="(item,index) in disInfectionWaterList"
  233. :key="index"
  234. :label="item.name"
  235. :value="item.name">
  236. </el-option>
  237. </el-select>
  238. </el-form-item>
  239. <el-form-item label="消毒时间(h)" label-width="110px">
  240. <el-input v-model="form.sencond_disinfection_time " :disabled="true"></el-input>
  241. </el-form-item>
  242. <el-form-item label="开始时间" label-width="110px">
  243. <el-date-picker
  244. type="datetime"
  245. format="yyyy-MM-dd HH:mm"
  246. value-format="yyyy-MM-dd HH:mm"
  247. placeholder="选择时间"
  248. v-model="form.sencond_start_time"
  249. @change="sencondstarttime"
  250. style="width:100%;"
  251. ></el-date-picker>
  252. </el-form-item>
  253. <el-form-item label="结束时间" label-width="110px">
  254. <el-date-picker
  255. type="datetime"
  256. format="yyyy-MM-dd HH:mm"
  257. value-format="yyyy-MM-dd HH:mm"
  258. placeholder="选择时间"
  259. v-model="form.sencond_end_time"
  260. @change="sencondendtime"
  261. style="width:100%;"
  262. ></el-date-picker>
  263. </el-form-item>
  264. <!-- <el-form-item label="累计时间(h)" label-width="110px">
  265. <el-input v-model= "form.sencond_total_time"></el-input>
  266. </el-form-item> -->
  267. <el-form-item label="检测合格" label-width="110px">
  268. <div>
  269. <el-radio v-model="form.sencond_is_check" label="1">是</el-radio>
  270. <el-radio v-model="form.sencond_is_check" label="2">否</el-radio>
  271. </div>
  272. </el-form-item>
  273. <el-form-item label="修改标志" label-width="110px">
  274. <el-select v-model="form.sencond_modifications" placeholder="请选择">
  275. <el-option
  276. v-for="(item,index) in options"
  277. :key="index"
  278. :label="item.name"
  279. :value="item.id">
  280. </el-option>
  281. </el-select>
  282. </el-form-item>
  283. <el-form-item label="责任人" label-width="110px" >
  284. <el-select v-model="form.sencond_creator" placeholder="请选择">
  285. <el-option
  286. v-for="(item,index) in docList"
  287. :key="index"
  288. :label="item.user_name"
  289. :value="item.admin_user_id">
  290. </el-option>
  291. </el-select>
  292. </el-form-item>
  293. <div class="form_title"><span >医疗垃圾桶</span></div>
  294. <el-form-item label="消毒方式" label-width="110px">
  295. <!-- <el-input v-model="form.third_disinfection_methods"></el-input> -->
  296. <el-select v-model="form.third_disinfection_methods" placeholder="请选择">
  297. <el-option
  298. v-for="(item,index) in DisinfectionMode"
  299. :key="index"
  300. :label="item.name"
  301. :value="item.name">
  302. </el-option>
  303. </el-select>
  304. </el-form-item>
  305. <el-form-item label="消毒液" label-width="110px">
  306. <!-- <el-input v-model="form.third_disinfection_water"></el-input> -->
  307. <el-select v-model="form.third_disinfection_water" placeholder="请选择">
  308. <el-option
  309. v-for="(item,index) in disInfectionWaterList"
  310. :key="index"
  311. :label="item.name"
  312. :value="item.name">
  313. </el-option>
  314. </el-select>
  315. </el-form-item>
  316. <el-form-item label="消毒时间(h)" label-width="110px">
  317. <el-input v-model="form.third_disinfection_time " :disabled="true"></el-input>
  318. </el-form-item>
  319. <el-form-item label="开始时间" label-width="110px">
  320. <el-date-picker
  321. type="datetime"
  322. format="yyyy-MM-dd HH:mm"
  323. value-format="yyyy-MM-dd HH:mm"
  324. placeholder="选择时间"
  325. v-model="form.third_start_time"
  326. @change="thirdstarttime"
  327. style="width:100%;"
  328. ></el-date-picker>
  329. </el-form-item>
  330. <el-form-item label="结束时间" label-width="110px">
  331. <el-date-picker
  332. type="datetime"
  333. format="yyyy-MM-dd HH:mm"
  334. value-format="yyyy-MM-dd HH:mm"
  335. placeholder="选择时间"
  336. v-model="form.third_end_time"
  337. @change="thirdendtime"
  338. style="width:100%;"
  339. ></el-date-picker>
  340. </el-form-item>
  341. <!-- <el-form-item label="累计时间(h)" label-width="110px">
  342. <el-input v-model= "form.third_total_time" ></el-input>
  343. </el-form-item> -->
  344. <el-form-item label="检测合格" label-width="110px" >
  345. <div>
  346. <el-radio v-model="form.third_is_check" label="1">是</el-radio>
  347. <el-radio v-model="form.third_is_check" label="2">否</el-radio>
  348. </div>
  349. </el-form-item>
  350. <el-form-item label="修改标志" label-width="110px">
  351. <el-select v-model="form.third_modifications" placeholder="请选择">
  352. <el-option
  353. v-for="(item,index) in options"
  354. :key="index"
  355. :label="item.name"
  356. :value="item.id">
  357. </el-option>
  358. </el-select>
  359. </el-form-item>
  360. <el-form-item label="责任人" label-width="110px">
  361. <el-select v-model="form.third_creator" placeholder="请选择">
  362. <el-option
  363. v-for="(item,index) in docList"
  364. :key="index"
  365. :label="item.user_name"
  366. :value="item.admin_user_id">
  367. </el-option>
  368. </el-select>
  369. </el-form-item>
  370. <div class="form_title"><span >体温计</span></div>
  371. <el-form-item label="消毒方式" label-width="110px">
  372. <!-- <el-input v-model="form.fourth_disinfection_methods"></el-input> -->
  373. <el-select v-model="form.fourth_disinfection_methods" placeholder="请选择">
  374. <el-option
  375. v-for="(item,index) in DisinfectionMode"
  376. :key="index"
  377. :label="item.name"
  378. :value="item.name">
  379. </el-option>
  380. </el-select>
  381. </el-form-item>
  382. <el-form-item label="消毒液" label-width="110px">
  383. <!-- <el-input v-model="form.fourth_disinfection_water"></el-input> -->
  384. <el-select v-model="form.fourth_disinfection_water" placeholder="请选择">
  385. <el-option
  386. v-for="(item,index) in disInfectionWaterList"
  387. :key="index"
  388. :label="item.name"
  389. :value="item.name">
  390. </el-option>
  391. </el-select>
  392. </el-form-item>
  393. <el-form-item label="消毒时间(h)" label-width="110px">
  394. <el-input v-model="form.fourth_disinfection_time " :disabled="true"></el-input>
  395. </el-form-item>
  396. <el-form-item label="开始时间" label-width="110px">
  397. <el-date-picker
  398. type="datetime"
  399. format="yyyy-MM-dd HH:mm"
  400. value-format="yyyy-MM-dd HH:mm"
  401. placeholder="选择时间"
  402. v-model="form.fourth_start_time"
  403. @change="fourthstarttime"
  404. style="width:100%;"
  405. ></el-date-picker>
  406. </el-form-item>
  407. <el-form-item label="结束时间" label-width="110px">
  408. <el-date-picker
  409. type="datetime"
  410. format="yyyy-MM-dd HH:mm"
  411. value-format="yyyy-MM-dd HH:mm"
  412. placeholder="选择时间"
  413. v-model="form.fourth_end_time"
  414. @change="fourthendtime"
  415. style="width:100%;"
  416. ></el-date-picker>
  417. </el-form-item>
  418. <!-- <el-form-item label="累计时间(h)" label-width="110px">
  419. <el-input v-model= "form.fourth_total_time" ></el-input>
  420. </el-form-item> -->
  421. <el-form-item label="检测合格" label-width="110px">
  422. <div>
  423. <el-radio v-model="form.fourth_is_check" label="1">是</el-radio>
  424. <el-radio v-model="form.fourth_is_check" label="2">否</el-radio>
  425. </div>
  426. </el-form-item>
  427. <el-form-item label="修改标志" label-width="110px">
  428. <el-select v-model="form.fourth_modifications" placeholder="请选择">
  429. <el-option
  430. v-for="(item,index) in options"
  431. :key="index"
  432. :label="item.name"
  433. :value="item.id">
  434. </el-option>
  435. </el-select>
  436. </el-form-item>
  437. <el-form-item label="责任人" label-width="110px">
  438. <el-select v-model="form.fourth_creator" placeholder="请选择">
  439. <el-option
  440. v-for="(item,index) in docList"
  441. :key="index"
  442. :label="item.user_name"
  443. :value="item.admin_user_id">
  444. </el-option>
  445. </el-select>
  446. </el-form-item>
  447. <div class="form_title"><span >体温枪</span></div>
  448. <el-form-item label="消毒方式" label-width="110px">
  449. <!-- <el-input v-model="form.last_disinfection_methods"></el-input> -->
  450. <el-select v-model="form.last_disinfection_methods" placeholder="请选择">
  451. <el-option
  452. v-for="(item,index) in DisinfectionMode"
  453. :key="index"
  454. :label="item.name"
  455. :value="item.name">
  456. </el-option>
  457. </el-select>
  458. </el-form-item>
  459. <el-form-item label="消毒液" label-width="110px">
  460. <!-- <el-input v-model="form.last_disinfection_water"></el-input> -->
  461. <el-select v-model="form.last_disinfection_water" placeholder="请选择">
  462. <el-option
  463. v-for="(item,index) in disInfectionWaterList"
  464. :key="index"
  465. :label="item.name"
  466. :value="item.name">
  467. </el-option>
  468. </el-select>
  469. </el-form-item>
  470. <el-form-item label="消毒时间(h)" label-width="110px">
  471. <el-input v-model="form.last_disinfection_time " :disabled="true"></el-input>
  472. </el-form-item>
  473. <el-form-item label="开始时间" label-width="110px">
  474. <el-date-picker
  475. type="datetime"
  476. format="yyyy-MM-dd HH:mm"
  477. value-format="yyyy-MM-dd HH:mm"
  478. placeholder="选择时间"
  479. v-model="form.last_start_time"
  480. @change="laststarttime"
  481. style="width:100%;"
  482. ></el-date-picker>
  483. </el-form-item>
  484. <el-form-item label="结束时间" label-width="110px">
  485. <el-date-picker
  486. type="datetime"
  487. format="yyyy-MM-dd HH:mm"
  488. value-format="yyyy-MM-dd HH:mm"
  489. placeholder="选择时间"
  490. v-model="form.last_end_time"
  491. @change="lastendtime"
  492. style="width:100%;"
  493. ></el-date-picker>
  494. </el-form-item>
  495. <!-- <el-form-item label="累计时间(h)" label-width="110px">
  496. <el-input v-model= "form.last_total_time" ></el-input>
  497. </el-form-item> -->
  498. <el-form-item label="检测合格" label-width="110px">
  499. <div>
  500. <el-radio v-model="form.last_is_check" label="1">是</el-radio>
  501. <el-radio v-model="form.last_is_check" label="2">否</el-radio>
  502. </div>
  503. </el-form-item>
  504. <el-form-item label="修改标志" label-width="110px">
  505. <el-select v-model="form.last_modifications" placeholder="请选择">
  506. <el-option
  507. v-for="(item,index) in options"
  508. :key="index"
  509. :label="item.name"
  510. :value="item.id">
  511. </el-option>
  512. </el-select>
  513. </el-form-item>
  514. <el-form-item label="责任人" label-width="110px">
  515. <el-select v-model="form.last_creator" placeholder="请选择">
  516. <el-option
  517. v-for="(item,index) in docList"
  518. :key="index"
  519. :label="item.user_name"
  520. :value="item.admin_user_id">
  521. </el-option>
  522. </el-select>
  523. </el-form-item>
  524. </el-form>
  525. <div slot="footer" class="dialog-footer">
  526. <el-button @click="dialogFormVisible = false">取 消</el-button>
  527. <el-button type="primary" @click="saveObjectTableDisinfect('form')">保 存</el-button>
  528. </div>
  529. </el-dialog>
  530. <!-- 编辑 -->
  531. <el-dialog
  532. class="centerDialog"
  533. width="1000px"
  534. title="编辑物表消毒表"
  535. :visible.sync="editDialogFormVisible">
  536. <el-form :model="form" ref="form" class="airForm" :rules="airRules">
  537. <div style="width: 100%;">
  538. <el-form-item label="创建日期" label-width="110px" required prop="record_date">
  539. <el-date-picker
  540. value-format="yyyy-MM-dd"
  541. v-model="form.record_date"
  542. type="date"
  543. placeholder="选择日期时间">
  544. </el-date-picker>
  545. </el-form-item>
  546. </div>
  547. <div class="form_title"><span >湿化瓶</span></div>
  548. <el-form-item label="消毒方式" label-width="110px">
  549. <!-- <el-input v-model="form.first_disinfection_methods"></el-input> -->
  550. <el-select v-model="form.first_disinfection_methods" placeholder="请选择">
  551. <el-option
  552. v-for="(item,index) in DisinfectionMode"
  553. :key="index"
  554. :label="item.name"
  555. :value="item.name">
  556. </el-option>
  557. </el-select>
  558. </el-form-item>
  559. <el-form-item label="消毒液" label-width="110px">
  560. <!-- <el-input v-model="form.first_disinfection_water"></el-input> -->
  561. <el-select v-model="form.first_disinfection_water" placeholder="请选择">
  562. <el-option
  563. v-for="(item,index) in disInfectionWaterList"
  564. :key="index"
  565. :label="item.name"
  566. :value="item.name">
  567. </el-option>
  568. </el-select>
  569. </el-form-item>
  570. <el-form-item label="消毒时间(h)" label-width="110px">
  571. <el-input v-model="form.first_disinfection_time " :disabled="true"></el-input>
  572. </el-form-item>
  573. <el-form-item label="开始时间" label-width="110px">
  574. <el-date-picker
  575. type="datetime"
  576. format="yyyy-MM-dd HH:mm"
  577. value-format="yyyy-MM-dd HH:mm"
  578. placeholder="选择时间"
  579. v-model="form.first_start_time"
  580. @change="firststartime"
  581. style="width:100%;"
  582. ></el-date-picker>
  583. </el-form-item>
  584. <el-form-item label="结束时间" label-width="110px">
  585. <el-date-picker
  586. type="datetime"
  587. format="yyyy-MM-dd HH:mm"
  588. value-format="yyyy-MM-dd HH:mm"
  589. placeholder="选择时间"
  590. v-model="form.first_end_time"
  591. @change="firstendtime"
  592. style="width:100%;"
  593. ></el-date-picker>
  594. </el-form-item>
  595. <!-- <el-form-item label="累计时间(h)" label-width="110px">
  596. <el-input v-model= "form.first_total_time" ></el-input>
  597. </el-form-item> -->
  598. <el-form-item label="检测合格" label-width="110px">
  599. <div>
  600. <el-radio v-model="form.first_is_check" label="1">是</el-radio>
  601. <el-radio v-model="form.first_is_check" label="2">否</el-radio>
  602. </div>
  603. </el-form-item>
  604. <el-form-item label="修改标志" label-width="110px" >
  605. <el-select v-model="form.first_modifications" placeholder="请选择">
  606. <el-option
  607. v-for="(item,index) in options"
  608. :key="index"
  609. :label="item.name"
  610. :value="item.id">
  611. </el-option>
  612. </el-select>
  613. </el-form-item>
  614. <el-form-item label="责任人" label-width="110px">
  615. <el-select v-model="form.first_creator" placeholder="请选择">
  616. <el-option
  617. v-for="(item,index) in docList"
  618. :key="index"
  619. :label="item.user_name"
  620. :value="item.admin_user_id">
  621. </el-option>
  622. </el-select>
  623. </el-form-item>
  624. <div class="form_title"><span >止血带</span></div>
  625. <el-form-item label="消毒方式" label-width="110px">
  626. <!-- <el-input v-model="form.sencond_disinfection_methods"></el-input> -->
  627. <el-select v-model="form.sencond_disinfection_methods" placeholder="请选择">
  628. <el-option
  629. v-for="(item,index) in DisinfectionMode"
  630. :key="index"
  631. :label="item.name"
  632. :value="item.name">
  633. </el-option>
  634. </el-select>
  635. </el-form-item>
  636. <el-form-item label="消毒液" label-width="110px">
  637. <!-- <el-input v-model="form.sencond_disinfection_water"></el-input> -->
  638. <el-select v-model="form.sencond_disinfection_water" placeholder="请选择">
  639. <el-option
  640. v-for="(item,index) in disInfectionWaterList"
  641. :key="index"
  642. :label="item.name"
  643. :value="item.name">
  644. </el-option>
  645. </el-select>
  646. </el-form-item>
  647. <el-form-item label="消毒时间(h)" label-width="110px">
  648. <el-input v-model="form.sencond_disinfection_time " :disabled="true"></el-input>
  649. </el-form-item>
  650. <el-form-item label="开始时间" label-width="110px">
  651. <el-date-picker
  652. type="datetime"
  653. format="yyyy-MM-dd HH:mm"
  654. value-format="yyyy-MM-dd HH:mm"
  655. placeholder="选择时间"
  656. v-model="form.sencond_start_time"
  657. @change="sencondstarttime"
  658. style="width:100%;"
  659. ></el-date-picker>
  660. </el-form-item>
  661. <el-form-item label="结束时间" label-width="110px">
  662. <el-date-picker
  663. type="datetime"
  664. format="yyyy-MM-dd HH:mm"
  665. value-format="yyyy-MM-dd HH:mm"
  666. placeholder="选择时间"
  667. v-model="form.sencond_end_time"
  668. @change="sencondendtime"
  669. style="width:100%;"
  670. ></el-date-picker>
  671. </el-form-item>
  672. <!-- <el-form-item label="累计时间(h)" label-width="110px">
  673. <el-input v-model= "form.sencond_total_time"></el-input>
  674. </el-form-item> -->
  675. <el-form-item label="检测合格" label-width="110px">
  676. <div>
  677. <el-radio v-model="form.sencond_is_check" label="1">是</el-radio>
  678. <el-radio v-model="form.sencond_is_check" label="2">否</el-radio>
  679. </div>
  680. </el-form-item>
  681. <el-form-item label="修改标志" label-width="110px">
  682. <el-select v-model="form.sencond_modifications" placeholder="请选择">
  683. <el-option
  684. v-for="(item,index) in options"
  685. :key="index"
  686. :label="item.name"
  687. :value="item.id">
  688. </el-option>
  689. </el-select>
  690. </el-form-item>
  691. <el-form-item label="责任人" label-width="110px" >
  692. <el-select v-model="form.sencond_creator" placeholder="请选择">
  693. <el-option
  694. v-for="(item,index) in docList"
  695. :key="index"
  696. :label="item.user_name"
  697. :value="item.admin_user_id">
  698. </el-option>
  699. </el-select>
  700. </el-form-item>
  701. <div class="form_title"><span >医疗垃圾桶</span></div>
  702. <el-form-item label="消毒方式" label-width="110px">
  703. <!-- <el-input v-model="form.third_disinfection_methods"></el-input> -->
  704. <el-select v-model="form.third_disinfection_methods" placeholder="请选择">
  705. <el-option
  706. v-for="(item,index) in DisinfectionMode"
  707. :key="index"
  708. :label="item.name"
  709. :value="item.name">
  710. </el-option>
  711. </el-select>
  712. </el-form-item>
  713. <el-form-item label="消毒液" label-width="110px">
  714. <!-- <el-input v-model="form.third_disinfection_water"></el-input> -->
  715. <el-select v-model="form.third_disinfection_water" placeholder="请选择">
  716. <el-option
  717. v-for="(item,index) in disInfectionWaterList"
  718. :key="index"
  719. :label="item.name"
  720. :value="item.name">
  721. </el-option>
  722. </el-select>
  723. </el-form-item>
  724. <el-form-item label="消毒时间(h)" label-width="110px">
  725. <el-input v-model="form.third_disinfection_time " :disabled="true"></el-input>
  726. </el-form-item>
  727. <el-form-item label="开始时间" label-width="110px">
  728. <el-date-picker
  729. type="datetime"
  730. format="yyyy-MM-dd HH:mm"
  731. value-format="yyyy-MM-dd HH:mm"
  732. placeholder="选择时间"
  733. v-model="form.third_start_time"
  734. @change="thirdstarttime"
  735. style="width:100%;"
  736. ></el-date-picker>
  737. </el-form-item>
  738. <el-form-item label="结束时间" label-width="110px">
  739. <el-date-picker
  740. type="datetime"
  741. format="yyyy-MM-dd HH:mm"
  742. value-format="yyyy-MM-dd HH:mm"
  743. placeholder="选择时间"
  744. v-model="form.third_end_time"
  745. @change="thirdendtime"
  746. style="width:100%;"
  747. ></el-date-picker>
  748. </el-form-item>
  749. <!-- <el-form-item label="累计时间(h)" label-width="110px">
  750. <el-input v-model= "form.third_total_time" ></el-input>
  751. </el-form-item> -->
  752. <el-form-item label="检测合格" label-width="110px" >
  753. <div>
  754. <el-radio v-model="form.third_is_check" label="1">是</el-radio>
  755. <el-radio v-model="form.third_is_check" label="2">否</el-radio>
  756. </div>
  757. </el-form-item>
  758. <el-form-item label="修改标志" label-width="110px">
  759. <el-select v-model="form.third_modifications" placeholder="请选择">
  760. <el-option
  761. v-for="(item,index) in options"
  762. :key="index"
  763. :label="item.name"
  764. :value="item.id">
  765. </el-option>
  766. </el-select>
  767. </el-form-item>
  768. <el-form-item label="责任人" label-width="110px">
  769. <el-select v-model="form.third_creator" placeholder="请选择">
  770. <el-option
  771. v-for="(item,index) in docList"
  772. :key="index"
  773. :label="item.user_name"
  774. :value="item.admin_user_id">
  775. </el-option>
  776. </el-select>
  777. </el-form-item>
  778. <div class="form_title"><span >体温计</span></div>
  779. <el-form-item label="消毒方式" label-width="110px">
  780. <!-- <el-input v-model="form.fourth_disinfection_methods"></el-input> -->
  781. <el-select v-model="form.fourth_disinfection_methods" placeholder="请选择">
  782. <el-option
  783. v-for="(item,index) in DisinfectionMode"
  784. :key="index"
  785. :label="item.name"
  786. :value="item.name">
  787. </el-option>
  788. </el-select>
  789. </el-form-item>
  790. <el-form-item label="消毒液" label-width="110px">
  791. <!-- <el-input v-model="form.fourth_disinfection_water"></el-input> -->
  792. <el-select v-model="form.fourth_disinfection_water" placeholder="请选择">
  793. <el-option
  794. v-for="(item,index) in disInfectionWaterList"
  795. :key="index"
  796. :label="item.name"
  797. :value="item.name">
  798. </el-option>
  799. </el-select>
  800. </el-form-item>
  801. <el-form-item label="消毒时间(h)" label-width="110px">
  802. <el-input v-model="form.fourth_disinfection_time " :disabled="true"></el-input>
  803. </el-form-item>
  804. <el-form-item label="开始时间" label-width="110px">
  805. <el-date-picker
  806. type="datetime"
  807. format="yyyy-MM-dd HH:mm"
  808. value-format="yyyy-MM-dd HH:mm"
  809. placeholder="选择时间"
  810. v-model="form.fourth_start_time"
  811. @change="fourthstarttime"
  812. style="width:100%;"
  813. ></el-date-picker>
  814. </el-form-item>
  815. <el-form-item label="结束时间" label-width="110px">
  816. <el-date-picker
  817. type="datetime"
  818. format="yyyy-MM-dd HH:mm"
  819. value-format="yyyy-MM-dd HH:mm"
  820. placeholder="选择时间"
  821. v-model="form.fourth_end_time"
  822. @change="fourthendtime"
  823. style="width:100%;"
  824. ></el-date-picker>
  825. </el-form-item>
  826. <!-- <el-form-item label="累计时间(h)" label-width="110px">
  827. <el-input v-model= "form.fourth_total_time" ></el-input>
  828. </el-form-item> -->
  829. <el-form-item label="检测合格" label-width="110px">
  830. <div>
  831. <el-radio v-model="form.fourth_is_check" label="1">是</el-radio>
  832. <el-radio v-model="form.fourth_is_check" label="2">否</el-radio>
  833. </div>
  834. </el-form-item>
  835. <el-form-item label="修改标志" label-width="110px">
  836. <el-select v-model="form.fourth_modifications" placeholder="请选择">
  837. <el-option
  838. v-for="(item,index) in options"
  839. :key="index"
  840. :label="item.name"
  841. :value="item.id">
  842. </el-option>
  843. </el-select>
  844. </el-form-item>
  845. <el-form-item label="责任人" label-width="110px">
  846. <el-select v-model="form.fourth_creator" placeholder="请选择">
  847. <el-option
  848. v-for="(item,index) in docList"
  849. :key="index"
  850. :label="item.user_name"
  851. :value="item.admin_user_id">
  852. </el-option>
  853. </el-select>
  854. </el-form-item>
  855. <div class="form_title"><span >体温枪</span></div>
  856. <el-form-item label="消毒方式" label-width="110px">
  857. <!-- <el-input v-model="form.last_disinfection_methods"></el-input> -->
  858. <el-select v-model="form.last_disinfection_methods" placeholder="请选择">
  859. <el-option
  860. v-for="(item,index) in DisinfectionMode"
  861. :key="index"
  862. :label="item.name"
  863. :value="item.name">
  864. </el-option>
  865. </el-select>
  866. </el-form-item>
  867. <el-form-item label="消毒液" label-width="110px">
  868. <!-- <el-input v-model="form.last_disinfection_water"></el-input> -->
  869. <el-select v-model="form.last_disinfection_water" placeholder="请选择">
  870. <el-option
  871. v-for="(item,index) in disInfectionWaterList"
  872. :key="index"
  873. :label="item.name"
  874. :value="item.name">
  875. </el-option>
  876. </el-select>
  877. </el-form-item>
  878. <el-form-item label="消毒时间(h)" label-width="110px">
  879. <el-input v-model="form.last_disinfection_time " :disabled="true"></el-input>
  880. </el-form-item>
  881. <el-form-item label="开始时间" label-width="110px">
  882. <el-date-picker
  883. type="datetime"
  884. format="yyyy-MM-dd HH:mm"
  885. value-format="yyyy-MM-dd HH:mm"
  886. placeholder="选择时间"
  887. v-model="form.last_start_time"
  888. @change="laststarttime"
  889. style="width:100%;"
  890. ></el-date-picker>
  891. </el-form-item>
  892. <el-form-item label="结束时间" label-width="110px">
  893. <el-date-picker
  894. type="datetime"
  895. format="yyyy-MM-dd HH:mm"
  896. value-format="yyyy-MM-dd HH:mm"
  897. placeholder="选择时间"
  898. v-model="form.last_end_time"
  899. @change="lastendtime"
  900. style="width:100%;"
  901. ></el-date-picker>
  902. </el-form-item>
  903. <!-- <el-form-item label="累计时间(h)" label-width="110px">
  904. <el-input v-model= "form.last_total_time" ></el-input>
  905. </el-form-item> -->
  906. <el-form-item label="检测合格" label-width="110px">
  907. <div>
  908. <el-radio v-model="form.last_is_check" label="1">是</el-radio>
  909. <el-radio v-model="form.last_is_check" label="2">否</el-radio>
  910. </div>
  911. </el-form-item>
  912. <el-form-item label="修改标志" label-width="110px">
  913. <el-select v-model="form.last_modifications" placeholder="请选择">
  914. <el-option
  915. v-for="(item,index) in options"
  916. :key="index"
  917. :label="item.name"
  918. :value="item.id">
  919. </el-option>
  920. </el-select>
  921. </el-form-item>
  922. <el-form-item label="责任人" label-width="110px">
  923. <el-select v-model="form.last_creator" placeholder="请选择">
  924. <el-option
  925. v-for="(item,index) in docList"
  926. :key="index"
  927. :label="item.user_name"
  928. :value="item.admin_user_id">
  929. </el-option>
  930. </el-select>
  931. </el-form-item>
  932. </el-form>
  933. <div slot="footer" class="dialog-footer">
  934. <el-button @click="editDialogFormVisible = false">取 消</el-button>
  935. <el-button type="primary" @click="updateObjectTableDisinfect('form')">保 存</el-button>
  936. </div>
  937. </el-dialog>
  938. <div hidden="hidden">
  939. <div id="print-card-info" v-show="hiddenShow">
  940. <div>
  941. <h1 style="text-align: center;">物表消毒登记</h1>
  942. <div>
  943. <table border="1" style="text-align: center;margin: auto;border-collapse: collapse;">
  944. <tr>
  945. <td style="position: relative;box-sizing: border-box;width: 107px;
  946. height: 80px;">
  947. <span style="position: absolute; right: 10px; top: 10px; font-size: 12px;">名称</span>
  948. <span style="position: absolute; display: block; top: 0; left: 46px; width: 100px;
  949. border-bottom:1px solid black ;transform: rotate(52deg);
  950. transform-origin: top left;"></span>
  951. <span style="position: absolute; right: 45px; top: 23px;font-size: 12px;">消毒 <br/>时间</span>
  952. <span style="position: absolute; display: block; top: 46px; left: 0; width: 113px;
  953. border-bottom:1px solid black ;transform: rotate(17deg);
  954. transform-origin: top left;"></span>
  955. <span style="position: absolute; left: 6px; bottom: 6px;font-size: 12px;">日期</span>
  956. </td>
  957. <td>湿化瓶<br/>500mg/l含氯制剂</td>
  958. <td>负责人</td>
  959. <td>止血带<br/>500mg/l含氯制剂</td>
  960. <td>负责人</td>
  961. <td>医疗垃圾桶<br/>1000mg/l含氯制剂</td>
  962. <td>负责人</td>
  963. <td>体温计<br/>75%酒精<br/>浸泡</td>
  964. <td>负责人</td>
  965. <td>体温枪<br/>75%酒精<br/>擦拭</td>
  966. <td>负责人</td>
  967. </tr>
  968. <tr v-for="(item,index) in tableData" :key="index">
  969. <td>{{getTimes(item.record_date) }}</td>
  970. <td>{{getTimeTwo( item.first_start_time)}}- {{getTimeTwo(item.first_end_time) }}</td>
  971. <td>
  972. <span v-if="setAdminUserES(item.first_creator?item.last_creator:item.first_creator) == ''">
  973. {{getName(item.first_creator)}}
  974. </span>
  975. <span v-else>
  976. <img style="height:30px;" :src="setAdminUserES(item.last_creator?item.last_creator:item.last_creator)" alt="" srcset="">
  977. </span>
  978. </td>
  979. <td>{{getTimeTwo(item.sencond_start_time) }} - {{getTimeTwo( item.sencond_end_time) }}</td>
  980. <td>
  981. <span v-if="setAdminUserES(item.sencond_creator?item.sencond_creator:item.sencond_creator) == ''">
  982. {{getName(item.sencond_creator)}}
  983. </span>
  984. <span v-else>
  985. <img style="height:30px;" :src="setAdminUserES(item.sencond_creator?item.sencond_creator:item.sencond_creator)" alt="" srcset="">
  986. </span>
  987. </td>
  988. <td>{{getTimeTwo(item.third_start_time) }} - {{getTimeTwo(item.third_end_time) }}</td>
  989. <td>
  990. <span v-if="setAdminUserES(item.third_creator?item.third_creator:item.third_creator) == ''">
  991. {{getName(item.third_creator)}}
  992. </span>
  993. <span v-else>
  994. <img style="height:30px;" :src="setAdminUserES(item.third_creator?item.third_creator:item.third_creator)" alt="" srcset="">
  995. </span>
  996. </td>
  997. <td>{{getTimeTwo(item.fourth_start_time) }} - {{getTimeTwo(item.fourth_end_time) }}</td>
  998. <td>
  999. <span v-if="setAdminUserES(item.fourth_creator?item.fourth_creator:item.fourth_creator) == ''">
  1000. {{getName(item.fourth_creator)}}
  1001. </span>
  1002. <span v-else>
  1003. <img style="height:30px;" :src="setAdminUserES(item.fourth_creator?item.fourth_creator:item.fourth_creator)" alt="" srcset="">
  1004. </span>
  1005. </td>
  1006. <td>{{getTimeTwo(item.last_start_time) }} - {{getTimeTwo( item.last_end_time) }}</td>
  1007. <td>
  1008. <span v-if="setAdminUserES(item.last_creator?item.last_creator:item.last_creator) == ''">
  1009. {{getName(item.last_creator)}}
  1010. </span>
  1011. <span v-else>
  1012. <img style="height:30px;" :src="setAdminUserES(item.last_creator?item.last_creator:item.last_creator)" alt="" srcset="">
  1013. </span>
  1014. </td>
  1015. </tr>
  1016. </table>
  1017. </div>
  1018. </div>
  1019. </div>
  1020. </div>
  1021. </div>
  1022. </div>
  1023. </template>
  1024. <script>
  1025. import print from "print-js";
  1026. import BreadCrumb from '@/xt_pages/components/bread-crumb'
  1027. import { getAllDoctorList,
  1028. saveObjectTableDisinfect,
  1029. getObjectTableDisInfectList,
  1030. getObjectTableDisInfectByIdList,
  1031. updateObjectTableDisinfect,
  1032. deleteObjectTableDisinfect
  1033. } from "@/api/device"
  1034. import { uParseTime } from '@/utils/tools'
  1035. const moment = require('moment')
  1036. export default {
  1037. name: 'airDisinfect',
  1038. components: {
  1039. BreadCrumb
  1040. },
  1041. data() {
  1042. return {
  1043. crumbs: [
  1044. { path: false, name: '院感管理' },
  1045. { path: false, name: '透析室空气消毒记录表' }
  1046. ],
  1047. dialogFormVisible:false,
  1048. editDialogFormVisible:false,
  1049. startvalue:'',
  1050. endvalue:'',
  1051. form: {
  1052. id:0,
  1053. record_date:moment(new Date()).add('year',0).format("YYYY-MM-DD"), //创建日期
  1054. first_disinfection_water:"",// 消毒液
  1055. first_disinfection_methods:"",//消毒方式
  1056. first_disinfection_time:"",//消毒时长
  1057. first_start_time:moment(new Date()).format('YYYY-MM-DD HH:mm'),//开始时间
  1058. first_end_time:moment(new Date()).format('YYYY-MM-DD HH:mm'),//结束时间
  1059. first_total_time:"",//累计时间
  1060. first_is_check:"1",//检验合格
  1061. first_modifications:"",//修改标志
  1062. first_creator:this.$store.getters.xt_user.user.id,//第一责任人
  1063. sencond_disinfection_water:"",// 消毒液
  1064. sencond_disinfection_methods:"",//消毒方式
  1065. sencond_disinfection_time:"",//消毒时长
  1066. sencond_start_time:moment(new Date()).format('YYYY-MM-DD HH:mm'),//开始时间
  1067. sencond_end_time:moment(new Date()).format('YYYY-MM-DD HH:mm'),//结束时间
  1068. sencond_total_time:"",//累计时间
  1069. sencond_is_check:"1",//检验合格
  1070. sencond_modifications:"",//修改标志
  1071. sencond_creator:this.$store.getters.xt_user.user.id,//第一责任人
  1072. third_disinfection_water:"",// 消毒液
  1073. third_disinfection_methods:"",//消毒方式
  1074. third_disinfection_time:"",//消毒时长
  1075. third_start_time:moment(new Date()).format('YYYY-MM-DD HH:mm'),//开始时间
  1076. third_end_time:moment(new Date()).format('YYYY-MM-DD HH:mm'),//结束时间
  1077. third_total_time:"",//累计时间
  1078. third_is_check:"1",//检验合格
  1079. third_modifications:"",//修改标志
  1080. third_creator:this.$store.getters.xt_user.user.id,//第一责任人
  1081. fourth_disinfection_water:"",// 消毒液
  1082. fourth_disinfection_methods:"",//消毒方式
  1083. fourth_disinfection_time:"",//消毒时长
  1084. fourth_start_time:moment(new Date()).format('YYYY-MM-DD HH:mm'),//开始时间
  1085. fourth_end_time:moment(new Date()).format('YYYY-MM-DD HH:mm'),//结束时间
  1086. fourth_total_time:"",//累计时间
  1087. fourth_is_check:"1",//检验合格
  1088. fourth_modifications:"",//修改标志
  1089. fourth_creator:this.$store.getters.xt_user.user.id,//第一责任人
  1090. last_disinfection_water:"",// 消毒液
  1091. last_disinfection_methods:"",//消毒方式
  1092. last_disinfection_time:"",//消毒时长
  1093. last_start_time:moment(new Date()).format('YYYY-MM-DD HH:mm'),//开始时间
  1094. last_end_time:moment(new Date()).format('YYYY-MM-DD HH:mm'),//结束时间
  1095. last_total_time:"",//累计时间
  1096. last_is_check:"1",//检验合格
  1097. last_modifications:"",//修改标志
  1098. last_creator:this.$store.getters.xt_user.user.id,//第一责任人
  1099. },
  1100. // value1:'',
  1101. docList:[],
  1102. options:[
  1103. {id:1,name:"正常"},
  1104. {id:2,name:"撤销"}
  1105. ],
  1106. airRules: {
  1107. created_time:[{required:true,message:"请选择创建时间",trigger:"blur"}],
  1108. start_time:[{required:true,message:"请选择开始时间",trigger:"blur"}],
  1109. end_time:[{required:true,message:"请选择结束时间",trigger:"blur"}]
  1110. },
  1111. limit:10,
  1112. page:1,
  1113. total:0,
  1114. tableData: [],
  1115. hiddenShow:false,
  1116. disInfectionWaterList:[
  1117. { id: 1, name: "0.22%季铵盐" },
  1118. { id: 2, name: "500mg/l含氯消毒剂" },
  1119. { id: 3, name: "1000mg/l含氯消毒剂" },
  1120. { id: 4, name: "1500mg/l含氯消毒剂" },
  1121. { id: 5, name: "消毒湿巾" },
  1122. { id:6, name:"75%酒精"}
  1123. ],
  1124. DisinfectionMode: [
  1125. { id: 1, name: "擦拭" },
  1126. { id: 2, name: "浸泡" },
  1127. { id: 3, name: "喷洒" }
  1128. ],
  1129. operators: [],
  1130. operatorMaps:{},
  1131. }
  1132. },
  1133. created(){
  1134. this.getAllDoctorList()
  1135. this.getObjectTableDisInfectList()
  1136. },
  1137. computed:{
  1138. firstdisinfection_time (){
  1139. const firststart= Date.parse(new Date(this.form.first_start_time))
  1140. console.log('开始时间',firststart);
  1141. const firstend= Date.parse(new Date(this.form.first_end_time))
  1142. console.log('结束时间',firstend);
  1143. const time_interval = ((firstend - firststart)/(60*60*1000)).toFixed(1)
  1144. console.log('结束时间',time_interval,Math.floor((firstend - firststart)/(60*60*1000)).toFixed(1));
  1145. return time_interval
  1146. },
  1147. senconddisinfection_time (){
  1148. const sencondstart= Date.parse(new Date(this.form.sencond_start_time))
  1149. const sencondend= Date.parse(new Date(this.form.sencond_end_time))
  1150. const time_interval = ((sencondend - sencondstart)/(60*60*1000)).toFixed(1)
  1151. return time_interval
  1152. },
  1153. thirddisinfection_time (){
  1154. const thirdstart= Date.parse(new Date(this.form.third_start_time))
  1155. const thirdend= Date.parse(new Date(this.form.third_end_time))
  1156. const time_interval = ((thirdend - thirdstart)/(60*60*1000)).toFixed(1)
  1157. return time_interval
  1158. },
  1159. fourthdisinfection_time (){
  1160. const fourthstart= Date.parse(new Date(this.form.fourth_start_time))
  1161. const fourthend= Date.parse(new Date(this.form.fourth_end_time))
  1162. const time_interval = ((fourthend - fourthstart)/(60*60*1000)).toFixed(1)
  1163. return time_interval
  1164. },
  1165. lastdisinfection_time (){
  1166. const laststart= Date.parse(new Date(this.form.last_start_time))
  1167. const lastend= Date.parse(new Date(this.form.last_end_time))
  1168. const time_interval = ((lastend - laststart)/(60*60*1000)).toFixed(1)
  1169. return time_interval
  1170. },
  1171. },
  1172. methods:{
  1173. printCard() {
  1174. this.hiddenShow = true;
  1175. var ptime = Math.round(new Date().getTime() / 1000);
  1176. this.print_time = uParseTime(ptime, "{y}年{m}月{d}日");
  1177. const style =
  1178. "@media print { .print_main_content { background-color: white; width:960px; margin:0 auto; padding: 0 0 20px 0;font-size:15px } .print_main_content .order_title { text-align: center; font-size: 15px; line-height: 50px;} .print_main_content table { width: 100%; border: 1px solid; border-collapse: collapse; padding: 2px;font-size:15px } .print_main_content table tbody tr td { border: 1px solid; text-align: center; padding: 10px 8px;font-size:15px } .td_proj_title { font-size: 15px; line-height: 25px;} .td_proj_content { font-size: 15px; line-height: 25px; } .td_align_left { text-align: left; } .print_footnote_panel { font-size: 15px; line-height: 40px; } .print_footnote_panel .proj { display: inline-block; width: 49%; } .print_footnote_panel .proj}";
  1179. setTimeout(() => {
  1180. printJS({
  1181. printable: "print-card-info",
  1182. type: "html",
  1183. style: style,
  1184. scanStyles: false
  1185. });
  1186. }, 1);
  1187. },
  1188. getTimes(time) {
  1189. return uParseTime(time, '{y}-{m}-{d}')
  1190. },
  1191. getTimeTwo(time) {
  1192. return uParseTime(time, '{h}:{i}')
  1193. },
  1194. getTimeThree(time) {
  1195. return uParseTime(time, '{y}-{m}-{d} {h}:{i}')
  1196. },
  1197. getName(creator){
  1198. var name = ""
  1199. for(let i=0;i<this.docList.length;i++){
  1200. if(creator == this.docList[i].admin_user_id){
  1201. name = this.docList[i].user_name
  1202. }
  1203. }
  1204. return name
  1205. },
  1206. getAllDoctorList(){
  1207. getAllDoctorList().then(response=>{
  1208. if(response.data.state == 1){
  1209. var list = response.data.data.list
  1210. console.log("list222222",list)
  1211. this.docList = list
  1212. this.operators = response.data.data.operators
  1213. }
  1214. })
  1215. },
  1216. saveObjectTableDisinfect(formName){
  1217. this.$refs[formName].validate((valid=>{
  1218. if(valid){
  1219. if(this.form.first_is_check!=""){
  1220. this.form.first_is_check = parseInt(this.form.first_is_check)
  1221. }else{
  1222. this.form.first_is_check=0
  1223. }
  1224. if(this.form.sencond_is_check!=""){
  1225. this.form.sencond_is_check = parseInt(this.form.sencond_is_check)
  1226. }else{
  1227. this.form.sencond_is_check=0
  1228. }
  1229. if(this.form.third_is_check!=""){
  1230. this.form.third_is_check = parseInt(this.form.third_is_check)
  1231. }else{
  1232. this.form.third_is_check = 0
  1233. }
  1234. if(this.form.fourth_is_check!=""){
  1235. this.form.fourth_is_check = parseInt(this.form.fourth_is_check)
  1236. }else{
  1237. this.form.fourth_is_check =0
  1238. }
  1239. if(this.form.last_is_check!=""){
  1240. this.form.last_is_check = parseInt(this.form.last_is_check)
  1241. }else{
  1242. this.form.last_is_check = 0
  1243. }
  1244. if(this.form.first_modifications!=""){
  1245. this.form.first_modifications = parseInt(this.form.first_modifications)
  1246. }else{
  1247. this.form.first_modifications=0
  1248. }
  1249. if(this.form.sencond_modifications!=""){
  1250. this.form.sencond_modifications = parseInt(this.form.sencond_modifications)
  1251. }else{
  1252. this.form.sencond_modifications=0
  1253. }
  1254. if(this.form.third_modifications!=""){
  1255. this.form.third_modifications = parseInt(this.form.third_modifications)
  1256. }else{
  1257. this.form.third_modifications = 0
  1258. }
  1259. if(this.form.fourth_modifications!=""){
  1260. this.form.fourth_modifications = parseInt(this.form.fourth_modifications)
  1261. }else{
  1262. this.form.fourth_modifications =0
  1263. }
  1264. if(this.form.last_modifications!=""){
  1265. this.form.last_modifications = parseInt(this.form.last_modifications)
  1266. }else{
  1267. this.form.last_modifications = 0
  1268. }
  1269. if(this.form.first_start_time == null){
  1270. this.form.first_start_time = ""
  1271. }
  1272. if(this.form.first_end_time == null){
  1273. this.form.first_end_time = ""
  1274. }
  1275. if(this.form.sencond_start_time == null){
  1276. this.form.sencond_start_time = ""
  1277. }
  1278. if(this.form.sencond_end_time == null){
  1279. this.form.sencond_end_time = ""
  1280. }
  1281. if(this.form.third_start_time == null){
  1282. this.form.third_start_time = ""
  1283. }
  1284. if(this.form.third_end_time == null){
  1285. this.form.third_end_time = ""
  1286. }
  1287. if(this.form.fourth_start_time == null){
  1288. this.form.fourth_start_time = ""
  1289. }
  1290. if(this.form.fourth_end_time == null){
  1291. this.form.fourth_end_time = ""
  1292. }
  1293. if(this.form.last_start_time == null){
  1294. this.form.last_start_time = ""
  1295. }
  1296. if(this.form.last_end_time == null){
  1297. this.form.last_end_time = ""
  1298. }
  1299. console.log("param23333333333333333",this.form)
  1300. saveObjectTableDisinfect(this.form).then(response=>{
  1301. if(response.data.state == 1){
  1302. var objectDisinfect = response.data.data.objectDisinfect
  1303. this.$message.success("保存成功!")
  1304. this.dialogFormVisible = false
  1305. this.getObjectTableDisInfectList()
  1306. }
  1307. })
  1308. }
  1309. }))
  1310. },
  1311. getObjectTableDisInfectList(){
  1312. var params = {
  1313. start_time:this.startvalue,
  1314. end_time:this.endvalue,
  1315. limit:this.limit,
  1316. page:this.page,
  1317. }
  1318. getObjectTableDisInfectList(params).then(response=>{
  1319. if(response.data.state == 1){
  1320. var list = response.data.data.list
  1321. this.tableData = list
  1322. this.total = response.data.data.total
  1323. }
  1324. })
  1325. },
  1326. handleEdit(id){
  1327. getObjectTableDisInfectByIdList(id).then(response=>{
  1328. if(response.data.state == 1){
  1329. var list = response.data.data.list
  1330. console.log("list",list)
  1331. this.form.id = list.id
  1332. this.form.record_date = this.getTimes(list.record_date)
  1333. this.form.first_disinfection_water = list.first_disinfection_water? list.first_disinfection_water:""
  1334. this.form.first_disinfection_methods = list.first_disinfection_methods? list.first_disinfection_methods:""
  1335. this.form.first_disinfection_time = list.first_disinfection_time?list.first_disinfection_time:""
  1336. this.form.first_start_time = this.getTimeThree(list.first_start_time)
  1337. this.form.first_end_time = this.getTimeThree(list.first_end_time)
  1338. this.form.first_total_time = list.first_total_time?list.first_total_time:""
  1339. this.form.first_is_check = list.first_is_check.toString()
  1340. this.form.first_modifications = list.first_modifications?list.first_modifications:""
  1341. this.form.first_creator = list.first_creator
  1342. this.form.sencond_disinfection_water = list.sencond_disinfection_water?list.sencond_disinfection_water:""
  1343. this.form.sencond_disinfection_methods = list.sencond_disinfection_methods?list.sencond_disinfection_methods:""
  1344. this.form.sencond_disinfection_time = list.sencond_disinfection_time?list.sencond_disinfection_time:""
  1345. this.form.sencond_start_time = this.getTimeThree(list.sencond_start_time)
  1346. this.form.sencond_end_time = this.getTimeThree(list.sencond_end_time)
  1347. this.form.sencond_total_time = list.sencond_total_time?list.sencond_total_time:""
  1348. this.form.sencond_is_check = list.sencond_is_check.toString()
  1349. this.form.sencond_modifications = list.sencond_modifications?list.sencond_modifications:""
  1350. this.form.sencond_creator = list.sencond_creator
  1351. this.form.third_disinfection_water = list.third_disinfection_water?list.third_disinfection_water:""
  1352. this.form.third_disinfection_methods = list.third_disinfection_methods?list.third_disinfection_methods:""
  1353. this.form.third_disinfection_time = list.third_disinfection_time?list.third_disinfection_time:""
  1354. this.form.third_start_time =this.getTimeThree(list.third_start_time)
  1355. this.form.third_end_time = this.getTimeThree(list.third_end_time)
  1356. this.form.third_total_time = list.third_total_time?list.third_total_time:""
  1357. this.form.third_is_check = list.third_is_check.toString()
  1358. this.form.third_modifications = list.third_modifications?list.third_modifications:""
  1359. this.form.third_creator = list.third_creator
  1360. this.form.fourth_disinfection_water = list.fourth_disinfection_water?list.fourth_disinfection_water:""
  1361. this.form.fourth_disinfection_methods = list.fourth_disinfection_methods?list.fourth_disinfection_methods:""
  1362. this.form.fourth_disinfection_time = list.fourth_disinfection_time?list.fourth_disinfection_time:""
  1363. this.form.fourth_start_time =this.getTimeThree(list.fourth_start_time)
  1364. this.form.fourth_end_time = this.getTimeThree(list.fourth_end_time)
  1365. this.form.fourth_total_time = list.fourth_total_time? list.fourth_total_time:""
  1366. this.form.fourth_is_check = list.fourth_is_check.toString()
  1367. this.form.fourth_modifications = list.fourth_modifications?list.fourth_modifications:""
  1368. this.form.fourth_creator = list.fourth_creator
  1369. this.form.last_start_time = this.getTimeThree(list.last_start_time)
  1370. this.form.last_end_time = this.getTimeThree(list.last_end_time)
  1371. this.form.last_total_time = list.last_total_time?list.last_total_time:""
  1372. this.form.last_is_check = list.last_is_check.toString()
  1373. this.form.last_modifications = list.last_modifications?list.last_modifications:""
  1374. this.form.last_creator = list.last_creator
  1375. this.form.last_disinfection_water = list.last_disinfection_water?list.last_disinfection_water:""
  1376. this.form.last_disinfection_methods = list.last_disinfection_methods?list.last_disinfection_methods:""
  1377. this.form.last_disinfection_time = list.last_disinfection_time?list.last_disinfection_time:""
  1378. this.editDialogFormVisible = true
  1379. }
  1380. })
  1381. },
  1382. updateObjectTableDisinfect(formName){
  1383. this.$refs[formName].validate((valid=>{
  1384. if(valid){
  1385. if(this.form.first_is_check!=""){
  1386. this.form.first_is_check = parseInt(this.form.first_is_check)
  1387. }else{
  1388. this.form.first_is_check=0
  1389. }
  1390. if(this.form.sencond_is_check!=""){
  1391. this.form.sencond_is_check = parseInt(this.form.sencond_is_check)
  1392. }else{
  1393. this.form.sencond_is_check=0
  1394. }
  1395. if(this.form.third_is_check!=""){
  1396. this.form.third_is_check = parseInt(this.form.third_is_check)
  1397. }else{
  1398. this.form.third_is_check = 0
  1399. }
  1400. if(this.form.fourth_is_check!=""){
  1401. this.form.fourth_is_check = parseInt(this.form.fourth_is_check)
  1402. }else{
  1403. this.form.fourth_is_check =0
  1404. }
  1405. if(this.form.last_is_check!=""){
  1406. this.form.last_is_check = parseInt(this.form.last_is_check)
  1407. }else{
  1408. this.form.last_is_check = 0
  1409. }
  1410. if(this.form.first_modifications!=""){
  1411. this.form.first_modifications = parseInt(this.form.first_modifications)
  1412. }else{
  1413. this.form.first_modifications=0
  1414. }
  1415. if(this.form.sencond_modifications!=""){
  1416. this.form.sencond_modifications = parseInt(this.form.sencond_modifications)
  1417. }else{
  1418. this.form.sencond_modifications=0
  1419. }
  1420. if(this.form.third_modifications!=""){
  1421. this.form.third_modifications = parseInt(this.form.third_modifications)
  1422. }else{
  1423. this.form.third_modifications = 0
  1424. }
  1425. if(this.form.fourth_modifications!=""){
  1426. this.form.fourth_modifications = parseInt(this.form.fourth_modifications)
  1427. }else{
  1428. this.form.fourth_modifications =0
  1429. }
  1430. if(this.form.last_modifications!=""){
  1431. this.form.last_modifications = parseInt(this.form.last_modifications)
  1432. }else{
  1433. this.form.last_modifications = 0
  1434. }
  1435. console.log("hhahdhfhahdf",this.form)
  1436. updateObjectTableDisinfect(this.form).then(response=>{
  1437. if(response.data.state == 1){
  1438. var objectDisinfect = response.data.data.objectDisinfect
  1439. this.$message.success("保存成功!")
  1440. this.editDialogFormVisible = false
  1441. this.getObjectTableDisInfectList()
  1442. }
  1443. })
  1444. }
  1445. }))
  1446. },
  1447. handleDelete(id){
  1448. deleteObjectTableDisinfect(id).then(response=>{
  1449. if(response.data.state ==1){
  1450. var msg = response.data.data.msg
  1451. this.$message.success("删除成功!")
  1452. this.getObjectTableDisInfectList()
  1453. }
  1454. })
  1455. },
  1456. firststartime(val){
  1457. this.form.first_start_time = val
  1458. this.form.first_disinfection_time = this.firstdisinfection_time
  1459. },
  1460. firstendtime(val){
  1461. this.form.first_disinfection_time = this.firstdisinfection_time
  1462. this.form.first_end_time = val
  1463. },
  1464. sencondstarttime(val){
  1465. this.form.sencond_start_time = val
  1466. this.form.sencond_disinfection_time = this.senconddisinfection_time
  1467. },
  1468. sencondendtime(val){
  1469. this.form.sencond_end_time = val
  1470. this.form.sencond_disinfection_time = this.senconddisinfection_time
  1471. },
  1472. thirdstarttime(val){
  1473. this.form.third_start_time = val
  1474. this.form.third_disinfection_time = this.thirddisinfection_time
  1475. },
  1476. thirdendtime(val){
  1477. this.form.third_end_time = val
  1478. this.form.third_disinfection_time = this.thirddisinfection_time
  1479. },
  1480. fourthstarttime(val){
  1481. this.form.fourth_start_time = val
  1482. this.form.fourth_disinfection_time = this.fourthdisinfection_time
  1483. },
  1484. fourthendtime(val){
  1485. this.form.fourth_end_time = val
  1486. this.form.fourth_disinfection_time = this.fourthdisinfection_time
  1487. },
  1488. laststarttime(val){
  1489. this.form.last_start_time = val
  1490. this.form.last_disinfection_time = this.lastdisinfection_time
  1491. },
  1492. lastendtime(val){
  1493. this.form.last_end_time = val
  1494. this.form.last_disinfection_time = this.lastdisinfection_time
  1495. },
  1496. setAdminUserES(id) {
  1497. if (id === 0) {
  1498. return ''
  1499. }
  1500. var user_name = ""
  1501. for(let i=0;i<this.operators.length;i++){
  1502. if(id == this.operators[i].admin_user_id){
  1503. user_name = this.operators[i].url
  1504. }
  1505. }
  1506. return user_name
  1507. // if (id in this.operatorMaps) {
  1508. // return this.operatorMaps[id].url
  1509. // } else {
  1510. // return ''
  1511. // }
  1512. },
  1513. handleSizeChange(val) {
  1514. this.limit = val;
  1515. this.getObjectTableDisInfectList()
  1516. },
  1517. handleCurrentChange(val) {
  1518. this.page = val;
  1519. this.getObjectTableDisInfectList()
  1520. },
  1521. }
  1522. }
  1523. </script>
  1524. <style lang="scss" scoped>
  1525. .airForm{
  1526. display: flex;
  1527. justify-content: space-between;
  1528. flex-wrap: wrap;
  1529. .el-form-item{
  1530. width:33%;
  1531. }
  1532. .el-date-editor.el-input, .el-date-editor.el-input__inner{
  1533. width: 200px;
  1534. }
  1535. .el-input{
  1536. width: 200px;
  1537. }
  1538. .el-select{
  1539. width: 200px;
  1540. }
  1541. .form_title{
  1542. width: 100%;
  1543. margin-bottom: 10px;
  1544. span{
  1545. font-size: 20px;
  1546. font-weight: bold;
  1547. }
  1548. }
  1549. }
  1550. </style>
  1551. <style lang="scss">
  1552. #main-contain{
  1553. .app-container{
  1554. // display: flex;
  1555. // justify-content: space-between;
  1556. // flex-wrap: wrap;
  1557. .tab_air{
  1558. // 斜杠表格
  1559. .el-table{
  1560. th{
  1561. padding: 0px !important;
  1562. }
  1563. tr:first-of-type th:first-of-type div.cell {
  1564. text-align: right;/*上边文字靠右*/
  1565. }
  1566. tr:last-of-type th:first-of-type div.cell {
  1567. text-align: left;/*下边文字靠左*/
  1568. }
  1569. tr:first-of-type th:first-of-type:before {
  1570. content: "";
  1571. position: absolute;
  1572. width: 1px;
  1573. height: 100px;/*斜线的长度*/
  1574. top: 0;
  1575. left: 75px;
  1576. background-color: rgb(172, 171, 171);
  1577. opacity: 1.2;
  1578. display: block;
  1579. transform: rotate(-47deg);/*调整斜线的角度*/
  1580. -webkit-transform-origin: top;
  1581. transform-origin: top;
  1582. }
  1583. tr:nth-of-type(2) th:nth-of-type(1):before{
  1584. content: "";
  1585. position: absolute;
  1586. width: 1px;
  1587. height: 80px;/*斜线的长度*/
  1588. top: 0;
  1589. left: 100px;
  1590. background-color: rgb(172, 171, 171);
  1591. opacity: 1.2;
  1592. display: block;
  1593. transform: rotate(-47deg);/*调整斜线的角度*/
  1594. -webkit-transform-origin: top;
  1595. transform-origin: top;
  1596. }
  1597. tr:last-of-type th:first-of-type:before {
  1598. content: "";
  1599. position: absolute;
  1600. width: 1px;
  1601. height: 80px;/*斜线的长度*/
  1602. top: 0;
  1603. left: 125px;
  1604. background-color: rgb(172, 171, 171);
  1605. opacity: 1.2;
  1606. display: block;
  1607. transform: rotate(-48deg);/*调整斜线的角度*/
  1608. -webkit-transform-origin: top;
  1609. transform-origin: top;
  1610. }
  1611. tr:nth-of-type(2) th:nth-of-type(1):after{
  1612. content: "";
  1613. position: absolute;
  1614. width: 1px;
  1615. height: 80px;/*斜线的长度*/
  1616. top: 8px;
  1617. left: 0px;
  1618. background-color: rgb(172, 171, 171);
  1619. opacity: 1.2;
  1620. display: block;
  1621. transform: rotate(-76deg);/*调整斜线的角度*/
  1622. -webkit-transform-origin: top;
  1623. transform-origin: top;
  1624. }
  1625. tr:last-of-type th:first-of-type:after {
  1626. content: "";
  1627. position: absolute;
  1628. width: 1px;
  1629. height: 92px;/*斜线的长度*/
  1630. top: 0;
  1631. left: 59px;
  1632. background-color: rgb(172, 171, 171);
  1633. opacity: 1.2;
  1634. display: block;
  1635. transform: rotate(-76deg);/*调整斜线的角度*/
  1636. -webkit-transform-origin: top;
  1637. transform-origin: top;
  1638. }
  1639. }
  1640. .el-table--border th, .el-table__fixed-right-patch {
  1641. border-bottom: none !important;
  1642. }
  1643. .el-table td .cell, .el-table th .cell {
  1644. padding: 0 5px !important;
  1645. }
  1646. .el-table .cell {
  1647. white-space: pre-line;
  1648. }
  1649. }
  1650. }
  1651. }
  1652. ::-webkit-scrollbar{
  1653. height: 15px;
  1654. }
  1655. </style>