添加斑马线

master
fanluyan 2 years ago
parent 93b31a4665
commit dbf3c2abd4

@ -19,6 +19,7 @@
<el-table <el-table
ref="multipleTable" ref="multipleTable"
:data="tableData" :data="tableData"
stripe
border border
tooltip-effect="dark" tooltip-effect="dark"
style="width: 100%" style="width: 100%"

@ -13,6 +13,7 @@
<el-table <el-table
ref="multipleTable" ref="multipleTable"
:data="deviceTableData" :data="deviceTableData"
stripe
tooltip-effect="dark" tooltip-effect="dark"
style="width: 100%" style="width: 100%"
height="calc(100% - 40px)" height="calc(100% - 40px)"
@ -21,17 +22,38 @@
> >
<!-- <el-table-column type="index" width="55"> </el-table-column> <!-- <el-table-column type="index" width="55"> </el-table-column>
<el-table-column type="selection" width="55"> </el-table-column> --> <el-table-column type="selection" width="55"> </el-table-column> -->
<el-table-column label="通道名称" show-overflow-tooltip prop="channelname"></el-table-column> <el-table-column
<el-table-column label="分辨率高" show-overflow-tooltip prop="maxResolutionHeight"></el-table-column> label="通道名称"
<el-table-column label="分辨率宽" show-overflow-tooltip prop="maxResolutionWidth"></el-table-column> show-overflow-tooltip
prop="channelname"
></el-table-column>
<el-table-column
label="分辨率高"
show-overflow-tooltip
prop="maxResolutionHeight"
></el-table-column>
<el-table-column
label="分辨率宽"
show-overflow-tooltip
prop="maxResolutionWidth"
></el-table-column>
<el-table-column label="状态" show-overflow-tooltip> <el-table-column label="状态" show-overflow-tooltip>
<template slot-scope="scope"> <template slot-scope="scope">
<el-switch v-model="scope.row.status" :active-value="1" :inactive-value="0" disabled></el-switch> <el-switch
v-model="scope.row.status"
:active-value="1"
:inactive-value="0"
disabled
></el-switch>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column fixed="right" label="操作" width="200"> <el-table-column fixed="right" label="操作" width="200">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button @click.native.stop="handleResive(scope.row)" type="text" >修改</el-button> <el-button
@click.native.stop="handleResive(scope.row)"
type="text"
>修改</el-button
>
<!-- <el-button type="text" class="deleteText" @click.native.stop="handleDelete(scope.row)" >删除</el-button> --> <!-- <el-button type="text" class="deleteText" @click.native.stop="handleDelete(scope.row)" >删除</el-button> -->
</template> </template>
</el-table-column> </el-table-column>
@ -43,7 +65,8 @@
:page-size="pageSize" :page-size="pageSize"
layout=" prev, pager, next, jumper,total" layout=" prev, pager, next, jumper,total"
:total="total" :total="total"
background> background
>
</el-pagination> </el-pagination>
</div> </div>
</div> </div>

@ -51,7 +51,6 @@
v-if="item.path.indexOf('nopic') == -1" v-if="item.path.indexOf('nopic') == -1"
/> />
<img :src="item.path" alt="" v-else /> <img :src="item.path" alt="" v-else />
<p class="timeInfo" v-if="item.path.indexOf('nopic') == -1"> <p class="timeInfo" v-if="item.path.indexOf('nopic') == -1">
{{ $moment(item.photoTime).format("HH:mm:ss") }}({{ {{ $moment(item.photoTime).format("HH:mm:ss") }}({{
$moment(item.recvTime).format("HH:mm:ss") $moment(item.recvTime).format("HH:mm:ss")

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

@ -13,6 +13,7 @@
<el-table <el-table
ref="multipleTable" ref="multipleTable"
:data="deviceTableData" :data="deviceTableData"
stripe
tooltip-effect="dark" tooltip-effect="dark"
style="width: 100%" style="width: 100%"
height="calc(100% - 40px)" height="calc(100% - 40px)"

@ -8,6 +8,7 @@
<el-table <el-table
ref="multipleTable" ref="multipleTable"
:data="imageTableData" :data="imageTableData"
stripe
tooltip-effect="dark" tooltip-effect="dark"
style="width: 100%" style="width: 100%"
height="calc(100% - 40px)" height="calc(100% - 40px)"

@ -42,6 +42,7 @@
<el-table <el-table
ref="multipleTable" ref="multipleTable"
:data="tableData" :data="tableData"
stripe
tooltip-effect="dark" tooltip-effect="dark"
style="width: 100%" style="width: 100%"
@selection-change="handleSelectionChange" @selection-change="handleSelectionChange"

@ -10,6 +10,7 @@
<el-table <el-table
ref="multipleTable" ref="multipleTable"
:data="terminalTableData" :data="terminalTableData"
stripe
tooltip-effect="dark" tooltip-effect="dark"
style="width: 100%" style="width: 100%"
height="calc(100% - 40px)" height="calc(100% - 40px)"

@ -10,6 +10,7 @@
<el-table <el-table
ref="multipleTable" ref="multipleTable"
:data="lineTableData" :data="lineTableData"
stripe
tooltip-effect="dark" tooltip-effect="dark"
style="width: 100%" style="width: 100%"
height="calc(100% - 40px)" height="calc(100% - 40px)"

@ -14,6 +14,7 @@
ref="multipleTable" ref="multipleTable"
:data="tableDate" :data="tableDate"
tooltip-effect="dark" tooltip-effect="dark"
stripe
style="width: 100%" style="width: 100%"
height="calc(100% - 40px)" height="calc(100% - 40px)"
@selection-change="handleSelectionChange" @selection-change="handleSelectionChange"
@ -22,14 +23,39 @@
> >
<!-- <el-table-column type="index" width="55"> </el-table-column> <!-- <el-table-column type="index" width="55"> </el-table-column>
<el-table-column type="selection" width="55"> </el-table-column> --> <el-table-column type="selection" width="55"> </el-table-column> -->
<el-table-column prop="id" label="杆塔编号" show-overflow-tooltip ></el-table-column> <el-table-column
<el-table-column prop="name" label="杆塔名称" show-overflow-tooltip ></el-table-column> prop="id"
<el-table-column prop="lineId" label="线路编号" show-overflow-tooltip ></el-table-column> label="杆塔编号"
<el-table-column prop="lineName" label="线路名称" show-overflow-tooltip ></el-table-column> show-overflow-tooltip
></el-table-column>
<el-table-column
prop="name"
label="杆塔名称"
show-overflow-tooltip
></el-table-column>
<el-table-column
prop="lineId"
label="线路编号"
show-overflow-tooltip
></el-table-column>
<el-table-column
prop="lineName"
label="线路名称"
show-overflow-tooltip
></el-table-column>
<el-table-column fixed="right" label="操作" width="200"> <el-table-column fixed="right" label="操作" width="200">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button @click.native.stop="handleResive(scope.row)" type="text" >修改</el-button> <el-button
<el-button type="text" class="deleteText" @click.native.stop="handleDelete(scope.row)" >删除</el-button> @click.native.stop="handleResive(scope.row)"
type="text"
>修改</el-button
>
<el-button
type="text"
class="deleteText"
@click.native.stop="handleDelete(scope.row)"
>删除</el-button
>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@ -51,10 +77,7 @@
</div> </div>
</template> </template>
<script> <script>
import { import { getTowerListApi, delTowerApi } from "@/utils/api/index";
getTowerListApi,
delTowerApi,
} from "@/utils/api/index";
import addDialog from "./components/addDialog.vue"; import addDialog from "./components/addDialog.vue";
export default { export default {

@ -39,6 +39,7 @@
ref="multipleTable" ref="multipleTable"
:data="deviceTableData" :data="deviceTableData"
tooltip-effect="dark" tooltip-effect="dark"
stripe
style="width: 100%" style="width: 100%"
height="calc(100% - 40px)" height="calc(100% - 40px)"
> >
@ -111,24 +112,7 @@
</el-form-item> </el-form-item>
</el-form> --> </el-form> -->
<div class="setTimeTd"> <div class="setTimeTd">
<el-descriptions title="" :column="3" border> <h3>装置信息</h3>
<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="tdSetBox"> <div class="tdSetBox">
<el-descriptions title="" :column="3" border> <el-descriptions title="" :column="3" border>
<el-descriptions-item label="电压等级" <el-descriptions-item label="电压等级"
@ -141,6 +125,19 @@
XYIGQ10C230300104</el-descriptions-item XYIGQ10C230300104</el-descriptions-item
> >
</el-descriptions> </el-descriptions>
<h3>时间表规则</h3>
<el-descriptions title="" :column="3" border>
<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>
<h3>选择通道</h3> <h3>选择通道</h3>
<div class="checkBox"> <div class="checkBox">
<el-checkbox-group v-model="checkList"> <el-checkbox-group v-model="checkList">

Loading…
Cancel
Save