|  |  |  | 
|---|
|  |  |  | <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; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|