gx

chenyc

2025-10-28 f10f14ad1e100246c6bd19d30f275204147c8981

 src/views/prescriptionDrug/index.vue

@@ -12,34 +12,45 @@
        <div class="listdiv">
            <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">
                        <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>{{order.orderNameInfo.itemName}}</span>
                            <span class="text-wrap" style=" overflow: hidden;">{{order.drugName}}</span>
                        </van-col>
                        <van-col span="6" style="text-align: right;color: #769aff;font-weight: 400;">长期医嘱</van-col>

                    </van-row>
                    <van-row class="lable3">
                        <van-col span="24">
                            <span class="labletext">医嘱内容:</span>
                            <span>
                                {{order.orderNameInfo.itemName}}
                                {{order.orderNameInfo.drugSpec}}
                                {{order.orderUsage}}
                                {{order.orderFromInfo.dictText}}
                                {{order.orderFreqInfo.dictText}}
                                规格：{{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>{{order.orderDoctorInfo.userName}}</span>
                            <span>{{order.orderDoctor}}</span>
                        </van-col>
                        <van-col span="12">
                            <span class="labletext">开嘱时间:</span>
                            <span>{{order.createTime.split(' ')[0]}}</span>
                            <span>{{order.orderTime?.substring(0,10)}}</span>
                        </van-col>
                    </van-row>
                </van-row>
@@ -50,98 +61,120 @@
<script lang="ts" setup>
    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=(orderName:string)=>{
        ajaxPost('/patient/drug/order/listDrugOrdersByPatient',`orderName=${orderName}`).then((re:any)=>{
    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()
        })
    }
    onMounted(()=>{
        chaxu(inputValue.value)
    watch(inputValue,()=>{
        chaxu()
    })
    watch(()=>inputValue.value,()=>{
        chaxu(inputValue.value)
    onMounted(()=>{
        chaxu()
    })
</script>
<style lang="scss">
    .report {
        background-color: #f6faff;
        padding: 0;
.report {
    background-color: #f6faff;
    padding: 0;

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

            .input {
                width: 100%;
        .input {
            width: 100%;

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

                // line-height: 33px;
            }
            // line-height: 33px;
        }
    }
}

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

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

                    .labletext {
                        font-weight: 400;
                        color: #777;
                    }
                    color: #777;
                }
            }
        }

            .lable3 {
                width: 90%;
                margin-left: 5%;
                height: 40px;
        .lable3 {
            width: 90%;
            margin-left: 5%;

                div {
                    height: 40px;
                    font-size: 13px;
                    font-family: Arial, sans-serif;
            // 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: #2a2a2a;
                    line-height: 20px;
                    border-bottom: #f1f1f2 1px solid;

                    .labletext {
                        font-weight: 400;
                        color: #777;
                    }
                    color: #777;
                }
            }
        }
    }
}

.text-wrap {
    //   word-wrap: break-word;           /* 长单词或URL自动换行 */
    //   white-space: normal;             /* 允许换行 */
    overflow: hidden;                /* 超出隐藏 */
}
</style>