|
@@ -39,16 +39,6 @@
|
|
>新增
|
|
>新增
|
|
</el-button>
|
|
</el-button>
|
|
</el-col>
|
|
</el-col>
|
|
- <!-- <el-col :span="1.5">-->
|
|
|
|
- <!-- <el-button-->
|
|
|
|
- <!-- type="success"-->
|
|
|
|
- <!-- plain-->
|
|
|
|
- <!-- icon="el-icon-edit"-->
|
|
|
|
- <!-- size="mini"-->
|
|
|
|
- <!-- @click="handleUpdate"-->
|
|
|
|
- <!-- >修改-->
|
|
|
|
- <!-- </el-button>-->
|
|
|
|
- <!-- </el-col>-->
|
|
|
|
</el-row>
|
|
</el-row>
|
|
|
|
|
|
<div style="padding-top: 10px">
|
|
<div style="padding-top: 10px">
|
|
@@ -74,14 +64,26 @@
|
|
<vxe-table-column field="status" title="状态" :formatter="statusFormatter"></vxe-table-column>
|
|
<vxe-table-column field="status" title="状态" :formatter="statusFormatter"></vxe-table-column>
|
|
<vxe-table-column field="isUse" title="是否使用" :formatter="useFormatter"></vxe-table-column>
|
|
<vxe-table-column field="isUse" title="是否使用" :formatter="useFormatter"></vxe-table-column>
|
|
<vxe-table-column field="mcTime" title="手动停止时间" :formatter="formatDateTime"></vxe-table-column>
|
|
<vxe-table-column field="mcTime" title="手动停止时间" :formatter="formatDateTime"></vxe-table-column>
|
|
|
|
+ <vxe-table-column field="" title="使用详情">
|
|
|
|
+ <template v-slot="{ row }">
|
|
|
|
+ <el-button
|
|
|
|
+ type="text"
|
|
|
|
+ size="mini"
|
|
|
|
+ icon="el-icon-chat-dot-round"
|
|
|
|
+ title="使用详情"
|
|
|
|
+ @click="showRecords(row)">使用详情
|
|
|
|
+ </el-button>
|
|
|
|
+ </template>
|
|
|
|
+ </vxe-table-column>
|
|
<vxe-table-column field="" title="操作">
|
|
<vxe-table-column field="" title="操作">
|
|
<template v-slot="{ row }">
|
|
<template v-slot="{ row }">
|
|
<el-button
|
|
<el-button
|
|
v-if="row.status === 1"
|
|
v-if="row.status === 1"
|
|
- style="padding: 3px 4px 3px 4px;margin: 2px; color: red; background-color: whitesmoke;"
|
|
|
|
|
|
+ style="padding: 3px 4px 3px 4px;margin: 2px; color: red"
|
|
size="mini"
|
|
size="mini"
|
|
icon="el-icon-error"
|
|
icon="el-icon-error"
|
|
title="手动停止"
|
|
title="手动停止"
|
|
|
|
+ type="text"
|
|
@click="stopOverhaulPlan(row)">废弃
|
|
@click="stopOverhaulPlan(row)">废弃
|
|
</el-button>
|
|
</el-button>
|
|
</template>
|
|
</template>
|
|
@@ -194,6 +196,41 @@
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</el-dialog>
|
|
</el-dialog>
|
|
|
|
+
|
|
|
|
+ <el-dialog :title="title" :visible.sync="showDetails" :close-on-click-modal="false" width="1000px" height="600px">
|
|
|
|
+ <div class="dark-el-input dark-el-button">
|
|
|
|
+ <vxe-table
|
|
|
|
+ ref="xTable"
|
|
|
|
+ align="center"
|
|
|
|
+ class="mytable-style"
|
|
|
|
+ auto-resize
|
|
|
|
+ border
|
|
|
|
+ resizable
|
|
|
|
+ export-config
|
|
|
|
+ highlight-current-row
|
|
|
|
+ show-overflow
|
|
|
|
+ max-height="700"
|
|
|
|
+ :data="tableDataDetails.slice((currentPage-1)*pageSize,currentPage*pageSize)">
|
|
|
|
+ <vxe-table-column field="stationCode" title="场站名称" :formatter="codeChangeName"></vxe-table-column>
|
|
|
|
+ <vxe-table-column field="startTime" :formatter="formatDateTime" title="检修开始时间"></vxe-table-column>
|
|
|
|
+ <vxe-table-column field="endTime" :formatter="formatDateTime" title="检修结束时间"></vxe-table-column>
|
|
|
|
+ <vxe-table-column field="overhaulCapacity" title="检修容量(MW)"></vxe-table-column>
|
|
|
|
+ <vxe-table-column field="forecastModel" title="预测模型"></vxe-table-column>
|
|
|
|
+ <vxe-table-column field="useNum" title="使用次数"></vxe-table-column>
|
|
|
|
+ <vxe-table-column field="updateTime" :formatter="formatDateTime" title="上一次使用时间"></vxe-table-column>
|
|
|
|
+ </vxe-table>
|
|
|
|
+ <vxe-pager
|
|
|
|
+ background
|
|
|
|
+ :loading="loading"
|
|
|
|
+ :current-page.sync="currentPage"
|
|
|
|
+ :page-size.sync="pageSize"
|
|
|
|
+ :total="totalDetails"
|
|
|
|
+ @page-change="handlePageChangeDetails"
|
|
|
|
+ :layouts="['PrevJump', 'PrevPage', 'JumpNumber', 'NextPage', 'NextJump', 'Sizes', 'FullJump', 'Total']">
|
|
|
|
+ </vxe-pager>
|
|
|
|
+ </div>
|
|
|
|
+ </el-dialog>
|
|
|
|
+
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
@@ -227,19 +264,17 @@ export default {
|
|
title: "",
|
|
title: "",
|
|
// 是否显示弹出层
|
|
// 是否显示弹出层
|
|
open: false,
|
|
open: false,
|
|
- edit: false,
|
|
|
|
|
|
+ showDetails: false,
|
|
total: 0,
|
|
total: 0,
|
|
- sortOrder: 'asc',
|
|
|
|
|
|
+ totalDetails: 0,
|
|
pageSize: 10,
|
|
pageSize: 10,
|
|
currentPage: 1,
|
|
currentPage: 1,
|
|
stationList: [],
|
|
stationList: [],
|
|
stationCode: '',
|
|
stationCode: '',
|
|
stationName: undefined,
|
|
stationName: undefined,
|
|
- searchForm: {},
|
|
|
|
tableData: [],
|
|
tableData: [],
|
|
|
|
+ tableDataDetails: [],
|
|
loading: false,
|
|
loading: false,
|
|
- modId: '',
|
|
|
|
- checkSign: '',
|
|
|
|
capacity: null,
|
|
capacity: null,
|
|
// 表单校验
|
|
// 表单校验
|
|
rules: {
|
|
rules: {
|
|
@@ -273,7 +308,6 @@ export default {
|
|
methods: {
|
|
methods: {
|
|
// 表单重置
|
|
// 表单重置
|
|
reset() {
|
|
reset() {
|
|
- this.edit = false;
|
|
|
|
this.form = {
|
|
this.form = {
|
|
stationCode: '',
|
|
stationCode: '',
|
|
name: '',
|
|
name: '',
|
|
@@ -297,27 +331,10 @@ export default {
|
|
this.reset();
|
|
this.reset();
|
|
this.open = true;
|
|
this.open = true;
|
|
this.title = "新增检修计划";
|
|
this.title = "新增检修计划";
|
|
- this.edit = false;
|
|
|
|
- },
|
|
|
|
- /** 修改按钮操作 */
|
|
|
|
- handleUpdate() {
|
|
|
|
- this.title = "修改检修计划";
|
|
|
|
- this.reset();
|
|
|
|
- const _selectData = this.$refs.xTable.getRadioRecord(true)
|
|
|
|
- if (_selectData == null) {
|
|
|
|
- this.$message({
|
|
|
|
- type: 'warning',
|
|
|
|
- message: '请选择记录!'
|
|
|
|
- });
|
|
|
|
- return
|
|
|
|
- }
|
|
|
|
- this.open = true;
|
|
|
|
- this.edit = true;
|
|
|
|
- this.form = JSON.parse(JSON.stringify(_selectData))
|
|
|
|
},
|
|
},
|
|
// 提交按钮
|
|
// 提交按钮
|
|
async commitChannel() {
|
|
async commitChannel() {
|
|
- var checkData=[]
|
|
|
|
|
|
+ var checkData = []
|
|
const param = {
|
|
const param = {
|
|
"stationCode": this.form.stationCode
|
|
"stationCode": this.form.stationCode
|
|
}
|
|
}
|
|
@@ -342,87 +359,37 @@ export default {
|
|
return
|
|
return
|
|
}
|
|
}
|
|
var timeStartEnd = [this.form.startTime, this.form.endTime]
|
|
var timeStartEnd = [this.form.startTime, this.form.endTime]
|
|
- if (this.checkDate(timeStartEnd, checkData, this.edit, this.form)) {
|
|
|
|
|
|
+ if (this.checkDate(timeStartEnd, checkData, this.form)) {
|
|
this.$message.warning('该时间段内已有检修计划!')
|
|
this.$message.warning('该时间段内已有检修计划!')
|
|
return
|
|
return
|
|
}
|
|
}
|
|
- // if (this.form.id != undefined) {
|
|
|
|
- // // 更新操作
|
|
|
|
- // this.$axios.post('/overhaulplan/updateById', this.form).then((res) => {
|
|
|
|
- // this.$message.success('修改成功')
|
|
|
|
- // this.open = false;
|
|
|
|
- // this.overhualStatus = null
|
|
|
|
- // this.queryByStationCode()
|
|
|
|
- // }).catch((error) => {
|
|
|
|
- // })
|
|
|
|
- // } else {
|
|
|
|
- // 新增操作
|
|
|
|
- this.$axios.post('/overhaulplan/save', this.form).then((res) => {
|
|
|
|
- if (res == undefined) {
|
|
|
|
- this.$message.success('新增失败')
|
|
|
|
- } else {
|
|
|
|
- this.$message.success('新增成功')
|
|
|
|
- this.overhualStatus = null
|
|
|
|
- this.queryByStationCode()
|
|
|
|
- this.open = false;
|
|
|
|
- }
|
|
|
|
- }).catch((error) => {
|
|
|
|
- })
|
|
|
|
- }
|
|
|
|
- // }
|
|
|
|
|
|
+ // 新增操作
|
|
|
|
+ this.$axios.post('/overhaulplan/save', this.form).then((res) => {
|
|
|
|
+ if (res == undefined) {
|
|
|
|
+ this.$message.success('新增失败')
|
|
|
|
+ } else {
|
|
|
|
+ this.$message.success('新增成功')
|
|
|
|
+ this.overhualStatus = null
|
|
|
|
+ this.queryByStationCode()
|
|
|
|
+ this.open = false;
|
|
|
|
+ }
|
|
|
|
+ }).catch((error) => {
|
|
|
|
+ })
|
|
|
|
+ }
|
|
});
|
|
});
|
|
},
|
|
},
|
|
- // /** 删除按钮操作 */
|
|
|
|
- // handleDelete() {
|
|
|
|
- // const _selectData = this.$refs.xTable.getRadioRecord(true)
|
|
|
|
- // if (_selectData == null) {
|
|
|
|
- // this.$message({
|
|
|
|
- // type: 'warning',
|
|
|
|
- // message: '请选择记录!'
|
|
|
|
- // });
|
|
|
|
- // return
|
|
|
|
- // }
|
|
|
|
- //
|
|
|
|
- // this.$confirm('是否确认删除?', '提示', {
|
|
|
|
- // confirmButtonText: '确定',
|
|
|
|
- // cancelButtonText: '取消',
|
|
|
|
- // type: 'warning'
|
|
|
|
- // }).then(() => {
|
|
|
|
- // this.doDelete(_selectData)
|
|
|
|
- // }).catch(() => {
|
|
|
|
- // });
|
|
|
|
- // },
|
|
|
|
- /**
|
|
|
|
- * 删除提交
|
|
|
|
- */
|
|
|
|
- // doDelete(row) {
|
|
|
|
- // this.$axios.post('/overhaulplan/remove', row).then((res) => {
|
|
|
|
- // this.$message.success('删除成功!')
|
|
|
|
- // this.dataQuery()
|
|
|
|
- // }).catch((error) => {
|
|
|
|
- // })
|
|
|
|
- // this.loading = false
|
|
|
|
- // },
|
|
|
|
handlePageChange({currentPage, pageSize}) {
|
|
handlePageChange({currentPage, pageSize}) {
|
|
this.currentPage = currentPage
|
|
this.currentPage = currentPage
|
|
this.pageSize = pageSize
|
|
this.pageSize = pageSize
|
|
this.queryByStationCode();
|
|
this.queryByStationCode();
|
|
},
|
|
},
|
|
- // dataQuery() {
|
|
|
|
- // this.loading = true
|
|
|
|
- // const param = {
|
|
|
|
- // "currentPage": this.currentPage,
|
|
|
|
- // "pageSize": this.pageSize,
|
|
|
|
- // }
|
|
|
|
- // this.$axios.get('/overhaulplan/getList', {params: param}).then(response => {
|
|
|
|
- // this.tableData = response.data.records
|
|
|
|
- // this.total = response.data.total
|
|
|
|
- // this.loading = false
|
|
|
|
- // }).catch(() => {
|
|
|
|
- // this.loading = false
|
|
|
|
- // })
|
|
|
|
- // },
|
|
|
|
-
|
|
|
|
|
|
+ handlePageChangeDetails({currentPage, pageSize}) {
|
|
|
|
+ this.currentPage = currentPage
|
|
|
|
+ if (this.pageSize != pageSize) {
|
|
|
|
+ this.changePageSize(pageSize)
|
|
|
|
+ }
|
|
|
|
+ this.pageSize = pageSize
|
|
|
|
+ },
|
|
//日期转换器
|
|
//日期转换器
|
|
formatDateTime(cellValue) {
|
|
formatDateTime(cellValue) {
|
|
if (cellValue.cellValue == null) {
|
|
if (cellValue.cellValue == null) {
|
|
@@ -469,7 +436,7 @@ export default {
|
|
this.loading = false
|
|
this.loading = false
|
|
})
|
|
})
|
|
},
|
|
},
|
|
- checkDate(v1, v2, v3, v4) {
|
|
|
|
|
|
+ checkDate(v1, v2, v4) {
|
|
let result = false
|
|
let result = false
|
|
const item = ''
|
|
const item = ''
|
|
// 修改时所需便利集合
|
|
// 修改时所需便利集合
|
|
@@ -481,46 +448,26 @@ export default {
|
|
}
|
|
}
|
|
v5.push(v2[i])
|
|
v5.push(v2[i])
|
|
}
|
|
}
|
|
- // 编辑修改
|
|
|
|
- if (v3) {
|
|
|
|
- for (let i = 0; i < v5.length; i++) {
|
|
|
|
- if (v1[0] >= v5[i].startTime && v1[0] <= v5[i].endTime) {
|
|
|
|
- result = true
|
|
|
|
- break
|
|
|
|
- }
|
|
|
|
- if (v1[1] >= v5[i].startTime && v1[1] <= v5[i].endTime) {
|
|
|
|
- result = true
|
|
|
|
- break
|
|
|
|
- }
|
|
|
|
- if (v1[0] <= v5[i].startTime && v1[1] >= v5[i].endTime) {
|
|
|
|
- result = true
|
|
|
|
- break
|
|
|
|
- }
|
|
|
|
- if (v1[0] >= v5[i].startTime && v1[1] <= v5[i].endTime) {
|
|
|
|
- result = true
|
|
|
|
- break
|
|
|
|
- }
|
|
|
|
|
|
+
|
|
|
|
+ for (let i = 0; i < v2.length; i++) {
|
|
|
|
+ if (v1[0] >= new Date(v2[i].startTime).getTime() && v1[0] <= new Date(v2[i].endTime).getTime()) {
|
|
|
|
+ result = true
|
|
|
|
+ break
|
|
}
|
|
}
|
|
- } else {
|
|
|
|
- for (let i = 0; i < v2.length; i++) {
|
|
|
|
- if (v1[0] >= new Date(v2[i].startTime).getTime() && v1[0] <= new Date(v2[i].endTime).getTime()) {
|
|
|
|
- result = true
|
|
|
|
- break
|
|
|
|
- }
|
|
|
|
- if (v1[1] >= new Date(v2[i].startTime).getTime() && v1[1] <= new Date(v2[i].endTime).getTime()) {
|
|
|
|
- result = true
|
|
|
|
- break
|
|
|
|
- }
|
|
|
|
- if (v1[0] <= new Date(v2[i].startTime).getTime() && v1[1] >= new Date(v2[i].endTime).getTime()) {
|
|
|
|
- result = true
|
|
|
|
- break
|
|
|
|
- }
|
|
|
|
- if (v1[0] >= new Date(v2[i].startTime).getTime() && v1[1] <= new Date(v2[i].endTime).getTime()) {
|
|
|
|
- result = true
|
|
|
|
- break
|
|
|
|
- }
|
|
|
|
|
|
+ if (v1[1] >= new Date(v2[i].startTime).getTime() && v1[1] <= new Date(v2[i].endTime).getTime()) {
|
|
|
|
+ result = true
|
|
|
|
+ break
|
|
|
|
+ }
|
|
|
|
+ if (v1[0] <= new Date(v2[i].startTime).getTime() && v1[1] >= new Date(v2[i].endTime).getTime()) {
|
|
|
|
+ result = true
|
|
|
|
+ break
|
|
|
|
+ }
|
|
|
|
+ if (v1[0] >= new Date(v2[i].startTime).getTime() && v1[1] <= new Date(v2[i].endTime).getTime()) {
|
|
|
|
+ result = true
|
|
|
|
+ break
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+
|
|
return result
|
|
return result
|
|
},
|
|
},
|
|
stopOverhaulPlan(row) {
|
|
stopOverhaulPlan(row) {
|
|
@@ -532,12 +479,25 @@ export default {
|
|
codeChangeName(row) {
|
|
codeChangeName(row) {
|
|
var codeList = this.stationList
|
|
var codeList = this.stationList
|
|
for (let i = 0; i < codeList.length; i++) {
|
|
for (let i = 0; i < codeList.length; i++) {
|
|
- console.log("a" + row.cellValue)
|
|
|
|
- console.log("b" + codeList[i].value)
|
|
|
|
if (row.cellValue == codeList[i].value) {
|
|
if (row.cellValue == codeList[i].value) {
|
|
return codeList[i].label
|
|
return codeList[i].label
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+ },
|
|
|
|
+ showRecords(row) {
|
|
|
|
+ this.showDetails = true
|
|
|
|
+ this.title = '使用记录详情'
|
|
|
|
+ this.loading = true
|
|
|
|
+ const param = {
|
|
|
|
+ "stationCode": this.stationCode,
|
|
|
|
+ "startTime": Date.parse(row.startTime),
|
|
|
|
+ "endTime": Date.parse(row.endTime)
|
|
|
|
+ }
|
|
|
|
+ this.$axios.get('/overhaulPlanRecords/findByStationCodeAndTimeBetween', {params: param}).then(response => {
|
|
|
|
+ this.tableDataDetails = response.data
|
|
|
|
+ this.totalDetails = response.data.length()
|
|
|
|
+ this.loading = false
|
|
|
|
+ })
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|