|
@@ -27,6 +27,11 @@
|
|
|
@click="queryByStationCode">查询
|
|
|
</el-button>
|
|
|
</el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <el-button type="primary" size="mini" style="margin-left: 5px" icon="el-icon-search"
|
|
|
+ @click="showAllRecords">检修记录
|
|
|
+ </el-button>
|
|
|
+ </el-form-item>
|
|
|
</el-form>
|
|
|
<el-row :gutter="10" class="mb8">
|
|
|
<el-col :span="1.5">
|
|
@@ -100,9 +105,9 @@
|
|
|
</vxe-pager>
|
|
|
</div>
|
|
|
|
|
|
- <el-dialog :title="title" :visible.sync="open" :close-on-click-modal="false" width="850px" height="600px">
|
|
|
- <div class="dark-el-input dark-el-button">
|
|
|
- <el-form ref="form" :model="form" :rules="rules" width="830px" label-width="150px">
|
|
|
+ <el-dialog :title="title" :visible.sync="open" :close-on-click-modal="false" width="850px" height="600px" :append-to-body="true">
|
|
|
+ <div class="dark-el-dialog">
|
|
|
+ <el-form ref="form" :model="form" :rules="rules" width="830px" label-width="150px">
|
|
|
<el-row class="mb4">
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="场站名称">
|
|
@@ -169,26 +174,7 @@
|
|
|
<el-input style="width: 100%" v-model="form.maintenanceQuantity" maxlength="50"/>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <!-- <el-col :span="12">-->
|
|
|
- <!-- <el-form-item label="状态" prop="status">-->
|
|
|
- <!-- <el-input style="width: 100%" v-model="form.status === 1 ? '使用中' : '已废弃'" maxlength="50"-->
|
|
|
- <!-- :disabled="true"/>-->
|
|
|
- <!-- </el-form-item>-->
|
|
|
- <!-- </el-col>-->
|
|
|
</el-row>
|
|
|
- <!-- <el-row class="mb4">-->
|
|
|
- <!-- <el-col :span="12">-->
|
|
|
- <!-- <el-form-item label="是否使用" prop="isUse">-->
|
|
|
- <!-- <el-input style="width: 100%" v-model="form.isUse === false ? '否' : '是'" maxlength="50"-->
|
|
|
- <!-- :disabled="true"/>-->
|
|
|
- <!-- </el-form-item>-->
|
|
|
- <!-- </el-col>-->
|
|
|
- <!-- <el-col :span="12">-->
|
|
|
- <!-- <el-form-item label="手动停止时间">-->
|
|
|
- <!-- <el-input style="width: 100%" v-model="form.mcTime" maxlength="50" :disabled="true"/>-->
|
|
|
- <!-- </el-form-item>-->
|
|
|
- <!-- </el-col>-->
|
|
|
- <!-- </el-row>-->
|
|
|
</el-form>
|
|
|
<div slot="footer" class="dialog-footer">
|
|
|
<el-button type="primary" @click="commitChannel">确 定</el-button>
|
|
@@ -197,9 +183,9 @@
|
|
|
</div>
|
|
|
</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
|
|
|
+ <el-dialog :title="title" :visible.sync="showDetails" :close-on-click-modal="false" width="1000px" height="600px" :append-to-body="true">
|
|
|
+ <div class="dark-el-dialog">
|
|
|
+ <vxe-table
|
|
|
ref="xTable"
|
|
|
align="center"
|
|
|
class="mytable-style"
|
|
@@ -212,12 +198,9 @@
|
|
|
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-column field="forecastType" title="预测类型"></vxe-table-column>
|
|
|
+ <vxe-table-column field="details" title="详情"></vxe-table-column>
|
|
|
</vxe-table>
|
|
|
<vxe-pager
|
|
|
background
|
|
@@ -230,6 +213,56 @@
|
|
|
</vxe-pager>
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
+ <el-dialog :title="title" :visible.sync="showAll" :close-on-click-modal="false" width="1000px" height="600px" :append-to-body="true">
|
|
|
+ <div class="dark-el-dialog">
|
|
|
+ <el-form :inline="true" size="small" class="dark-el-input dark-el-button">
|
|
|
+ <el-form-item label="使用时间">
|
|
|
+ <el-date-picker
|
|
|
+ :clearable="false"
|
|
|
+ v-model="dateTime"
|
|
|
+ type="datetimerange"
|
|
|
+ range-separator="至"
|
|
|
+ start-placeholder="开始日期"
|
|
|
+ end-placeholder="结束日期"
|
|
|
+ :default-time="['00:00:00', '23:59:59']"
|
|
|
+ popper-class="cpp-popper"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <el-button type="primary" size="mini" style="margin-left: 5px" icon="el-icon-search"
|
|
|
+ @click="queryRecords">查询
|
|
|
+ </el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <vxe-table
|
|
|
+ ref="xTable"
|
|
|
+ align="center"
|
|
|
+ class="mytable-style"
|
|
|
+ auto-resize
|
|
|
+ border
|
|
|
+ resizable
|
|
|
+ export-config
|
|
|
+ highlight-current-row
|
|
|
+ show-overflow
|
|
|
+ max-height="700"
|
|
|
+ :data="tableDataRecords.slice((currentPage-1)*pageSize,currentPage*pageSize)">
|
|
|
+ <vxe-table-column field="stationCode" title="场站名称" :formatter="codeChangeName"></vxe-table-column>
|
|
|
+ <vxe-table-column field="forecastModel" title="预测模型"></vxe-table-column>
|
|
|
+ <vxe-table-column field="forecastType" title="预测类型"></vxe-table-column>
|
|
|
+ <vxe-table-column field="details" title="详情"></vxe-table-column>
|
|
|
+ <vxe-table-column field="createTime" title="使用时间"></vxe-table-column>
|
|
|
+ </vxe-table>
|
|
|
+ <vxe-pager
|
|
|
+ background
|
|
|
+ :loading="loading"
|
|
|
+ :current-page.sync="currentPage"
|
|
|
+ :page-size.sync="pageSize"
|
|
|
+ :total="totalRecords"
|
|
|
+ @page-change="handlePageChangeDetails"
|
|
|
+ :layouts="['PrevJump', 'PrevPage', 'JumpNumber', 'NextPage', 'NextJump', 'Sizes', 'FullJump', 'Total']">
|
|
|
+ </vxe-pager>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
|
|
|
</div>
|
|
|
</template>
|
|
@@ -242,6 +275,7 @@ export default {
|
|
|
name: 'overhaulPlan',
|
|
|
data() {
|
|
|
return {
|
|
|
+ dateTime: [new Date(new Date().toLocaleDateString()).getTime(), new Date(new Date().toLocaleDateString()).getTime() + 24 * 60 * 60 * 1000 - 1],
|
|
|
options: [{
|
|
|
value: 1,
|
|
|
label: '使用中'
|
|
@@ -267,6 +301,7 @@ export default {
|
|
|
showDetails: false,
|
|
|
total: 0,
|
|
|
totalDetails: 0,
|
|
|
+ totalRecords: 0,
|
|
|
pageSize: 10,
|
|
|
currentPage: 1,
|
|
|
stationList: [],
|
|
@@ -274,6 +309,7 @@ export default {
|
|
|
stationName: undefined,
|
|
|
tableData: [],
|
|
|
tableDataDetails: [],
|
|
|
+ tableDataRecords: [],
|
|
|
loading: false,
|
|
|
capacity: null,
|
|
|
// 表单校验
|
|
@@ -296,6 +332,7 @@ export default {
|
|
|
{required: true, message: '开始时间不能为空!'}
|
|
|
],
|
|
|
},
|
|
|
+ showAll: false
|
|
|
}
|
|
|
},
|
|
|
created() {
|
|
@@ -489,15 +526,33 @@ export default {
|
|
|
this.title = '使用记录详情'
|
|
|
this.loading = true
|
|
|
const param = {
|
|
|
- "stationCode": this.stationCode,
|
|
|
- "startTime": Date.parse(row.startTime),
|
|
|
- "endTime": Date.parse(row.endTime)
|
|
|
+ "opId":row.id
|
|
|
}
|
|
|
- this.$axios.get('/overhaulPlanRecords/findByStationCodeAndTimeBetween', {params: param}).then(response => {
|
|
|
+ this.$axios.get('/overhaulPlanRecords/findByOpId', {params: param}).then(response => {
|
|
|
this.tableDataDetails = response.data
|
|
|
- this.totalDetails = response.data.length()
|
|
|
+ this.totalDetails = this.tableDataDetails.length
|
|
|
this.loading = false
|
|
|
})
|
|
|
+ },
|
|
|
+ showAllRecords(){
|
|
|
+ this.showAll = true
|
|
|
+ this.title = '使用记录'
|
|
|
+ },
|
|
|
+ queryRecords(){
|
|
|
+ this.loading = true
|
|
|
+ let startTime = Math.round(this.dateTime[0])
|
|
|
+ let endTime = Math.round(this.dateTime[1])
|
|
|
+ const param = {
|
|
|
+ "stationCode": this.stationCode,
|
|
|
+ "startTime": startTime,
|
|
|
+ "endTime": endTime
|
|
|
+ }
|
|
|
+ this.$axios.get('overhaulPlanRecords/findByStationCodeAndCreatTimeBetween',{params: param}).then(response =>{
|
|
|
+ this.tableDataRecords = response.data
|
|
|
+ this.totalRecords = this.tableDataRecords.length
|
|
|
+ })
|
|
|
+ this.loading = false
|
|
|
+
|
|
|
}
|
|
|
}
|
|
|
}
|