luofaqiang
/
app-big-data
원본 프로젝트 : EHR/app-big-data


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182
							<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../../../css/element.css">
    <style>
        body{
            margin: 0;
        }
        .header{
            padding: 18px 18px 18px 0px;
        }
        #text{
            padding-left: 18px;
border-left: 2px solid #2eaafa;
        }
       #app{
           margin: 0;
           padding: 0;
       }
        .el-dialog__title {
            position: absolute;
            font-size: 16px;
            top: 5px;
            left: 0.5px;
            border-left: 2px solid #2eaafa;
            border-radius: 2px;
            padding-left: 10px;
        }

        .el-dialog__headerbtn {
            position: absolute;
            top: 7px;
            font-size: 18px ;
        }

        .el-dialog__body {
            padding: 0;
        }

        .el-menu {
            width: 200px;
            font-size: 15px;
            /* background-color: #f2f6fa; */
        }

        .el-menu-item {
            font-size: 15px;
            background-color: #f2f6fa;

        }

        .el-aside {
            overflow: hidden;
            background-color: #f2f6fa;

        }
        aside{
            background-color: #f2f6fa;

        }

        #typeSearch {
            width: 400px;
        }

        .search_box {
            display: inline-block;
            margin: 10px 0px 20px 0px;
            position: relative;
            left: 50px;

        }
        #searchtext{
            position: relative;
            left: 50px;
        }
        .el-main {
          padding: 0;
          padding-right: 20px;
        }
    </style>
</head>

<body>
    <div id="app">
        <nav class="header">
<span id="text">查看字典</span>
        </nav>
                <el-container style="height: 100%;">
                    <el-aside style="width: 200px; ">
                        <el-menu active-text-color="#2eaafa" :default-openeds="['1']">
                            <el-menu-item class="ellipsis" title="检验专业代码" index="1-0">
                                检验专业代码</el-menu-item>
                            <el-menu-item class="ellipsis" title="检验专业分类" index="1-1">
                                检验专业分类</el-menu-item>
                    </el-aside>      
                    <el-main style="height: 100%;overflow: hidden;">
                        <span id="searchtext"> 字典项：</span>
                        <div class="search_box">
                            <div class="flex f_xy_c ">
                                <el-input placeholder="请输入内容" id="typeSearch" v-model="searchKey">
                                </el-input>
                            </div>
                        </div>
                        <el-table :data="tableData" border style="width: 100%">
                            <el-table-column prop="date" label="序号" width="80">
                            </el-table-column>
                            <el-table-column prop="name" label="值域编码" width="220">
                            </el-table-column>
                            <el-table-column prop="address" label="值域名称">
                            </el-table-column>
                        </el-table>
                        <el-pagination
                        @size-change="handleSizeChange"
                        @current-change="handleCurrentChange"
                        :current-page="currentPage4"
                        :page-sizes="[100, 200, 300, 400]"
                        :page-size="100"
                        layout="total, sizes, prev, pager, next, jumper"
                        :total="400">
                      </el-pagination>
                    </el-main>
                </el-container>
    
    </div>
    <script>
        window.noUse=true
    </script>
    <script src="../../../js/post.js"></script>
    <script>
        new Vue({
            el: "#app",
            data: function () {
                return {
                    showFlag: true,
                    radio: "",
                    searchKey: '',
                    currentPage4: 4,
                    tableData: [{
          date: '02',
          name: '王小虎',
          address: '上海市'
        }, {
          date: '04',
          name: '王小虎',
          address: '上海市'
        }, {
          date: '01',
          name: '王小虎',
          address: '上海'
        }, {
          date: '03',
          name: '王小虎',
          address: '上海'
        }]
                }
            },
            methods: {
                radioEvent() {
                    this.showFlag = false;
                    this.adapterSelected = this.radio;
                },
                handleSizeChange(val) {
        console.log(`每页 ${val} 条`);
      },
      handleCurrentChange(val) {
        console.log(`当前页: ${val}`);
      }
            }
        })


    </script>
</body>

</html>