|  |  |  | 
|---|
|  |  |  | :style="{height: height}"> | 
|---|
|  |  |  | <view class="fp_list_item" v-for="(item, i) in list" :key="item.id" @click="clickItem(i)"> | 
|---|
|  |  |  | <view class="fp_list_item_header"> | 
|---|
|  |  |  | <view class="fp_list_item_header_xz"> | 
|---|
|  |  |  | <u-checkbox-group> | 
|---|
|  |  |  | <u-checkbox :checked="item.isActive"></u-checkbox> | 
|---|
|  |  |  | </u-checkbox-group> | 
|---|
|  |  |  | <view class="fp_list_item_header_xz_f"></view> | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | <u-checkbox :checked="item.isActive"></u-checkbox> | 
|---|
|  |  |  | <text v-if="item.mmodel">{{item.mmodel.name}}</text> | 
|---|
|  |  |  | <view class="tags" v-if="item.urgent">优先{{item.urgent}}</view> | 
|---|
|  |  |  | <view class="warning" v-if="item.type === 2">返工</view> | 
|---|
|  |  |  | 
|---|
|  |  |  | // 点击当前项 | 
|---|
|  |  |  | clickItem(i) { | 
|---|
|  |  |  | this.list.forEach((item, index) => { | 
|---|
|  |  |  | item.isActive = i === index | 
|---|
|  |  |  | if (i === index) { | 
|---|
|  |  |  | item.isActive = !item.isActive | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | // 搜索 | 
|---|
|  |  |  | 
|---|
|  |  |  | .fp_list_item_header { | 
|---|
|  |  |  | display: flex; | 
|---|
|  |  |  | align-items: center; | 
|---|
|  |  |  | .fp_list_item_header_xz { | 
|---|
|  |  |  | width: 40rpx; | 
|---|
|  |  |  | height: 40rpx; | 
|---|
|  |  |  | position: relative; | 
|---|
|  |  |  | .fp_list_item_header_xz_f { | 
|---|
|  |  |  | position: absolute; | 
|---|
|  |  |  | top: 0; | 
|---|
|  |  |  | left: 0; | 
|---|
|  |  |  | width: 100%; | 
|---|
|  |  |  | height: 100%; | 
|---|
|  |  |  | z-index: 99; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | text { | 
|---|
|  |  |  | max-width: 64%; | 
|---|
|  |  |  | overflow: hidden; | 
|---|