bianyaqi
2 years ago
6 changed files with 198 additions and 55 deletions
@ -0,0 +1,141 @@ |
|||
<template> |
|||
<div id="multipleTable"> |
|||
<div v-if="curProject" class="project_title">医疗项目：{{ curProject.itemName }}</div> |
|||
<el-table |
|||
:data="dataList" |
|||
tooltip-effect="dark" |
|||
style="width: 100%" |
|||
@sort-change="sortList" |
|||
> |
|||
<el-table-column label="预约时间" header-align="center" align="center" width="110px"> |
|||
<template slot-scope="scope"> |
|||
{{ scope.row.appointDate ? scope.row.appointDate : '-' }} |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="类型" prop="source" header-align="center" align="center" width="55px" /> |
|||
<el-table-column label="负责医生" header-align="center" align="center" width="100px"> |
|||
<template slot-scope="scope"> |
|||
{{ scope.row.doctorName ? scope.row.doctorName : '-' }} |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="patientName" label="患者姓名" header-align="center" align="center" width="100px" /> |
|||
<el-table-column prop="patientId" label="登记号" header-align="center" align="center" width="120px" /> |
|||
<el-table-column prop="patientPhone" label="电话" header-align="center" align="center" width="120px" /> |
|||
<el-table-column label="眼别" prop="eyeType" header-align="center" align="center" width="80px" /> |
|||
<el-table-column label="项目" prop="project" header-align="center" align="center" width="120px"> |
|||
<template slot-scope="scope"> |
|||
<div v-if="scope.row.project"> |
|||
<div v-for="item in scope.row.project.split(',')" :key="item"> |
|||
<div v-if="item!=='其他'"> |
|||
{{ item }} |
|||
</div> |
|||
<div v-else> |
|||
{{ `${item}: ${scope.row.otherProject}` }} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="准备工作" prop="preparation" header-align="center" align="center" width="120px"> |
|||
<template slot-scope="scope"> |
|||
<div> |
|||
<div v-if="showPreparation(scope.row.preparation,'医嘱已开')" :class="{active_check:showPreparation(scope.row.preparation,'医嘱已开')}"> |
|||
医嘱已开 |
|||
</div> |
|||
<div v-if="showPreparation(scope.row.preparation,'散瞳')" :class="{active_check:showPreparation(scope.row.preparation,'散瞳')}"> |
|||
散瞳 |
|||
</div> |
|||
<div v-if="showPreparation(scope.row.preparation,'表麻')" :class="{active_check:showPreparation(scope.row.preparation,'表麻')}"> |
|||
表麻 |
|||
</div> |
|||
<div v-if="showPreparation(scope.row.preparation,'全身检查完成')" :class="{active_check:showPreparation(scope.row.preparation,'全身检查完成')}"> |
|||
全身检查完成 |
|||
</div> |
|||
<div v-if="showPreparation(scope.row.preparation,'缩瞳')" :class="{active_check_red:showPreparation(scope.row.preparation,'缩瞳')}"> |
|||
缩瞳 |
|||
</div> |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column sortable label="是否到达" header-align="center" align="center" width="110px"> |
|||
<template slot-scope="scope"> |
|||
<div> |
|||
<el-select v-model="scope.row.arrival" :class="{'active_check':scope.row.arrival==='Y'}" class="arrivalSelect" placeholder="" size="small" @change="value=>changeEyeType(value,scope)"> |
|||
<el-option |
|||
v-for="item in arrivalList" |
|||
:key="item.value" |
|||
:label="item.label" |
|||
:value="item.value" |
|||
/> |
|||
</el-select> |
|||
<div v-if="scope.row.arrivalDate && scope.row.arrival==='Y'"> |
|||
{{ scope.row.arrivalDate }} |
|||
</div> |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="操作" class-name="hidden" header-align="center" align="center" width="200px"> |
|||
<template slot-scope="scope"> |
|||
<span class="call" @click="editOpera(scope.row)">{{ scope.row.appointDate ? "改约":"预约" }}</span> |
|||
<span class="cancel" @click="cancelClick(scope.row)">取消</span> |
|||
<span class="call" @click="checkPatientDetail(scope.row)">患者360</span> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
name: 'PrintTable', |
|||
props: { |
|||
curProject: { |
|||
type: Object |
|||
}, |
|||
dataList: { |
|||
type: Array |
|||
}, |
|||
arrivalList: { |
|||
type: Array |
|||
} |
|||
}, |
|||
methods: { |
|||
sortList(val) { |
|||
if (val.order === 'ascending') { |
|||
val.order = 'asc' |
|||
} |
|||
if (val.order === 'descending') { |
|||
val.order = 'desc' |
|||
} |
|||
this.dataForm.arrivalSort = val.order |
|||
this.getDataList() |
|||
}, |
|||
showPreparation(scope, value) { |
|||
if (!scope) { |
|||
return false |
|||
} |
|||
return scope.includes(value) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.active_check{ |
|||
color: #409EFF; |
|||
} |
|||
.active_check_red{ |
|||
color: #ff0000; |
|||
} |
|||
.arrivalSelect{ |
|||
::v-deep .el-input__suffix{ |
|||
display: none; |
|||
} |
|||
::v-deep .el-input__inner{ |
|||
border: 0; |
|||
font-size: 16px; |
|||
text-align: center; |
|||
padding: 0; |
|||
} |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue