| | |
| | | </a-col> |
| | | <a-col :md="4" :sm="4" :xs="4"> |
| | | <a-form-item label="时间"> |
| | | <a-range-picker @change="dateParamChange" :disabledDate="disabledDate" format="YYYYMMDD" |
| | | <a-range-picker @change="dateParamChange" :disabledDate="disabledDate" |
| | | @calendarChange="handleCalendarChange" @openChange="handleCalendarOpenChange" |
| | | format="YYYYMMDD" |
| | | v-model="dates" :allowClear="false"/> |
| | | </a-form-item> |
| | | </a-col> |
| | |
| | | </a-row> |
| | | |
| | | <a-row :gutter="24" v-if="toggleSearchStatus"> |
| | | <!-- <a-col :md="5" :sm="5" :xs="5">--> |
| | | <!-- <a-form-item label="设备种类">--> |
| | | <!-- <a-select--> |
| | | <!-- :value="queryParams.deviceCategory"--> |
| | | <!-- mode="multiple"--> |
| | | <!-- placeholder="请选择设备种类"--> |
| | | <!-- allow-clear--> |
| | | <!-- :maxTagCount="1"--> |
| | | <!-- @change="selectChange($event,'deviceCategory')"--> |
| | | <!-- >--> |
| | | <!-- <a-select-option v-for="(item,index) in device_category_list" :value="item.value" :key="index">--> |
| | | <!-- {{item.label}}--> |
| | | <!-- </a-select-option>--> |
| | | <!-- </a-select>--> |
| | | <!-- </a-form-item>--> |
| | | <!-- </a-col>--> |
| | | <a-col :md="5" :sm="5" :xs="5"> |
| | | <a-form-item label="设备级别"> |
| | | <a-select |
| | |
| | | <a-button type="primary" @click="searchQuery" icon="search">查询</a-button> |
| | | <a-button type="primary" @click="searchReset" icon="reload">重置</a-button> |
| | | <a-button type="primary" @click="exportExcel" icon="download">导出</a-button> |
| | | <a-button type="primary" @click="handleShowFeedbackModal" icon="plus" v-has="'efficiencyShiftReport:feedback'">异常反馈</a-button> |
| | | <a-button type="primary" @click="handleShowFeedbackModal" icon="plus" |
| | | v-has="'efficiencyShiftReport:feedback'">异常反馈 |
| | | </a-button> |
| | | <a-button type="primary" icon="printer" v-print="'#EfficiencyShift'" |
| | | v-has="'efficiencyShiftReport:print'">打印 |
| | | </a-button> |
| | |
| | | shiftSubList: [], |
| | | spinning: false, |
| | | toggleSearchStatus: false, |
| | | modalVisible: false// 异常反馈弹窗是否弹出 |
| | | modalVisible: false,// 异常反馈弹窗是否弹出 |
| | | preSelectFirstDate: null |
| | | } |
| | | }, |
| | | props: { nodeTree: '', Type: '', nodePeople: '' }, |
| | |
| | | } |
| | | return list |
| | | }, |
| | | disabledDate(current) { |
| | | //Can not slect days before today and today |
| | | return current && current > moment().subtract('days', 1) |
| | | |
| | | /** |
| | | * 时间选择器面板上的值发生改变时触发 |
| | | * @param dates 面板上的两个值组成的数组 |
| | | */ |
| | | handleCalendarChange(dates) { |
| | | if (dates.length === 1) this.preSelectFirstDate = dates[0] |
| | | }, |
| | | |
| | | /** |
| | | * 控制时间选择器面板开启与关闭 |
| | | * @param status 开启状态 |
| | | */ |
| | | handleCalendarOpenChange(status) { |
| | | if (status) this.preSelectFirstDate = null |
| | | }, |
| | | |
| | | /** |
| | | * 面板上禁止选择的日期 |
| | | * @param current 禁止的时间范围 |
| | | */ |
| | | disabledDate(current) { |
| | | if (!this.preSelectFirstDate) { |
| | | return current > moment().startOf('days') |
| | | } else { |
| | | return current < moment(this.preSelectFirstDate).subtract(365, 'days').startOf('days') |
| | | || current > moment().startOf('days') |
| | | || current > moment(this.preSelectFirstDate).add(365, 'days').endOf('days') |
| | | } |
| | | }, |
| | | |
| | | initDeviceType(deviceList) { |
| | | let dictCode = 'mdc_equipmentType' |
| | | let items = [] |
| | |
| | | dateParamChange(v1, v2) { |
| | | this.queryParam.startTime = v2[0] |
| | | this.queryParam.endTime = v2[1] |
| | | // 点击时间选择器的清空按钮时会触发此判断(点击重置按钮不会触发),实现重置列表功能,切实改变列表显示效果 |
| | | // if(!this.queryParam.startTime&&!this.queryParam.endTime)this.searchReset() |
| | | }, |
| | | efficiencyOptionsOnChange(checkedList) { |
| | | this.checkedList = checkedList |
| | |
| | | if (this.queryParams[item].length === 0) delete this.queryParam[item] |
| | | }) |
| | | this.loadData() |
| | | // this.onClearSelected() |
| | | }, |
| | | searchReset() { |
| | | this.typeTree = this.queryParam.typeTree |