#

whycq

2022-04-01 972b300a12c7d671ac28490693d3affaa1c04f47

 pages/basics/demo.vue

@@ -1,16 +1,16 @@
<template>
   <view>
      <scroll-view>
         <view class="demo-tab">
         <view>
            <checkbox-group @change="checkbox">
               <label v-for="(item,index) in data" :key="index" class="demo-list bg-false" :class="'bg-'+item.checked" >
                  <view class="demo-list-left">
                     <checkbox :value="item.id+''" :checked="item.checked" />
                     <checkbox :value="item.id+''" :checked="item.checked" style="display: block;" />
                  </view>
                  <view class="demo-list-right">
                     <view><text style="width: 90rpx;">订单  | </text>{{item.orderNo}}<text>序号：{{index+1}} </text></view>
                     <view><text >商品编码：</text>{{item.matnr}}</view>
                     <view ><text>应入数量：</text><view class="text-num">{{item.anfme}}</view><text>商品名称：</text>{{item.maktx}}</view>
                     <view><text style="font-weight: bold;">序号：{{index+1}}</text><text>订单 | </text>{{item.orderNo}}</view>
                     <view><text style="font-size: 15rpx;">商品编码：</text>{{item.matnr}}</view>
                     <view><text style="font-size: 15rpx;">应入数量：</text><view class="text-num">{{item.anfme}}</view><text>商品名称：</text>{{item.maktx}}</view>
                     <view><text>已入数量：</text><view class="text-num">{{item.inQty}}</view><text>订单状态：</text>{{item.state$}}</view>
                  </view>
               </label>
@@ -153,12 +153,10 @@
   .bg-true {
      background-color: #ebebeb;
   }
   .demo-tab {
   }
   .demo-list {
      
   .demo-list {
      border-bottom: 1px solid #d8d8d8;
      height: 160rpx;
      height: 150rpx;
   }
   .demo-list:last-child {
      margin-bottom: 99rpx;
@@ -167,21 +165,23 @@
      display: block;
   }
   .demo-list-left {
      /* background-color: #007AFF; */
      display: inline-block;
      width: 100rpx;
      float: left;
      text-align: center;
      width: 100rpx;
      height: 150rpx;
      line-height: 150rpx;
   }
   .demo-list-right {
      /* background-color: #55ffff; */
      display: inline-block;
      width: 650rpx;
      float: right;
      float: left;
      height: 150rpx;
   }

   .demo-list-right text {
      display: inline-block;
      width: 150rpx;
   }
   .text-num {
      display: inline-block;