35

chenyc

2025-02-28 206eb1f47082bcc28ebf8093e2899d5875e5ad0c

 src/views/report/index.vue

@@ -4,6 +4,7 @@
            title=""
            left-text="返回"
            left-arrow
            @click="fanhui"
        />
        <div class="inputdiv">
            <van-field left-icon="search" class="input" v-model="inputValue" placeholder="模糊匹配项目、日期检索" />
@@ -18,7 +19,7 @@
                    </van-row>
                    <van-row class="lable">
                        <van-col span="12">检验值</van-col>
                        <van-col span="12" style="text-align: right; color: #769AFF ;" @click="topath('/reportItem')">点击查看详情</van-col>
                        <van-col span="12" style="text-align: right; color: #769aff ;" @click="topath('/reportItem')">点击查看详情</van-col>
                    </van-row>
                    <van-row class="lable">
                        <van-col span="12">最新检查日期</van-col>
@@ -30,7 +31,7 @@
    </div>
</template>
<script lang="ts" setup>
    import {ref,reactive,watchEffect,watch} from 'vue'
    import {ref} from 'vue'
    import {useRouter} from 'vue-router'
    const router=useRouter()
    const inputValue=ref('')
@@ -38,45 +39,55 @@
        console.log('sss')
        router.push(url)
    }
    const fanhui=()=>{
        router.go(-1)
    }
</script>
<style scoped lang="scss">
    .report{
        background-color: #F6FAFF;
    .report {
        background-color: #f6faff;
        padding: 0;
        .inputdiv{

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

            .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: #777777;
                line-height: 40px;
                border-bottom: #F1F1F2 1px solid;
               }

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