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.
113 lines
3.5 KiB
HTML
113 lines
3.5 KiB
HTML
<!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: 8vw;">首页</div>
|
|
<div class="topBtn " onclick="routerSkip('board/board1')" style="left: 16.5vw;">60型一体机A</div>
|
|
<div class="topBtn" onclick="routerSkip('board/board3')" style="left: 25vw;">60型一体机B</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 node-key="id" :default-checked-keys="defaultCheckedKeys" :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"
|
|
height="75vh"
|
|
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="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>
|