dev
This commit is contained in:
parent
99e7985ab9
commit
8b78c320b1
|
|
@ -18,7 +18,7 @@ $border-color-extra-light: #F2F6FC;
|
|||
|
||||
// 背景颜色
|
||||
$background-color-base: #eee;
|
||||
$background-color-main: #5078c8;
|
||||
$background-color-main: #4D6DE4;
|
||||
|
||||
// 边框圆角
|
||||
$border-radius-base: 4px;
|
||||
|
|
|
|||
|
|
@ -70,7 +70,7 @@ import {CaretBottom} from "@element-plus/icons-vue";
|
|||
import {apiConfig} from "@/assets/config/apiConfig.ts";
|
||||
|
||||
const curItem = ref<any>({});
|
||||
const emit = defineEmits(['clickItem'])
|
||||
const emit = defineEmits(['clickItem','getStatus'])
|
||||
const clickItem = (item: any) => {
|
||||
curItem.value = item
|
||||
emit('clickItem', item, query.value.status);
|
||||
|
|
@ -141,6 +141,7 @@ const statusList = ref([
|
|||
])
|
||||
const tab = (item: any) => {
|
||||
query.value.status = item.value
|
||||
emit('getStatus', item.value)
|
||||
init()
|
||||
}
|
||||
const getTipCount = () => {
|
||||
|
|
|
|||
|
|
@ -11,7 +11,7 @@
|
|||
<div class="avatar-info-wrapper">
|
||||
<div class="avatar-info">
|
||||
<span class="avatar-info-name">{{ seeDockerInfo?.patientInfo?.name }}</span>
|
||||
<span class="avatar-info-age">{{ seeDockerInfo?.patientInfo?.age}}</span>
|
||||
<span class="avatar-info-age">{{ seeDockerInfo?.patientInfo?.age||0}}岁</span>
|
||||
</div>
|
||||
<div class="avatar-info-phone-num">
|
||||
<span class="avatar-info-phone">{{ seeDockerInfo?.patientInfo?.phone }}</span>
|
||||
|
|
@ -26,11 +26,11 @@
|
|||
class="detail-doctor">{{ seeDockerInfo?.dockerName }}-{{ seeDockerInfo?.sectionName }}</span>
|
||||
</div>
|
||||
<div class="detail-middle">
|
||||
<div>费用类别: <span class="detail-doctor">医保</span></div>
|
||||
<div>费用类别: <span class="detail-doctor">{{seeDockerInfo?.feeTypeName||'-'}}</span></div>
|
||||
<div>医保卡剩余金额: <span class="detail-balance">{{ seeDockerInfo?.socialBalance }}元</span></div>
|
||||
</div>
|
||||
<div>上次就诊时间: <span class="detail-doctor">{{
|
||||
formatDate(seeDockerInfo?.lastSeeDoctorTime)
|
||||
formatDate(seeDockerInfo?.lastSeeDoctorTime)||'-'
|
||||
}}</span></div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -6,16 +6,9 @@
|
|||
<el-collapse-item :name="index" v-for="(item, index) in list" :key="index">
|
||||
<template #title>
|
||||
<div class="list-item-content">
|
||||
<el-tooltip
|
||||
class="box-item"
|
||||
effect="dark"
|
||||
:content="item.diagnosisMedicalRecord?.diagnosisSummary"
|
||||
placement="bottom-start"
|
||||
>
|
||||
<span class="disease-name">{{ item.diagnosisMedicalRecord?.diagnosisSummary }}</span>
|
||||
</el-tooltip>
|
||||
<!-- <span class="doctor">{{ item.patientId }}</span>-->
|
||||
<!-- <span class="time">{{ item.createDatetime }}</span>-->
|
||||
<span class="doctor">{{ item.doctorName }}</span>
|
||||
<span class="time">{{ formatListTime(item.createTime) }}</span>
|
||||
</div>
|
||||
</template>
|
||||
<div>
|
||||
|
|
@ -32,9 +25,9 @@ import Panel from '@/components/common/Panel.vue';
|
|||
import Detail from './RecordsLog/Detail.vue';
|
||||
import {post} from "@/utils/request.ts";
|
||||
import {ref} from "vue";
|
||||
import {formatListTime} from "@/utils/dateUtils.ts";
|
||||
|
||||
const list = ref<any>([])
|
||||
|
||||
|
||||
const init = (patientId: any) => {
|
||||
const query = {
|
||||
patientId: patientId,
|
||||
|
|
@ -42,6 +35,7 @@ const init = (patientId: any) => {
|
|||
}
|
||||
post('charge/listDetail', {query}).then((res: any) => {
|
||||
list.value = res.list
|
||||
console.log(list,'list')
|
||||
})
|
||||
}
|
||||
const clearList = () => {
|
||||
|
|
@ -61,14 +55,19 @@ defineExpose({init,clearList})
|
|||
justify-content: space-between;
|
||||
|
||||
.disease-name {
|
||||
width: 135px;
|
||||
width: 90px;
|
||||
overflow: hidden; /* 隐藏溢出的内容 */
|
||||
white-space: nowrap; /* 防止文本换行 */
|
||||
text-overflow: ellipsis; /* 显示省略号 */
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.doctor {
|
||||
width: 85px;
|
||||
width: 80px;
|
||||
}
|
||||
.time{
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -44,10 +44,10 @@
|
|||
</div>
|
||||
<div class="content">
|
||||
<div class="content-middle">
|
||||
<div class="item">
|
||||
<div class="item" style="margin-top: 8px">
|
||||
<div class="name">合计</div>
|
||||
<div class="price">
|
||||
<div class="price-right">￥{{ sumPrice }}</div>
|
||||
<div class="price-right sumPrice">￥{{ sumPrice }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -143,6 +143,12 @@ onMounted(() => {
|
|||
.price-left {
|
||||
margin-right: 38px;
|
||||
}
|
||||
.sumPrice{
|
||||
font-weight: bold;
|
||||
font-size: 16px;
|
||||
color: #FF0000;
|
||||
font-style: normal;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -75,6 +75,7 @@ console.log(calendarData);
|
|||
|
||||
<template>
|
||||
<div class="calendar-wrapper">
|
||||
<span class="current">{{ currentYear }}年{{ currentMonth + 1 }}月</span>
|
||||
<div class="row">
|
||||
<div class="item">
|
||||
<span class="tip">日</span>
|
||||
|
|
@ -97,15 +98,13 @@ console.log(calendarData);
|
|||
<div class="item">
|
||||
<span class="tip">六</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div v-for="item in calendarData" class="row">
|
||||
<div class="item" v-for="subItem in item">
|
||||
<span :class="subItem.isCurrentDay ? 'currentDay' : subItem.isCurrentMonth ? '' : 'otherMonth'">
|
||||
{{ subItem.day }}
|
||||
{{ subItem.isCurrentDay ? "今" : subItem.day }}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -114,31 +113,51 @@ console.log(calendarData);
|
|||
<style scoped lang="scss">
|
||||
.calendar-wrapper {
|
||||
width: 100%;
|
||||
height: 320px;
|
||||
height: 100%;
|
||||
box-sizing: border-box;
|
||||
padding: 20px;
|
||||
padding:0 20px 20px;
|
||||
background-color: #FFF;
|
||||
|
||||
border-radius: 0 0 8px 8px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
.current{
|
||||
font-weight: 500;
|
||||
font-size: 18px;
|
||||
color: #333333;
|
||||
font-style: normal;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.row {
|
||||
flex: 1;
|
||||
width: 100%;
|
||||
height: 45px;
|
||||
|
||||
background: #F9FAFC ;
|
||||
padding: 0 20px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
font-weight: 500;
|
||||
font-size: 14px;
|
||||
color: #999999;
|
||||
font-style: normal;
|
||||
.item {
|
||||
|
||||
float: left;
|
||||
width: 14.2%;
|
||||
height: 45px;
|
||||
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
span {
|
||||
display: block;
|
||||
margin: auto;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
text-align: center;
|
||||
line-height: 30px;
|
||||
border-radius: 15px;
|
||||
height: 34px;
|
||||
width: 34px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-weight: bold;
|
||||
font-size: 16px;
|
||||
color: #666666;
|
||||
font-style: normal;
|
||||
border-radius:17px;
|
||||
}
|
||||
|
||||
.currentDay {
|
||||
background: #1677FE;
|
||||
color: #fff;
|
||||
|
|
|
|||
|
|
@ -1,6 +1,10 @@
|
|||
<template>
|
||||
<header>
|
||||
<div class="center-wrapper">
|
||||
<div class="logo">
|
||||
<img style="width: 62px;height: 46px;" src="/favicon.ico" alt=""/>
|
||||
<span>药慧精灵</span>
|
||||
</div>
|
||||
<div class="menu">
|
||||
<router-link to="/home" class="menu-item" active-class="active active1">首页</router-link>
|
||||
<router-link to="/registration" class="menu-item" active-class="active active2">挂号</router-link>
|
||||
|
|
@ -11,25 +15,28 @@
|
|||
<router-link to="/social" class="menu-item" active-class="active active7">医保</router-link>
|
||||
<router-link to="/statistics" class="menu-item" active-class="active active8">统计</router-link>
|
||||
<router-link to="/settings" class="menu-item" active-class="active active9">设置</router-link>
|
||||
<div class="info">
|
||||
<span class="username">{{username}}</span>
|
||||
<el-button class="hover" :icon="Right" style="color: #fff" @click="logout" text>退出登录</el-button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="info">
|
||||
<span class="username">{{ username }}</span>
|
||||
<el-button class="hover" :icon="Right" style="color: #fff" @click="logout" text>退出登录</el-button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</header>
|
||||
</template>
|
||||
|
||||
<style scoped lang="scss">
|
||||
@use "@/assets/scss/base";
|
||||
.center-wrapper{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.menu {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
line-height: 50px;
|
||||
|
||||
.menu-item {
|
||||
display: inline-block;
|
||||
color: #FFF;
|
||||
|
|
@ -142,7 +149,6 @@ header {
|
|||
position: relative;
|
||||
width: 100%;
|
||||
height: 80px;
|
||||
|
||||
background-color: base.$background-color-main;
|
||||
padding: 15px 0;
|
||||
}
|
||||
|
|
@ -153,19 +159,30 @@ header {
|
|||
float: right;
|
||||
display: flex;
|
||||
align-items: center; // 垂直居中
|
||||
.username{
|
||||
.username {
|
||||
display: inline-block;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
}
|
||||
.hover{
|
||||
|
||||
.hover {
|
||||
margin-left: 10px;
|
||||
cursor: pointer;
|
||||
&:hover{
|
||||
|
||||
&:hover {
|
||||
color: #4d6de4 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
.logo{
|
||||
margin-left: 30px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-weight: 400;
|
||||
font-size: 28px;
|
||||
color: #FFFFFF;
|
||||
font-style: normal;
|
||||
}
|
||||
</style>
|
||||
<script setup lang="ts">
|
||||
import {useRouter} from 'vue-router'
|
||||
|
|
@ -173,7 +190,7 @@ import {type Action, ElMessage, ElMessageBox} from 'element-plus'
|
|||
import {apiConfig} from "@/assets/config/apiConfig.ts";
|
||||
import {post} from "@/utils/request";
|
||||
import {Right} from "@element-plus/icons-vue";
|
||||
import {onMounted,ref} from "vue";
|
||||
import {onMounted, ref} from "vue";
|
||||
|
||||
|
||||
let logout = function () {
|
||||
|
|
@ -200,13 +217,13 @@ let logout = function () {
|
|||
useRouter().push("/")
|
||||
})
|
||||
}
|
||||
onMounted(()=>{
|
||||
onMounted(() => {
|
||||
getInfo()
|
||||
})
|
||||
const username=ref<any>('')
|
||||
const getInfo=()=>{
|
||||
const username = ref<any>('')
|
||||
const getInfo = () => {
|
||||
post(apiConfig.managerUserVerify).then((res: any) => {
|
||||
username.value=res.username
|
||||
username.value = res.username
|
||||
})
|
||||
}
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -32,7 +32,8 @@
|
|||
<PopoverInput :disabled="props.disabled" v-model="formDate.nowMedicalHistory" :list="nowMedicalHistoryList"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="既往史:" v-if="!props.isShowFrom">
|
||||
<PopoverInput :disabled="props.disabled" v-model="formDate.beforeMedicalHistory" :list="beforeMedicalHistoryList"/>
|
||||
<PopoverInput :disabled="props.disabled" v-model="formDate.beforeMedicalHistory"
|
||||
:list="beforeMedicalHistoryList"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="过敏史:" v-if="!props.isShowFrom">
|
||||
<PopoverInput :disabled="props.disabled" v-model="formDate.allergyHistory" :list="allergyHistoryList"/>
|
||||
|
|
@ -50,7 +51,8 @@
|
|||
<el-input :disabled="props.disabled" v-model="formDate.mouthCheck"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="辅助检查:" v-if="(modelType==2 || modelType ==0)&&!props.isShowFrom">
|
||||
<el-input style="height: 100%;width: 100%" :disabled="props.disabled" v-model="formDate.adjunctCheck"></el-input>
|
||||
<el-input style="height: 100%;width: 100%" :disabled="props.disabled"
|
||||
v-model="formDate.adjunctCheck"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="处置:" v-if="(modelType==0 || modelType ==2)&&!props.isShowFrom">
|
||||
<el-input style="height: 100%;width: 100%" :disabled="props.disabled" v-model="formDate.deal"></el-input>
|
||||
|
|
@ -61,7 +63,7 @@
|
|||
</Panel>
|
||||
</template>
|
||||
<script setup lang="ts">
|
||||
import {computed, nextTick, ref,defineEmits} from "vue";
|
||||
import {computed, nextTick, ref, defineEmits} from "vue";
|
||||
import {
|
||||
mainAppealList,
|
||||
nowMedicalHistoryList,
|
||||
|
|
@ -79,7 +81,7 @@ const props = defineProps({
|
|||
type: Boolean,
|
||||
default: 0
|
||||
},
|
||||
isShowFrom:{
|
||||
isShowFrom: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
}
|
||||
|
|
@ -108,49 +110,53 @@ const diagnosisSelect = (list: any) => {
|
|||
formDate.value.diagnosisDetail = JSON.stringify(list)
|
||||
formDate.value.diagnosisSummary = diagnosisNames
|
||||
}
|
||||
const diagnosisSearchRef= ref()
|
||||
const initDiagnosisSearch = (list:any,nList:any)=>{
|
||||
nextTick(()=>{
|
||||
diagnosisSearchRef.value?.init(list,nList);
|
||||
const diagnosisSearchRef = ref()
|
||||
const initDiagnosisSearch = (list: any, nList: any) => {
|
||||
nextTick(() => {
|
||||
diagnosisSearchRef.value?.init(list, nList);
|
||||
})
|
||||
}
|
||||
const emit = defineEmits(['focus'])
|
||||
const focus = (e:any)=>{
|
||||
emit('focus',e)
|
||||
const focus = (e: any) => {
|
||||
emit('focus', e)
|
||||
}
|
||||
const clearDiagnosis = ()=>{
|
||||
const clearDiagnosis = () => {
|
||||
diagnosisSearchRef.value?.clear()
|
||||
}
|
||||
|
||||
defineExpose({initDiagnosisSearch,clearDiagnosis})
|
||||
defineExpose({initDiagnosisSearch, clearDiagnosis})
|
||||
</script>
|
||||
<style scoped lang="scss">
|
||||
.content {
|
||||
display: flex;
|
||||
|
||||
.model-selector {
|
||||
width: 100px;
|
||||
}
|
||||
}
|
||||
|
||||
.container {
|
||||
margin:0 24px;
|
||||
margin: 0 24px;
|
||||
}
|
||||
:deep(.el-form-item){
|
||||
|
||||
:deep(.el-form-item) {
|
||||
margin-bottom: 0;
|
||||
|
||||
}
|
||||
:deep(.el-form-item__label){
|
||||
height: 42px;
|
||||
line-height: 42px;
|
||||
|
||||
:deep(.el-form-item__label) {
|
||||
height: 42px;
|
||||
line-height: 42px;
|
||||
}
|
||||
:deep(.el-input__wrapper){
|
||||
|
||||
:deep(.el-input__wrapper) {
|
||||
border-radius: 0;
|
||||
height: 42px;
|
||||
background: #FFFFFF;
|
||||
&:nth-child(2n){
|
||||
border-top: none;
|
||||
border-bottom: none;
|
||||
}
|
||||
border: 1px solid #EAEAEC;
|
||||
box-shadow: 0 0 0 0 var(--el-input-border-color, var(--el-border-color)) inset;
|
||||
}
|
||||
:deep(.is-disabled .el-input__wrapper){
|
||||
box-shadow: 0 0 0 0 var(--el-input-border-color, var(--el-border-color)) inset;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
|
@ -25,7 +25,7 @@ import Panel from '@/components/common/Panel.vue';
|
|||
import DiseaseDetails from './DiseaseDetails.vue';
|
||||
import {post} from "@/utils/request.ts";
|
||||
import {ref} from "vue";
|
||||
import {formatListTime} from "../../utils/dateUtils.ts";
|
||||
import {formatListTime} from "@/utils/dateUtils.ts";
|
||||
const list = ref<any>([])
|
||||
const init = (patientId: any) => {
|
||||
post("medical/record/listByPatient",{patientId:patientId}).then((res: any) => {
|
||||
|
|
|
|||
|
|
@ -30,11 +30,9 @@ export const formatListTime = (date: any) => {
|
|||
} else if (typeof date === 'string') {
|
||||
dateDetail = new Date(date);
|
||||
if (isNaN(dateDetail.getTime())) {
|
||||
console.error(`Invalid date string: ${date}`);
|
||||
return '-';
|
||||
}
|
||||
} else {
|
||||
console.error(`Invalid date type: ${typeof date}`);
|
||||
return '-';
|
||||
}
|
||||
const year = dateDetail.getFullYear();
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<template xmlns="http://www.w3.org/1999/html">
|
||||
<div class="container">
|
||||
<div class="left">
|
||||
<chargeQueue @clickItem="clickItem" ref="chargeQueueRef"></ChargeQueue>
|
||||
<chargeQueue @clickItem="clickItem" @getStatus="getStatus" ref="chargeQueueRef"></ChargeQueue>
|
||||
</div>
|
||||
<div class="middle">
|
||||
<el-scrollbar>
|
||||
|
|
@ -30,6 +30,7 @@
|
|||
@change="handleChange"
|
||||
clearable
|
||||
style="width: 100%"
|
||||
:disabled="statusDisabled == 1"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in doctorList"
|
||||
|
|
@ -45,15 +46,15 @@
|
|||
</Panel>
|
||||
</div>
|
||||
<div style="margin-top: 24px">
|
||||
<ServiceDetail v-model="formData.itemDetail" :status="formData.status == 0"
|
||||
<ServiceDetail v-model="formData.itemDetail" :status="statusDisabled == 0"
|
||||
@totalPriceChange="getOrderTotalPrice"></ServiceDetail>
|
||||
</div>
|
||||
<div style="margin-top: 24px">
|
||||
<GoodsDetail v-model="formData.goodsDetail" :status="formData.status == 0"
|
||||
<GoodsDetail v-model="formData.goodsDetail" :status="statusDisabled == 0"
|
||||
@totalPriceChange="getOrderTotalPrice"></GoodsDetail>
|
||||
</div>
|
||||
<div class="bottom">
|
||||
<TotalPrice v-model="formData.totalPrice" @edit="saveAndCharge" :status="formData.status"></TotalPrice>
|
||||
<TotalPrice v-model="formData.totalPrice" @edit="saveAndCharge" :status="statusDisabled==1"></TotalPrice>
|
||||
</div>
|
||||
</el-scrollbar>
|
||||
</div>
|
||||
|
|
@ -98,6 +99,7 @@ const formData = ref<any>({
|
|||
diagnosisMedicalRecord: {},
|
||||
goodsDetail: [],
|
||||
itemDetail: [],
|
||||
patientRegistration: {}
|
||||
})
|
||||
const statusDisabled = ref(0)
|
||||
const diagnosisKeyword = ref("")
|
||||
|
|
@ -138,6 +140,7 @@ const patientCardRef = ref()
|
|||
const clickItem = async (item: any, status: any) => {
|
||||
statusDisabled.value = status
|
||||
formData.value = await post('medical/record/getByDiagnosisCode', {diagnosisCode: item.code})
|
||||
formData.value.doctorId = formData.value.patientRegistration.organizationDoctorId
|
||||
getOrderTotalPrice()
|
||||
nextTick(() => {
|
||||
let list = JSON.parse(formData.value.diagnosisMedicalRecord.diagnosisDetail)
|
||||
|
|
@ -203,6 +206,9 @@ const list = () => {
|
|||
doctorList.value = res
|
||||
})
|
||||
}
|
||||
const getStatus=(status:any)=>{
|
||||
statusDisabled.value = status
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
|
|
@ -235,6 +241,7 @@ const list = () => {
|
|||
margin-right: 24px;
|
||||
|
||||
}
|
||||
|
||||
.doctor {
|
||||
width: 200px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -6,8 +6,8 @@
|
|||
<div class="middle">
|
||||
<el-scrollbar>
|
||||
<div class="case">
|
||||
<CaseDetail v-if="patientRegistration.status==3" v-model="formData"></CaseDetail>
|
||||
<Case ref="caseRef" v-else v-model="formData" :disabled="curRegister?.status !=2" :isShowFrom="isShowFrom"
|
||||
<!-- <CaseDetail v-if="patientRegistration.status==3" v-model="formData"></CaseDetail>-->
|
||||
<Case ref="caseRef" v-model="formData" :disabled="curRegister?.status !=2" :isShowFrom="isShowFrom"
|
||||
@focus="focus"></Case>
|
||||
</div>
|
||||
<div class="service-items">
|
||||
|
|
@ -133,6 +133,7 @@ const clickItem = (item: any) => {
|
|||
formData.value = res.diagnosisMedicalRecord
|
||||
formData.value.goodsDetail = res.goodsDetail
|
||||
formData.value.itemDetail = res.itemDetail
|
||||
formData.value.diagType = Number(formData.value.diagType)
|
||||
patientRegistration.value = res.patientRegistration
|
||||
})
|
||||
|
||||
|
|
|
|||
|
|
@ -9,18 +9,24 @@
|
|||
</div>
|
||||
<div class="left-bottom">
|
||||
<Panel title="医生列表">
|
||||
<div class="search" style="padding: 0 24px">
|
||||
<el-input v-model="keyword" placeholder="搜索医生"
|
||||
@keydown.enter="initDoctor"></el-input>
|
||||
<div class="search" style="padding: 0 24px ;height: 42px">
|
||||
<el-input style="height: 100%" v-model="keyword" placeholder="搜索医生姓名"
|
||||
@keydown.enter="initDoctor" :prefix-icon="Search"></el-input>
|
||||
</div>
|
||||
<div class="content_list" style="padding: 0 24px">
|
||||
<div class="role_list">
|
||||
<ul>
|
||||
<li v-for="(item, index) in roleList" :key="index"
|
||||
@click="openDialog(item,index)" :class="{active:isShowNum==index}" >
|
||||
:class="{active:isShowNum==index}">
|
||||
<span class="name">{{ item.name }}</span>
|
||||
<span class="section_name">{{ item.sectionNames }}</span>
|
||||
<span class="btn">挂号</span>
|
||||
<span class="btn" @click="openDialog(item,index)"
|
||||
@mouseover="isShowNum = index"
|
||||
@mouseleave="isShowNum = -1">
|
||||
<img v-if="isShowNum==index" src="/static/images/registration/3-active.png" style="width: 15px;height: 14px;margin-right: 8px" alt="">
|
||||
<img v-else src="/static/images/registration/3.png" alt="" style="width: 15px;height: 14px;margin-right: 8px">
|
||||
挂号
|
||||
</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
|
@ -43,6 +49,10 @@
|
|||
end-placeholder="结束时间"
|
||||
/>
|
||||
</div>
|
||||
<div class="btn">
|
||||
<el-button @click="reset">重置</el-button>
|
||||
<el-button type="primary" @click="getPatientList">搜索</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="middle">
|
||||
<List :patientList="patientList" @rowClick="rowClick"></List>
|
||||
|
|
@ -63,7 +73,7 @@
|
|||
</Panel>
|
||||
</div>
|
||||
</div>
|
||||
<Edit ref="editRef" @close="getPatientList"></Edit>
|
||||
<Edit ref="editRef" @close="getPatientList"></Edit>
|
||||
</div>
|
||||
</template>
|
||||
<script setup lang="ts">
|
||||
|
|
@ -77,6 +87,7 @@ import {getEndOfDay, getToday, formatDateArray} from "@/utils/dateUtils.ts";
|
|||
import Calendar from "@/components/common/Calendar.vue";
|
||||
import Panel from "@/components/common/Panel.vue";
|
||||
import {apiConfig} from "@/assets/config/apiConfig.ts";
|
||||
import {Search} from "@element-plus/icons-vue";
|
||||
|
||||
const isShowNum = ref(-1)
|
||||
const roleList = ref<any>([])
|
||||
|
|
@ -100,12 +111,13 @@ const patientList = ref<any>([])
|
|||
const selectedDate = ref<any>([getToday().start, getToday().end])
|
||||
const handleDateChange = (date: any[]) => {
|
||||
selectedDate.value = formatDateArray(date)
|
||||
if(selectedDate.value[0]==selectedDate.value[1]){
|
||||
selectedDate.value[1] =getEndOfDay(selectedDate.value[1]); // 输出今天 23:59
|
||||
if (selectedDate.value[0] == selectedDate.value[1]) {
|
||||
selectedDate.value[1] = getEndOfDay(selectedDate.value[1]); // 输出今天 23:59
|
||||
}
|
||||
getPatientList()
|
||||
}
|
||||
const getPatientList = () => {
|
||||
isShowNum.value = -1
|
||||
id.value = null
|
||||
post('registration/list', {
|
||||
page: page.value,
|
||||
|
|
@ -128,20 +140,24 @@ const id = ref<any>('')
|
|||
const rowClick = (row: any) => {
|
||||
id.value = row.id
|
||||
nextTick(() => {
|
||||
editRef.value?.init(row.organizationDoctorId,row.id)
|
||||
editRef.value?.init(row.organizationDoctorId, row.id)
|
||||
})
|
||||
}
|
||||
const editRef = ref<any>('')
|
||||
const openDialog = (item: any,index: any) => {
|
||||
isShowNum.value=index
|
||||
const openDialog = (item: any, index: any) => {
|
||||
isShowNum.value = index
|
||||
nextTick(() => {
|
||||
editRef.value?.init(item.id,null)
|
||||
editRef.value?.init(item.id, null)
|
||||
})
|
||||
}
|
||||
const close = () => {
|
||||
id.value = null
|
||||
getPatientList()
|
||||
}
|
||||
const reset=() =>{
|
||||
keyword.value=''
|
||||
getPatientList()
|
||||
}
|
||||
</script>
|
||||
<style scoped lang="scss">
|
||||
.container-wrapper {
|
||||
|
|
@ -156,12 +172,14 @@ const close = () => {
|
|||
|
||||
.left {
|
||||
height: 100%;
|
||||
width: 319px;
|
||||
width: 382px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
.left-top {
|
||||
height: 380px;
|
||||
height: 399px;
|
||||
background: #FFFFFF;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.left-bottom {
|
||||
|
|
@ -177,22 +195,9 @@ const close = () => {
|
|||
padding: 0 10px;
|
||||
border-radius: 5px;
|
||||
align-items: center;
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
background: #4D6DE4;
|
||||
|
||||
.name {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.section_name {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.btn {
|
||||
color: #fff;
|
||||
}
|
||||
background: rgba(#4D6DE4, 0.3);
|
||||
}
|
||||
|
||||
.name {
|
||||
|
|
@ -206,10 +211,24 @@ const close = () => {
|
|||
}
|
||||
|
||||
.btn {
|
||||
width: 50px;
|
||||
color: #b9b9ba;
|
||||
cursor: pointer;
|
||||
padding: 5px;
|
||||
border-radius: 3px;
|
||||
width: 78px;
|
||||
height: 32px;
|
||||
border-radius: 6px;
|
||||
background: #FFFFFF;
|
||||
border: 1px solid #4D6DE4;
|
||||
font-weight: bold;
|
||||
font-size: 14px;
|
||||
color: #4D6DE4;
|
||||
font-style: normal;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
&:hover {
|
||||
background: #4D6DE4;
|
||||
color: #FFF;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -245,6 +264,7 @@ const close = () => {
|
|||
flex: 1;
|
||||
height: 100%;
|
||||
min-width: 0;
|
||||
|
||||
.right-content {
|
||||
padding-left: 20px;
|
||||
display: flex;
|
||||
|
|
@ -252,7 +272,10 @@ const close = () => {
|
|||
height: 100%;
|
||||
|
||||
.top {
|
||||
padding-right: 24px;
|
||||
height: 40px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.middle {
|
||||
|
|
|
|||
Loading…
Reference in New Issue