1

yangpeixing

2026-03-31 e9fbecd61a9ab8c5d906269150b6cdc8ca86dfdb

 ¼ª°²PDA/pages/stash/CPinboundorder.vue

@@ -22,6 +22,15 @@
                     style="margin-top: 10rpx;line-height: 17px;color: #596671;font-size: 14px;text-align: center;display: flex;justify-content: space-between;">
                     åˆ›å»ºæ—¥æœŸ  {{item.createDate}}
                  </view>
                  <view  style="margin-top: 10rpx;line-height: 17px;color: #596671;font-size: 14px;text-align: center;display: flex;justify-content: left;">
                     ç‰©æ–™æ–™å·ï¼š&nbsp;&nbsp;
                     <view class="container">
                        <view v-for="(materielCode, index) in getUniqueMaterielCodes(item.details)" :key="index">
                           {{materielCode}}
                           <u-line color="blue" v-if="index < getUniqueMaterielCodes(item.details).length - 1" />
                        </view>
                     </view>
                  </view>
                  <view style="margin-top: 10rpx;display: flex;align-items: center; ">
                     <view
                        style="text-align: center;line-height: 40rpx;border-radius: 8rpx; width: 238rpx;height: 40rpx;font-size: 22rpx;background-color:rgba(22,127,247,0.18);color: #1F63FF;">
@@ -89,6 +98,14 @@
         this.scrollTop = e.scrollTop;
      },
      methods: {
			
         // ç‰©æ–™æ–™å·åŽ»é‡ï¼ˆä¿ç•™åŽŸæœ‰åŠŸèƒ½ï¼‰
         getUniqueMaterielCodes(details) {
            if (!details || !Array.isArray(details)) return [];
            const uniqueCodes = [...new Set(details.map(item => item.materielCode))];
            return uniqueCodes;
         },
			
         search(res) {
            this.getData();
         },
@@ -232,4 +249,16 @@
   .footer {
      padding-top: 50%;
   }
</style>

<style scoped>
/* ä¼˜åŒ–：物料料号换行显示，防止横向溢出 */
.container {
   display: flex;
   flex-wrap: wrap;
   gap: 10rpx;
}
.container view {
   white-space: nowrap;
}
</style>