gx

chenyc

2025-10-28 f10f14ad1e100246c6bd19d30f275204147c8981

 src/views/prescriptionDrug/index.vue

@@ -12,13 +12,16 @@
        <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.drugName}}</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">
@@ -94,78 +97,84 @@
    })
</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%;
        .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;

                div {
                    // height: 40px;
                    font-size: 13px;
                    font-family: Arial, sans-serif;
                .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>