管理

shj

2022-05-13 52718eddf0ba8a267d0a0ea72248c8141679b2dc

管理

 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'] // no redirect whitelist
const whiteList = ['/login', '/auth-redirect','/agreement','/register','/productionEquipment','/instrumentData','/oneFromanother','/manage'] // no redirect whitelist

router.beforeEach((to, from, next) => {
  NProgress.start() // start progress bar

 src/router/index.js

@@ -369,6 +369,13 @@
                component: () => import('@/views/oneFromanother'),
                meta: { title: '内部举一反三', icon: '' }
            },
            {
                path: '/manage',
                // name: '自查隐患管理-填写督察',
                component: () => import('@/views/oneFromanother/manage'),
                // meta: { title: '自查隐患管理-填写督察', icon: '' }
                hidden: true
            },
          ]
      }
]

 src/views/oneFromanother/index.vue

@@ -127,6 +127,13 @@
                },
                radio1:'待自查',       
            }
        },
        methods:{
            sendBath(){
                this.$router.push({
                    path:'/manage'
                })
            }
        }
    }
</script>

 src/views/oneFromanother/manage.vue

对比新文件
@@ -0,0 +1,106 @@
<template>
    <div class="app-container">
            <el-form ref="form" :inline="true" class="inquire" :model="listQuery" label-width="80px">
            <el-form-item label="部门">
               <el-select v-model="listQuery.form.ht_typesub" placeholder="请选择">
                    <el-option
                        v-for="item in YHLXList"
                        :key="item.value"
                        :label="item.value"
                        :value="item.value">
                    </el-option>
                </el-select>
            </el-form-item>
            <el-form-item label="专业">
                <el-select v-model="listQuery.form.ht_typesub" placeholder="请选择">
                    <el-option
                        v-for="item in YHLXList"
                        :key="item.value"
                        :label="item.value"
                        :value="item.value">
                    </el-option>
                </el-select>
            </el-form-item>
            <el-form-item style="text-align:center;padding:0 50px">
                <el-button type="primary" class="btns" size="small" icon="el-icon-search" @click="getPageList()">查询
                </el-button>
                <el-button type="primary" class="btns" size="small" @click="reset()">重置</el-button>
                <!-- <el-button type="primary" class="btns" size="small" icon="el-icon-upload2" @click="exportData">导出excel
                </el-button> -->
            </el-form-item>
        </el-form>
     <el-row class="title-center">
            <!-- <el-col :span="10">
              <el-radio-group v-model="radio1">
            <el-radio-button label="待自查">待自查</el-radio-button>
            <el-radio-button label="已自查">已自查</el-radio-button>
          </el-radio-group>
            </el-col> -->
            <el-col :span="24" style="text-align:right;">
                <el-button class="btns" type="primary" size="small" icon="el-icon-plus">添加</el-button>
                 <el-button class="btns" type="primary" size="small" icon="el-icon-close">批量删除</el-button>
            </el-col>
        </el-row>
         <el-table ref="dataTable" :data="tableData" style="width: 100%" @selection-change="handleSelectionChange">
            <el-table-column type="selection" width="55" align="center"></el-table-column>
            <el-table-column prop="check_branch" label="部门" align="center"></el-table-column>
            <el-table-column prop="checktype" label="专业" align="center"></el-table-column>
            <el-table-column prop="measure" label="备注" align="center"></el-table-column>
            <el-table-column prop="date" label="基本操作" align="center">
                <template slot-scope="scope">
                    <el-button @click="handleClick(scope.row)" type="text" size="small">编辑</el-button>
                    <el-button @click="handleClick(scope.row)" type="text" size="small">删除</el-button>
                     <el-button @click="handleClick(scope.row)" type="text" size="small">保存</el-button>
                </template>
            </el-table-column>
        </el-table>
        <div style="margin-top:20px;text-align: center">
          <el-button class="btns" type="primary">关闭</el-button>

        </div>
    </div>
</template>
<script>
    export default{
        data(){
            return{
                listQuery:{
                    form:{}
                },
                radio1:'待自查',       
            }
        }
    }
</script>
<style scoped>
.inquire {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
}
.inquire .el-form-item {
    padding: 0 46px;
}
.title-center {
    padding: 20px 0;
}

.btns {
    background-color: #034ea2;
    border: 1px solid #034ea2;
}

.title-center /deep/ .el-radio-button:first-child .el-radio-button__inner {
    border: none;
}

.title-center /deep/ .el-radio-button__inner {
    border: none;
    border-radius: 0px;
}

.title-center /deep/ .el-radio-button__orig-radio:checked + .el-radio-button__inner {
    background-color: #034ea2;
    background-color: #034ea2;
}
</style>