Skip to content

P
pet-business-web
Commit a4f68703 authored by 小费同学阿's avatar 小费同学阿 💬
Browse files
Options

进度信息模块封装ui代码优化

parent 04ce29c6
Hide whitespace changes
Inline Side-by-side
Showing with 62 additions and 24 deletions
src/views/medical-record-management/medical-record-management.vue
View file @ a4f68703
...@@ -2,7 +2,15 @@ ...@@ -2,7 +2,15 @@
<div style="background-color: #FFFFFF;"> <div style="background-color: #FFFFFF;">
<div class="app-container"> <div class="app-container">
<!--顶部搜索区--> <!--顶部搜索区-->
<el-form v-show="showSearch" ref="queryForm" class="form-style" :inline="true" :model="queryParams" label-width="68px" size="small"> <el-form
v-show="showSearch"
ref="queryForm"
:inline="true"
:model="queryParams"
class="form-style"
label-width="68px"
size="small"
>
<el-form-item prop="petNickname"> <el-form-item prop="petNickname">
<el-input <el-input
v-model="queryParams.petNickname" v-model="queryParams.petNickname"
...@@ -108,26 +116,35 @@ ...@@ -108,26 +116,35 @@
border border
@selection-change="handleSelectionChange" @selection-change="handleSelectionChange"
> >
<el-table-column align="center" type="selection" width="55" /> <el-table-column align="center" type="selection" width="55"/>
<el-table-column align="center" show-overflow-tooltip label="序号" min-width="80" type="index" /> <el-table-column align="center" label="序号" min-width="80" show-overflow-tooltip type="index"/>
<el-table-column align="center" show-overflow-tooltip label="病历号" min-width="80" prop="visitNumber" /> <el-table-column align="center" label="病历号" min-width="80" prop="medicalRecordNo" show-overflow-tooltip/>
<el-table-column align="center" show-overflow-tooltip label="宠物昵称" min-width="80" prop="petNickname" /> <el-table-column align="center" label="宠物昵称" min-width="80" prop="petNickname" show-overflow-tooltip/>
<el-table-column align="center" show-overflow-tooltip label="宠物ID" prop="nickname" /> <el-table-column align="center" label="宠物ID" prop="petsId" show-overflow-tooltip/>
<el-table-column align="center" show-overflow-tooltip label="宠主姓名" prop="nickname" /> <el-table-column align="center" label="宠主姓名" prop="petNickname" show-overflow-tooltip/>
<el-table-column align="center" show-overflow-tooltip label="宠主手机号" prop="petOwnerNumber" /> <el-table-column align="center" label="宠主手机号" prop="petOwnerPhone" show-overflow-tooltip/>
<el-table-column align="center" show-overflow-tooltip label="归档医院" prop="deptId" /> <el-table-column align="center" label="归档医院" prop="hospitalName" show-overflow-tooltip/>
<el-table-column align="center" show-overflow-tooltip label="主治兽医" prop="doctorName" /> <el-table-column align="center" label="主治兽医" prop="doctorName" show-overflow-tooltip/>
<el-table-column align="center" show-overflow-tooltip label="所属科室" prop="departmentId" /> <el-table-column align="center" label="所属科室" prop="hospitalDepartmentName" show-overflow-tooltip/>
<el-table-column align="center" show-overflow-tooltip label="就诊日期" prop="visitTime" width="180"> <el-table-column align="center" label="就诊日期" prop="visitDate" show-overflow-tooltip width="180">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ parseTime(scope.row.visitTime, '{y}-{m}-{d}') }}</span> <span>{{ parseTime(scope.row.visitDate, '{y}-{m}-{d}') }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column align="center" show-overflow-tooltip label="宠物保险" prop="visitOffice" /> <el-table-column align="center" label="宠物保险" prop="insure" show-overflow-tooltip>
<el-table-column align="center" show-overflow-tooltip class-name="small-padding fixed-width" label="操作" min-width="180"> <template slot-scope="scope">
<dict-tag :options="dict.type.pet_insure" :value="scope.row.insure"/>
</template>
</el-table-column>
<el-table-column
align="center"
class-name="small-padding fixed-width"
label="操作"
min-width="180"
show-overflow-tooltip
>
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button
v-hasPermi="['business:case:edit']"
icon="el-icon-document" icon="el-icon-document"
plain plain
size="mini" size="mini"
...@@ -137,7 +154,6 @@ ...@@ -137,7 +154,6 @@
>详情 >详情
</el-button> </el-button>
<el-button <el-button
v-hasPermi="['business:case:edit']"
icon="el-icon-edit" icon="el-icon-edit"
plain plain
size="mini" size="mini"
...@@ -167,6 +183,8 @@ import { listRecord } from '@/api/business/record' ...@@ -167,6 +183,8 @@ import { listRecord } from '@/api/business/record'
export default { export default {
name: 'MedicalRecordManagement', name: 'MedicalRecordManagement',
// 数据字典
dicts: ['pet_insure'],
data() { data() {
return { return {
doctorNameList: [], doctorNameList: [],
...@@ -311,7 +329,9 @@ export default { ...@@ -311,7 +329,9 @@ export default {
getList() { getList() {
this.loading = true this.loading = true
listRecord(this.queryParams).then(response => { listRecord(this.queryParams).then(response => {
console.log('病历列表的数据：', response)
this.recordList = response.rows this.recordList = response.rows
console.log('这是病历，我要开始取字段了！', this.recordList)
this.total = response.total this.total = response.total
this.loading = false this.loading = false
}) })
...@@ -382,8 +402,9 @@ export default { ...@@ -382,8 +402,9 @@ export default {
::v-deep .el-table .disabledCheck .cell .el-checkbox__inner { ::v-deep .el-table .disabledCheck .cell .el-checkbox__inner {
display: none; display: none;
} }
//顶部搜索框样式 //顶部搜索框样式
.form-style{ .form-style {
margin-bottom: 20px; margin-bottom: 20px;
} }
</style> </style>
src/views/service-management/registration-queue/components/doctor-card.vue
View file @ a4f68703
...@@ -148,12 +148,29 @@ ...@@ -148,12 +148,29 @@
</div> </div>
<!-- 详细内容--> <!-- 详细内容-->
<div> <div>
<div style=" margin: 20px; height: 200px; border: 1px solid #d6d7d7;"> <div
<div style="margin-left:45%;margin-top: 5%;"> style=" margin: 20px;
<div style=" width:50px;height: 50px;"> height: 303px;
<el-image :src="require('@/assets/register/zanwushuju.png')"/> background: #FFFFFF;
opacity: 1;
border: 1px solid #E5E5E5;
"
>
<div
style=" display: flex;
align-items: center;
flex-direction: column;margin-top: 9%;"
>
<div style=" width:115px;height: 74px;">
<el-image :src="require('@/assets/register/guahao_img_wushuju@2x.png')"/>
</div>
<div
style="font-size: 14px;
font-family: Microsoft YaHei-Regular, Microsoft YaHei;
font-weight: 400;
color: #AFAFAF;"
>暂无数据
</div> </div>
<div style="color: #b2b2b2">暂无数据</div>
</div> </div>
</div> </div>
</div> </div>
......
src/views/service-management/registration-queue/registration-queue.vue
View file @ a4f68703
...@@ -118,7 +118,7 @@ ...@@ -118,7 +118,7 @@
<el-table v-loading="loading" :data="registerList" @selection-change="handleSelectionChange"> <el-table v-loading="loading" :data="registerList" @selection-change="handleSelectionChange">
<el-table-column align="center" type="selection" width="55" /> <el-table-column align="center" type="selection" width="55" />
<el-table-column align="center" label="序号" min-width="55" show-overflow-tooltip prop="index" /> <el-table-column align="center" label="序号" min-width="55" type="index" show-overflow-tooltip prop="index" />
<el-table-column align="center" label="挂号方式" min-width="70" show-overflow-tooltip prop="type" /> <el-table-column align="center" label="挂号方式" min-width="70" show-overflow-tooltip prop="type" />
<el-table-column align="center" label="宠物昵称" min-width="70" show-overflow-tooltip prop="petNickname" /> <el-table-column align="center" label="宠物昵称" min-width="70" show-overflow-tooltip prop="petNickname" />
<el-table-column align="center" label="宠物保险" min-width="70" show-overflow-tooltip prop="insure" /> <el-table-column align="center" label="宠物保险" min-width="70" show-overflow-tooltip prop="insure" />
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment