dev
This commit is contained in:
parent
4bf1a144cf
commit
19d901e457
|
|
@ -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.
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue