index.vue 36 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912
  1. /**
  2. *@author:Guoxiaohuan
  3. *@date:2020.06.08
  4. *@info 机房信息主页
  5. */
  6. <template>
  7. <div class='compute-box'>
  8. <el-dialog :title='`${systemName}`||"机房"' :visible.sync='visible' :fullscreen='true'>
  9. <div class='compute-span'></div>
  10. <div class='compute-tab'>
  11. <el-tabs v-model='activeName' @tab-click='handleClick'>
  12. <el-tab-pane label='机房布置图' name='1'>
  13. <room-table1></room-table1>
  14. </el-tab-pane>
  15. <el-tab-pane label='配电室低压柜及出线明细表' name='2'>
  16. <div class='compute-center'>
  17. <Select
  18. width='200'
  19. @change='Index1'
  20. v-model='floor2'
  21. tipPlace='top'
  22. caption='楼层:'
  23. :selectdata='floorSelect'
  24. :placeholder='"请选择"'
  25. style='margin-right:12px'
  26. ></Select>
  27. <el-input
  28. clearable
  29. @change='Index1'
  30. v-model='ctbhInput'
  31. placeholder='搜索抽屉编号'
  32. size='small'
  33. prefix-icon='el-icon-search'
  34. style='width:200px;margin-right:12px'
  35. ></el-input>
  36. <el-input
  37. clearable
  38. @change='Index1'
  39. v-model='cxggInput'
  40. placeholder='搜索出线规格'
  41. size='small'
  42. prefix-icon='el-icon-search'
  43. style='width:200px;margin-right:12px'
  44. ></el-input>
  45. <el-input
  46. clearable
  47. @change='Index1'
  48. v-model='djbhInput'
  49. placeholder='搜索电井编号'
  50. size='small'
  51. prefix-icon='el-icon-search'
  52. style='width:200px;margin-right:12px'
  53. ></el-input>
  54. <el-input
  55. clearable
  56. @change='Index1'
  57. v-model='kzhlInput'
  58. placeholder='搜索控制回路'
  59. size='small'
  60. prefix-icon='el-icon-search'
  61. style='width:200px;margin-right:12px'
  62. ></el-input>
  63. </div>
  64. <room-table2
  65. v-if='table2.length>=0'
  66. :table2='table2'
  67. :loading='loading1'
  68. :page='page1'
  69. :total='total1'
  70. :size='size1'
  71. @Index1='Index1'
  72. ></room-table2>
  73. </el-tab-pane>
  74. <el-tab-pane label='机房内核心设备' name='3'>
  75. <div class='compute-center'>
  76. <el-input
  77. clearable
  78. placeholder='搜索设备简称'
  79. size='small'
  80. prefix-icon='el-icon-search'
  81. v-model='sbjcInput'
  82. @change='Index2'
  83. style='width:200px;margin-right:12px'
  84. ></el-input>
  85. <el-input
  86. clearable
  87. @change='Index2'
  88. placeholder='搜索品牌、型号'
  89. size='small'
  90. prefix-icon='el-icon-search'
  91. v-model='ppxhInput'
  92. style='width:200px;margin-right:12px'
  93. ></el-input>
  94. <Select
  95. width='200'
  96. @change='Index2'
  97. tipPlace='top'
  98. v-model='floorChange'
  99. caption='楼层:'
  100. :selectdata='floorSelect'
  101. :placeholder='"请选择"'
  102. style='margin-right:12px'
  103. ></Select>
  104. <el-input
  105. clearable
  106. @change='Index2'
  107. placeholder='搜索生产厂商'
  108. size='small'
  109. prefix-icon='el-icon-search'
  110. v-model='sccsInput'
  111. style='width:200px;margin-right:12px'
  112. ></el-input>
  113. </div>
  114. <room-table3
  115. v-if='table3.length>=0'
  116. :table3='table3'
  117. :loading='loading2'
  118. :page='page2'
  119. :total='total2'
  120. :size='size2'
  121. @Index2Emit='Index2Emit'
  122. ></room-table3>
  123. </el-tab-pane>
  124. <el-tab-pane label='维修记录' name='4'>
  125. <div class='compute-center'>
  126. <el-input
  127. clearable
  128. @change='Index3'
  129. placeholder='搜索设备名称、编号'
  130. size='small'
  131. prefix-icon='el-icon-search'
  132. v-model='sbmcInput4'
  133. style='width:200px;margin-right:12px'
  134. ></el-input>
  135. <el-input
  136. clearable
  137. @change='Index3'
  138. placeholder='搜索重要事项记录、描述'
  139. size='small'
  140. prefix-icon='el-icon-search'
  141. v-model='zysxInput4'
  142. style='width:200px;margin-right:12px'
  143. ></el-input>
  144. <Select
  145. @change='Index3'
  146. width='200'
  147. tipPlace='top'
  148. caption='是否更换:'
  149. v-model='sfghSelect'
  150. :selectdata='isReplaceData'
  151. :placeholder='"请选择"'
  152. style='margin-right:12px'
  153. ></Select>
  154. </div>
  155. <div class='dialog-none'>
  156. <div class='input-dialog'>
  157. <div class='input-dialog-top' @click='show'>
  158. <img src='@/assets/imgs/select.png' />
  159. 筛选
  160. </div>
  161. <div class='input-dialog-form' v-if='dialogFormVisible'>
  162. <p class='input-dialog-p'>填报日期</p>
  163. <p class='input-dialog-p2'>
  164. <el-date-picker
  165. clearable
  166. v-model='tbsjDate'
  167. value-format='yyyyMMdd'
  168. type='daterange'
  169. size='mini'
  170. style='margin-right:12px;width:200px'
  171. range-separator='-'
  172. start-placeholder
  173. end-placeholder
  174. ></el-date-picker>
  175. </p>
  176. <p class='input-dialog-p'>验收日期</p>
  177. <p class='input-dialog-p2'>
  178. <el-date-picker
  179. clearable
  180. v-model='yssjDate'
  181. value-format='yyyyMMdd'
  182. type='daterange'
  183. size='mini'
  184. style='margin-right:12px;width:200px'
  185. range-separator='-'
  186. start-placeholder
  187. end-placeholder
  188. ></el-date-picker>
  189. </p>
  190. <p class='input-dialog-p'>工单编号</p>
  191. <p class='input-dialog-p2'>
  192. <el-input
  193. clearable
  194. placeholder
  195. style='width:200px;'
  196. size='mini'
  197. prefix-icon='el-icon-search'
  198. v-model='gdbhInput4'
  199. ></el-input>
  200. </p>
  201. <p class='input-dialog-foot'>
  202. <el-button @click='dialogFormVisible = false' size='mini'>取 消</el-button>
  203. <el-button type='primary' @click='confirm
  204. ' size='mini'>确 定</el-button>
  205. </p>
  206. </div>
  207. </div>
  208. </div>
  209. <room-table4
  210. v-if='table4.length>=0'
  211. :table4='table4'
  212. :loading='loading3'
  213. :page='page3'
  214. :total='total3'
  215. :size='size3'
  216. @Index3='Index3'
  217. ></room-table4>
  218. </el-tab-pane>
  219. <el-tab-pane label='维保记录' name='5'>
  220. <div class='compute-center'>
  221. <el-input
  222. @change='Index4'
  223. clearable
  224. placeholder='搜索设备名称、编号'
  225. size='small'
  226. prefix-icon='el-icon-search'
  227. v-model='sbmcInput5'
  228. style='margin-right:12px;width:220px;'
  229. ></el-input>
  230. <el-input
  231. @change='Index4'
  232. clearable
  233. placeholder='搜索核心维保事项记录描述'
  234. size='small'
  235. prefix-icon='el-icon-search'
  236. v-model='wbsxjlInput5'
  237. style='margin-right:12px;width:220px;'
  238. ></el-input>
  239. <el-input
  240. @change='Index4'
  241. clearable
  242. placeholder='搜索任务编号'
  243. size='small'
  244. prefix-icon='el-icon-search'
  245. v-model='rwbhInput5'
  246. style='margin-right:12px;width:220px;'
  247. ></el-input>
  248. <Select
  249. width='220'
  250. tipPlace='top'
  251. v-model='statuSelect5'
  252. caption='任务状态'
  253. v-if='status.length>0'
  254. :selectdata='status'
  255. :placeholder='"请选择"'
  256. style='margin-right:12px'
  257. ></Select>
  258. </div>
  259. <div class='dialog-none'>
  260. <div class='input-dialog'>
  261. <div class='input-dialog-top' @click='show'>
  262. <img src='@/assets/imgs/select.png' />
  263. 筛选
  264. </div>
  265. <div class='input-dialog-form' v-if='dialogFormVisible'>
  266. <p class='input-dialog-p'>任务开始日期</p>
  267. <p class='input-dialog-p2'>
  268. <el-date-picker
  269. clearable
  270. value-format='yyyyMMdd'
  271. type='daterange'
  272. size='mini'
  273. v-model='rwksrq'
  274. style='width:200px'
  275. range-separator='-'
  276. start-placeholder
  277. end-placeholder
  278. ></el-date-picker>
  279. </p>
  280. <p class='input-dialog-p'>任务完成日期</p>
  281. <p class='input-dialog-p2'>
  282. <el-date-picker
  283. clearable
  284. value-format='yyyyMMdd'
  285. type='daterange'
  286. size='mini'
  287. v-model='rwwcrq'
  288. style='width:200px'
  289. range-separator='-'
  290. start-placeholder
  291. end-placeholder
  292. ></el-date-picker>
  293. </p>
  294. <p class='input-dialog-p'>维保结果</p>
  295. <p class='input-dialog-p2'>
  296. <Select
  297. width='200'
  298. tipPlace='top'
  299. caption='是否正常:'
  300. v-if='zt.length>0'
  301. :selectdata='zt'
  302. v-model='iszcSelect5'
  303. :placeholder='"请选择"'
  304. style='margin-right:12px'
  305. ></Select>
  306. </p>
  307. <p class='input-dialog-p'>异常工单编号</p>
  308. <p class='input-dialog-p2'>
  309. <el-input
  310. clearable
  311. placeholder
  312. style='width:200px;'
  313. size='mini'
  314. prefix-icon='el-icon-search'
  315. v-model='ycgdbhInput5'
  316. ></el-input>
  317. </p>
  318. <p class='input-dialog-p'>异常工单填报日期</p>
  319. <p class='input-dialog-p2'>
  320. <el-date-picker
  321. clearable
  322. value-format='yyyyMMdd'
  323. type='daterange'
  324. size='mini'
  325. v-model='ycgdtbsj'
  326. style='width:200px'
  327. range-separator='-'
  328. start-placeholder
  329. end-placeholder
  330. ></el-date-picker>
  331. </p>
  332. <p class='input-dialog-p'>异常工单验收日期</p>
  333. <p class='input-dialog-p2'>
  334. <el-date-picker
  335. clearable
  336. value-format='yyyyMMdd'
  337. type='daterange'
  338. size='mini'
  339. style='width:200px'
  340. range-separator='-'
  341. start-placeholder
  342. end-placeholder
  343. v-model='ycgdyssj'
  344. ></el-date-picker>
  345. </p>
  346. <p class='input-dialog-foot'>
  347. <el-button @click='dialogFormVisible = false' size='mini'>取 消</el-button>
  348. <el-button type='primary' @click='confirm2' size='mini'>确 定</el-button>
  349. </p>
  350. </div>
  351. </div>
  352. </div>
  353. <room-table5
  354. v-if='table5.length>=0'
  355. :table5='table5'
  356. :loading='loading4'
  357. :page='page4'
  358. :total='total4'
  359. :size='size4'
  360. @Index4='Index4'
  361. ></room-table5>
  362. </el-tab-pane>
  363. </el-tabs>
  364. </div>
  365. </el-dialog>
  366. </div>
  367. </template>
  368. <script>
  369. import { queryEquipmentList } from '@/api/equipmentList.js'
  370. import { queryDygjcxline, queryHxsb, queryWxjf, queryWb } from '@/api/room.js'
  371. import roomTable1 from './room1'
  372. import roomTable2 from './room2'
  373. import roomTable3 from './room3'
  374. import roomTable4 from './room4'
  375. import roomTable5 from './room5'
  376. import { mapGetters } from 'vuex'
  377. import { querySelect, queryPic } from '@/api/public.js'
  378. import InputDialog from './inputDialog'
  379. export default {
  380. data() {
  381. return {
  382. activeName: '1',
  383. visible: false,
  384. dialogFormVisible: false,
  385. systemName: '',
  386. loading: true,
  387. loading1: true,
  388. loading2: true,
  389. loading3: true,
  390. loading4: true,
  391. table2: [],
  392. table3: [],
  393. table4: [],
  394. table5: [],
  395. //
  396. total: 0,
  397. page: 1,
  398. size: 10,
  399. picFloor: '',
  400. tableImg: '',
  401. //
  402. total1: 0,
  403. page1: 1,
  404. size1: 10,
  405. floor2: '',
  406. ctbhInput: '',
  407. cxggInput: '',
  408. djbhInput: '',
  409. kzhlInput: '',
  410. //
  411. total2: 0,
  412. page2: 1,
  413. size2: 10,
  414. sccsInput: '',
  415. ppxhInput: '',
  416. sbjcInput: '',
  417. floorChange: '',
  418. //
  419. total3: 0,
  420. page3: 1,
  421. size3: 11,
  422. tbsjDate: '',
  423. yssjDate: '',
  424. // 是否更换配件
  425. isReplaceData: [
  426. { id: '1', name: '是' },
  427. { id: '0', name: '否' }
  428. ],
  429. sfghSelect: '',
  430. sbmcInput4: '',
  431. sbbhInput4: '',
  432. zysxInput4: '',
  433. msInput4: '',
  434. gdbhInput4: '',
  435. type1: 'wx',
  436. //
  437. total4: 0,
  438. page4: 1,
  439. size4: 11,
  440. searVal: '',
  441. status: [],
  442. zt: [],
  443. sbmcInput5: '',
  444. sbbhInput5: '',
  445. wbsxjlInput5: '',
  446. rwbhInput5: '',
  447. ycgdbhInput5: '',
  448. ssmsInput5: '',
  449. iszcSelect5: '',
  450. statuSelect5: '',
  451. rwksrq: '',
  452. rwwcrq: '',
  453. ycgdtbsj: '',
  454. ycgdyssj: ''
  455. }
  456. },
  457. components: {
  458. roomTable1,
  459. roomTable2,
  460. roomTable3,
  461. roomTable4,
  462. roomTable5,
  463. InputDialog
  464. },
  465. computed: {
  466. ...mapGetters(['floorSelect'])
  467. },
  468. methods: {
  469. handleClick(tab) {
  470. if (tab.index == '0') {
  471. this.Index()
  472. } else if (tab.index == '1') {
  473. this.Index1()
  474. } else if (tab.index == '2') {
  475. this.Index2()
  476. } else if (tab.index == '3') {
  477. this.Index3()
  478. } else if (tab.index == '4') {
  479. this.Index4()
  480. this.changeSelect()
  481. }
  482. },
  483. show() {
  484. this.dialogFormVisible = !this.dialogFormVisible
  485. },
  486. Index() {
  487. this.picFloor = this.$cookie.get('floorNow')
  488. let getParams = {
  489. data: { tyepcode: 3, location: '1198', floor: this.picFloor, plazaId: this.$store.state.plazaId },
  490. params: {}
  491. }
  492. queryPic(getParams).then(res => {
  493. console.log('机房布置图', res)
  494. this.tableImg = res.data ? res.data : []
  495. })
  496. },
  497. // 明细表
  498. Index1() {
  499. let getParams = {
  500. location: '1198',
  501. plazaId: this.$store.state.plazaId,
  502. page: this.page1,
  503. size: this.size1
  504. }
  505. if (this.floor2) {
  506. getParams.floor = this.floor2
  507. }
  508. if (this.ctbhInput) {
  509. if (getParams.keyword) {
  510. getParams.keyword = `${getParams.keyword + ';' + this.ctbhInput}:drawernum`
  511. } else {
  512. getParams.keyword = `${this.ctbhInput}:drawernum`
  513. }
  514. }
  515. if (this.cxggInput) {
  516. if (getParams.keyword) {
  517. getParams.keyword = `${getParams.keyword + ';' + this.cxggInput}:outspec`
  518. } else {
  519. getParams.keyword = `${this.cxggInput}:outspec`
  520. }
  521. }
  522. if (this.djbhInput) {
  523. if (getParams.keyword) {
  524. getParams.keyword = `${getParams.keyword + ';' + this.djbhInput}:wellnum`
  525. } else {
  526. getParams.keyword = `${this.djbhInput}:wellnum`
  527. }
  528. }
  529. if (this.kzhlInput) {
  530. if (getParams.keyword) {
  531. getParams.keyword = `${getParams.keyword + ';' + this.kzhlInput}:control`
  532. } else {
  533. getParams.keyword = `${this.kzhlInput}:control`
  534. }
  535. }
  536. queryDygjcxline({ getParams }).then(res => {
  537. if (res.result == 'success') {
  538. this.loading1 = false
  539. this.total1 = res.count
  540. this.table2 = res.data ? res.data : []
  541. console.log('明细表', res)
  542. }
  543. })
  544. },
  545. // 核心设备
  546. Index2() {
  547. let postParams = {}
  548. let data = {
  549. location: '1198',
  550. plazaId: this.$store.state.plazaId,
  551. page: this.page2,
  552. size: this.size2
  553. }
  554. if (this.sbjcInput) {
  555. if (data.keyword) {
  556. data.keyword = `${data.keyword + ';' + this.sbjcInput}:sbjc`
  557. } else {
  558. data.keyword = `${this.sbjcInput}:sbjc`
  559. }
  560. }
  561. if (this.ppxhInput) {
  562. if (data.keyword) {
  563. data.keyword = `${data.keyword + ';' + this.ppxhInput}:brand,sbxh`
  564. } else {
  565. data.keyword = `${this.ppxhInput}:brand,sbxh`
  566. }
  567. }
  568. if (this.sccsInput) {
  569. if (data.keyword) {
  570. data.keyword = `${data.keyword + ';' + this.sccsInput}:manufacturer`
  571. } else {
  572. data.keyword = `${this.sccsInput}:manufacturer`
  573. }
  574. }
  575. if (this.floorChange) {
  576. data.floor = this.floorChange
  577. }
  578. queryHxsb({ data, postParams }).then(res => {
  579. console.log('核心设备', res)
  580. this.loading2 = false
  581. this.total2 = res.data.count
  582. this.table3 = res.data.data ? res.data.data : []
  583. })
  584. },
  585. Index2Emit(val) {
  586. this.page2 = val
  587. this.Index2()
  588. },
  589. // 维修
  590. Index3() {
  591. let getParams = {
  592. location: '1198',
  593. // plazaId: '1000388',
  594. plazaId: this.$store.state.plazaId,
  595. page: this.page3,
  596. size: this.size3,
  597. orderBy: 'sjjssj,0;location,1'
  598. }
  599. if (this.sfghSelect) {
  600. getParams.ismodel = this.sfghSelect
  601. }
  602. // 设备名称、编号
  603. if (this.sbmcInput4) {
  604. if (getParams.keyword) {
  605. getParams.keyword = `${getParams.keyword + ';' + this.sbmcInput4}:sbmc`
  606. } else {
  607. getParams.keyword = `${this.sbmcInput4}:sbmc,location`
  608. }
  609. }
  610. // 重要事项记录、描述
  611. if (this.zysxInput4) {
  612. if (getParams.keyword) {
  613. getParams.keyword = `${getParams.keyword + ';' + this.zysxInput4}:matters`
  614. } else {
  615. getParams.keyword = `${this.zysxInput4}:matters,manufacturer`
  616. }
  617. }
  618. // 填报时间
  619. if (this.tbsjDate) {
  620. getParams.reportedbyStartDate = this.tbsjDate[0] + '000000'
  621. getParams.reportedbyEndDate = this.tbsjDate[1] + '000000'
  622. }
  623. // 验收时间
  624. if (this.yssjDate) {
  625. getParams.sjjssjStartDate = this.yssjDate[0] + '000000'
  626. getParams.sjjssjEndDate = this.yssjDate[1] + '000000'
  627. }
  628. queryWxjf({ getParams }).then(res => {
  629. console.log('维修', res)
  630. if (res.result == 'success') {
  631. this.loading3 = false
  632. this.total3 = res.count
  633. this.table4 = res.data ? res.data : []
  634. }
  635. })
  636. },
  637. changeIndex3(val) {
  638. if (val.type == 'wx') {
  639. if (val.msInput4) {
  640. this.msInput4 = val.msInput4
  641. }
  642. if (val.zysxInput4) {
  643. this.zysxInput4 = val.zysxInput4
  644. }
  645. if (val.gdbhInput4) {
  646. this.gdbhInput4 = val.gdbhInput4
  647. }
  648. this.Index3()
  649. }
  650. },
  651. // 维保
  652. Index4() {
  653. let postParams = {}
  654. let data = {
  655. location: '1198',
  656. plazaId: this.$store.state.plazaId,
  657. page: this.page4,
  658. size: this.size4,
  659. orderBy: 'wb_gzglid,0;assetnum,1;reportedby,0;'
  660. }
  661. //
  662. // 任务开始日期
  663. if (this.rwksrq) {
  664. data.sjkssjStartDate = this.rwksrq[0] + '000000'
  665. data.sjkssjEndDate = this.rwksrq[1] + '000000'
  666. }
  667. // 任务完成日期
  668. if (this.rwwcrq) {
  669. data.sjwcsjStartDate = this.rwwcrq[0] + '000000'
  670. data.sjwcsjEndDate = this.rwwcrq[1] + '000000'
  671. }
  672. // 异常工单填报时间
  673. if (this.ycgdtbsj) {
  674. data.reportedbyStartDate = this.ycgdtbsj[0] + '000000'
  675. data.reportedbyEndDate = this.ycgdtbsj[1] + '000000'
  676. }
  677. // 异常工单验收时间
  678. if (this.ycgdyssj) {
  679. data.sjjssjStartDate = this.ycgdyssj[0] + '000000'
  680. data.sjjssjEndDate = this.ycgdyssj[1] + '000000'
  681. }
  682. //
  683. // 是否正常
  684. if (this.iszcSelect5) {
  685. data.zt = this.iszcSelect5
  686. }
  687. // 任务状态
  688. if (this.statuSelect5) {
  689. data.status = this.statuSelect5
  690. }
  691. if (this.sbmcInput5) {
  692. if (data.keyword) {
  693. data.keyword = `${data.keyword + ';' + this.sbmcInput5}:sbmc,assetnum`
  694. } else {
  695. data.keyword = `${this.sbmcInput5}:sbmc,assetnum`
  696. }
  697. }
  698. if (this.wbsxjlInput5) {
  699. if (data.keyword) {
  700. data.keyword = `${data.keyword + ';' + this.wbsxjlInput5}:matters`
  701. } else {
  702. data.keyword = `${this.wbsxjlInput5}:matters,description`
  703. }
  704. }
  705. if (this.rwbhInput5) {
  706. if (data.keyword) {
  707. data.keyword = `${data.keyword + ';' + this.rwbhInput5}:wb_gzglid`
  708. } else {
  709. data.keyword = `${this.rwbhInput5}:wb_gzglid`
  710. }
  711. }
  712. if (this.ycgdbhInput5) {
  713. if (data.keyword) {
  714. data.keyword = `${data.keyword + ';' + this.ycgdbhInput5}:wonum`
  715. } else {
  716. data.keyword = `${this.ycgdbhInput5}:wonum`
  717. }
  718. }
  719. queryWb({ data, postParams }).then(res => {
  720. console.log('维保', res)
  721. this.loading4 = false
  722. this.total4 = res.data.count
  723. this.table5 = res.data.data ? res.data.data : []
  724. })
  725. },
  726. confirm() {
  727. this.Index3()
  728. },
  729. confirm2() {
  730. this.Index4()
  731. },
  732. changeSelect() {
  733. this.department = []
  734. let postParams = [
  735. {
  736. columnName: { status: 'status', zt: 'zt' },
  737. tableName: 'v_glsms_wbzy'
  738. }
  739. ]
  740. let data = {
  741. plazaId: '1000288'
  742. }
  743. querySelect({ data, postParams }).then(res => {
  744. console.log('下拉框', res)
  745. let status = [],
  746. zt = []
  747. status = res.data.data.v_glsms_wbzy.status ? res.data.data.v_glsms_wbzy.status : []
  748. zt = res.data.data.v_glsms_wbzy.zt ? res.data.data.v_glsms_wbzy.zt : []
  749. if (status.length > 0) {
  750. status.forEach(el => {
  751. let obj = {
  752. id: el.key,
  753. name: el.value
  754. }
  755. this.status.push(obj)
  756. })
  757. }
  758. if (zt.length > 0) {
  759. zt.forEach(el => {
  760. let obj = {
  761. id: el.key,
  762. name: el.value == '正常' ? '是' : '否'
  763. }
  764. this.zt.push(obj)
  765. })
  766. }
  767. })
  768. },
  769. open(name) {
  770. this.visible = true
  771. this.systemName = name
  772. }
  773. },
  774. mounted() {
  775. this.Index()
  776. },
  777. watch: {}
  778. }
  779. </script>
  780. <style lang="less" scoped>
  781. .compute-box {
  782. .compute-span {
  783. width: 100%;
  784. height: 1px;
  785. background: rgba(0, 0, 0, 0.06);
  786. margin-bottom: 20px;
  787. }
  788. .compute-center {
  789. display: flex;
  790. align-items: center;
  791. margin-bottom: 12px;
  792. }
  793. //
  794. .dialog-none {
  795. width: 100px;
  796. position: absolute;
  797. right: 0;
  798. .input-dialog {
  799. .input-dialog-top {
  800. color: #c3c7cb;
  801. cursor: pointer;
  802. position: absolute;
  803. top: -45px;
  804. right: 0px;
  805. }
  806. .input-dialog-form {
  807. padding: 20px 24px;
  808. background: rgba(255, 255, 255, 1);
  809. border-radius: 4px;
  810. border: 1px solid rgba(195, 199, 203, 1);
  811. z-index: 9999;
  812. position: absolute;
  813. top: -20px;
  814. right: 0px;
  815. }
  816. .input-dialog-p {
  817. margin-bottom: 8px;
  818. font-size: 14px;
  819. font-family: MicrosoftYaHei;
  820. color: rgba(100, 108, 115, 1);
  821. line-height: 22px;
  822. }
  823. .input-dialog-p2 {
  824. margin-bottom: 16px;
  825. }
  826. }
  827. .input-dialog-foot {
  828. // margin-bottom: 16px;
  829. display: flex;
  830. justify-content: flex-end;
  831. }
  832. }
  833. }
  834. </style>
  835. <style lang="less">
  836. .compute-box {
  837. .el-dialog {
  838. padding: 16px 20px 20px;
  839. .el-dialog__header {
  840. padding: 0;
  841. font-size: 16px;
  842. font-family: PingFangSC-Medium, PingFang SC;
  843. font-weight: 500;
  844. color: rgba(0, 0, 0, 0.85);
  845. line-height: 24px;
  846. padding-bottom: 16px;
  847. }
  848. }
  849. .compute-tab {
  850. .el-dialog__title {
  851. font-size: 16px;
  852. font-family: PingFangSC-Medium, PingFang SC;
  853. font-weight: 500;
  854. color: rgba(0, 0, 0, 0.85);
  855. line-height: 24px;
  856. }
  857. .el-dialog__body {
  858. padding: 0 24px;
  859. }
  860. .el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2),
  861. .el-tabs--bottom .el-tabs__item.is-top:nth-child(2),
  862. .el-tabs--top .el-tabs__item.is-bottom:nth-child(2),
  863. .el-tabs--top .el-tabs__item.is-top:nth-child(2) {
  864. padding-left: 16px;
  865. }
  866. .el-tabs--bottom .el-tabs__item.is-bottom:last-child,
  867. .el-tabs--bottom .el-tabs__item.is-top:last-child,
  868. .el-tabs--top .el-tabs__item.is-bottom:last-child,
  869. .el-tabs--top .el-tabs__item.is-top:last-child {
  870. padding-right: 16px;
  871. }
  872. .el-tabs__nav-wrap::after {
  873. height: 0;
  874. }
  875. .el-tabs__item {
  876. padding: 5px 16px;
  877. height: 30px;
  878. line-height: 22px;
  879. font-size: 14px;
  880. font-family: MicrosoftYaHei;
  881. color: rgba(31, 36, 41, 1);
  882. border: 1px solid rgba(195, 199, 203, 1);
  883. }
  884. .el-tabs,
  885. .el-tabs__content {
  886. height: 800px;
  887. }
  888. .el-tabs__active-bar {
  889. background-color: transparent !important;
  890. }
  891. .is-active {
  892. color: #025baa;
  893. border-color: #025baa;
  894. }
  895. .compute-table {
  896. .el-table td,
  897. .el-table th {
  898. padding: 8px 0;
  899. }
  900. }
  901. }
  902. .el-input--suffix .el-input__inner {
  903. padding-right: 20px;
  904. }
  905. }
  906. </style>