|
|
|
|
@ -4,7 +4,7 @@
|
|
|
|
|
title="设置"
|
|
|
|
|
:visible.sync="isShow"
|
|
|
|
|
:close-on-click-modal="false"
|
|
|
|
|
width="680px"
|
|
|
|
|
width="720px"
|
|
|
|
|
>
|
|
|
|
|
<!-- <div class="flexnr">
|
|
|
|
|
<div class="w50">通道:</div>
|
|
|
|
|
@ -18,20 +18,43 @@
|
|
|
|
|
></el-tree>
|
|
|
|
|
</div> -->
|
|
|
|
|
<div class="setTimeTd">
|
|
|
|
|
<h3>时间表规则</h3>
|
|
|
|
|
<el-descriptions title="" :column="3" border>
|
|
|
|
|
<el-descriptions-item label="名称">名称</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item label="时间表类型">按时间段</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item label="开始时间"> 12:00:07</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item label="结束时间"> 16:00:07</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item label="时间间隔（分）">
|
|
|
|
|
<el-tag size="small">60</el-tag>
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item label="备注信息"
|
|
|
|
|
>这是备注信息</el-descriptions-item
|
|
|
|
|
>
|
|
|
|
|
</el-descriptions>
|
|
|
|
|
<h3>设置通道</h3>
|
|
|
|
|
<div class="setCheckbox">
|
|
|
|
|
<div class="chooseTDBox">
|
|
|
|
|
<label>选择通道</label>
|
|
|
|
|
<div class="checkBox">
|
|
|
|
|
<el-checkbox-group v-model="checkList">
|
|
|
|
|
<el-checkbox label="通道1" border></el-checkbox>
|
|
|
|
|
<el-checkbox label="通道2" border></el-checkbox>
|
|
|
|
|
<el-checkbox label="通道3" border></el-checkbox>
|
|
|
|
|
<el-checkbox label="通道4" border></el-checkbox>
|
|
|
|
|
</el-checkbox-group>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="treeTable">
|
|
|
|
|
<el-table
|
|
|
|
|
:data="tableData"
|
|
|
|
|
style="width: 100%; margin-bottom: 20px"
|
|
|
|
|
row-key="id"
|
|
|
|
|
border
|
|
|
|
|
stripe
|
|
|
|
|
default-expand-all
|
|
|
|
|
:tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
|
|
|
|
|
>
|
|
|
|
|
<el-table-column type="selection" width="55"> </el-table-column>
|
|
|
|
|
<el-table-column prop="date" label="电压"> </el-table-column>
|
|
|
|
|
<el-table-column prop="name" label="线路11"> </el-table-column>
|
|
|
|
|
<el-table-column prop="address" label="装置"> </el-table-column>
|
|
|
|
|
</el-table>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- <div class="setCheckbox">
|
|
|
|
|
<el-table
|
|
|
|
|
ref="multipleTable"
|
|
|
|
|
:data="tableData"
|
|
|
|
|
@ -53,7 +76,7 @@
|
|
|
|
|
>
|
|
|
|
|
<template> XY-SIMULATOR-0001 </template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<!-- <el-table-column type="selection" width="100px"></el-table-column> -->
|
|
|
|
|
|
|
|
|
|
<el-table-column label="全选">
|
|
|
|
|
<template>
|
|
|
|
|
<el-checkbox v-model="checked">通道1</el-checkbox></template
|
|
|
|
|
@ -65,7 +88,7 @@
|
|
|
|
|
>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table>
|
|
|
|
|
</div>
|
|
|
|
|
</div> -->
|
|
|
|
|
</div>
|
|
|
|
|
<div slot="footer" class="dialog-footer">
|
|
|
|
|
<!-- <el-button @click="getCheckedNodes">获取</el-button> -->
|
|
|
|
|
@ -101,42 +124,49 @@ export default {
|
|
|
|
|
|
|
|
|
|
tableData: [
|
|
|
|
|
{
|
|
|
|
|
date: "2016-05-03",
|
|
|
|
|
name: "王小虎",
|
|
|
|
|
address: "上海市普陀区金沙江路 1518 弄",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
date: "2016-05-02",
|
|
|
|
|
name: "王小虎",
|
|
|
|
|
address: "上海市普陀区金沙江路 1518 弄",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
date: "2016-05-04",
|
|
|
|
|
name: "王小虎",
|
|
|
|
|
address: "上海市普陀区金沙江路 1518 弄",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
date: "2016-05-01",
|
|
|
|
|
name: "王小虎",
|
|
|
|
|
address: "上海市普陀区金沙江路 1518 弄",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
date: "2016-05-08",
|
|
|
|
|
name: "王小虎",
|
|
|
|
|
address: "上海市普陀区金沙江路 1518 弄",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
date: "2016-05-06",
|
|
|
|
|
name: "王小虎",
|
|
|
|
|
address: "上海市普陀区金沙江路 1518 弄",
|
|
|
|
|
id: 2,
|
|
|
|
|
date: "220kv",
|
|
|
|
|
name: "线路11",
|
|
|
|
|
address: "asdadadadad",
|
|
|
|
|
children: [
|
|
|
|
|
{
|
|
|
|
|
id: 31,
|
|
|
|
|
date: "220kv",
|
|
|
|
|
name: "线路11",
|
|
|
|
|
address: "asdadadadad",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: 32,
|
|
|
|
|
date: "220kv",
|
|
|
|
|
name: "线路11",
|
|
|
|
|
address: "asdadadadad",
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
date: "2016-05-07",
|
|
|
|
|
name: "王小虎",
|
|
|
|
|
address: "上海市普陀区金沙江路 1518 弄",
|
|
|
|
|
id: 3,
|
|
|
|
|
date: "220kv",
|
|
|
|
|
name: "线路11",
|
|
|
|
|
address: "asdadadadad",
|
|
|
|
|
children: [
|
|
|
|
|
{
|
|
|
|
|
id: 31,
|
|
|
|
|
date: "220kv",
|
|
|
|
|
name: "线路11",
|
|
|
|
|
address: "asdadadadad",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: 32,
|
|
|
|
|
date: "220kv",
|
|
|
|
|
name: "线路11",
|
|
|
|
|
address: "asdadadadad",
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
multipleSelection: [],
|
|
|
|
|
|
|
|
|
|
checkList: [],
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
mounted() {},
|
|
|
|
|
@ -256,5 +286,15 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.chooseTDBox {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
label {
|
|
|
|
|
margin-right: 8px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.treeTable {
|
|
|
|
|
margin-top: 16px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
|
fanluyan
2 years ago