From 98afe8baf13424c60cf3573b8d4f6ee2cb253634 Mon Sep 17 00:00:00 2001 From: 13937891274 <kxc0822> Date: 星期五, 13 五月 2022 17:27:30 +0800 Subject: [PATCH] 隐患排查清单-预览 --- src/assets/btn.gif | 0 src/permission.js | 2 src/views/oneFromanother/inspectionNotExist.vue | 68 +++++++++++++++++ src/views/hiddenDangerTroubleshootingList/index.vue | 118 ++++++++++++++-------------- src/views/oneFromanother/send.vue | 13 +++ src/router/index.js | 14 +++ 6 files changed, 155 insertions(+), 60 deletions(-) diff --git a/src/assets/btn.gif b/src/assets/btn.gif new file mode 100644 index 0000000..6acee0f --- /dev/null +++ b/src/assets/btn.gif Binary files differ diff --git a/src/permission.js b/src/permission.js index cf64c18..477bd94 100644 --- a/src/permission.js +++ b/src/permission.js @@ -17,7 +17,7 @@ return roles.some(role => permissionRoles.indexOf(role) >= 0) } -const whiteList = ['/login', '/auth-redirect','/agreement','/register','/productionEquipment','/instrumentData','/oneFromanother','/Issuedbysuperiors'] // no redirect whitelist +const whiteList = ['/login', '/auth-redirect','/agreement','/register','/productionEquipment','/instrumentData','/oneFromanother','/hiddenDangerTroubleshootingList','/preview','/inspectionNotExist','/send','/Issuedbysuperiors']// no redirect whitelist router.beforeEach((to, from, next) => { NProgress.start() // start progress bar diff --git a/src/router/index.js b/src/router/index.js index 5169c7b..1304f79 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -343,6 +343,20 @@ hidden: true }, { + path: '/inspectionNotExist', + // name: '内部举一反三-待自查-不存在', + component: () => import('@/views/oneFromanother/inspectionNotExist'), + // meta: { title: '内部举一反三-待自查-不存在', icon: '' } + hidden: true + }, + { + path: '/send', + // name: '内部举一反三-发送弹窗', + component: () => import('@/views/oneFromanother/send'), + // meta: { title: '内部举一反三-发送弹窗', icon: '' } + hidden: true + }, + { id: 8, parentId: 0, path: '/hiddenDangerTroubleshootingList', 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> diff --git a/src/views/oneFromanother/inspectionNotExist.vue b/src/views/oneFromanother/inspectionNotExist.vue new file mode 100644 index 0000000..90c7adc --- /dev/null +++ b/src/views/oneFromanother/inspectionNotExist.vue @@ -0,0 +1,68 @@ +<template> + <div> + <table border="1" style="background: #FFFFFF;width: 50%;"> + <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><input class="input" id="meeting" type="date" style="line-height: 24px;height: 24px;"/></td> + </tr> + <tr> + <td class="table_td" style="text-align: right;">备注:</td> + <td> + <textarea class="input" rows="7" cols="80">我是⼀个⽂本框,可以输⼊任意长度的⽂本 + </textarea> + </td> + </tr> + <tr class="table_tr"> + <td colspan="4" align="center"> + <button class="btn">保存</button> + <button class="btn">关闭</button> + </td> + </tr> + </table> + </div> +</template> + +<script> +export default { + name: "inspectionNotExist" +} +</script> + +<style scoped> +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: 400px; + 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> diff --git a/src/views/oneFromanother/send.vue b/src/views/oneFromanother/send.vue new file mode 100644 index 0000000..fce957a --- /dev/null +++ b/src/views/oneFromanother/send.vue @@ -0,0 +1,13 @@ +<template> + +</template> + +<script> +export default { + name: "send" +} +</script> + +<style scoped> + +</style> -- Gitblit v1.9.2