|
|
|
@ -16,7 +16,7 @@ |
|
|
|
<span class="close" @click="() => { this.activeIcon = null; }"> |
|
|
|
<i class="el-icon-close" /> |
|
|
|
</span> |
|
|
|
<div v-if="tabAction === '1'" style="width:70vw;"> |
|
|
|
<div v-if="tabAction === '1'" style="width:70vw; min-height: 500px;"> |
|
|
|
<Form v-model="data" labelWidth="90px" column="2" class="form" ref="FormConfigRef" :formList="formList" /> |
|
|
|
<component ref="ControlComponent" :is="componentMap[DeviceTopics[data.deviceType]]" :isMultiControl="true" |
|
|
|
:visible="true" :selectItems="data.childType" @update:activeIcon="(val) => { this.activeIcon = val }" |
|
|
|
@ -53,9 +53,10 @@ |
|
|
|
<div v-if="tabAction === '3'" style="width:70vw;height: 500px;display: flex;flex-direction: column; justify-content: center;align-items: flex-start;" > |
|
|
|
<Form v-model="dataRecord" style="width:100%;" labelWidth="90px" column="2" class="form" ref="FormRecordRef" :formList="formRecord" /> |
|
|
|
<Table :data="tableData" height="500px" style="margin: 20px;width:95%"> |
|
|
|
<ElTableColumn label="管控时间" prop="operTime" width="300"/> |
|
|
|
<ElTableColumn label="管控方式" prop="operType" width="200"/> |
|
|
|
<ElTableColumn label="操作人" prop="operName" width="200"/> |
|
|
|
<ElTableColumn label="管控时间" prop="operTime" width="200"/> |
|
|
|
<ElTableColumn label="设备名称" prop="dcDeviceName" width="300"/> |
|
|
|
<ElTableColumn label="管控方式" prop="operType" width="100"/> |
|
|
|
<ElTableColumn label="操作人" prop="operName" width="100"/> |
|
|
|
<ElTableColumn label="执行结果" prop="stakeMark" > |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-popover |
|
|
|
@ -71,7 +72,7 @@ |
|
|
|
|
|
|
|
<!-- 分页 --> |
|
|
|
<div class="footer" style="margin-top:-20px;margin-bottom: 30px"> |
|
|
|
<ElPagination @current-change="bindResult" @size-change="onSizeChange" width="'100%'" :page-sizes="[10, 20, 30, 40, 50]" |
|
|
|
<ElPagination @current-change="bindRecord" @size-change="onSizeChange" width="'100%'" :page-sizes="[10, 20, 30, 40, 50]" |
|
|
|
:page-size="searchData.pageSize" :current-page.sync="searchData.pageNum" layout="total, sizes, prev, pager, next" |
|
|
|
:total="tableTotal" class="Pagination"> |
|
|
|
</ElPagination> |
|
|
|
@ -191,8 +192,8 @@ export default { |
|
|
|
type: "select", |
|
|
|
options: { |
|
|
|
options: [ |
|
|
|
{ key: "1", label: "济南方向" }, |
|
|
|
{ key: "3", label: "菏泽方向" }, |
|
|
|
{ key: "1", label: "菏泽方向" }, |
|
|
|
{ key: "3", label: "济南方向" }, |
|
|
|
{ key: "2", label: "双向" }, |
|
|
|
], |
|
|
|
}, |
|
|
|
@ -310,6 +311,7 @@ export default { |
|
|
|
key: "childType", |
|
|
|
type: "select", |
|
|
|
isAlone: true, |
|
|
|
width: '100%', |
|
|
|
options: { |
|
|
|
clearable: true, |
|
|
|
options: [], |
|
|
|
@ -375,7 +377,7 @@ export default { |
|
|
|
required: false, |
|
|
|
type: "datePicker", |
|
|
|
options: { |
|
|
|
style: "width: auto", |
|
|
|
style: "width: 96%", |
|
|
|
type: "datetimerange", |
|
|
|
format: "yyyy-MM-dd HH:mm:ss", |
|
|
|
valueFormat: "yyyy-MM-dd HH:mm:ss", |
|
|
|
@ -423,21 +425,10 @@ export default { |
|
|
|
}, |
|
|
|
tabClick() { |
|
|
|
if(this.tabAction === '2'){ |
|
|
|
request({ |
|
|
|
url: `/business/dcBatchFunctionsJobGroup/list`, |
|
|
|
method: "get", |
|
|
|
params: {}, |
|
|
|
}) |
|
|
|
.then((result) => { |
|
|
|
if (result.code != 200) return; |
|
|
|
this.tableTotal = result.total; |
|
|
|
this.data = result.rows; |
|
|
|
}) |
|
|
|
.finally(() => { |
|
|
|
}); |
|
|
|
this.bindTimeing(); |
|
|
|
} else if(this.tabAction === '3'){ |
|
|
|
this.dataRecord.operTime = [moment().startOf('month').format('YYYY-MM-DD 00:00:00'),moment().endOf('month').format('YYYY-MM-DD 23:59:59'),] |
|
|
|
this.bindResult(); |
|
|
|
this.bindRecord(); |
|
|
|
} |
|
|
|
}, |
|
|
|
handleClick(type) { |
|
|
|
@ -466,11 +457,21 @@ export default { |
|
|
|
Message.success(`操作成功!`); |
|
|
|
}) |
|
|
|
}, |
|
|
|
bindResult(){ |
|
|
|
// dataRecord:{ |
|
|
|
// operType: "0", |
|
|
|
// operTime:['2024-04-01 00:00:00','2024-04-25 23:59:59'] |
|
|
|
// }, |
|
|
|
bindTimeing(){ |
|
|
|
request({ |
|
|
|
url: `/business/dcBatchFunctionsJobGroup/list`, |
|
|
|
method: "get", |
|
|
|
params: {}, |
|
|
|
}) |
|
|
|
.then((result) => { |
|
|
|
if (result.code != 200) return; |
|
|
|
this.tableTotal = result.total; |
|
|
|
this.data = result.rows; |
|
|
|
}) |
|
|
|
.finally(() => { |
|
|
|
}); |
|
|
|
}, |
|
|
|
bindRecord(){ |
|
|
|
request({ |
|
|
|
url: `/business/dcOperLog/list`, |
|
|
|
method: "get", |
|
|
|
@ -482,6 +483,7 @@ export default { |
|
|
|
e.operTime = moment(e.operTime).format('YYYY-MM-DD HH:mm:ss') |
|
|
|
e.operType = _.find(this.Enum_ControlType,{key:e.operType}).label |
|
|
|
}); |
|
|
|
console.log(result.rows) |
|
|
|
this.tableData = result.rows; |
|
|
|
this.tableTotal = result.total; |
|
|
|
}) |
|
|
|
@ -492,7 +494,7 @@ export default { |
|
|
|
this.tableData = []; |
|
|
|
this.searchData.pageSize = pageSize; |
|
|
|
this.searchData.pageNum = 1; |
|
|
|
this.bindResult(); |
|
|
|
this.bindRecord(); |
|
|
|
}, |
|
|
|
showResult(res){ |
|
|
|
this.digResultVisible = true |
|
|
|
|
