小程序

Mr.Zhang

2023-08-30 b2bf29a2e58d0cbf7dbe19f5640598e64f14b637

 minipro_standard/components/selectMaterial.vue

@@ -1,9 +1,29 @@
<template>

   <u-popup :show="show" :round="10" closeable @close="show=false">

      <view class="material-content">

      <view class="material-content bbox p30">

         <view class="tc b f24 c2">选择物料</view>

         <u-list @scrolltoupper="scrolltoupper" @scrolltolower="scrolltolower">

            <u-list-item v-for="(item, index) in list" :key="index">
               <view class="" style="height: 20px;">{{item}}</view>
            <u-list-item v-for="(item1, index) in list" :key="index">

               <view class="" style="height: 20px;" @click="jump(item1)">

                  <div class="page_content_title_top">

                     <span>{{ item1.materialName + ' | ' + item1.materialCode }}</span>

                  </div>

                  <div class="page_content_title_bottom">

                     <span>{{ item1.locationName }}&nbsp;/&nbsp;</span>

                     <span>{{ item1.num }}{{ item1.unitName }}</span>

                  </div>

                  <div class="page_content_title_bottom">

                     <span class="green" v-if="item1.qualityType == 0">合格&nbsp;<span

                           class="c1">/</span>&nbsp;</span>

                     <span class="orange" v-else-if="item1.qualityType == 1">不良&nbsp;<span

                           class="c1">/</span>&nbsp;</span>

                     <span class="red" v-else-if="item1.qualityType == 2">报废&nbsp;<span

                           class="c1">/</span>&nbsp;</span>

                     <span v-else>-&nbsp;/&nbsp;</span>

                     <span>{{item1.procedureName ? item1.procedureName : '-'}}&nbsp;/&nbsp;</span>

                     <span>{{item1.batch ? item1.batch : '-'}}</span>

                  </div>

               </view>

            </u-list-item>

         </u-list>

      </view>

@@ -40,7 +60,17 @@
            this.loadData()

         },

         loadData() {

            this.list = [1,2,3,4,5,6,1,2,3,4,5,6,1,2,3,4,5,6,1,2,3,4,5,6,1,2,3,4,5,6,1,2,3,4,5,6,1,2,3,4,5,6]

            this.list = [{

               batch: '1',

               materialName: 'dsadas',

               materialCode: '1m0001',

               locationName: 'a仓2号位',

               num: '1',

               unitName: '块',

               qualityType: 0,

               procedureName: '压制',



            }]

         },

         scrolltoupper() {
            console.log('scrolltoupper');
@@ -50,6 +80,10 @@
            console.log('scrolltolower');
            this.loadData()
         },

         jump(item) {
            this.$emit('selectAction', item)
            this.show = false
         }

      }

   }

</script>

@@ -58,4 +92,50 @@
   .material-content {

      height: 800rpx;

   }



   .page_content_title_top {

      display: flex;

      align-items: center;

      justify-content: space-between;



      span {

         &:nth-child(1) {

            font-size: 30rpx;

            font-weight: 500;

            color: #222222;

         }



         &:nth-child(2) {

            flex-shrink: 0;

            font-size: 24rpx;

            font-weight: 400;

            color: #333333;



            // span {

            //    font-size: 24rpx;

            //    color: $nav-color;

            // }

         }

      }

   }



   .page_content_title_bottom {

      margin-top: 10rpx;



      span {

         font-size: 24rpx;

         font-weight: 400;

         color: #666666;

      }

   }



   .page_content_title {

      display: flex;

      flex-direction: column;

      margin-bottom: 10rpx;









   }

</style>