12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238 |
- /**
- *@author:Guoxiaohuan
- *@date:2020.06.08
- *@info 机房信息主页
- */
- <template>
- <div class='compute-box'>
- <el-dialog :title='`${systemName}`' :visible.sync='visible' :fullscreen='true'>
- <el-tooltip
- class='item'
- effect='dark'
- :content='content'
- placement='top'
- v-if='(type=="floor"&& Object.keys(smsxtArr).length>0)||type=="system"'
- >
- <div class='compute-zf' @click='jumpFloor'></div>
- </el-tooltip>
- <div class='compute-tab'>
- <el-tabs v-model='activeName' @tab-click='handleClick' ref='elTabs'>
- <el-tab-pane label='机房布置图' name='1' v-if='tableImg.length>0'>
- <room-table1 v-if='tableImg.length>=0' :tableImg='tableImg'></room-table1>
- </el-tab-pane>
- <el-tab-pane label='配电室低压柜及出线明细表' name='2' v-if='showLocationflid'>
- <div class='compute-center'>
- <Select
- width='200'
- @change='Index1'
- v-model='floor2'
- tipPlace='top'
- caption='楼层:'
- :selectdata='floorSelect2'
- :placeholder='"请选择"'
- style='margin-right:12px'
- ></Select>
- <el-input
- clearable
- @keyup.enter.native='Index1'
- @blur='Index1'
- v-model='ctbhInput'
- placeholder='搜索抽屉编号'
- size='small'
- prefix-icon='el-icon-search'
- style='width:200px;margin-right:12px'
- ></el-input>
- <el-input
- clearable
- @keyup.enter.native='Index1'
- @blur='Index1'
- v-model='cxggInput'
- placeholder='搜索出线规格'
- size='small'
- prefix-icon='el-icon-search'
- style='width:200px;margin-right:12px'
- ></el-input>
- <el-input
- clearable
- @keyup.enter.native='Index1'
- @blur='Index1'
- v-model='djbhInput'
- placeholder='搜索电井编号'
- size='small'
- prefix-icon='el-icon-search'
- style='width:200px;margin-right:12px'
- ></el-input>
- <el-input
- clearable
- @keyup.enter.native='Index1'
- @blur='Index1'
- v-model='kzhlInput'
- placeholder='搜索控制回路'
- size='small'
- prefix-icon='el-icon-search'
- style='width:200px;margin-right:12px'
- ></el-input>
- </div>
- <room-table2
- ref='roomTable2'
- v-if='table2.length>=0'
- :table2='table2'
- :loading='loading1'
- :page='page1'
- :total='total1'
- :size='size1'
- @Index1Emit='Index1Emit'
- ></room-table2>
- </el-tab-pane>
- <el-tab-pane label='机房内核心设备' name='3'>
- <div class='compute-center'>
- <el-input
- clearable
- placeholder='搜索设备简称'
- size='small'
- prefix-icon='el-icon-search'
- v-model='sbjcInput'
- @keyup.enter.native='Index2'
- @blur='Index2'
- style='width:200px;margin-right:12px'
- ></el-input>
- <el-input
- clearable
- @keyup.enter.native='Index2'
- @blur='Index2'
- placeholder='搜索品牌、型号'
- size='small'
- prefix-icon='el-icon-search'
- v-model='ppxhInput'
- style='width:200px;margin-right:12px'
- ></el-input>
- <!-- <Select
- width='200'
- @change='Index2'
- tipPlace='top'
- v-model='floorChange'
- caption='楼层:'
- :selectdata='floorSelect'
- :placeholder='"请选择"'
- style='margin-right:12px'
- ></Select>-->
- <el-input
- clearable
- @keyup.enter.native='Index2'
- @blur='Index2'
- placeholder='搜索生产厂商'
- size='small'
- prefix-icon='el-icon-search'
- v-model='sccsInput'
- style='width:200px;margin-right:12px'
- ></el-input>
- </div>
- <room-table3
- ref='roomTable3'
- v-if='table3.length>=0'
- :table3='table3'
- :systemName='systemName'
- :loading='loading2'
- :page='page2'
- :total='total2'
- :size='size2'
- :location='location'
- @Index2Emit='Index2Emit'
- ></room-table3>
- </el-tab-pane>
- <el-tab-pane label='维修记录' name='4'>
- <div class='compute-center'>
- <el-input
- clearable
- @keyup.enter.native='Index3'
- @blur='Index3'
- placeholder='搜索设备名称、编号'
- size='small'
- prefix-icon='el-icon-search'
- v-model='sbmcInput4'
- style='width:200px;margin-right:12px'
- ></el-input>
- <el-input
- clearable
- @keyup.enter.native='Index3'
- @blur='Index3'
- placeholder='搜索事项类型、事项描述'
- size='small'
- prefix-icon='el-icon-search'
- v-model='zysxInput4'
- style='width:200px;margin-right:12px'
- ></el-input>
- <Select
- @change='Index3'
- width='200'
- tipPlace='top'
- caption='是否更换:'
- v-model='sfghSelect'
- :selectdata='isReplaceData'
- :placeholder='"请选择"'
- style='margin-right:12px'
- ></Select>
- <el-input
- clearable
- @keyup.enter.native='Index3'
- @blur='Index3'
- placeholder='搜索工单编号'
- size='small'
- prefix-icon='el-icon-search'
- v-model='gdbhInput4'
- style='width:200px;margin-right:12px'
- ></el-input>
- <div class='picker-box'>
- <span class='picker-span'>填报日期:</span>
- <el-date-picker
- style='width:190px'
- v-model='tbsjDate'
- value-format='yyyyMMdd'
- type='daterange'
- @change='Index3'
- size='mini'
- range-separator='-'
- start-placeholder
- end-placeholder
- ></el-date-picker>
- </div>
- <!-- <p class='input-dialog-p'>填报日期</p>
- <p class='input-dialog-p2'>
- <el-date-picker
- clearable
- v-model='tbsjDate'
- value-format='yyyyMMdd'
- type='daterange'
- size='mini'
- style='margin-right:12px;width:200px'
- range-separator='-'
- start-placeholder
- end-placeholder
- ></el-date-picker>
- </p>-->
- </div>
- <div class='dialog-none'>
- <div class='input-dialog'>
- <div class='input-dialog-top' @click='show'>
- <img src='@/assets/imgs/select.png' />
- 筛选
- </div>
- <div class='input-dialog-form' v-if='dialogFormVisible'>
- <p class='input-dialog-p'>验收日期</p>
- <p class='input-dialog-p2'>
- <el-date-picker
- clearable
- v-model='yssjDate'
- value-format='yyyyMMdd'
- type='daterange'
- size='mini'
- style='margin-right:12px;width:200px'
- range-separator='-'
- start-placeholder
- end-placeholder
- ></el-date-picker>
- </p>
- <!-- <p class='input-dialog-p'>工单编号</p>
- <p class='input-dialog-p2'>
- <el-input
- clearable
- placeholder
- style='width:200px;'
- size='mini'
- prefix-icon='el-icon-search'
- v-model='gdbhInput4'
- ></el-input>
- </p>-->
- <p class='input-dialog-foot'>
- <el-button @click='dialogFormVisible = false' size='mini'>取 消</el-button>
- <el-button type='primary' @click='confirm
- ' size='mini'>确 定</el-button>
- </p>
- </div>
- </div>
- </div>
- <room-table4
- ref='roomTable4'
- v-if='table4.length>=0'
- :table4='table4'
- :loading='loading3'
- :page='page3'
- :total='total3'
- :size='size3'
- @Index3Emit='Index3Emit'
- ></room-table4>
- </el-tab-pane>
- <el-tab-pane label='维保记录' name='5'>
- <div class='compute-center'>
- <el-input
- @keyup.enter.native='Index4'
- @blur='Index4'
- clearable
- placeholder='搜索设备名称、编号'
- size='small'
- prefix-icon='el-icon-search'
- v-model='sbmcInput5'
- style='margin-right:12px;width:220px;'
- ></el-input>
- <el-input
- @keyup.enter.native='Index4'
- @blur='Index4'
- clearable
- placeholder='搜索核心维保事项记录描述'
- size='small'
- prefix-icon='el-icon-search'
- v-model='wbsxjlInput5'
- style='margin-right:12px;width:220px;'
- ></el-input>
- <el-input
- @keyup.enter.native='Index4'
- @blur='Index4'
- clearable
- placeholder='搜索任务编号'
- size='small'
- prefix-icon='el-icon-search'
- v-model='rwbhInput5'
- style='margin-right:12px;width:220px;'
- ></el-input>
- <Select
- @change='Index4'
- width='220'
- tipPlace='top'
- v-model='statuSelect5'
- caption='任务状态:'
- v-if='status.length>0'
- :selectdata='status'
- :placeholder='"请选择"'
- style='margin-right:12px'
- ></Select>
- <Select
- width='220'
- tipPlace='top'
- v-model='iszcSelect5'
- caption='是否正常:'
- v-if='zt.length>0'
- :selectdata='zt'
- :placeholder='"请选择"'
- style='margin-right:12px'
- ></Select>
- </div>
- <div class='dialog-none'>
- <div class='input-dialog'>
- <div class='input-dialog-top' @click='show'>
- <img src='@/assets/imgs/select.png' />
- 筛选
- </div>
- <div class='input-dialog-form' v-if='dialogFormVisible'>
- <p class='input-dialog-p'>任务开始日期</p>
- <p class='input-dialog-p2'>
- <el-date-picker
- clearable
- value-format='yyyyMMdd'
- type='daterange'
- size='mini'
- v-model='rwksrq'
- style='width:200px'
- range-separator='-'
- start-placeholder
- end-placeholder
- ></el-date-picker>
- </p>
- <p class='input-dialog-p'>任务完成日期</p>
- <p class='input-dialog-p2'>
- <el-date-picker
- clearable
- value-format='yyyyMMdd'
- type='daterange'
- size='mini'
- v-model='rwwcrq'
- style='width:200px'
- range-separator='-'
- start-placeholder
- end-placeholder
- ></el-date-picker>
- </p>
- <!-- <el-input
- @change='Index4'
- clearable
- placeholder='异常工单编号'
- size='small'
- prefix-icon='el-icon-search'
- v-model='ycgdbhInput5'
- style='margin-right:12px;width:220px;'
- ></el-input>-->
- <p class='input-dialog-p'>异常工单编号</p>
- <p class='input-dialog-p2'>
- <el-input
- clearable
- placeholder='异常工单编号'
- size='small'
- prefix-icon='el-icon-search'
- v-model='ycgdbhInput5'
- style='width:200px;'
- ></el-input>
- </p>
- <p class='input-dialog-p'>异常工单填报日期</p>
- <p class='input-dialog-p2'>
- <el-date-picker
- clearable
- value-format='yyyyMMdd'
- type='daterange'
- size='mini'
- v-model='ycgdtbsj'
- style='width:200px'
- range-separator='-'
- start-placeholder
- end-placeholder
- ></el-date-picker>
- </p>
- <p class='input-dialog-p'>异常工单验收日期</p>
- <p class='input-dialog-p2'>
- <el-date-picker
- clearable
- value-format='yyyyMMdd'
- type='daterange'
- size='mini'
- style='width:200px'
- range-separator='-'
- start-placeholder
- end-placeholder
- v-model='ycgdyssj'
- ></el-date-picker>
- </p>
- <p class='input-dialog-foot'>
- <el-button @click='dialogFormVisible = false' size='mini'>取 消</el-button>
- <el-button type='primary' @click='confirm2' size='mini'>确 定</el-button>
- </p>
- </div>
- </div>
- </div>
- <room-table5
- ref='roomTable5'
- v-if='table5.length>=0'
- :table5='table5'
- :loading='loading4'
- :page='page4'
- :total='total4'
- :size='size4'
- @Index4Emit='Index4Emit'
- ></room-table5>
- </el-tab-pane>
- </el-tabs>
- </div>
- </el-dialog>
- </div>
- </template>
- <script>
- import { queryEquipmentList } from '@/api/equipmentList.js'
- import { queryDygjcxline, queryHxsb, queryWxjf, queryWb, querySystem } from '@/api/room.js'
- import roomTable1 from './room1'
- import roomTable2 from './room2'
- import roomTable3 from './room3'
- import roomTable4 from './room4'
- import roomTable5 from './room5'
- import { mapGetters } from 'vuex'
- import { querySelect, queryPic } from '@/api/public.js'
- import { Select } from 'meri-design'
- export default {
- data() {
- return {
- content: '',
- activeName: '1',
- location: '',
- visible: false,
- dialogFormVisible: false,
- systemName: '',
- loading: true,
- loading1: true,
- loading2: true,
- loading3: true,
- loading4: true,
- table2: [],
- table3: [],
- table4: [],
- table5: [],
- showLocationflid: false,
- //
- total: 0,
- page: 1,
- size: 10,
- picFloor: '',
- tableImg: [],
- //
- total1: 0,
- page1: 1,
- size1: 10,
- floor2: '全部',
- ctbhInput: '',
- cxggInput: '',
- djbhInput: '',
- kzhlInput: '',
- allArr: [
- {
- id: '全部',
- name: '全部'
- }
- ],
- //
- total2: 0,
- page2: 1,
- size2: 10,
- sccsInput: '',
- ppxhInput: '',
- sbjcInput: '',
- // floorChange: '',
- //
- total3: 0,
- page3: 1,
- size3: 11,
- tbsjDate: '',
- yssjDate: '',
- // 是否更换配件
- isReplaceData: [
- { id: '1', name: '是' },
- { id: '0', name: '否' }
- ],
- sfghSelect: '',
- sbmcInput4: '',
- sbbhInput4: '',
- zysxInput4: '',
- msInput4: '',
- gdbhInput4: '',
- type1: 'wx',
- //
- total4: 0,
- page4: 1,
- size4: 11,
- searVal: '',
- status: [],
- zt: [],
- sbmcInput5: '',
- sbbhInput5: '',
- wbsxjlInput5: '',
- rwbhInput5: '',
- ycgdbhInput5: '',
- ssmsInput5: '',
- iszcSelect5: '',
- statuSelect5: '',
- rwksrq: '',
- rwwcrq: '',
- ycgdtbsj: '',
- ycgdyssj: '',
- smsxtArr: {},
- type: ''
- }
- },
- components: {
- roomTable1,
- roomTable2,
- roomTable3,
- roomTable4,
- roomTable5
- },
- computed: {
- ...mapGetters(['floorSelect', 'plazaId'])
- },
- methods: {
- handleClick(tab) {
- if (tab.label == '机房布置图') {
- this.Index(this.smsxtArr.smsxt)
- } else if (tab.label == '配电室低压柜及出线明细表') {
- this.Index1()
- this.$refs.roomTable2.computedHeight()
- } else if (tab.label == '机房内核心设备') {
- this.Index2()
- this.$refs.roomTable3.computedHeight()
- } else if (tab.label == '维修记录') {
- this.Index3()
- this.$refs.roomTable4.computedHeight()
- } else if (tab.label == '维保记录') {
- this.Index4()
- this.changeSelect()
- this.$refs.roomTable5.computedHeight()
- }
- },
- // 右上角的筛选点击按钮
- show() {
- this.dialogFormVisible = !this.dialogFormVisible
- },
- Index(system) {
- this.picFloor = this.$cookie.get('floorNow')
- let getParams = {
- typename: '位置布置图',
- location: this.location,
- module: '1002',
- // system: system,
- plazaId: this.plazaId
- }
- if (system) {
- getParams.system = system
- }
- queryPic({ getParams }).then(res => {
- //console.log('机房布置图', res)
- this.tableImg = res.data ? res.data : []
- //判断有没有图片,有图片默认显示按钮是第一个tab,没有图片显示的是第二个tab
- if (this.tableImg.length > 0) {
- this.activeName = '1'
- } else if (this.showLocationflid) {
- this.activeName = '2'
- this.Index1()
- } else {
- this.activeName = '3'
- this.Index2()
- }
- })
- },
- // 明细表
- Index1() {
- let getParams = {
- location: this.location,
- plazaId: this.plazaId,
- page: this.page1,
- size: this.size1
- }
- if (this.floor2 && this.floor2 != '全部') {
- getParams.floor = this.floor2
- }
- if (this.ctbhInput) {
- if (getParams.keyword) {
- getParams.keyword = `${getParams.keyword + ';' + this.ctbhInput}:drawernum`
- } else {
- getParams.keyword = `${this.ctbhInput}:drawernum`
- }
- }
- if (this.cxggInput) {
- if (getParams.keyword) {
- getParams.keyword = `${getParams.keyword + ';' + this.cxggInput}:outspec`
- } else {
- getParams.keyword = `${this.cxggInput}:outspec`
- }
- }
- if (this.djbhInput) {
- if (getParams.keyword) {
- getParams.keyword = `${getParams.keyword + ';' + this.djbhInput}:wellnum`
- } else {
- getParams.keyword = `${this.djbhInput}:wellnum`
- }
- }
- if (this.kzhlInput) {
- if (getParams.keyword) {
- getParams.keyword = `${getParams.keyword + ';' + this.kzhlInput}:control`
- } else {
- getParams.keyword = `${this.kzhlInput}:control`
- }
- }
- queryDygjcxline({ getParams }).then(res => {
- if (res.result == 'success') {
- this.loading1 = false
- this.total1 = res.count
- this.table2 = res.data ? res.data : []
- //console.log('明细表', res)
- if (this.table2.length == 0) {
- }
- }
- })
- },
- // 核心设备
- Index2() {
- let postParams = {
- location: this.location
- }
- let data = {
- plazaId: this.plazaId,
- page: this.page2,
- size: this.size2
- }
- if (this.sbjcInput) {
- if (data.keyword) {
- data.keyword = `${data.keyword + ';' + this.sbjcInput}:type_name`
- } else {
- data.keyword = `${this.sbjcInput}:type_name`
- }
- }
- if (this.ppxhInput) {
- if (data.keyword) {
- data.keyword = `${data.keyword + ';' + this.ppxhInput}:brand,sbxh`
- } else {
- data.keyword = `${this.ppxhInput}:brand,sbxh`
- }
- }
- if (this.sccsInput) {
- if (data.keyword) {
- data.keyword = `${data.keyword + ';' + this.sccsInput}:manufacturer`
- } else {
- data.keyword = `${this.sccsInput}:manufacturer`
- }
- }
- // if (this.floorChange) {
- // postParams.gname = this.floorChange
- // }
- queryHxsb({ data, postParams }).then(res => {
- this.loading2 = false
- this.total2 = res.data.count
- this.table3 = res.data.data ? res.data.data : []
- })
- },
- Index1Emit(val) {
- this.page1 = val
- this.Index1()
- },
- Index2Emit(val) {
- this.page2 = val
- this.Index2()
- },
- Index3Emit(val) {
- this.page3 = val
- this.Index3()
- },
- Index4Emit(val) {
- this.page4 = val
- this.Index4()
- },
- // 机房维修记录
- Index3() {
- let getParams = {
- location: this.location,
- plazaId: this.plazaId,
- page: this.page3,
- size: this.size3,
- orderBy: 'sjjssj,0;location,1'
- }
- if (this.sfghSelect) {
- getParams.ismodel = this.sfghSelect
- }
- // 设备名称、编号
- if (this.sbmcInput4) {
- if (getParams.keyword) {
- getParams.keyword = `${getParams.keyword + ';' + this.sbmcInput4}:sbmc`
- } else {
- getParams.keyword = `${this.sbmcInput4}:sbmc,location`
- }
- }
- // 重要事项记录、描述
- if (this.zysxInput4) {
- if (getParams.keyword) {
- getParams.keyword = `${getParams.keyword + ';' + this.zysxInput4}:matters`
- } else {
- getParams.keyword = `${this.zysxInput4}:matters,manufacturer`
- }
- }
- // 搜索工单编号
- if (this.gdbhInput4) {
- if (getParams.keyword) {
- getParams.keyword = `${getParams.keyword + ';' + this.gdbhInput4}:wonum`
- } else {
- getParams.keyword = `${this.gdbhInput4}:wonum`
- }
- }
- // 填报时间
- if (this.tbsjDate) {
- getParams.reportedbyStartDate = this.tbsjDate[0] + '000000'
- getParams.reportedbyEndDate = this.tbsjDate[1] + '000000'
- }
- // 验收时间
- if (this.yssjDate) {
- getParams.sjjssjStartDate = this.yssjDate[0] + '000000'
- getParams.sjjssjEndDate = this.yssjDate[1] + '000000'
- }
- queryWxjf({ getParams }).then(res => {
- //console.log('维修', res)
- if (res.result == 'success') {
- this.loading3 = false
- this.total3 = res.count
- this.table4 = res.data ? res.data : []
- }
- })
- },
- // 机房维保记录
- Index4() {
- let postParams = {}
- let data = {
- location: this.location,
- plazaId: this.plazaId,
- page: this.page4,
- size: this.size4,
- orderBy: 'wb_gzglid,0;assetnum,1;reportedby,0;'
- }
- //
- // 任务开始日期
- if (this.rwksrq) {
- data.sjkssjStartDate = this.rwksrq[0] + '000000'
- data.sjkssjEndDate = this.rwksrq[1] + '000000'
- }
- // 任务完成日期
- if (this.rwwcrq) {
- data.sjwcsjStartDate = this.rwwcrq[0] + '000000'
- data.sjwcsjEndDate = this.rwwcrq[1] + '000000'
- }
- // 异常工单填报时间
- if (this.ycgdtbsj) {
- data.reportdateStartDate = this.ycgdtbsj[0] + '000000'
- data.reportdateEndDate = this.ycgdtbsj[1] + '000000'
- }
- // 异常工单验收时间
- if (this.ycgdyssj) {
- data.sjjssjStartDate = this.ycgdyssj[0] + '000000'
- data.sjjssjEndDate = this.ycgdyssj[1] + '000000'
- }
- //
- // 是否正常
- if (this.iszcSelect5) {
- data.zt = this.iszcSelect5
- }
- // 任务状态
- if (this.statuSelect5) {
- data.status = this.statuSelect5
- }
- if (this.sbmcInput5) {
- if (data.keyword) {
- data.keyword = `${data.keyword + ';' + this.sbmcInput5}:sbmc,assetnum`
- } else {
- data.keyword = `${this.sbmcInput5}:sbmc,assetnum`
- }
- }
- if (this.wbsxjlInput5) {
- if (data.keyword) {
- data.keyword = `${data.keyword + ';' + this.wbsxjlInput5}:matters`
- } else {
- data.keyword = `${this.wbsxjlInput5}:matters,description`
- }
- }
- if (this.rwbhInput5) {
- if (data.keyword) {
- data.keyword = `${data.keyword + ';' + this.rwbhInput5}:wb_gzglid`
- } else {
- data.keyword = `${this.rwbhInput5}:wb_gzglid`
- }
- }
- if (this.ycgdbhInput5) {
- if (data.keyword) {
- data.keyword = `${data.keyword + ';' + this.ycgdbhInput5}:wonum`
- } else {
- data.keyword = `${this.ycgdbhInput5}:wonum`
- }
- }
- queryWb({ data, postParams }).then(res => {
- //console.log('维保', res)
- this.loading4 = false
- this.total4 = res.data.count
- this.table5 = res.data.data ? res.data.data : []
- })
- },
- confirm() {
- this.Index3()
- },
- confirm2() {
- this.Index4()
- },
- // 下拉框数据
- changeSelect() {
- this.department = []
- let postParams = [
- {
- columnName: { status: 'status', zt: 'zt' },
- tableName: 'sms_wbzy'
- }
- ]
- let data = {
- plazaId: this.plazaId
- }
- querySelect({ data, postParams }).then(res => {
- //console.log('下拉框', res)
- let status = [],
- zt = []
- status = res.data.data.sms_wbzy.status ? res.data.data.sms_wbzy.status : []
- zt = res.data.data.sms_wbzy.zt ? res.data.data.sms_wbzy.zt : []
- if (status.length > 0) {
- status.forEach(el => {
- let obj = {
- id: el.key,
- name: el.value
- }
- this.status.push(obj)
- })
- }
- if (zt.length > 0) {
- zt.forEach(el => {
- let obj = {
- id: el.key,
- name: el.value == '正常' ? '是' : '否'
- }
- this.zt.push(obj)
- })
- }
- })
- },
- // 查询楼层功能下的机房属于哪类设备
- init() {
- this.smsxtArr = {}
- let params = {
- getParams: {
- locationid: this.location,
- plazaId: this.plazaId
- }
- }
- querySystem(params).then(res => {
- this.smsxtArr = res.data ? res.data[0] : {}
- // 5201 设备间 5204设备间 5209设备间
- this.showLocationflid = false
- if (Object.keys(this.smsxtArr).length > 0) {
- let locationflid = this.smsxtArr.locationflid
- if (locationflid == '5201' || locationflid == '5204' || locationflid == '5209') {
- this.showLocationflid = true
- }
- }
- this.Index(this.smsxtArr.smsxt)
- this.content = `查看${this.$cookie.get('floorNow')}层${this.smsxtArr.smsxtname}分布图`
- })
- },
- // 打开机房弹框
- open(name) {
- this.visible = true
- this.systemName = name.name
- this.location = name.location
- this.type = name.type
- if (name.type == 'floor') {
- this.init()
- } else if (name.type == 'system') {
- let floor = this.$cookie.get('floorNow')
- this.content = `查看${floor}层楼层功能图`
- this.Index(null)
- }
- },
- // 机房右上角的跳转 如果是在楼层功能打开的机房则要跳转到设备设施对应的系统\楼层 反之亦然
- jumpFloor() {
- // if (this.smsxtArr.smsxt) {
- if (location.pathname.split('/')[3] == 'equipment') {
- this.$router.push({ path: '/home/floorFunc' })
- } else {
- this.$router.push({ path: '/home/equipment', query: { smsxt: this.smsxtArr.smsxt } })
- }
- // }
- }
- },
- mounted() {
- if (this.floorSelect.length > 0) {
- this.floorSelect2 = this.allArr.concat(this.floorSelect)
- }
- }
- }
- </script>
- <style lang="less" scoped>
- .compute-box {
- /deep/ .el-dialog__title {
- color: #fff;
- }
- .compute-zf {
- width: 15px;
- height: 13px;
- background: url('../../assets/imgs/zffz.png');
- background-repeat: no-repeat;
- background-size: 100% 100%;
- position: absolute;
- right: 74px;
- top: 24px;
- cursor: pointer;
- &::after {
- content: '';
- position: absolute;
- top: -2px;
- right: -16px;
- width: 1px;
- height: 15px;
- background: rgba(216, 216, 216, 1);
- }
- }
- .picker-box {
- display: flex;
- align-items: center;
- background: #fff;
- padding: 0 6px;
- border: 1px solid #dcdfe6;
- border-radius: 4px;
- height: 32px;
- box-sizing: border-box;
- margin-right: 12px;
- .picker-span {
- margin-right: 6px;
- color: rgba(0, 0, 0, 0.65);
- }
- }
- .compute-span {
- width: 100%;
- height: 1px;
- background: rgba(0, 0, 0, 0.06);
- margin-bottom: 20px;
- }
- .compute-center {
- display: flex;
- align-items: center;
- margin-bottom: 12px;
- }
- //
- .dialog-none {
- width: 100px;
- position: absolute;
- right: 0;
- .input-dialog {
- .input-dialog-top {
- color: #c3c7cb;
- cursor: pointer;
- position: absolute;
- top: -45px;
- right: 0px;
- }
- .input-dialog-form {
- padding: 20px 24px;
- background: rgba(255, 255, 255, 1);
- border-radius: 4px;
- border: 1px solid rgba(195, 199, 203, 1);
- z-index: 99999;
- position: absolute;
- top: -20px;
- right: 0px;
- }
- .input-dialog-p {
- margin-bottom: 8px;
- font-size: 14px;
- font-family: MicrosoftYaHei;
- color: rgba(100, 108, 115, 1);
- line-height: 22px;
- }
- .input-dialog-p2 {
- margin-bottom: 16px;
- }
- }
- .input-dialog-foot {
- // margin-bottom: 16px;
- display: flex;
- justify-content: flex-end;
- }
- }
- .compute-tab {
- padding-top: 16px;
- height: 100%;
- }
- }
- </style>
- <style lang="less">
- .compute-box {
- .el-dialog__header {
- padding: 16px 24px;
- background: linear-gradient(180deg, rgba(54, 156, 247, 1) 0%, rgba(2, 91, 170, 1) 100%);
- }
- .el-dialog__headerbtn .el-dialog__close {
- color: #fff;
- }
- /deep/ .el-dialog__body {
- padding: 0 24px;
- height: calc(100% - 57px);
- .is-active {
- background: rgba(2, 91, 170, 0.15);
- }
- }
- .compute-tab {
- /deep/ .el-dialog {
- // padding: 16px 20px 20px;
- overflow: hidden;
- .el-dialog__header {
- padding: 0;
- font-size: 16px;
- font-family: PingFangSC-Medium, PingFang SC;
- font-weight: 500;
- // color: rgba(0, 0, 0, 0.85);
- height: 60px;
- line-height: 60px;
- // background: #f1f2f2;
- padding-left: 20px;
- // padding-bottom: 16px;
- }
- .el-dialog__headerbtn {
- top: 0;
- }
- }
- .el-dialog__title {
- font-size: 16px;
- font-family: PingFangSC-Medium, PingFang SC;
- font-weight: 500;
- color: #ffffff;
- line-height: 60px;
- }
- .el-dialog__body {
- padding: 0 24px;
- }
- .el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2),
- .el-tabs--bottom .el-tabs__item.is-top:nth-child(2),
- .el-tabs--top .el-tabs__item.is-bottom:nth-child(2),
- .el-tabs--top .el-tabs__item.is-top:nth-child(2) {
- padding-left: 16px;
- }
- .el-tabs--bottom .el-tabs__item.is-bottom:last-child,
- .el-tabs--bottom .el-tabs__item.is-top:last-child,
- .el-tabs--top .el-tabs__item.is-bottom:last-child,
- .el-tabs--top .el-tabs__item.is-top:last-child {
- padding-right: 16px;
- }
- .el-tabs__nav-wrap::after {
- height: 0;
- }
- .el-tabs__item {
- padding: 5px 16px;
- height: 30px;
- line-height: 22px;
- font-size: 14px;
- font-family: MicrosoftYaHei;
- color: rgba(31, 36, 41, 1);
- border: 1px solid rgba(195, 199, 203, 1);
- }
- /deep/ .el-tabs__item:last-child {
- border-radius: 0px 4px 4px 0px;
- }
- /deep/ .el-tabs__item:nth-child(2) {
- border-radius: 4px 0px 0px 4px;
- }
- .el-tabs {
- height: 100%;
- }
- .el-tabs__content {
- height: calc(100% - 45px);
- /deep/ .el-tab-pane {
- height: 100% !important;
- .compute-item {
- height: calc(100% - 44px);
- .compute-table {
- height: calc(100% - 71px);
- }
- }
- }
- }
- .el-tabs__active-bar {
- background-color: transparent !important;
- }
- .is-active {
- color: #025baa;
- border-color: #025baa;
- }
- .compute-table {
- .el-table td,
- .el-table th {
- padding: 8px 0;
- }
- }
- }
- .el-input--suffix .el-input__inner {
- padding-right: 20px;
- }
- .el-dialog__wrapper {
- transition-duration: 0.3s;
- }
- .dialog-fade-enter-active {
- animation: none !important;
- }
- .dialog-fade-leave-active {
- transition-duration: 0.15s !important;
- animation: none !important;
- }
- .dialog-fade-enter-active .el-dialog,
- .dialog-fade-leave-active .el-dialog {
- animation-fill-mode: forwards;
- }
- .dialog-fade-enter-active .el-dialog {
- animation-duration: 0.3s;
- animation-name: anim-open;
- animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);
- }
- .dialog-fade-leave-active .el-dialog {
- animation-duration: 0.3s;
- animation-name: anim-close;
- }
- @keyframes anim-open {
- 0% {
- opacity: 0;
- transform: scale3d(0, 0, 1);
- }
- 100% {
- opacity: 1;
- transform: scale3d(1, 1, 1);
- }
- }
- @keyframes anim-close {
- 0% {
- opacity: 1;
- }
- 100% {
- opacity: 0;
- transform: scale3d(0.5, 0.5, 1);
- }
- }
- .picker-box {
- .el-input__inner {
- border: none;
- }
- .el-range-editor.el-input__inner {
- padding: 3px 0px;
- }
- .el-icon-date {
- display: none;
- }
- .el-range__close-icon {
- position: absolute;
- right: 0px;
- top: 2px;
- }
- .el-range-editor--mini .el-range-input {
- font-size: 14px;
- color: rgb(31, 36, 41);
- }
- }
- }
- // compute-tab 1366px适配
- // @media screen and (max-width: 1366px) {
- // // 表格高度设置
- // .compute-tab {
- // .el-tabs,
- // .el-tabs__content {
- // height: 470px !important;
- // }
- // // 机房内核心设备 padding设置
- // #pane-3 {
- // .compute-table .el-table td,
- // .compute-box .compute-table .el-table th {
- // padding: 3px 0 !important;
- // }
- // }
- // // 维修记录,维保记录 padding设置
- // #pane-4,
- // #pane-5 {
- // .compute-table .el-table td,
- // .compute-box .compute-table .el-table th {
- // padding: 0 !important;
- // }
- // }
- // }
- // }
- @media screen and (max-width: 1600px) {
- // 表格高度设置
- // .compute-tab {
- // .el-tabs,
- // .el-tabs__content {
- // height: 600px !important;
- // }
- // }
- .compute-box .compute-tab .compute-table .el-table td {
- padding: 4px 0;
- }
- }
- </style>
|