| | |
| | | <!-- |
| | | * ......................................&&......................... |
| | | * ....................................&&&.......................... |
| | | * .................................&&&&............................ |
| | | * ...............................&&&&.............................. |
| | | * .............................&&&&&&.............................. |
| | | * ...........................&&&&&&....&&&..&&&&&&&&&&&&&&&........ |
| | | * ..................&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&.............. |
| | | * ................&...&&&&&&&&&&&&&&&&&&&&&&&&&&&&................. |
| | | * .......................&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&......... |
| | | * ...................&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&............... |
| | | * ..................&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&............ |
| | | * ...............&&&&&@ &&&&&&&&&&..&&&&&&&&&&&&&&&&&&&........... |
| | | * ..............&&&&&&&&&&&&&&&.&&....&&&&&&&&&&&&&..&&&&&......... |
| | | * ..........&&&&&&&&&&&&&&&&&&...&.....&&&&&&&&&&&&&...&&&&........ |
| | | * ........&&&&&&&&&&&&&&&&&&&.........&&&&&&&&&&&&&&&....&&&....... |
| | | * .......&&&&&&&&.....................&&&&&&&&&&&&&&&&.....&&...... |
| | | * ........&&&&&.....................&&&&&&&&&&&&&&&&&&............. |
| | | * ..........&...................&&&&&&&&&&&&&&&&&&&&&&&............ |
| | | * ................&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&............ |
| | | * ..................&&&&&&&&&&&&&&&&&&&&&&&&&&&&..&&&&&............ |
| | | * ..............&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&....&&&&&............ |
| | | * ...........&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&......&&&&............ |
| | | * .........&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&.........&&&&............ |
| | | * .......&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&...........&&&&............ |
| | | * ......&&&&&&&&&&&&&&&&&&&...&&&&&&...............&&&............. |
| | | * .....&&&&&&&&&&&&&&&&............................&&.............. |
| | | * ....&&&&&&&&&&&&&&&.................&&........................... |
| | | * ...&&&&&&&&&&&&&&&.....................&&&&...................... |
| | | * ...&&&&&&&&&&.&&&........................&&&&&................... |
| | | * ..&&&&&&&&&&&..&&..........................&&&&&&&............... |
| | | * ..&&&&&&&&&&&&...&............&&&.....&&&&...&&&&&&&............. |
| | | * ..&&&&&&&&&&&&&.................&&&.....&&&&&&&&&&&&&&........... |
| | | * ..&&&&&&&&&&&&&&&&..............&&&&&&&&&&&&&&&&&&&&&&&&......... |
| | | * ..&&.&&&&&&&&&&&&&&&&&.........&&&&&&&&&&&&&&&&&&&&&&&&&&&....... |
| | | * ...&&..&&&&&&&&&&&&.........&&&&&&&&&&&&&&&&...&&&&&&&&&&&&...... |
| | | * ....&..&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&...........&&&&&&&&..... |
| | | * .......&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&..............&&&&&&&.... |
| | | * .......&&&&&.&&&&&&&&&&&&&&&&&&..&&&&&&&&...&..........&&&&&&.... |
| | | * ........&&&.....&&&&&&&&&&&&&.....&&&&&&&&&&...........&..&&&&... |
| | | * .......&&&........&&&.&&&&&&&&&.....&&&&&.................&&&&... |
| | | * .......&&&...............&&&&&&&.......&&&&&&&&............&&&... |
| | | * ........&&...................&&&&&&.........................&&&.. |
| | | * .........&.....................&&&&........................&&.... |
| | | * ...............................&&&.......................&&...... |
| | | * ................................&&......................&&....... |
| | | * .................................&&.............................. |
| | | * ..................................&.............................. |
| | | --> |
| | | |
| | | <!-- |
| | | * @Date: 2024-04-09 22:11:21 |
| | | * @LastEditors: Sneed |
| | | * @LastEditTime: 2024-04-26 21:23:30 |
| | | * @LastEditTime: 2024-06-22 19:21:12 |
| | | * @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/mdc/processParam/index.vue |
| | | 实时看板 |
| | | --> |
| | |
| | | <el-col :span="4"> |
| | | <!-- <el-switch v-model="isShowTable" class="mb-2" active-text="数据表" inactive-text="统计图" /> --> |
| | | </el-col> |
| | | <el-col :span="20" style='text-align: right;'> |
| | | <el-col :span="18" style='text-align: right;'> |
| | | <el-date-picker :max-range="3" :clearable="true" value-format="YYYY-MM-DD" |
| | | style="width: 250px" v-model="time" type="daterange" range-separator="-" |
| | | start-placeholder="" end-placeholder="" :disabled-date="disabledDate" |
| | | @calendar-change="change" /> |
| | | </el-col> |
| | | <el-col :span="2" style='text-align: right;'> |
| | | <el-button type="primary" @click="exportExcel">导出</el-button> |
| | | </el-col> |
| | | </el-row> |
| | | <TimeLine v-model="timeRange" ref="timeLine"></TimeLine> |
| | |
| | | </div> |
| | | </template> |
| | | </el-drawer> |
| | | <scDialog v-model="visible"> |
| | | <el-checkbox v-model="checkAll" :indeterminate="isIndeterminate" @change="handleCheckAllChange"> |
| | | 全选 |
| | | </el-checkbox> |
| | | <el-checkbox-group v-model="checkedCities" @change="handleCheckedCitiesChange"> |
| | | <el-checkbox v-for="city in list" :key="city.id" :label="city.id" :value="city.id"> |
| | | {{ city.description }} |
| | | </el-checkbox> |
| | | </el-checkbox-group> |
| | | <template #footer> |
| | | <el-button type="primary" @click="save">确定</el-button> |
| | | </template> |
| | | </scDialog> |
| | | </el-main> |
| | | </template> |
| | | |
| | |
| | | let min = moment(this.timeStart, 'YYYY-MM-DD').subtract(3, 'd').format('YYYY-MM-DD') |
| | | return !moment(Date).isBetween(min, max); |
| | | }, |
| | | visible: false, |
| | | checkAll: false, |
| | | isIndeterminate: false, |
| | | checkedCities: [] |
| | | } |
| | | }, |
| | | created() { |
| | |
| | | this.init() |
| | | }, |
| | | methods: { |
| | | handleCheckAllChange(val) { |
| | | this.checkedCities = val ? this.list.map(v => v.id) : [] |
| | | this.isIndeterminate = false |
| | | }, |
| | | handleCheckedCitiesChange(value) { |
| | | console.log(value) |
| | | this.checkAll = value.length === this.list.length |
| | | this.isIndeterminate = value.length > 0 && value.length < this.list.length |
| | | }, |
| | | save() { |
| | | console.log(this.checkedCities) |
| | | this.$HTTP.post(`/api/blade-mdc/process-parameter/excel/export`, { |
| | | collectItem: this.list.filter(v => this.checkedCities.includes(v.id)), |
| | | endTime: this.timeRange.endTime, |
| | | startTime: this.timeRange.startTime, |
| | | methodEnum: 'HOUR', |
| | | workstationId: this.treeChecked.toString(), |
| | | workstationName: '' |
| | | }).then(res => { |
| | | if (res.success) { |
| | | window.open(res.data.link) |
| | | } else { |
| | | this.$message.error(res.msg) |
| | | } |
| | | }) |
| | | }, |
| | | exportExcel() { |
| | | this.checkAll = false |
| | | this.isIndeterminate = false |
| | | this.checkedCities = [] |
| | | this.visible = true |
| | | }, |
| | | init() { |
| | | this.$HTTP.get('/api/blade-mdc/process-parameter').then(res => { |
| | | if (res.code === 200) { |