You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
108 lines
3.2 KiB
HTML
108 lines
3.2 KiB
HTML
2 years ago
|
<!DOCTYPE html>
|
||
|
|
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
|
||
|
|
<head>
|
||
|
|
<th:block th:include="include :: header('设备智能驾驶舱')"/>
|
||
|
|
</head>
|
||
|
|
<body class="white-bg">
|
||
|
|
<link href="../../element/element.css" rel="stylesheet">
|
||
|
|
<link href="../../board/doc.css" rel="stylesheet">
|
||
|
|
<script src="../../element/vue.js"></script>
|
||
|
|
<script src="../../element/element.js"></script>
|
||
|
|
<script>
|
||
|
|
const routerSkip = (e) => {
|
||
|
|
try {
|
||
|
|
$.modal.openTab('设备智能驾驶舱', ctx + e);
|
||
|
|
} catch (val) {
|
||
|
|
location.href = ctx + e
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
<div>
|
||
|
|
<div class="topBtn" onclick="routerSkip('board/board2')" style="left: 4vw;">首页</div>
|
||
|
|
<div class="topBtn" onclick="routerSkip('board/board1')" style="left: 14.5vw;">60型脱水机</div>
|
||
|
|
<div class="topBtn" style="left: 25vw;">60型一体机</div>
|
||
|
|
<div class="topBtn " onclick="routerSkip('board/video')" style="left: 71vw;">视频展示</div>
|
||
|
|
<div class="topBtn topBtnClick" onclick="routerSkip('board/doc')" style="left: 83vw;">文档归档</div>
|
||
|
|
|
||
|
|
<div class="centerImg" id="app">
|
||
|
|
<div class="left">
|
||
|
|
<el-tree :data="treeData" :highlight-current="true" :props="defaultProps" @node-click="handleNodeClick"></el-tree>
|
||
|
|
</div>
|
||
|
|
<div class="left1">
|
||
|
|
<el-button
|
||
|
|
@click="addTree()"
|
||
|
|
>添加
|
||
|
|
</el-button>
|
||
|
|
<el-button
|
||
|
|
@click="delTree()"
|
||
|
|
type="danger"
|
||
|
|
>删除
|
||
|
|
</el-button>
|
||
|
|
</div>
|
||
|
|
<div class="right1">
|
||
|
|
<el-button
|
||
|
|
@click="addTable()"
|
||
|
|
>添加
|
||
|
|
</el-button>
|
||
|
|
<el-button
|
||
|
|
@click="delTable()"
|
||
|
|
type="danger"
|
||
|
|
>删除
|
||
|
|
</el-button>
|
||
|
|
</div>
|
||
|
|
<div class="right">
|
||
|
|
<el-table
|
||
|
|
:data="tableData"
|
||
|
|
@selection-change="handleSelectionChange"
|
||
|
|
style="width: 100%">
|
||
|
|
<el-table-column
|
||
|
|
fixed="left"
|
||
|
|
width="1">
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column
|
||
|
|
type="selection"
|
||
|
|
width="50">
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column
|
||
|
|
label="序号"
|
||
|
|
prop="no"
|
||
|
|
width="50">
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column
|
||
|
|
label="名称"
|
||
|
|
prop="name"
|
||
|
|
width="200">
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column
|
||
|
|
label="日期"
|
||
|
|
prop="date"
|
||
|
|
>
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column
|
||
|
|
label="创建人"
|
||
|
|
prop="people"
|
||
|
|
width="200">
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column label="操作" width="200">
|
||
|
|
<template slot-scope="scope">
|
||
|
|
<el-button
|
||
|
|
@click="handleEdit(scope.$index, scope.row)"
|
||
|
|
size="mini">编辑
|
||
|
|
</el-button>
|
||
|
|
<el-button
|
||
|
|
@click="handleDelete(scope.$index, scope.row)"
|
||
|
|
size="mini"
|
||
|
|
type="danger">删除
|
||
|
|
</el-button>
|
||
|
|
</template>
|
||
|
|
</el-table-column>
|
||
|
|
</el-table>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<th:block th:include="include :: footer"/>
|
||
|
|
<script src="../../board/doc.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|