dev

src/assets/iconfont/iconfont.css

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

src/components/outpatient/MedicalQueue.vue

@@ -30,11 +30,12 @@
           <el-scrollbar style="height: 100%">
             <li class="list-item" :class="curItem?.id == item.id ? 'active' : ''" v-for="(item, index) in list"
                 :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"
                        alt="头像"/>
                   <img v-if="item.gender==2" class="avatar" src="/static/images/outpatient/women.png"
                        alt="头像"/>
+                   <span v-if="item.isAppointment" class="iconfont icon-yuyue yuyueIcon" ></span>
                 </span>
               <span class="item-name">{{ item.name }}</span>
               <span class="item-time">
@@ -403,5 +404,14 @@ watch(() => selectedDate.value, (newValue, oldValue) => {
   right: 0;
   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>

src/components/registration/List.vue

@@ -7,10 +7,11 @@
     >
       <el-table-column prop="name" label="姓名" show-overflow-tooltip>
         <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"
                  :src="scope.row.gender === 1 ? '/static/images/member/man.png' :scope.row.gender === 2 ? '/static/images/member/women.png':'无'"
                  alt="" srcset="">
+
             <span>{{ scope.row.name }}</span>
           </div>
         </template>

src/components/settings/item/group/GroupList.vue

@@ -3,10 +3,13 @@
     <template #default>
       <div class="search_content_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 class="content">
-          <el-table :data="tableList">
+          <el-table border style="height: 100%" :data="tableList" :header-cell-style="{ backgroundColor: '#F1F5FB' }">
             <el-table-column
                 prop="itemName"
                 label="组套名称">
@@ -50,10 +53,11 @@ import {post} from '@/utils/request.ts'
 import Mask from "@/components/common/Mask.vue";
 import GroupAdd from "@/components/settings/item/group/GroupAdd.vue";
 import {ElMessage, ElMessageBox} from "element-plus";
+
 let current_page = ref(1)
 const show = ref(false);
 const emit = defineEmits(["confirm"])
-const deleteGroup=(row: any)=>{
+const deleteGroup = (row: any) => {
   ElMessageBox.confirm('确定删除该组套？', '提示', {
     confirmButtonText: '确定',
     cancelButtonText: '取消',
@@ -110,41 +114,28 @@ const handleCurrentChange = (val: any) => {
 <style scoped lang="scss">
 .search_bottom {
   display: block;
-  margin-top: 10px;
 }
 
 .search_content_wrapper {
   background-color: #FFF;
   width: 100%;
   height: 100%;
-  overflow: hidden;
-  margin: auto;
-  margin-top: 20px;
+  display: flex;
+  flex-direction: column;
   border-radius: 10px;
   box-sizing: border-box;
-  padding: 10px;
-}
-
-.search_wrapper {
-  position: relative;
+  padding: 24px;
+  .search_wrapper {
     width: 100%;
     display: flex;
     margin: 0 auto;
     height: 60px;
 
-  span {
-    position: relative;
-    display: block;
-    width: 100px;
-    line-height: 40px;
-  }
-
     .input {
       display: block;
       flex: 1;
     }
 
-
     button {
       width: 80px;
       line-height: 40px;
@@ -154,13 +145,13 @@ const handleCurrentChange = (val: any) => {
       background-color: #409EFF;
       border: none;
     }
-}
+  }
 
-.content {
+  .content {
     display: block;
     width: 100%;
     flex: 1;
-  //min-height: 0;
+    min-height: 0;
 
     table {
       //border-collapse: collapse;
@@ -183,8 +174,10 @@ const handleCurrentChange = (val: any) => {
     tr:hover {
       //background-color: #f5f5f5;
     }
+  }
 }
 
+
 :deep(.invalid) {
   color: #409EFF;
 }
@@ -193,7 +186,8 @@ const handleCurrentChange = (val: any) => {
   width: 100%;
   height: 400px;
 }
-.bottom{
+
+.bottom {
   height: 100%;
   display: flex;
   justify-content: flex-end;