From 184ac04d2f01aa2738c4c3e0c028f1e598e4a57c Mon Sep 17 00:00:00 2001
From: ChenQiuYu <chenqiuyu@jizhiweb.cn>
Date: Mon, 12 May 2025 16:55:00 +0800
Subject: [PATCH] dev

---
 .../images/slices/{路径 2@2x.png => 6.png}    | Bin
 src/assets/scss/main.scss                     |   5 +
 src/components/SearchInput.vue                | 104 +++++++++++++++---
 src/components/common/goods/GoodsDetail.vue   |   2 +-
 .../common/service/ServiceDetail.vue          |   2 +-
 src/components/outpatient/MedicalQueue.vue    |   2 +-
 src/views/charge/index.vue                    |   2 +
 src/views/dev/dev.vue                         |   4 +-
 src/views/registration/index.vue              |   3 +-
 9 files changed, 103 insertions(+), 21 deletions(-)
 rename public/static/images/slices/{路径 2@2x.png => 6.png} (100%)

diff --git a/public/static/images/slices/路径 2@2x.png b/public/static/images/slices/6.png
similarity index 100%
rename from public/static/images/slices/路径 2@2x.png
rename to public/static/images/slices/6.png
diff --git a/src/assets/scss/main.scss b/src/assets/scss/main.scss
index 7614eaf..2f4537f 100644
--- a/src/assets/scss/main.scss
+++ b/src/assets/scss/main.scss
@@ -90,3 +90,8 @@ body {
 .clear-margin {
   margin: 0;
 }
+.el-popper.is-light.type-popper, .el-popper.is-light>.el-popper__arrow:before{
+  background:#F5FAFF !important;
+  padding: 0 !important;
+  border: 1px solid #4D6DE4 !important;
+}
\ No newline at end of file
diff --git a/src/components/SearchInput.vue b/src/components/SearchInput.vue
index 945d331..21090ec 100644
--- a/src/components/SearchInput.vue
+++ b/src/components/SearchInput.vue
@@ -1,7 +1,7 @@
 <template>
 
   <el-popover placement="bottom-start" :visible="isVisible" :width="props.width" ref="popoverRef"
-              :trigger-keys="[]">
+              :trigger-keys="[]" style="height: 500px" popper-class="type-popper">
     <template #reference>
       <el-input
           ref="inputRef"
@@ -19,19 +19,40 @@
       />
     </template>
     <div class="container">
-      <el-table
-          :data="searchList" style="width: 100%"
-          @row-click="clickRow"
-          :show-header="props.showHeader"
-          max-height="200px"
-      >
-        <el-table-column
-            v-for="item in showConfig"
-            :prop="item.prop"
-            :label="item.label||'-'"
-            show-overflow-tooltip
-        ></el-table-column>
-      </el-table>
+      <el-scrollbar>
+        <table class="table" style="width: 100%; border-collapse: collapse;max-height: 50px">
+          <!-- 表头 -->
+          <thead>
+          <tr class="table-title">
+            <th
+                v-for="item in showConfig"
+                :key="item.prop"
+                style="background-color: #f5f7fa; padding: 8px;"
+            >
+              {{ item.label }}
+            </th>
+          </tr>
+          </thead>
+
+          <!-- 表体 -->
+          <tbody>
+          <tr class="table-body"
+              v-for="(item, index) in searchList"
+              :key="index"
+              @click="clickRow(item)"
+              style="cursor: pointer; transition: background-color 0.2s;"
+          >
+            <td
+                v-for="showItem in showConfig"
+                :key="showItem.prop"
+                style="vertical-align: middle; padding: 8px;"
+            >
+              {{ item[showItem.prop] }}
+            </td>
+          </tr>
+          </tbody>
+        </table>
+      </el-scrollbar>
     </div>
   </el-popover>
 
@@ -107,7 +128,7 @@ const beforeShow = () => {
 const isVisible = ref(false)
 const focus = () => {
   isVisible.value = true
-  console.log("focus输入框")
+  changeInput("")
   emit('focus', true)
 }
 const handlerBlur = () => {
@@ -131,4 +152,57 @@ const handlerBlur = () => {
     border: 1px solid #409eff !important;
   }
 }
+
+.table {
+  th {
+    background: none !important;
+  }
+
+  .table-title {
+    height: 52px;
+    font-weight: 500;
+    font-size: 14px;
+    color: #333333;
+    font-style: normal;
+
+    th {
+      text-align: left;
+      &:nth-child(1) {
+        width: 200px;
+        text-align: left;
+        border-radius: 8px 8px 0 0;
+        padding-left: 24px !important;
+      }
+    }
+  }
+
+  .table-body {
+    height: 52px;
+    font-weight: 500;
+    font-size: 14px;
+    color: #666666;
+    font-style: normal;
+    td {
+      &:nth-child(1) {
+        width: 200px;
+        text-align: left;
+        padding-left: 30px !important;
+        white-space: nowrap; /* 防止文本换行 */
+        overflow: hidden; /* 隐藏溢出的文本 */
+        text-overflow: ellipsis; /* 显示省略号 */
+      }
+    }
+
+
+
+    &:last-child {
+      border-radius: 0 0 8px 8px;
+    }
+
+    &:hover {
+      background-color: #4D6DE4;
+      color: #fff;
+    }
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/components/common/goods/GoodsDetail.vue b/src/components/common/goods/GoodsDetail.vue
index 3d786f7..78aa540 100644
--- a/src/components/common/goods/GoodsDetail.vue
+++ b/src/components/common/goods/GoodsDetail.vue
@@ -14,7 +14,6 @@
             <template #reference>
               {{ scope.row.name }}
             </template>
-
             <div class="detail">
               <div style="display: flex;justify-content: space-between">
                 <div style="font-size: 18px;font-weight: 500;color: #000">{{
@@ -89,6 +88,7 @@
             @selectedCallBack="goodsSelect"
             :disabled="!props.status"
             @focus="focus"
+            :width="1000"
         ></SearchInput>
       </div>
       <span v-if="status">合计：￥{{ getTotalPrice() }}</span>
diff --git a/src/components/common/service/ServiceDetail.vue b/src/components/common/service/ServiceDetail.vue
index fa67c8b..d3a43e3 100644
--- a/src/components/common/service/ServiceDetail.vue
+++ b/src/components/common/service/ServiceDetail.vue
@@ -1,6 +1,6 @@
 <template>
   <Panel title="服务项目">
-    <el-table v-if="itemDetail.length>0" :data="itemDetail" max-height="150">
+    <el-table v-if="itemDetail.length>0" :data="itemDetail">
       <el-table-column prop="itemName" label="项目名称" show-overflow-tooltip width="200">
         <template #default="scope">
           <el-popover
diff --git a/src/components/outpatient/MedicalQueue.vue b/src/components/outpatient/MedicalQueue.vue
index e1c2027..601ed12 100644
--- a/src/components/outpatient/MedicalQueue.vue
+++ b/src/components/outpatient/MedicalQueue.vue
@@ -19,7 +19,7 @@
     <div class="panel-content" style="display: flex;flex-direction: column;height: 100%">
       <div class="tabs">
       <span v-for="(item,index) in statusList" :class="curStatus == item.status ? 'tabs-item' : ''"
-            @click="clickTab(item)">{{ item.label }}&nbsp;{{ item.num }}</span>
+            @click="clickTab(item)">{{ item.label }}&nbsp;({{ item.num }})</span>
       </div>
       <div class="search">
         <img src="/static/images/outpatient/search.png" class="search-icon" alt="搜索图标">
diff --git a/src/views/charge/index.vue b/src/views/charge/index.vue
index 2b27b14..9925d8e 100644
--- a/src/views/charge/index.vue
+++ b/src/views/charge/index.vue
@@ -160,6 +160,8 @@ const getDockerList = () => {
   })
 }
 const orderCompleted = () => {
+  getDockerList()
+  list()
   nextTick(() => {
     chargeQueueRef.value?.getOrderList()
   })
diff --git a/src/views/dev/dev.vue b/src/views/dev/dev.vue
index 5050aba..78c14cb 100644
--- a/src/views/dev/dev.vue
+++ b/src/views/dev/dev.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
 
-import Calendar from "@/components/common/Calendar.vue";
+
 </script>
 
 <template>
-<Calendar />
+<input  type="date">
 </template>
 
 <style scoped lang="scss">
diff --git a/src/views/registration/index.vue b/src/views/registration/index.vue
index b0029fd..bd4c6a1 100644
--- a/src/views/registration/index.vue
+++ b/src/views/registration/index.vue
@@ -108,7 +108,7 @@ const initDoctor = () => {
   })
 }
 const patientList = ref<any>([])
-const selectedDate = ref<any>([getToday().start, getToday().end])
+const selectedDate = ref<any>([])
 const handleDateChange = (date: any[]) => {
   selectedDate.value = formatDateArray(date)
   if (selectedDate.value[0] == selectedDate.value[1]) {
@@ -119,6 +119,7 @@ const handleDateChange = (date: any[]) => {
 const getPatientList = () => {
   isShowNum.value = -1
   id.value = null
+  selectedDate.value = [getToday().start, getToday().end]
   post('registration/list', {
     page: page.value,
     size: size.value,