Merge remote-tracking branch 'origin/develop' into develop

openhis-ui-vue3/src/views/doctorstation/components/prescription/prescriptionlist.vue

@@ -766,77 +766,115 @@
       </el-table-column>
       <el-table-column type="selection" align="center" width="60" />
       <el-table-column label="组" align="center" width="60" prop="groupIcon" />
-      <el-table-column label="医嘱" align="center" prop="productName" width="400">
+      <el-table-column label="医嘱类型" align="center" prop="productName" width="130">
         <template #default="scope">
           <template v-if="scope.row.isEdit">
             <el-select
-              style="width: 35%; margin-right: 20px"
-              v-model="scope.row.adviceType"
-              :ref="'adviceTypeRef' + scope.$index"
-              @change="
-                (value) => {
-                  expandOrder = [];
-                  prescriptionList[scope.$index].adviceName = undefined;
-                  adviceQueryParams.adviceType = value;
-                }
-              "
+                size="default"
+                style="width: 100%;"
+                v-model="scope.row.adviceType"
+                :ref="'adviceTypeRef' + scope.$index"
+                placeholder="选择类型"
+                clearable
+                @change="
+                  (value) => {
+                    expandOrder = [];
+                    // 当医嘱类型改变时，清空当前选择的项目名称，因为不同类型项目的数据结构可能不兼容
+                    prescriptionList[scope.$index].adviceName = undefined;
+                    adviceQueryParams.adviceType = value;
+                  }
+                "
+                @clear="
+                  () => {
+                    prescriptionList[scope.$index].adviceName = undefined;
+                    prescriptionList[scope.$index].adviceType_dictText = '';
+                  }
+                "
             >
               <el-option
-                v-for="item in adviceTypeList"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"
-                @click="
-                  () => {
-                    prescriptionList[scope.$index].adviceType = item.value;
-                    prescriptionList[scope.$index].adviceType_dictText = item.label;
-                  }
-                "
-              />
+                  v-for="item in adviceTypeList"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                  @click="
+                    () => {
+                      prescriptionList[scope.$index].adviceType = item.value;
+                      prescriptionList[scope.$index].adviceType_dictText = item.label;
+                    }
+                  "
+              >
+                <span style="float: left">{{ item.label }}</span>
+                <span style="float: right; color: var(--el-text-color-secondary); font-size: 12px">
+                  {{ item.value }}
+                </span>
+              </el-option>
             </el-select>
+          </template>
+          <el-tag v-else size="small" type="primary">{{ scope.row.adviceType_dictText }}</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column label="项目" align="center" prop="" width="280">
+        <template #default="scope">
+          <template v-if="scope.row.isEdit">
             <el-popover
-              :popper-style="{ padding: '0' }"
-              placement="bottom-start"
-              :visible="scope.row.showPopover"
-              :width="1200"
+                :popper-style="{ padding: '0' }"
+                placement="bottom-start"
+                :visible="scope.row.showPopover"
+                :width="1200"
+                trigger="manual"
             >
               <adviceBaseList
-                ref="adviceTableRef"
-                :popoverVisible="scope.row.showPopover"
-                :adviceQueryParams="adviceQueryParams"
-                :patientInfo="props.patientInfo"
-                @selectAdviceBase="
-                  (row) => {
-                    selectAdviceBase(scope.row.uniqueKey, row);
-                  }
-                "
+                  ref="adviceTableRef"
+                  :popoverVisible="scope.row.showPopover"
+                  :adviceQueryParams="adviceQueryParams"
+                  :patientInfo="props.patientInfo"
+                  @selectAdviceBase="
+                    (row) => {
+                      selectAdviceBase(scope.row.uniqueKey, row);
+                    }
+                  "
               />
               <template #reference>
                 <el-input
-                  :ref="'adviceRef' + scope.$index"
-                  style="width: 50%"
-                  v-model="scope.row.adviceName"
-                  placeholder="请选择项目"
-                  @input="handleChange"
-                  @click="handleFocus(scope.row, scope.$index)"
-                  @blur="handleBlur(scope.row)"
-                  @keyup.enter.stop="handleFocus(scope.row, scope.$index)"
-                  @keydown="
-                    (e) => {
-                      if (!scope.row.showPopover) return;
-                      // 拦截上下键和回车事件
-                      if (['ArrowUp', 'ArrowDown', 'Enter'].includes(e.key)) {
-                        e.preventDefault();
-                        // 传递事件到弹窗容器
-                        adviceTableRef.handleKeyDown(e);
+                    :ref="'adviceRef' + scope.$index"
+                    size="default"
+                    style="width: 100%;"
+                    v-model="scope.row.adviceName"
+                    placeholder="输入项目名称搜索或点击选择"
+                    clearable
+                    @input="handleChange"
+                    @click="handleFocus(scope.row, scope.$index)"
+                    @blur="handleBlur(scope.row)"
+                    @clear="() => { scope.row.adviceName = undefined; }"
+                    @keyup.enter.stop="handleFocus(scope.row, scope.$index)"
+                    @keydown="
+                      (e) => {
+                        if (!scope.row.showPopover) return;
+                        // 拦截上下键和回车事件
+                        if (['ArrowUp', 'ArrowDown', 'Enter'].includes(e.key)) {
+                          e.preventDefault();
+                          // 传递事件到弹窗容器
+                          adviceTableRef.handleKeyDown(e);
+                        }
                       }
-                    }
-                  "
-                />
+                    "
+                >
+                  <template #prefix>
+                    <el-icon><Search /></el-icon>
+                  </template>
+                  <template #suffix v-if="scope.row.adviceName">
+                    <el-icon style="cursor: pointer; color: var(--el-color-info);" title="快速选择">
+                      <ArrowDown />
+                    </el-icon>
+                  </template>
+                </el-input>
               </template>
             </el-popover>
           </template>
-          <span v-else>{{ scope.row.adviceName }}</span>
+          <div v-else style="display: flex; align-items: center; gap: 8px;">
+            <el-icon color="var(--el-color-primary)"><Memo /></el-icon>
+            <span>{{ scope.row.adviceName }}</span>
+          </div>
         </template>
       </el-table-column>
       <el-table-column label="状态" align="center" prop="" width="90">
@@ -991,8 +1029,9 @@ import SkinTestInfo from './skinTestInfo';
 import Decimal from 'decimal.js';
 import useUserStore from '@/store/modules/user';
 import {ElMessage, ElMessageBox} from 'element-plus';
-import {ArrowDown} from '@element-plus/icons-vue';
+import {ArrowDown, Search, Memo} from '@element-plus/icons-vue';
 import printUtils, {getPrinterList, PRINT_TEMPLATE, savePrinterToCache,} from '@/utils/printUtils';
+import Template from "@/views/inpatientDoctor/home/emr/components/template.vue";
 
 const emit = defineEmits(['selectDiagnosis']);
 const total = ref(0);