From 491ffeabd6900338b66fd003f82f02df4be3abe2 Mon Sep 17 00:00:00 2001
From: LiJianZhao <lijianzhao@jizhiweb.cn>
Date: Wed, 30 Apr 2025 14:18:25 +0800
Subject: [PATCH] dev

---
 src/components/PopoverInput.vue               | 16 +++++----
 src/components/SearchInput.vue                | 36 ++++++++++---------
 src/components/charge/GoodsDetail.vue         | 12 +++----
 .../outpatient/DiagnosisSearchInput.vue       | 17 +++++----
 src/views/charge/index.vue                    |  1 +
 5 files changed, 47 insertions(+), 35 deletions(-)

diff --git a/src/components/PopoverInput.vue b/src/components/PopoverInput.vue
index 3b008a6..23cd9ee 100644
--- a/src/components/PopoverInput.vue
+++ b/src/components/PopoverInput.vue
@@ -1,8 +1,6 @@
 <template>
-  <el-popover placement="bottom-start" trigger="click" :width="props.width">
-    <template #reference>
-      <el-input v-model="input" :style="{'width': props.width+'px'}" clearable :disabled="disabled"></el-input>
-    </template>
+  <el-input v-model="input" :style="{'width': props.width+'px'}" clearable :disabled="disabled" ref="inputRef" @click="showPopo"></el-input>
+  <el-popover placement="bottom-start" trigger="click" :width="props.width" :virtual-ref="inputRef" ref="popoverRef">
     <div class="code-popo" v-if="props.list.length > 0">
       <div class="code-item" v-for="item in props.list">
         <div class="code-item-name" v-for="subItem in item" @click="inputStr(subItem)">
@@ -13,7 +11,7 @@
   </el-popover>
 </template>
 <script setup lang="ts">
-import {ref} from "vue";
+import {ref, unref} from "vue";
 
 const input = defineModel<string | null>();
 const props = defineProps({
@@ -30,13 +28,17 @@ const props = defineProps({
     default: false
   }
 })
-
+const popoverRef = ref();
+const showPopo = () => {
+  unref(popoverRef).popperRef?.delayHide?.()
+}
 const inputStr = (str: string) => {
   let strList = input.value ? input.value.split(",") : [];
   strList.push(str);
   input.value = strList.join(",");
-}
 
+}
+const inputRef = ref();
 </script>
 <style scoped lang="scss">
 .code-popo {
diff --git a/src/components/SearchInput.vue b/src/components/SearchInput.vue
index 5092cc3..2cca210 100644
--- a/src/components/SearchInput.vue
+++ b/src/components/SearchInput.vue
@@ -1,19 +1,21 @@
 
 <template>
-  <el-popover placement="bottom-start" trigger="click" :width="props.width" ref="popoverRef">
-    <template #reference>
-      <el-input  style="width: 100%;"
-                       v-model="keyword"
-                       :prefix-icon="Plus"
-                       :placeholder="props.placeholder"
-                       :style="{'width': props.width+'px'}"
-                       clearable
-                       @input="changeInput"
-                       class="no-border-input"
-                       :disabled="disabled"
-      >
-      </el-input>
-    </template>
+  <el-input
+      ref="inputRef"
+      style="width: 100%;"
+             v-model="keyword"
+             :prefix-icon="Plus"
+             :placeholder="props.placeholder"
+             :style="{'width': props.width+'px'}"
+             clearable
+             @input="changeInput"
+             class="no-border-input"
+             :disabled="disabled"
+
+  >
+  </el-input>
+
+  <el-popover placement="bottom-start" trigger="click" :width="props.width" ref="popoverRef" :virtual-ref="inputRef">
     <div class="container">
       <el-table
           :data="searchList"        style="width: 100%"
@@ -32,13 +34,13 @@
   </el-popover>
 </template>
 
-<script setup lang="ts">import { ref } from "vue";
+<script setup lang="ts">import {ref, unref} from "vue";
 import { post } from "@/utils/request.ts";
 import { Plus } from "@element-plus/icons-vue";
 
 const keyword = ref("");
 const popoverRef = ref();
-
+const inputRef = ref();
 interface showConfig {
   prop: string;
   label: string;
@@ -74,12 +76,14 @@ const props = defineProps({
 const searchList = ref([]);
 
 const changeInput = (inputStr: string) => {
+  unref(popoverRef).popperRef?.delayHide?.()
   if (!props.requestApi || props.requestApi === "") {
     return;
   }
   post(props.requestApi, { keyword: keyword.value }).then((res: any) => {
     searchList.value = res;
   });
+
 };
 
 const emit = defineEmits(['selectedCallBack']);
diff --git a/src/components/charge/GoodsDetail.vue b/src/components/charge/GoodsDetail.vue
index cf86336..a4ed3dd 100644
--- a/src/components/charge/GoodsDetail.vue
+++ b/src/components/charge/GoodsDetail.vue
@@ -1,8 +1,8 @@
 <template>
-  <el-table :data="data.goodsDetail" max-height="150">
-    <el-table-column prop="name" label="名称" show-overflow-tooltip></el-table-column>
-    <el-table-column prop="selectedPrice" label="单价"></el-table-column>
-    <el-table-column prop="number" label="数量">
+  <el-table :data="data.goodsDetail" max-height="150" style="width: 100%">
+    <el-table-column prop="name" label="名称" show-overflow-tooltip ></el-table-column>
+    <el-table-column prop="selectedPrice" label="单价" width="100"></el-table-column>
+    <el-table-column prop="number" label="数量" width="200">
       <template #default="scope">
         <div v-if="data.status == 0">
           <el-input-number v-model="scope.row.selectedNum" min="0" @change="handleNumChange"></el-input-number>
@@ -24,9 +24,9 @@
 
       </template>
     </el-table-column>
-    <el-table-column label="操作" v-if="data.status == 0">
+    <el-table-column label="操作" v-if="data.status == 0" width="60">
       <template #default="scope">
-        <el-button type="danger" link @click="delGoods(scope.row)">X</el-button>
+        <div  @click="delGoods(scope.row)">X</div>
       </template>
     </el-table-column>
   </el-table>
diff --git a/src/components/outpatient/DiagnosisSearchInput.vue b/src/components/outpatient/DiagnosisSearchInput.vue
index dd8bf75..0696783 100644
--- a/src/components/outpatient/DiagnosisSearchInput.vue
+++ b/src/components/outpatient/DiagnosisSearchInput.vue
@@ -1,9 +1,9 @@
 <template>
-  <el-popover placement="bottom-start" trigger="click" :width="props.width" ref="popoverRef" @before-enter="beforeShow">
-    <template #reference>
-      <el-input v-model="keyword" style="width:100%;height: 100%" @input="changeInput" :disabled="disabled"
-                placeholder="诊断选择"></el-input>
-    </template>
+  <el-input v-model="keyword" style="width:100%;height: 100%" @input="changeInput" :disabled="disabled"
+            placeholder="诊断选择" ref="inputRef"></el-input>
+
+  <el-popover placement="bottom-start" trigger="click" :width="props.width" ref="popoverRef" @before-enter="beforeShow" :virtual-ref="inputRef">
+
     <div class="container" v-if="searchList.length > 0">
       <el-table :data="searchList" style="width: 100%" @row-click="clickRow" :show-header="props.showHeader"
                 max-height="200px">
@@ -14,7 +14,7 @@
   </el-popover>
 </template>
 <script setup lang="ts">
-import {ref, watch} from "vue";
+import {ref, unref, watch} from "vue";
 import {post} from "@/utils/request.ts";
 
 const keyword = ref("");
@@ -32,6 +32,7 @@ const props = defineProps({
   },
   width: {
     type: Number,
+    default: 1000
 
   },
   showConfig: {
@@ -47,9 +48,13 @@ const props = defineProps({
     default: false
   }
 })
+const inputRef = ref();
+
+
 
 const searchList = ref([]);
 const changeInput = (inputStr: string) => {
+  unref(popoverRef).popperRef?.delayHide?.()
   if (!props.requestApi || props.requestApi === "") {
     return
   }
diff --git a/src/views/charge/index.vue b/src/views/charge/index.vue
index a793d4c..3319beb 100644
--- a/src/views/charge/index.vue
+++ b/src/views/charge/index.vue
@@ -200,6 +200,7 @@ const getOrderTotalPrice = () => {
 
   .middle {
     flex: 1;
+    overflow: hidden;
     display: flex;
     flex-direction: column;