From 0e0b14236ad7331aaeab522868ce5b6d2369b27c Mon Sep 17 00:00:00 2001
From: shj <1790240199@qq.com>
Date: 星期五, 13 五月 2022 15:08:15 +0800
Subject: [PATCH] Merge branch 'shf' of https://sinanoaq.cn:8888/r/ztqt into shf
---
src/views/hiddenDangerTroubleshootingList/index.vue | 179 +++++++++++++++++++++++++++++
src/views/hiddenDangerTroubleshootingList/preview.vue | 127 +++++++++++++++++++++
src/router/index.js | 52 ++------
3 files changed, 318 insertions(+), 40 deletions(-)
diff --git a/src/router/index.js b/src/router/index.js
index 2238573..7bf4765 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -150,43 +150,6 @@
]
},
- {
- id: 2,
- parentId: 0,
- path: '/hiddenDangerTroubleshootingList',
- component: Layout,
- name: '隐患排查清单',
- meta: { title: '隐患排查清单', icon: 'el-icon-security' },
- hidden: true,
- children: [
- {
- path: '/new',
- // name: '自查清单_新增|修改',
- component: () => import('@/views/safetyproduction/new'),
- meta: { title: '自查清单', icon: 'el-icon-dash', noCache: true, affix: true },
- hidden: true
- },
- {
- //自查清单-去评审
- path: '/gojudging',
- component: () => import('@/views/safetyproduction/gojudging'),
- hidden: true
- },
- {
- //自查清单_评审
- path: '/review',
- component: () => import('@/views/safetyproduction/review'),
- hidden: true
- },
- {
- //自查清单_修改检查项
- path: '/reviewXG',
- component: () => import('@/views/safetyproduction/reviewXG'),
- hidden: true
- },
-
- ]
- },
/* {
id: 2,
parentId: 0,
@@ -376,6 +339,21 @@
// meta: { title: '自查隐患管理-填写督察', icon: '' }
hidden: true
},
+ {
+ id: 8,
+ parentId: 0,
+ path: '/hiddenDangerTroubleshootingList',
+ name: '隐患排查清单',
+ component: () => import('@/views/hiddenDangerTroubleshootingList'),
+ meta: { title: '隐患排查清单', icon: '' }
+ },
+ {
+ path: '/preview',
+ // name: '隐患排查清单-预览',
+ component: () => import('@/views/hiddenDangerTroubleshootingList/preview'),
+ // meta: { title: '隐患排查清单-预览', icon: '' }
+ hidden: true
+ },
]
}
]
diff --git a/src/views/hiddenDangerTroubleshootingList/index.vue b/src/views/hiddenDangerTroubleshootingList/index.vue
index 34cd1a0..88dfb61 100644
--- a/src/views/hiddenDangerTroubleshootingList/index.vue
+++ b/src/views/hiddenDangerTroubleshootingList/index.vue
@@ -1,13 +1,186 @@
<template>
-
+ <div class="whole">
+ <div class="left-tree">
+ <el-tree
+ :data="data"
+ node-key="id"
+ default-expand-all
+ @node-drag-start="handleDragStart"
+ @node-drag-enter="handleDragEnter"
+ @node-drag-leave="handleDragLeave"
+ @node-drag-over="handleDragOver"
+ @node-drag-end="handleDragEnd"
+ @node-drop="handleDrop"
+ draggable
+ :allow-drop="allowDrop"
+ :allow-drag="allowDrag">
+ <span slot-scope="{ node, data }" class="slot-t-node">
+ <template>
+ <i
+ v-if="data.ChildItems&&data.ChildItems.length"
+ :class="{
+ 'el-icon-folder': !node.expanded, // 节点收缩时的图标
+ 'el-icon-folder-opened': node.expanded, // 节点展开时的图标
+ }"
+ style="color: #409eff;"
+ />
+ <i v-else class="
+el-icon-folder-add" style="color: #EC933A;" />
+ <span>{{ node.label }}</span>
+ </template>
+ </span>
+ </el-tree>
+ </div>
+ <div class="right-table">
+ <el-form :model="config" ref="configTableForm">
+ <el-table
+ :data="config.list"
+ style="width: 100%"
+ max-height="450">
+<!-- <el-table-column label="查询名">-->
+<!-- <template slot-scope="scope">-->
+<!-- <el-form-item>-->
+<!-- <el-input-->
+<!-- v-model.trim="scope.row.value"-->
+<!-- size="mini"-->
+<!-- placeholder="请填写值"></el-input>-->
+<!-- </el-form-item>-->
+<!-- </template>-->
+<!-- </el-table-column>-->
+<!-- <el-table-column label="查询名">-->
+<!-- <template slot-scope="scope">-->
+<!-- <el-form-item>-->
+<!-- <el-input-->
+<!-- v-model.trim="scope.row.value"-->
+<!-- size="mini"-->
+<!-- placeholder="请填写值"></el-input>-->
+<!-- </el-form-item>-->
+<!-- </template>-->
+<!-- </el-table-column>-->
+ <tr>sssss</tr>
+ <td>ss</td>
+ </el-table>
+ </el-form>
+ <div class="btns">
+<!-- <el-button-->
+<!-- type="primary"-->
+<!-- @click="submitConfig('configTableForm')">保存并确定</el-button>-->
+ </div>
+ </div>
+ </div>
</template>
<script>
export default {
- name: "index"
+ name: "index" ,
+ data() {
+ return {
+ data: [{
+ id: 1,
+ label: '隐患排查清单',
+ icon:'el-icon-folder',
+ children: [{
+ id: 4,
+ label: '现场管理清单',
+ icon:'el-icon-folder',
+ },
+ {
+ id: 5,
+ label: '基础管理清单',
+ icon:'el-icon-success',
+ }]
+ }],
+ defaultProps: {
+ children: 'children',
+ label: 'label'
+ },
+ // 配置列表
+ config: {
+ list: [
+ {name: ''}
+ ]
+ },
+ };
+ },
+ mounted(){
+ this.getAllColumns()
+ },
+ methods: {
+ handleDragStart(node, ev) {
+ console.log('drag start', node);
+ },
+ handleDragEnter(draggingNode, dropNode, ev) {
+ console.log('tree drag enter: ', dropNode.label);
+ },
+ handleDragLeave(draggingNode, dropNode, ev) {
+ console.log('tree drag leave: ', dropNode.label);
+ },
+ handleDragOver(draggingNode, dropNode, ev) {
+ console.log('tree drag over: ', dropNode.label);
+ },
+ handleDragEnd(draggingNode, dropNode, dropType, ev) {
+ console.log('tree drag end: ', dropNode && dropNode.label, dropType);
+ },
+ handleDrop(draggingNode, dropNode, dropType, ev) {
+ console.log('tree drop: ', dropNode.label, dropType);
+ },
+ allowDrop(draggingNode, dropNode, type) {
+ if (dropNode.data.label === '二级 3-1') {
+ return type !== 'inner';
+ } else {
+ return true;
+ }
+ },
+ allowDrag(draggingNode) {
+ return draggingNode.data.label.indexOf('三级 3-2-2') === -1;
+ },
+ // 获取表格数据进行渲染
+ getAllColumns() {
+ var data = this.$route.query
+ },
+ }
}
</script>
<style scoped>
-
+.whole{
+ display: flex;
+}
+.left-tree{
+ width: 15%;
+}
+.left-tree .el-tree{
+ background: #f0f6e4;
+ height: 400px;
+ overflow-y: scroll;
+ border: 1px solid #000;
+}
+/deep/ .is-leaf{
+ background: transparent !important;
+ width: 5px;
+ height: 5px;
+ background-size: 100%;
+ margin-right: 5px;
+}
+/*/deep/ .el-tree-node__expand-icon{*/
+/* background: url(../../../../assets/shu_ic_wzk.png) no-repeat;*/
+/* width: 5px;*/
+/* height: 5px;*/
+/* background-size: 100%;*/
+/* margin-right: 5px;*/
+/*}*/
+/*/deep/ .expanded{*/
+/* background: url(../../../../assets/shu_ic_zk.png) no-repeat;*/
+/* width: 5px;*/
+/* height: 5px;*/
+/* background-size: 100%;*/
+/* margin-right: 5px;*/
+/* transform: rotate(0deg) !important;*/
+/*}*/
+/deep/ .el-icon-caret-right:before{
+ content: '';
+}
+.right-table{
+ width: 80%;
+}
</style>
diff --git a/src/views/hiddenDangerTroubleshootingList/preview.vue b/src/views/hiddenDangerTroubleshootingList/preview.vue
new file mode 100644
index 0000000..f41ca01
--- /dev/null
+++ b/src/views/hiddenDangerTroubleshootingList/preview.vue
@@ -0,0 +1,127 @@
+<template>
+<div class="whole">
+ <h3 style="text-align: center">隐患排查标准清单(基础管理清单)</h3>
+ <el-table
+ :data="tableData"
+ style="width: 100%">
+ <el-table-column label="排查内容" align="center">
+ <el-table-column
+ prop="province"
+ label="Ⅰ级要素"
+ width="120">
+ </el-table-column>
+ <el-table-column
+ prop="city"
+ label="Ⅱ级要素"
+ width="120">
+ </el-table-column>
+ <el-table-column
+ prop="address"
+ label="Ⅲ级要素"
+ width="120">
+ </el-table-column>
+ <el-table-column
+ prop="zip"
+ label="Ⅳ级要素"
+ width="120">
+ </el-table-column>
+ </el-table-column>
+ <el-table-column label="排查标准" align="center">
+ <el-table-column
+ prop="province"
+ label="标准项具体描述"
+ width="300">
+ </el-table-column>
+ <el-table-column
+ prop="city"
+ width="200"
+ label="参考依据">
+ </el-table-column>
+ </el-table-column>
+ <el-table-column
+ prop="date"
+ label="排查方法"
+ width="150">
+ </el-table-column>
+ <el-table-column
+ prop="date"
+ label="排查周期"
+ width="150">
+ </el-table-column>
+ <el-table-column label="排查责任" align="center">
+ <el-table-column
+ prop="province"
+ label="排查级别">
+ </el-table-column>
+ <el-table-column
+ prop="city"
+ label="责任单位">
+ </el-table-column>
+ </el-table-column>
+ </el-table>
+</div>
+</template>
+
+<script>
+export default {
+ name: "preview",
+ data() {
+ return {
+ tableData: [{
+ date: '2016-05-03',
+ name: '王小虎',
+ province: '上海',
+ city: '普陀区',
+ address: '上海市普陀区金沙江路 1518 弄',
+ zip: 200333
+ }, {
+ date: '2016-05-02',
+ name: '王小虎',
+ province: '上海',
+ city: '普陀区',
+ address: '上海市普陀区金沙江路 1518 弄',
+ zip: 200333
+ }, {
+ date: '2016-05-04',
+ name: '王小虎',
+ province: '上海',
+ city: '普陀区',
+ address: '上海市普陀区金沙江路 1518 弄',
+ zip: 200333
+ }, {
+ date: '2016-05-01',
+ name: '王小虎',
+ province: '上海',
+ city: '普陀区',
+ address: '上海市普陀区金沙江路 1518 弄',
+ zip: 200333
+ }, {
+ date: '2016-05-08',
+ name: '王小虎',
+ province: '上海',
+ city: '普陀区',
+ address: '上海市普陀区金沙江路 1518 弄',
+ zip: 200333
+ }, {
+ date: '2016-05-06',
+ name: '王小虎',
+ province: '上海',
+ city: '普陀区',
+ address: '上海市普陀区金沙江路 1518 弄',
+ zip: 200333
+ }, {
+ date: '2016-05-07',
+ name: '王小虎',
+ province: '上海',
+ city: '普陀区',
+ address: '上海市普陀区金沙江路 1518 弄',
+ zip: 200333
+ }]
+ }
+ }
+}
+</script>
+
+<style scoped>
+
+</style>
--
Gitblit v1.9.2