You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
354 lines
8.9 KiB
354 lines
8.9 KiB
3 years ago
|
<template>
|
||
|
|
<div class="routineBox">
|
||
|
|
<div class="header">
|
||
|
|
<div>
|
||
|
|
<el-checkbox v-model="checked" class="mr30">色盲</el-checkbox>
|
||
|
|
<el-radio-group v-model="radio2" class="mr30" style="margin-bottom: 2px">
|
||
|
|
<el-radio :label="3">是</el-radio>
|
||
|
|
<el-radio :label="6">否</el-radio>
|
||
|
|
</el-radio-group>
|
||
|
|
<span>类型：</span>
|
||
|
|
<el-select v-model="value" placeholder="请选择" style="display: inline-block;width: 150px" size="small">
|
||
|
|
<el-option
|
||
|
|
v-for="item in options"
|
||
|
|
:key="item.value"
|
||
|
|
:label="item.label"
|
||
|
|
:value="item.value"
|
||
|
|
/>
|
||
|
|
</el-select>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<el-button size="small">打印</el-button>
|
||
|
|
<el-button type="primary" size="small">保存</el-button>
|
||
|
|
<div size="small" style="display:inline-block;margin-left:10px;width: 32px;height: 32px;line-height:32px;text-align:center;background-color: #1e79ff;border-radius: 4px;vertical-align: middle">
|
||
|
|
<img :src="require('@/assets/img/data.png')" alt="" style="width: 17px;height: 16px;margin-bottom: 2px">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="content">
|
||
|
|
<div class="lineBox">
|
||
|
|
<el-checkbox v-model="checked">视力</el-checkbox>
|
||
|
|
<div style="display: flex">
|
||
|
|
<echarts-yanya
|
||
|
|
:id-name="'key-indicators-shili'"
|
||
|
|
:chart-data="shiliAndYanya.yanZhouList"
|
||
|
|
class="scroll-echearts"
|
||
|
|
/>
|
||
|
|
<div class="eyeBox">
|
||
|
|
<div class="eye el">
|
||
|
|
<div>最近一次</div>
|
||
|
|
<div>眼别</div>
|
||
|
|
<div>裸眼视力</div>
|
||
|
|
<div>矫正视力</div>
|
||
|
|
</div>
|
||
|
|
<div class="eye">
|
||
|
|
<div>2023-02-10</div>
|
||
|
|
<div class="info">
|
||
|
|
<span>OD</span>
|
||
|
|
<span>OS</span>
|
||
|
|
</div>
|
||
|
|
<div class="info">
|
||
|
|
<span>0.4</span>
|
||
|
|
<span>0.3</span>
|
||
|
|
</div>
|
||
|
|
<div class="info">
|
||
|
|
<span>1.0</span>
|
||
|
|
<span>1.2</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="lineBox">
|
||
|
|
<el-checkbox v-model="checked">眼压</el-checkbox>
|
||
|
|
<div style="display: flex">
|
||
|
|
<echarts-yanya
|
||
|
|
:id-name="'key-indicators-shili'"
|
||
|
|
:chart-data="shiliAndYanya.yanZhouList"
|
||
|
|
class="scroll-echearts"
|
||
|
|
/>
|
||
|
|
<div class="eyeBox">
|
||
|
|
<div class="eye el">
|
||
|
|
<div>最近一次</div>
|
||
|
|
<div>眼别</div>
|
||
|
|
<div>眼压</div>
|
||
|
|
</div>
|
||
|
|
<div class="eye">
|
||
|
|
<div>2023-02-10</div>
|
||
|
|
<div class="info">
|
||
|
|
<span>OD</span>
|
||
|
|
<span>OS</span>
|
||
|
|
</div>
|
||
|
|
<div class="info">
|
||
|
|
<span>0.4</span>
|
||
|
|
<span>0.3</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="lineBox">
|
||
|
|
<el-checkbox v-model="checked">电脑验光</el-checkbox>
|
||
|
|
<el-table
|
||
|
|
:data="tableData"
|
||
|
|
:span-method="objectSpanMethod"
|
||
|
|
style="width: 100%;margin-top: 32px"
|
||
|
|
>
|
||
|
|
<el-table-column
|
||
|
|
prop="date"
|
||
|
|
label="时间"
|
||
|
|
width="180"
|
||
|
|
/>
|
||
|
|
<el-table-column
|
||
|
|
prop="name"
|
||
|
|
label="眼别"
|
||
|
|
width="180"
|
||
|
|
/>
|
||
|
|
<el-table-column
|
||
|
|
prop="name"
|
||
|
|
label="球镜 DS"
|
||
|
|
/>
|
||
|
|
<el-table-column
|
||
|
|
prop="name"
|
||
|
|
label="柱镜 DC"
|
||
|
|
/>
|
||
|
|
<el-table-column
|
||
|
|
prop="name"
|
||
|
|
label="轴位 Axis"
|
||
|
|
/>
|
||
|
|
<el-table-column
|
||
|
|
prop="name"
|
||
|
|
label="等效球镜"
|
||
|
|
/>
|
||
|
|
</el-table>
|
||
|
|
</div>
|
||
|
|
<div class="lineBox">
|
||
|
|
<el-checkbox v-model="checked">主觉验光</el-checkbox>
|
||
|
|
<el-table
|
||
|
|
:data="tableData"
|
||
|
|
:span-method="objectSpanMethod"
|
||
|
|
style="width: 100%;margin-top: 32px"
|
||
|
|
>
|
||
|
|
<el-table-column
|
||
|
|
prop="date"
|
||
|
|
label="时间"
|
||
|
|
width="180"
|
||
|
|
/>
|
||
|
|
<el-table-column
|
||
|
|
prop="name"
|
||
|
|
label="眼别"
|
||
|
|
width="180"
|
||
|
|
/>
|
||
|
|
<el-table-column
|
||
|
|
prop="name"
|
||
|
|
label="球镜 DS"
|
||
|
|
/>
|
||
|
|
<el-table-column
|
||
|
|
prop="name"
|
||
|
|
label="柱镜 DC"
|
||
|
|
/>
|
||
|
|
<el-table-column
|
||
|
|
prop="name"
|
||
|
|
label="轴位 Axis"
|
||
|
|
/>
|
||
|
|
<el-table-column
|
||
|
|
prop="name"
|
||
|
|
label="矫正视力VA"
|
||
|
|
/>
|
||
|
|
</el-table>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- 批量打印 -->
|
||
|
|
<!-- <add-print v-if="addPrintVisible" ref="addPrintRef" @closedDialog="addPrintVisible=false" />-->
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
import echartsYanya from '@/components/echarts/yanya'
|
||
|
|
import { dateFilterTwo } from '@/filters/index.js'
|
||
|
|
const Base64 = require('js-base64').Base64
|
||
|
|
export default {
|
||
|
|
components: {
|
||
|
|
echartsYanya
|
||
|
|
},
|
||
|
|
mixins: [],
|
||
|
|
props: {
|
||
|
|
editorIDName: {
|
||
|
|
type: String,
|
||
|
|
default: ''
|
||
|
|
},
|
||
|
|
patientIdNumber: {
|
||
|
|
type: String,
|
||
|
|
default: ''
|
||
|
|
},
|
||
|
|
patientId: {
|
||
|
|
type: String,
|
||
|
|
default: ''
|
||
|
|
},
|
||
|
|
currentArchiveList: {
|
||
|
|
type: Object,
|
||
|
|
default: () => { }
|
||
|
|
}
|
||
|
|
},
|
||
|
|
inject: ['refresh'],
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
checked: '',
|
||
|
|
radio2: '',
|
||
|
|
value: '',
|
||
|
|
shiliAndYanya: {},
|
||
|
|
tableData: [{
|
||
|
|
date: '2016-05-02',
|
||
|
|
name: '王小虎',
|
||
|
|
address: '上海市普陀区金沙江路 1518 弄'
|
||
|
|
}, {
|
||
|
|
date: '2016-05-04',
|
||
|
|
name: '王小虎',
|
||
|
|
address: '上海市普陀区金沙江路 1517 弄'
|
||
|
|
}],
|
||
|
|
options: [{
|
||
|
|
value: '选项1',
|
||
|
|
label: '红绿色盲'
|
||
|
|
}, {
|
||
|
|
value: '选项2',
|
||
|
|
label: '双皮奶'
|
||
|
|
}, {
|
||
|
|
value: '选项3',
|
||
|
|
label: '蚵仔煎'
|
||
|
|
}, {
|
||
|
|
value: '选项5',
|
||
|
|
label: '北京烤鸭'
|
||
|
|
}]
|
||
|
|
}
|
||
|
|
},
|
||
|
|
watch: {
|
||
|
|
|
||
|
|
},
|
||
|
|
created() {
|
||
|
|
|
||
|
|
},
|
||
|
|
mounted() {
|
||
|
|
this.getShiLiAndYanYaData()
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
async getShiLiAndYanYaData() {
|
||
|
|
const { data: res } = await this.$http.get('/patient/view/getYanZouAndYanYaData', {
|
||
|
|
params: {
|
||
|
|
patientId: '200203836'
|
||
|
|
// patientId: this.patientId
|
||
|
|
}
|
||
|
|
})
|
||
|
|
if (res.code === 0) {
|
||
|
|
this.shiliAndYanya = res.data
|
||
|
|
} else {
|
||
|
|
this.shiliAndYanya = {}
|
||
|
|
this.$message.error(res.msg)
|
||
|
|
}
|
||
|
|
},
|
||
|
|
objectSpanMethod({ row, column, rowIndex, columnIndex }) {
|
||
|
|
if (columnIndex === 0) {
|
||
|
|
if (rowIndex % 2 === 0) {
|
||
|
|
return {
|
||
|
|
rowspan: 2,
|
||
|
|
colspan: 1
|
||
|
|
};
|
||
|
|
} else {
|
||
|
|
return {
|
||
|
|
rowspan: 0,
|
||
|
|
colspan: 0
|
||
|
|
};
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
// 添加门诊电子病历
|
||
|
|
addRecord() {
|
||
|
|
|
||
|
|
},
|
||
|
|
// 共三个参数，依次为：传递给 data 属性的数组中该节点所对应的对象、节点对应的 Node、节点组件本身
|
||
|
|
handleMoveCopyNodeClick(data) {
|
||
|
|
this.currentNodeKey = data.id
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.routineBox{
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
padding: 16px;
|
||
|
|
box-sizing: border-box;
|
||
|
|
overflow-y: auto;
|
||
|
|
|
||
|
|
.header{
|
||
|
|
width: 100%;
|
||
|
|
display: flex;
|
||
|
|
justify-content: space-between;
|
||
|
|
height: 49px;
|
||
|
|
line-height: 49px;
|
||
|
|
padding: 0px 16px;
|
||
|
|
box-sizing: border-box;
|
||
|
|
margin-bottom: 32px;
|
||
|
|
border: 1px solid rgba(0, 0, 0, 0.06);
|
||
|
|
}
|
||
|
|
.content{
|
||
|
|
width: 100%;
|
||
|
|
//display: flex;
|
||
|
|
//justify-content: space-between;
|
||
|
|
box-sizing: border-box;
|
||
|
|
|
||
|
|
}
|
||
|
|
.lineBox{
|
||
|
|
//width: 48%;
|
||
|
|
width: 100%;
|
||
|
|
height: 260px;
|
||
|
|
padding: 16px;
|
||
|
|
box-sizing: border-box;
|
||
|
|
border: 1px solid rgba(0, 0, 0, 0.06);
|
||
|
|
margin-bottom: 32px;
|
||
|
|
}
|
||
|
|
.scroll-echearts {
|
||
|
|
padding: 5px 0;
|
||
|
|
flex: 1;
|
||
|
|
margin-bottom: 16px;
|
||
|
|
//background: #171515;
|
||
|
|
border-radius: 4px;
|
||
|
|
}
|
||
|
|
.eyeBox{
|
||
|
|
width: 480px;
|
||
|
|
height: 180px;
|
||
|
|
display: flex;
|
||
|
|
margin-left: 32px;
|
||
|
|
border: 1px solid rgba(0, 0, 0, 0.06);
|
||
|
|
.eye{
|
||
|
|
width: 50%;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
|
||
|
|
div{
|
||
|
|
height: 45px;
|
||
|
|
line-height: 45px;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.info{
|
||
|
|
display: flex;
|
||
|
|
justify-content: space-between;
|
||
|
|
padding: 0 14px;
|
||
|
|
border-top: 1px solid rgba(0, 0, 0, 0.06);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.el{
|
||
|
|
background: rgba(0, 0, 0, 0.04);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.mr30{
|
||
|
|
margin-right: 30px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<style lang="scss">
|
||
|
|
.routineBox{
|
||
|
|
.el-radio {
|
||
|
|
margin-right: 15px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|