|
|
@ -0,0 +1,196 @@
|
|
|
<!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">
|
|
|
<link rel="stylesheet" href="./css/tabChange.css">
|
|
|
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
<div id="app">
|
|
|
<template>
|
|
|
<div class="nav">
|
|
|
<el-radio-group v-model="tabPosition" style="margin-bottom: 30px;" class="tabNav">
|
|
|
<el-radio-button label="top">频繁就医</el-radio-button>
|
|
|
<el-radio-button label="right">超高费用</el-radio-button>
|
|
|
<el-radio-button label="bottom">重复检查检验</el-radio-button>
|
|
|
<el-radio-button label="left">用药分析</el-radio-button>
|
|
|
</el-radio-group>
|
|
|
</div>
|
|
|
|
|
|
<!-- <el-tabs :tab-position="tabPosition" style="height: 200px;"> -->
|
|
|
<!-- <el-tab-pane label="用户管理">用户管理</el-tab-pane>
|
|
|
<el-tab-pane label="配置管理">配置管理</el-tab-pane>
|
|
|
<el-tab-pane label="角色管理">角色管理</el-tab-pane>
|
|
|
<el-tab-pane label="定时任务补偿">定时任务补偿</el-tab-pane> -->
|
|
|
<!-- </el-tabs> -->
|
|
|
</template>
|
|
|
<div class="main">
|
|
|
<div class="tab1" v-if='showCancel'>
|
|
|
<span>一周内就医次数>=3次</span>
|
|
|
<template>
|
|
|
<el-table :data="tableData" border style="width: 100%">
|
|
|
<el-table-column prop="name" label="姓名" width="120">
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="province" label="就医次数" width="120">
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="address" label="身份证" width="400">
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="city" label="性别" width="120">
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="zip" label="年龄" width="120">
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="address" label="家庭住址" width="400">
|
|
|
</el-table-column>
|
|
|
<el-table-column fixed="right" label="操作" width="100">
|
|
|
<template slot-scope="scope">
|
|
|
<el-button @click="handleClick(scope.row)" type="text" size="small">查看</el-button>
|
|
|
<el-button type="text" size="small">编辑</el-button>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
<span class="total">总计：1200条</span>
|
|
|
</template>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="tab2">
|
|
|
<template>
|
|
|
<span>就诊类型：</span><el-select v-model="value" placeholder="请选择">
|
|
|
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
<span>机构等级</span>
|
|
|
|
|
|
</div>
|
|
|
<el-select v-model="value" placeholder="请选择">
|
|
|
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
<el-select v-model="value" placeholder="请选择">
|
|
|
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
</template>
|
|
|
|
|
|
|
|
|
<br>
|
|
|
<span>一周内就医次数>=3次</span>
|
|
|
|
|
|
<template>
|
|
|
<el-table :data="tableData" border style="width: 100%">
|
|
|
<el-table-column prop="name" label="姓名" width="120">
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="province" label="就医次数" width="120">
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="address" label="身份证" width="400">
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="city" label="性别" width="120">
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="zip" label="年龄" width="120">
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="address" label="家庭住址" width="400">
|
|
|
</el-table-column>
|
|
|
<el-table-column fixed="right" label="操作" width="100">
|
|
|
<template slot-scope="scope">
|
|
|
<el-button @click="handleClick(scope.row)" type="text" size="small">查看</el-button>
|
|
|
<el-button type="text" size="small">编辑</el-button>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
<span class="total">总计：1200条</span>
|
|
|
</template>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
</div>
|
|
|
<script src="../../../js/vue.js"></script>
|
|
|
<script src="../../../js/jquery.min.js?v=2.1.4"></script>
|
|
|
<script src="../../../js/element.js"></script>
|
|
|
<script>
|
|
|
new Vue({
|
|
|
el: "#app",
|
|
|
data() {
|
|
|
return {
|
|
|
tabPosition: 'top',
|
|
|
showCancel: false,
|
|
|
tableData: [{
|
|
|
date: '2016-05-03',
|
|
|
name: '王小虎',
|
|
|
province: '上海',
|
|
|
city: '普陀区',
|
|
|
address: '上海市普陀区金沙江路 1518 弄',
|
|
|
zip: 200333
|
|
|
}, {
|
|
|
date: '2016-05-02',
|
|
|
name: '王小虎',
|
|
|
province: '上海',
|
|
|
city: '普陀区',
|
|
|
address: '上海市普陀区金沙江路 1518 弄',
|
|
|
zip: 200333
|
|
|
}, {
|
|
|
date: '2016-05-04',
|
|
|
name: '王小虎',
|
|
|
province: '上海',
|
|
|
city: '普陀区',
|
|
|
address: '上海市普陀区金沙江路 1518 弄',
|
|
|
zip: 200333
|
|
|
}, {
|
|
|
date: '2016-05-01',
|
|
|
name: '王小虎',
|
|
|
province: '上海',
|
|
|
city: '普陀区',
|
|
|
address: '上海市普陀区金沙江路 1518 弄',
|
|
|
zip: 200333
|
|
|
}, {
|
|
|
date: '2016-05-04',
|
|
|
name: '王小虎',
|
|
|
province: '上海',
|
|
|
city: '普陀区',
|
|
|
address: '上海市普陀区金沙江路 1518 弄',
|
|
|
zip: 200333
|
|
|
}, {
|
|
|
date: '2016-05-04',
|
|
|
name: '王小虎',
|
|
|
province: '上海',
|
|
|
city: '普陀区',
|
|
|
address: '上海市普陀区金沙江路 1518 弄',
|
|
|
zip: 200333
|
|
|
}, {
|
|
|
date: '2016-05-04',
|
|
|
name: '王小虎',
|
|
|
province: '上海',
|
|
|
city: '普陀区',
|
|
|
address: '上海市普陀区金沙江路 1518 弄',
|
|
|
zip: 200333
|
|
|
},],
|
|
|
options: [{
|
|
|
value: '选项1',
|
|
|
label: '门急诊'
|
|
|
}, {
|
|
|
value: '选项2',
|
|
|
label: '住院'
|
|
|
}],
|
|
|
value: '门急诊'
|
|
|
};
|
|
|
},
|
|
|
methods: {
|
|
|
handleClick(row) {
|
|
|
console.log(row);
|
|
|
}
|
|
|
},
|
|
|
|
|
|
})
|
|
|
</script>
|
|
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|
liangweifeng