k94314517
2023-09-05 fa2f172812de8344fa22c4ef088ea2a67257a0d3
h5_standard/src/components/common/Access.vue
@@ -1,8 +1,5 @@
<template>
    <van-popup
        v-model:show="props.show"
        position="bottom"
        :style="{ height: '100%' }">
  <van-popup v-model:show="props.show" position="bottom" :style="{ height: '100%' }">
        <div class="title">
            <div class="close" @click="close"><van-icon name="arrow-down" size="30" color="#ffffff" /></div>
        </div>
@@ -12,11 +9,7 @@
            </div>
            <div class="content_total">共{{form.total}}条数据</div> -->
            <van-pull-refresh v-model="refreshing" @refresh="onRefresh">
                <van-list
                    v-model:loading="loading"
                    :finished="finished"
                    finished-text="没有更多了~"
                    @load="onLoad">
        <van-list v-model:loading="loading" :finished="finished" finished-text="没有更多了~" @load="onLoad">
                    <div class="content_list">
                        <div class="content_list_item" v-for="(item, i) in list" :key="i" @click="jump(item, i)">
                            <div class="wl">
@@ -28,7 +21,8 @@
                                <div class="content_list_item_name">{{item.categoryBigName ? item.categoryBigName : ''}}{{item.categoryMiddleName ? item.categoryMiddleName : ''}}{{item.categorySmallName ? item.categorySmallName : ''}}-{{item.code}}</div> -->
                            </div>
                            <div class="sx">
                                <span>{{item.materialName ? item.materialName : '-'}} | {{item.materialCode ? item.materialCode : '-'}} | {{item.num}}{{item.umodelName}}</span>
                <span>{{ item.materialName ? item.materialName : '-' }} | {{ item.materialCode ? item.materialCode : '-' }} |
                  {{ item.num }}{{ item.umodelName }}</span>
                            </div>
                            <div class="zl">
                                <span>
@@ -214,6 +208,7 @@
        right: 50px;
        bottom: 100px;
        z-index: 9;
        .close {
            width: 80px;
            height: 80px;
@@ -224,29 +219,35 @@
            justify-content: center;
        }
    }
    .content {
        .content_code {
            position: fixed;
            right: 30px;
            bottom: 100px;
            img {
                width: 138px;
                height: 138px;
            }
        }
        .content_top {
            top: 0 !important;
        }
        .content_search {
            padding: 30px;
            background: white;
            position: sticky;
            top: 88px;
            z-index: 9;
            .content_search_x {
                height: 24px;
            }
        }
        .content_total {
            padding: 24px 30px;
            background: #F7F7F7;
@@ -254,39 +255,48 @@
            font-weight: 400;
            color: #666666;
        }
        .content_list {
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
            .content_list_item {
                padding: 30px;
                display: flex;
                flex-direction: column;
                border-bottom: 1px solid #ececec;
                .wl {
                    display: flex;
                    align-items: center;
                    .content_list_item_status {
                        font-size: 28px;
                        margin-right: 10px;
                    }
                    .content_list_item_name {
                        font-size: 30px;
                        font-weight: 500;
                        color: #111111;
                    }
                }
                .sx {
                    margin-top: 15px;
                    span {
                        font-size: 26px;
                        font-weight: 400;
                        color: #444444;
                    }
                }
                .zl {
                    margin-top: 15px;
                    span {
                        font-size: 24px;
                        font-weight: 400;
@@ -295,5 +305,4 @@
                }
            }
        }
    }
</style>
}</style>