| | |
| | | <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> |
| | |
| | | </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"> |
| | |
| | | <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> |
| | |
| | | right: 50px; |
| | | bottom: 100px; |
| | | z-index: 9; |
| | | |
| | | .close { |
| | | width: 80px; |
| | | height: 80px; |
| | |
| | | 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; |
| | |
| | | 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; |
| | |
| | | } |
| | | } |
| | | } |
| | | } |
| | | </style> |
| | | }</style> |