This commit is contained in:
ChenQiuYu 2025-05-23 17:06:42 +08:00
parent 4bf1a144cf
commit 19d901e457
6 changed files with 77 additions and 68 deletions

View File

@ -1,8 +1,8 @@
@font-face { @font-face {
font-family: "iconfont"; /* Project id 4921806 */ font-family: "iconfont"; /* Project id 4921806 */
src: url('iconfont.woff2?t=1747988318985') format('woff2'), src:
url('iconfont.woff?t=1747988318985') format('woff'), url('iconfont.woff?t=1747990278440') format('woff'),
url('iconfont.ttf?t=1747988318985') format('truetype'); url('iconfont.ttf?t=1747990278440') format('truetype');
} }
.iconfont { .iconfont {
@ -13,6 +13,10 @@
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
.icon-yuyue:before {
content: "\e606";
}
.icon-qunzutaozhuang:before { .icon-qunzutaozhuang:before {
content: "\eac9"; content: "\eac9";
} }

Binary file not shown.

Binary file not shown.

View File

@ -30,11 +30,12 @@
<el-scrollbar style="height: 100%"> <el-scrollbar style="height: 100%">
<li class="list-item" :class="curItem?.id == item.id ? 'active' : ''" v-for="(item, index) in list" <li class="list-item" :class="curItem?.id == item.id ? 'active' : ''" v-for="(item, index) in list"
:key="index" @click="clickLi(item)"> :key="index" @click="clickLi(item)">
<span class="item-avatar"> <span class="item-avatar" style="position: relative">
<img v-if="item.gender==1" class="avatar" src="/static/images/outpatient/man.png" <img v-if="item.gender==1" class="avatar" src="/static/images/outpatient/man.png"
alt="头像"/> alt="头像"/>
<img v-if="item.gender==2" class="avatar" src="/static/images/outpatient/women.png" <img v-if="item.gender==2" class="avatar" src="/static/images/outpatient/women.png"
alt="头像"/> alt="头像"/>
<span v-if="item.isAppointment" class="iconfont icon-yuyue yuyueIcon" ></span>
</span> </span>
<span class="item-name">{{ item.name }}</span> <span class="item-name">{{ item.name }}</span>
<span class="item-time"> <span class="item-time">
@ -403,5 +404,14 @@ watch(() => selectedDate.value, (newValue, oldValue) => {
right: 0; right: 0;
top: 50px; top: 50px;
} }
.yuyueIcon{
width: 13px;
height: 13px;
position: absolute;
top: -8px;
color: rgb(255, 102, 0);
font-size: 12px;
right: 0;
z-index: 99;
}
</style> </style>

View File

@ -7,10 +7,11 @@
> >
<el-table-column prop="name" label="姓名" show-overflow-tooltip> <el-table-column prop="name" label="姓名" show-overflow-tooltip>
<template #default="scope"> <template #default="scope">
<div style="display: flex;align-items: center;"> <div style="display: flex;align-items: center;position: relative">
<img style="width: 25px;height: 25px;margin-right: 10px" <img style="width: 25px;height: 25px;margin-right: 10px"
:src="scope.row.gender === 1 ? '/static/images/member/man.png' :scope.row.gender === 2 ? '/static/images/member/women.png':'无'" :src="scope.row.gender === 1 ? '/static/images/member/man.png' :scope.row.gender === 2 ? '/static/images/member/women.png':'无'"
alt="" srcset=""> alt="" srcset="">
<span>{{ scope.row.name }}</span> <span>{{ scope.row.name }}</span>
</div> </div>
</template> </template>

View File

@ -3,10 +3,13 @@
<template #default> <template #default>
<div class="search_content_wrapper"> <div class="search_content_wrapper">
<div class="search_wrapper"> <div class="search_wrapper">
<span class="default-btn" @click="add">添加组套</span> <span class="default-btn" @click="add">
<span class="iconfont icon-jia"></span>
添加组套
</span>
</div> </div>
<div class="content"> <div class="content">
<el-table :data="tableList"> <el-table border style="height: 100%" :data="tableList" :header-cell-style="{ backgroundColor: '#F1F5FB' }">
<el-table-column <el-table-column
prop="itemName" prop="itemName"
label="组套名称"> label="组套名称">
@ -50,6 +53,7 @@ import {post} from '@/utils/request.ts'
import Mask from "@/components/common/Mask.vue"; import Mask from "@/components/common/Mask.vue";
import GroupAdd from "@/components/settings/item/group/GroupAdd.vue"; import GroupAdd from "@/components/settings/item/group/GroupAdd.vue";
import {ElMessage, ElMessageBox} from "element-plus"; import {ElMessage, ElMessageBox} from "element-plus";
let current_page = ref(1) let current_page = ref(1)
const show = ref(false); const show = ref(false);
const emit = defineEmits(["confirm"]) const emit = defineEmits(["confirm"])
@ -110,41 +114,28 @@ const handleCurrentChange = (val: any) => {
<style scoped lang="scss"> <style scoped lang="scss">
.search_bottom { .search_bottom {
display: block; display: block;
margin-top: 10px;
} }
.search_content_wrapper { .search_content_wrapper {
background-color: #FFF; background-color: #FFF;
width: 100%; width: 100%;
height: 100%; height: 100%;
overflow: hidden; display: flex;
margin: auto; flex-direction: column;
margin-top: 20px;
border-radius: 10px; border-radius: 10px;
box-sizing: border-box; box-sizing: border-box;
padding: 10px; padding: 24px;
}
.search_wrapper { .search_wrapper {
position: relative;
width: 100%; width: 100%;
display: flex; display: flex;
margin: 0 auto; margin: 0 auto;
height: 60px; height: 60px;
span {
position: relative;
display: block;
width: 100px;
line-height: 40px;
}
.input { .input {
display: block; display: block;
flex: 1; flex: 1;
} }
button { button {
width: 80px; width: 80px;
line-height: 40px; line-height: 40px;
@ -160,7 +151,7 @@ const handleCurrentChange = (val: any) => {
display: block; display: block;
width: 100%; width: 100%;
flex: 1; flex: 1;
//min-height: 0; min-height: 0;
table { table {
//border-collapse: collapse; //border-collapse: collapse;
@ -184,6 +175,8 @@ const handleCurrentChange = (val: any) => {
//background-color: #f5f5f5; //background-color: #f5f5f5;
} }
} }
}
:deep(.invalid) { :deep(.invalid) {
color: #409EFF; color: #409EFF;
@ -193,6 +186,7 @@ const handleCurrentChange = (val: any) => {
width: 100%; width: 100%;
height: 400px; height: 400px;
} }
.bottom { .bottom {
height: 100%; height: 100%;
display: flex; display: flex;