医嘱问题

chenyc

2025-08-28 959caa2054458ae8bfd66ed2998fae671ac2528d

 src/views/prescriptionDrug/index.vue

@@ -7,35 +7,47 @@
            @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.drugName}}</span>
                        </van-col>
                        <van-col span="6" style="text-align: right;color: #769AFF;font-weight: 400;">长期医嘱</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.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>
@@ -44,56 +56,114 @@
    </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;
    .report {
        background-color: #f6faff;
        padding: 0;
        .inputdiv{

        .inputdiv {
            width: 94%;
            margin-left: 3%;
            margin-top: 10px;
            .input{

            .input {
                width: 100%;

                // height: 33px;
                border-radius: 22px;
                border: 1px solid #DADADA;
                border: 1px solid #dadada;

                // line-height: 33px;
            }
        }
    }
    .listdiv{
        .listrow{

    .listdiv {
        .listrow {
            margin-top: 10px;
            width: 94%;
            margin-left: 3%;
            background: #FFFFFF;
            box-shadow: 0px 2px 4px 0px rgba(70,150,249,0.1);
            background: #fff;
            box-shadow: 0 2px 4px 0 rgba(70, 150, 249, 0.1);
            border-radius: 8px;
            .lable{

            .lable {
                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: 40px;
                border-bottom: #F1F1F2 1px solid;
                .labletext{

                div {
                    height: 40px;
                    font-size: 13px;
                    font-family: Arial, sans-serif;
                    font-weight: 400;
                    color: #777777;
                    color: #2a2a2a;
                    line-height: 40px;
                    border-bottom: #f1f1f2 1px solid;

                    .labletext {
                        font-weight: 400;
                        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;
                    }
                }
            }
        }
    }