45

chenyc

2022-11-01 e0b8b033b1c2483367dddb556ca82f906c217185

 src/views/prescriptionDrug/index.vue

@@ -1,35 +1,45 @@
<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>
                            <span>{{order.orderNameInfo.drugName}}</span>
                        </van-col>
                        <van-col span="6" style="text-align: right;color: #769AFF;font-weight: 400;">长期医嘱</van-col>
                    </van-row>
                    <van-row class="lable">
                    <van-row class="lable3">
                        <van-col span="24">
                            <span class="labletext">医嘱内容:</span>
                            <span>
                                人促红素注射液（环尔博）12gmm/dsad
                                {{order.orderNameInfo.drugName}}
                                {{order.orderNameInfo.drugSpec}}
                                {{order.orderUsage}}
                                {{order.orderFromInfo.dictText}}
                                {{order.orderFreqInfo.dictText}}
                            </span>
                        </van-col>
                    </van-row>
                    <van-row class="lable">
                        <van-col span="12">
                            <span class="labletext">开嘱医生:</span>
                            <span>张三丰</span>
                            <span>{{order.orderDoctorInfo.userName}}</span>
                        </van-col>
                        <van-col span="12">
                            <span class="labletext">开嘱时间:</span>
                            <span>2022-08-01</span>
                            <span>{{order.createTime.split(' ')[0]}}</span>
                        </van-col>
                    </van-row>
                </van-row>
@@ -38,8 +48,27 @@
    </div>
</template>
<script lang="ts" setup>
    import {ref,reactive,watchEffect,watch} from 'vue'
    import {ref,reactive,watchEffect,watch,onMounted} from 'vue'
    import {ajaxPost} from '@/utils/axios'
    import {useRouter} from 'vue-router'
    const router=useRouter()
    const inputValue=ref('')
    const pageData=ref([])
    const fanhui=()=>{
        router.go(-1)
    }
    const chaxu=(orderName:string)=>{
        ajaxPost('/patient/drug/order/listDrugOrdersByPatient',`orderName=${orderName}`).then((re:any)=>{
            console.log(re)
            pageData.value=re
        })
    }
    onMounted(()=>{
        chaxu(inputValue.value)
    })
    watch(()=>inputValue.value,()=>{
        chaxu(inputValue.value)
    })
</script>
<style lang="scss">
    .report{
@@ -84,6 +113,24 @@
                }
               }
            }
            .lable3{
                width: 90%;
                margin-left: 5%;
                height: 40px;
               div{
                height: 40px;
                font-size: 13px;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: #2A2A2A;
                line-height: 20px;
                border-bottom: #F1F1F2 1px solid;
                .labletext{
                    font-weight: 400;
                    color: #777777;
                }
               }
            }
        }
    }
</style>