From 98afe8baf13424c60cf3573b8d4f6ee2cb253634 Mon Sep 17 00:00:00 2001
From: 13937891274 <kxc0822>
Date: 星期五, 13 五月 2022 17:27:30 +0800
Subject: [PATCH] 隐患排查清单-预览
---
src/views/hiddenDangerTroubleshootingList/index.vue | 118 +++++++++++++++++++++++++++++-----------------------------
1 files changed, 59 insertions(+), 59 deletions(-)
diff --git a/src/views/hiddenDangerTroubleshootingList/index.vue b/src/views/hiddenDangerTroubleshootingList/index.vue
index 88dfb61..0ebb761 100644
--- a/src/views/hiddenDangerTroubleshootingList/index.vue
+++ b/src/views/hiddenDangerTroubleshootingList/index.vue
@@ -1,4 +1,4 @@
-<template>
+<template xmlns="http://www.w3.org/1999/html">
<div class="whole">
<div class="left-tree">
<el-tree
@@ -24,48 +24,34 @@
}"
style="color: #409eff;"
/>
- <i v-else class="
-el-icon-folder-add" style="color: #EC933A;" />
+ <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>
+ <table border="1" style="background: #FFFFFF;width: 100%;">
+ <tr>
+ <td class="table_td" style="text-align: right;">模板名称：</td>
+ <td>
+ <input class="input" style="line-height: 24px;height: 24px;">
+ </td>
+ </tr>
+ <tr>
+ <td class="table_td" style="text-align: right;">模板导入:</td>
+ <td style="line-height: 24px;height: 24px;">
+ <input class="input" type="file" style="color: red;">
+ <button class="btn" style="margin-left: 120px;">导入</button>
+ <button class="btn">下载模板</button>
+ </td>
+ </tr>
+ <tr class="table_tr">
+ <td colspan="4" align="center">
+ <button class="btn">预览</button>
+ </td>
+ </tr>
+ </table>
</div>
</div>
</template>
@@ -93,12 +79,6 @@
defaultProps: {
children: 'children',
label: 'label'
- },
- // 配置列表
- config: {
- list: [
- {name: ''}
- ]
},
};
},
@@ -138,6 +118,9 @@
getAllColumns() {
var data = this.$route.query
},
+ handleChange(file, fileList) {
+ this.fileList = fileList.slice(-3);
+ }
}
}
</script>
@@ -162,25 +145,42 @@
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%;
+ width: 85%;
+}
+table,table tr th, table tr td {
+ border:1px solid #ccc;
+}
+.table_td{
+ background: #e4edf4;
+}
+.table_tr{
+ background: #e4edf4;
+ line-height: 40px;
+ height: 40px;
+}
+table{
+ width: 100%;
+ border-collapse: collapse;
+ font-size: 14px;
+}
+.input{
+ background: #f9f9f9;
+ border-width: 1px;
+ margin: 5px 0;
+}
+.btn{
+ background: url(../../assets/btn.gif) no-repeat;
+ width: 76px;
+ height: 26px;
+ line-height: 26px;
+ font-size: 14px;
+ border: none;
+ color: #fff;
+ cursor: pointer;
+ overflow: visible;
}
</style>
--
Gitblit v1.9.2