From 5d6c0e614bab737842e402077bee47a9d4e18733 Mon Sep 17 00:00:00 2001
From: chenyc <501753378@qq.com>
Date: 星期五, 14 十一月 2025 14:47:39 +0800
Subject: [PATCH] gx密码输入提示

---
 src/views/prescriptionDrug/index.vue |  181 ++++++++++++++++++++++++++++++++++-----------
 1 files changed, 136 insertions(+), 45 deletions(-)

diff --git a/src/views/prescriptionDrug/index.vue b/src/views/prescriptionDrug/index.vue
index 4a4c04f..5efb549 100644
--- a/src/views/prescriptionDrug/index.vue
+++ b/src/views/prescriptionDrug/index.vue
@@ -1,35 +1,56 @@
 <template>
     <div class="report">
+        <van-nav-bar
+            title=""
+            left-text="返回"
+            left-arrow
+            @click="fanhui"
+        />
         <div class="inputdiv">
-            <van-field left-icon="search" class="input" v-model="inputValue" placeholder="模糊匹配项目、日期检索" />
+            <van-field left-icon="search" class="input" v-model="inputValue" placeholder="模糊匹配项目、医嘱名称" />
         </div>
         <div class="listdiv">
-            <div class="listrow" v-for="x in 6" :key="x">
+            <div class="listrow" v-for="(order,index) in pageData" :key="index">
                 <van-row>
-                    <div class="info"></div>
                     <van-row class="lable">
-                        <van-col span="18">
-                            <span class="labletext">医嘱名称:</span>
-                            <span>人促红素注射液(环尔博)</span>
-                        </van-col>
-                        <van-col span="6" style="text-align: right;color: #769AFF;font-weight: 400;">长期医嘱</van-col>
+                        <van-col span="24" style="text-align: right;color: #769aff;font-weight: 400;">长期医嘱</van-col>
                     </van-row>
                     <van-row class="lable">
+
+                        <van-col span="24">
+                            <span class="labletext">医嘱名称:</span>
+                            <span class="text-wrap" style=" overflow: hidden;">{{order.drugName}}</span>
+                        </van-col>
+
+                    </van-row>
+                    <van-row class="lable3">
                         <van-col span="24">
                             <span class="labletext">医嘱内容:</span>
                             <span>
-                                人促红素注射液(环尔博)12gmm/dsad
+                                规格:{{order.drugSpec}}
+                                用量:{{order.orderUsage}} {{order.drugUnit}}
+                                {{order.drugFrom}}
+                                {{order.orderFreq}}
+                            </span>
+                            用量:{{order.orderUsage}} {{order.drugUnit}}
+                            <span v-if="order.subDrugOrders.length">
+                                <br />
+                                组合药品:
+                                <span v-for="(subOrder,subIndex) in order.subDrugOrders" :key="subIndex">
+                                    {{subOrder.drugName}} 规格:{{subOrder.drugSpec}} 用量:{{subOrder.orderUsage}} {{subOrder.drugUnit}}
+                                    <span v-if="subIndex !== order.subDrugOrders.length - 1">,</span>
+                                </span>
                             </span>
                         </van-col>
                     </van-row>
                     <van-row class="lable">
                         <van-col span="12">
                             <span class="labletext">开嘱医生:</span>
-                            <span>张三丰</span>
+                            <span>{{order.orderDoctor}}</span>
                         </van-col>
                         <van-col span="12">
                             <span class="labletext">开嘱时间:</span>
-                            <span>2022-08-01</span>
+                            <span>{{order.orderTime?.substring(0,10)}}</span>
                         </van-col>
                     </van-row>
                 </van-row>
@@ -38,52 +59,122 @@
     </div>
 </template>
 <script lang="ts" setup>
-    import {ref,reactive,watchEffect,watch} from 'vue'
+    import {ref,watch,onMounted} from 'vue'
+    import {ajaxPost} from '@/utils/axios'
+    import { Toast } from 'vant'
+    import { userInfoStore } from '@/stores/userInfo'
+    import {useRouter} from 'vue-router'
+    const userInfo = userInfoStore()
+    const router=useRouter()
     const inputValue=ref('')
+    const pageData=ref([])
+    const fanhui=()=>{
+        router.go(-1)
+    }
+    const chaxu=()=>{
+
+        const pams={
+            orderName:inputValue.value,
+            orderIsUse:2,
+            patientCode:userInfo.patient.patientInfo.code
+        }
+        const toast1=  Toast.loading({
+            message: '加载中...',
+            forbidClick: true,
+        })
+        ajaxPost('/patient/drug/order/vs/patient/list3',pams).then((re:any)=>{
+            console.log(re)
+            pageData.value=re
+        }).finally(()=>{
+            toast1.clear()
+        })
+    }
+    watch(inputValue,()=>{
+        chaxu()
+    })
+    onMounted(()=>{
+        chaxu()
+    })
 </script>
 <style lang="scss">
-    .report{
-        background-color: #F6FAFF;
-        padding: 0;
-        .inputdiv{
-            width: 94%;
-            margin-left: 3%;
-            margin-top: 10px;
-            .input{
-                width: 100%;
-                // height: 33px;
-                border-radius: 22px;
-                border: 1px solid #DADADA;
-                // line-height: 33px;
-            }
+.report {
+    background-color: #f6faff;
+    padding: 0;
+
+    .inputdiv {
+        width: 94%;
+        margin-left: 3%;
+        margin-top: 10px;
+
+        .input {
+            width: 100%;
+
+            // height: 33px;
+            border-radius: 22px;
+            border: 1px solid #dadada;
+
+            // line-height: 33px;
         }
     }
-    .listdiv{
-        .listrow{
-            margin-top: 10px;
-            width: 94%;
-            margin-left: 3%;
-            background: #FFFFFF;
-            box-shadow: 0px 2px 4px 0px rgba(70,150,249,0.1);
-            border-radius: 8px;
-            .lable{
-                width: 90%;
-                margin-left: 5%;
-                height: 40px;
-               div{
+}
+
+.listdiv {
+    .listrow {
+        margin-top: 10px;
+        width: 94%;
+        margin-left: 3%;
+        background: #fff;
+        box-shadow: 0 2px 4px 0 rgba(70, 150, 249, 0.1);
+        border-radius: 8px;
+
+        .lable {
+            width: 90%;
+            margin-left: 5%;
+            height: 40px;
+
+            div {
                 height: 40px;
                 font-size: 13px;
-                font-family: PingFangSC-Regular, PingFang SC;
+                font-family: Arial, sans-serif;
                 font-weight: 400;
-                color: #2A2A2A;
+                color: #2a2a2a;
                 line-height: 40px;
-                border-bottom: #F1F1F2 1px solid;
-                .labletext{
+                border-bottom: #f1f1f2 1px solid;
+
+                .labletext {
                     font-weight: 400;
-                    color: #777777;
+                    color: #777;
                 }
-               }
+            }
+        }
+
+        .lable3 {
+            width: 90%;
+            margin-left: 5%;
+
+            // height: 40px;
+
+            div {
+                // height: 40px;
+                font-size: 13px;
+                font-family: Arial, sans-serif;
+                font-weight: 400;
+                color: #2a2a2a;
+                line-height: 20px;
+                border-bottom: #f1f1f2 1px solid;
+
+                .labletext {
+                    font-weight: 400;
+                    color: #777;
+                }
             }
         }
     }
+}
+
+.text-wrap {
+    //   word-wrap: break-word;           /* 长单词或URL自动换行 */
+    //   white-space: normal;             /* 允许换行 */
+    overflow: hidden;                /* 超出隐藏 */
+}
 </style>
\ No newline at end of file

--
Gitblit v1.8.0