gx

chenyc

2025-10-28 f10f14ad1e100246c6bd19d30f275204147c8981

 src/views/prescriptionDrug/index.vue

@@ -4,37 +4,53 @@
            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>
@@ -43,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>