index.vue 33 KB

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