dev

src/components/charge/GoodsDetail.vue

@@ -9,14 +9,16 @@
     <el-table-column prop="number" label="数量">
       <template #default="scope">
         <div v-if="data.status == 0">
-          <el-input-number v-model="scope.row.selectedNum" min="0" @change="handleNumChange" size="small"></el-input-number>
+          <el-input-number v-model="scope.row.selectedNum" min="0" @change="handleNumChange"
+                           size="small"></el-input-number>
           <el-dropdown>
             <span style="line-height: 30px;margin-left: 10px">{{ scope.row.selectedUnit }}</span>
             <template #dropdown>
               <el-dropdown-menu v-if="scope.row.trdnFlag == 1">
                 <el-dropdown-item @click="selectUnit(scope.row,scope.row.packagingUnit)">{{ scope.row.packagingUnit }}
                 </el-dropdown-item>
-                <el-dropdown-item @click="selectUnit(scope.row,scope.row.minPackagingUnit)">{{  scope.row.minPackagingUnit }}
+                <el-dropdown-item @click="selectUnit(scope.row,scope.row.minPackagingUnit)">
+                  {{ scope.row.minPackagingUnit }}
                 </el-dropdown-item>
               </el-dropdown-menu>
             </template>
@@ -39,8 +41,11 @@
       </template>
     </el-table-column>
   </el-table>
-  <SearchInput v-if="data.status == 0" :request-api="goodsSearchApi" :show-config="goodsShowConfig" @selectedCallBack="goodsSelect"></SearchInput>
+  <div class="bottom">
+    <SearchInput v-if="data.status == 0" :request-api="goodsSearchApi" :show-config="goodsShowConfig"
+                 @selectedCallBack="goodsSelect"></SearchInput>
     <span>合计：￥{{ getTotalPrice() }}</span>
+  </div>
 </template>
 <script setup lang="ts">
 import SearchInput from "@/components/SearchInput.vue";
@@ -104,4 +109,8 @@ const getTotalPrice =()=>{
 :deep(.el-table__cell) {
   padding: 0 4px;
 }
+
+.bottom {
+  text-align: right;
+}
 </style>

src/components/charge/PatientCard.vue

@@ -136,11 +136,9 @@ import {onMounted, ref} from "vue";
 import {post} from "@/utils/request.ts";
 const seeDockerInfo = ref<any>();
 const getSeeDockerInfo  = (newValue:any) => {
-  debugger
   if (!newValue)return;
   post('medical/record/getSeeDockerInfo', {regisId: newValue}).then((res: any) => {
     seeDockerInfo.value = res
-    debugger
   })
 }
 const init =(regisId:any)=>{

src/components/charge/ServiceDetail.vue

@@ -25,9 +25,12 @@
       </template>
     </el-table-column>
   </el-table>
+  <div class="bottom">
     <SearchInput v-if="data.status == 0" :request-api="serviceSearchApi" :show-config="serviceShowConfig"
                  @selectedCallBack="serviceSelect"></SearchInput>
     <span>合计：￥{{getTotalPrice()}}</span>
+  </div>
+
 </template>
 <script setup lang="ts">
 import SearchInput from "@/components/SearchInput.vue";
@@ -75,4 +78,7 @@ const getTotalPrice =()=>{
 :deep(.el-table__cell){
   padding: 0 4px;
 }
+.bottom{
+  text-align: right;
+}
 </style>

src/components/outpatient/DiagnosisSearchInput.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-input v-model="keyword" style="width:100%;height: 100%" @input="changeInput" :disabled="disabled" @click="changeInput"
+  <el-input v-model="keyword" :style="{width:props.width+'px',height: 100+'%'}" @input="changeInput" :disabled="disabled" @click="changeInput"
             placeholder="诊断选择" ref="inputRef" @focus="focus"></el-input>
 
   <el-popover placement="bottom-start" trigger="click" :width="props.width" ref="popoverRef" @before-enter="beforeShow" :virtual-ref="inputRef" @hide ="afterShow">

src/components/outpatient/MedicalQueue.vue

@@ -39,7 +39,7 @@
   </Panel>
 </template>
 <script setup lang="ts">
-import {onMounted, ref, watch} from "vue";
+import {nextTick, onMounted, ref, watch} from "vue";
 import Panel from "@/components/common/Panel.vue";
 import {post} from "@/utils/request.ts";
 import {formatTime} from "@/utils/dateUtils.ts";
@@ -56,6 +56,7 @@ const search = ref('')
 const curItem = ref<any>('')
 const emit = defineEmits(['getId', 'changeDetail', 'getStatus'])
 const tab = (item: any) => {
+  nextTick(()=>{
     emit('getStatus', item.value)
     init()
     if (item.value == 3) {
@@ -63,6 +64,7 @@ const tab = (item: any) => {
     } else {
       emit('changeDetail', false)
     }
+  })
 
 }
 const list = ref<any>([])

src/views/charge/index.vue

@@ -7,21 +7,15 @@
       <el-scrollbar>
         <div>
           <Panel title="医疗诊断">
-            <template #tools>
-              <el-cascader
-                  v-model="formData.doctorId"
-                  :options="sectionDoctorOption"
-                  :props="props"
-                  @change="handleChange"
-                  clearable
-              />
-            </template>
             <template #default>
-              <div style="height:64px;padding:0 24px 24px">
+              <div class="diagnosis-content">
+                <div class="diagnosis">
+                  诊断：
                   <DiagnosisSearchInput
                       v-model="diagnosisKeyword"
                       :request-api="diagnosisSearchApi"
                       :show-config="diagnosisShowConfig"
+                      :width="600"
                       @selectedCallBack="diagnosisSelect"
                       ref="diagnosisSearchRef"
                       :show-header="false"
@@ -30,6 +24,20 @@
                   >
                   </DiagnosisSearchInput>
                 </div>
+                <div class="doctor">
+                  医生：
+                  <el-cascader
+                      v-model="formData.doctorId"
+                      :options="sectionDoctorOption"
+                      :props="props"
+                      @change="handleChange"
+                      clearable
+                      size="large"
+                  />
+                </div>
+
+
+              </div>
             </template>
           </Panel>
         </div>
@@ -235,6 +243,12 @@ const generateOptions = () => {
     display: flex;
     flex-direction: column;
     overflow: hidden;
+    .diagnosis-content{
+      height:64px;
+      padding:0 24px 24px;
+      display: flex;
+      justify-content: left;
+    }
 
     .case {
       background: #FFFFFF;