试验项目管理和历史数据查询静态界面提交

whyczyk

2021-05-14 8c26152b421df57b3de9edc3e3442ba4bb8440c5

试验项目管理和历史数据查询静态界面提交

 src/components/pagePanel.vue

@@ -1,7 +1,9 @@
<template>
    <div class="page-panel">
        <div :class="['title', {'border': border}]">
            <div class="title-txt"><slot name="title">{{title}}</slot></div>
            <div class="title-txt">
                <slot name="title">{{title}}</slot>
            </div>
            <div class="tools">
                <slot name="btnGrp"></slot>
            </div>
@@ -13,56 +15,64 @@
</template>

<script>
export default {
    props: {
        border: {
            type: Boolean,
            default: false,
        }
        ,title: {
            type: String,
            default: "",
    export default {
        props: {
            border: {
                type: Boolean,
                default: false,
            },
            title: {
                type: String,
                default: "",
            }
        }
    }
}
</script>

<style scoped>
.page-panel {
    background: #222767;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    font-size: 16px;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
}
.title {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
}
.title.border {
    border-bottom: 1px #6166ce solid;
}
.tools {
    display: -webkit-flex;
    display: flex;
}
.content {
    flex: 1;
}
.page-panel.page-list-banner .content {
    display: -webkit-flex;
    display: flex;
    padding: 10px 0;
}
.page-panel.page-list-banner .banner-btn-grp {
    display: -webkit-flex;
    display: flex;
}
</style>
    .page-panel {
        background: #222767;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        font-size: 16px;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
    }

    .title {
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px;
    }

    .title.border {
        border-bottom: 1px #6166ce solid;
    }

    .title-txt {
        flex: 1;
    }

    .tools {
        display: -webkit-flex;
        display: flex;
    }

    .content {
        flex: 1;
    }

    .page-panel.page-list-banner .content {
        display: -webkit-flex;
        display: flex;
        padding: 10px 0;
    }

    .page-panel.page-list-banner .banner-btn-grp {
        display: -webkit-flex;
        display: flex;
    }
</style>

 src/pages/user/dialog/addUser.vue

@@ -90,10 +90,10 @@
        },
        sexList: [{
          label: '男',
          value: 0
          value: 1
        }, {
          label: '女',
          value: 1
          value: 0
        }],
        jobs: [],
        depts: [],

 src/router/routes.js

@@ -72,5 +72,21 @@
            },
            component: (resolve) => require(['@/pages/monitor/environmentMonitor.vue'], resolve),
        },
        {
            path: 'projectMag',
            name: 'projectMag',
            meta: {
                name: '试验项目管理',
            },
            component: (resolve) => require(['@/pages/test/projectMag.vue'], resolve),
        },
        {
            path: 'historyData',
            name: 'historyData',
            meta: {
                name: '历史数据查询',
            },
            component: (resolve) => require(['@/pages/dataManage/historyData.vue'], resolve),
        },
    ]
}];