隐患排查清单-预览

13937891274

2022-05-13 98afe8baf13424c60cf3573b8d4f6ee2cb253634

隐患排查清单-预览

 src/assets/btn.gif

 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

 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',

 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>

 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>

 src/views/oneFromanother/send.vue

对比新文件
@@ -0,0 +1,13 @@
<template>

</template>

<script>
export default {
    name: "send"
}
</script>

<style scoped>

</style>