|  |  | 
 |  |  |     <van-popup | 
 |  |  |         v-model:show="props.show" | 
 |  |  |         position="bottom" | 
 |  |  |         :style="{ height: '100%' }"> | 
 |  |  |         :style="{ height: props.height }"> | 
 |  |  |         <div class="title"> | 
 |  |  |             <div class="close" @click="close"><van-icon name="arrow-down" size="30" color="#ffffff" /></div> | 
 |  |  |         </div> | 
 |  |  | 
 |  |  |                     v-model:loading="loading" | 
 |  |  |                     :finished="finished" | 
 |  |  |                     finished-text="没有更多了~" | 
 |  |  |                     @load="onLoad" | 
 |  |  |                 > | 
 |  |  |                     @load="onLoad"> | 
 |  |  |                     <div class="content_list"> | 
 |  |  |                         <div class="content_list_item" v-for="(item, i) in list" :key="i" @click="jump(item)"> | 
 |  |  |                             <div class="content_list_item_name">{{item.name}}</div> | 
 |  |  |                             <div class="content_list_item_name"> | 
 |  |  |                                 <span style="color: #03AF76;" v-if="item.tmodel.label == 'APPLIANCE_ONTEST'">[{{ item.tmodel.code }}]</span> | 
 |  |  |                                 <span style="color: #305ED5;" v-if="item.tmodel.label == 'APPLIANCE_MIX'">[{{ item.tmodel.code }}]</span> | 
 |  |  |                                 <span style="color: #F5A400;" v-if="item.tmodel.label == 'APPLIANCE_OFFTEST'">[{{ item.tmodel.code }}]</span> | 
 |  |  |                                 <span style="color: red;" v-if="item.tmodel.label == 'APPLIANCE_USELESS'">[{{ item.tmodel.code }}]</span> | 
 |  |  |                                 <span>{{item.name}}</span> | 
 |  |  |                             </div> | 
 |  |  |                         </div> | 
 |  |  |                     </div> | 
 |  |  |                 </van-list> | 
 |  |  | 
 |  |  |         systemDicDataId: { | 
 |  |  |             type: String, | 
 |  |  |             default: '' | 
 |  |  |         }, | 
 |  |  |         height: { | 
 |  |  |             type: String, | 
 |  |  |             default: '100%' | 
 |  |  |         } | 
 |  |  |     }) | 
 |  |  |  | 
 |  |  | 
 |  |  |                     margin-right: 10px; | 
 |  |  |                 } | 
 |  |  |                 .content_list_item_name { | 
 |  |  |                     font-size: 28px; | 
 |  |  |                     width: 100%; | 
 |  |  |                     display: flex; | 
 |  |  |                     align-items: center; | 
 |  |  |                     span { | 
 |  |  |                         font-size: 30px; | 
 |  |  |                         font-family: PingFangSC-Regular, PingFang SC; | 
 |  |  |                         font-weight: 400; | 
 |  |  |                         color: #222222; | 
 |  |  |                     } | 
 |  |  |                 } | 
 |  |  |             } | 
 |  |  |         } |