|
@ -7,170 +7,106 @@
|
|
|
<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;
|
|
|
}
|
|
|
<link rel="stylesheet" href="../css/zidian.css">
|
|
|
|
|
|
.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>
|
|
|
<span id="text">查看字典</span>
|
|
|
<span id="close">X</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>
|
|
|
|
|
|
<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">
|
|
|
<img src="../images/icon_jianchazhuanyedaima-weidianji.png" alt=""> 检验专业代码</el-menu-item>
|
|
|
<el-menu-item class="ellipsis" title="检验专业分类" index="1-1">
|
|
|
<img src="../images/icon-JIANYANZHUANYEFENLEI.png" alt=""> 检验专业分类</el-menu-item>
|
|
|
</el-aside>
|
|
|
<el-main style="height: 100%;overflow: hidden;">
|
|
|
<div class="flex">
|
|
|
<span id="searchtext"> 字典项:</span>
|
|
|
<el-input placeholder="请输入内容" id="typeSearch" v-model="searchKey">
|
|
|
</el-input>
|
|
|
</div>
|
|
|
|
|
|
<el-table :data="tableData" border style="width: 100%" :data.native="tableData.slice((currentPage-1)*pageSize,currentPage*pageSize)">
|
|
|
|
|
|
<el-table-column prop="CV08.50.301" label="序号">
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="STD_MEDICINE" label="值域编码">
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="STD_CHECK_ITEM" label="值域名称">
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage"
|
|
|
:page-sizes="pageSizeArr" :page-size="pageSize" layout="total,sizes,prev, pager, next, jumper"
|
|
|
:total="total">
|
|
|
</el-pagination>
|
|
|
</el-main>
|
|
|
</el-container>
|
|
|
|
|
|
</div>
|
|
|
<script>
|
|
|
window.noUse=true
|
|
|
window.noUse = true
|
|
|
</script>
|
|
|
<script src="../../../js/post.js"></script>
|
|
|
<script src="../../../js/api/bigDataOut-api.js"></script>
|
|
|
|
|
|
<script>
|
|
|
new Vue({
|
|
|
el: "#app",
|
|
|
data: function () {
|
|
|
return {
|
|
|
showFlag: true,
|
|
|
radio: "",
|
|
|
currentPage: 1, //初始页
|
|
|
pageSize: 10, // 每页的数据
|
|
|
pageSizeArr: [10, 20, 30, 50],
|
|
|
searchKey: '',
|
|
|
currentPage4: 4,
|
|
|
tableData: [{
|
|
|
date: '02',
|
|
|
name: '王小虎',
|
|
|
address: '上海市'
|
|
|
}, {
|
|
|
date: '04',
|
|
|
name: '王小虎',
|
|
|
address: '上海市'
|
|
|
}, {
|
|
|
date: '01',
|
|
|
name: '王小虎',
|
|
|
address: '上海'
|
|
|
}, {
|
|
|
date: '03',
|
|
|
name: '王小虎',
|
|
|
address: '上海'
|
|
|
}]
|
|
|
total: 50,
|
|
|
tableData: []
|
|
|
}
|
|
|
},
|
|
|
mounted: function () {
|
|
|
this.getData()
|
|
|
},
|
|
|
methods: {
|
|
|
radioEvent() {
|
|
|
this.showFlag = false;
|
|
|
this.adapterSelected = this.radio;
|
|
|
handleCurrentChange: function (val) {
|
|
|
this.currentPage = val;
|
|
|
this.getData()
|
|
|
},
|
|
|
handleSizeChange: function (val) {
|
|
|
this.pageSize = val;
|
|
|
this.initData()
|
|
|
},
|
|
|
initData: function () { //初始化
|
|
|
this.currentPage = 1;
|
|
|
this.getData()
|
|
|
},
|
|
|
searchClick: function () {
|
|
|
this.initData()
|
|
|
|
|
|
},
|
|
|
getData: function () {
|
|
|
var vm = this;
|
|
|
var params = {
|
|
|
code:"CV04.10.015"
|
|
|
|
|
|
}
|
|
|
// GlobalEventBus.$emit('setLoading', {
|
|
|
// loading: true
|
|
|
// }); //等待效果
|
|
|
bigDataOutApi.lastDictItem(params).then(function (res) {
|
|
|
console.log(res)
|
|
|
GlobalEventBus.$emit('setLoading');
|
|
|
vm.tableData = res.detailModelList;
|
|
|
vm.total = res.totalCount;
|
|
|
}).catch(function (err) {
|
|
|
console.log(err)
|
|
|
GlobalEventBus.$emit('setLoading');
|
|
|
})
|
|
|
},
|
|
|
handleSizeChange(val) {
|
|
|
console.log(`每页 ${val} 条`);
|
|
|
},
|
|
|
handleCurrentChange(val) {
|
|
|
console.log(`当前页: ${val}`);
|
|
|
}
|
|
|
}
|
|
|
})
|
|
|
|