Merge branch 'Dev' of http://101.37.171.70:10101/r/~jhz/STUWMS into Dev

zrg

2025-09-05 46cc7a29dc1f9b3dffee5cdcb9b7f9dfdac3b16d

 components/BillListPopup/BillListPopup.vue

@@ -1,236 +1,310 @@
<template>
   <view>
      <uni-popup ref="popup" type="bottom" @change="popupChangeHandler">
         <view class="content">
            <view class="search-condition">
               <view class="title"><text>源单单号: </text></view>
               <view class="right"><input type="text" v-model="HSourceBillNo" /></view>
            </view>
            <view class="search-condition">
               <view class="title"><text>物料: </text></view>
               <view class="right"><input type="text" v-model="HMater" /></view>
            </view>
            <view class="search-condition">
               <view class="title"><text>关联项: </text></view>
               <view class="right"><input type="text" v-model="HCustom" /></view>
            </view>
            <view class="buttons">
               <view style="flex: 1;"></view>
               <button size="mini" type="primary" @click="search">搜索</button>
               <button size="mini" type="primary" @click="exit">退出</button>
            </view>
            <scroll-view id="#BillListPanel" scroll-y="true" style="height: 55vh;">
               <view class="options-wrapper" v-show="HBillList.length != 0">
                  <uni-card v-for="(bill, index) in HBillList[curPage-1]" :key="index" :title="bill['物料名称']"
                     :extra="`数量: ${bill['数量']}`" @tap="clickCard(bill['HSourceInterID'], bill['单据号'])">
                     <view class="item">
                        <view class="left">单据号: </view>
                        <view class="right">{{bill['单据号']}}</view>
                     </view>
                     <view class="item">
                        <view class="left">物料代码: </view>
                        <view class="right">{{bill['物料代码']}}</view>
                     </view>
                     <!-- <view class="item">
    <view>
        <uni-popup ref="popup" type="bottom" @change="popupChangeHandler">
            <view class="content">
                <view class="search-condition">
                    <view class="title"><text>源单单号: </text></view>
                    <view class="right"><input type="text" v-model="HSourceBillNo" @confirm="getBillList" /></view>
                </view>
                <view class="search-condition">
                    <view class="title"><text>物料: </text></view>
                    <view class="right"><input type="text" :focus="enablefocus" v-model="HMater"
                            @confirm="getBillList" /></view>
                </view>
                <view class="search-condition">
                    <view class="title"><text>关联项: </text></view>
                    <view class="right"><input type="text" v-model="HCustom" @confirm="getBillList" /></view>
                </view>
                <view class="buttons">
                    <view style="flex: 1;"></view>
                    <button size="mini" type="primary" @click="search">搜索</button>
                    <button v-if="MultiSourceBill" size="mini" type="primary" @click="ret">返回</button>
                    <button size="mini" type="primary" @click="exit">退出</button>
                </view>
                <scroll-view id="#BillListPanel" scroll-y="true" style="height: 55vh;">
                    <view class="options-wrapper" v-show="HBillList.length != 0">
                        <uni-card :is-active="bill.isActive" :class="bill.isActive?'uni-card--is-active':''"
                            v-for="(bill, index) in HBillList[curPage-1]" :key="index" :title="bill['物料名称']"
                            :extra="`数量: ${bill['数量']}`" @tap="clickCard(bill['HSourceInterID'], bill['单据号'], index)">
                            <view class="item">
                                <view class="left">单据号: </view>
                                <view class="right">{{bill['单据号']}}</view>
                            </view>
                            <view class="item">
                                <view class="left">物料代码: </view>
                                <view class="right">{{bill['物料代码']}}</view>
                            </view>
                            <!-- <view class="item">
                        <view class="left">物料名称: </view>
                        <view class="right">{{}}</view>
                     </view> -->
                     <view class="item">
                        <view class="left">规格型号: </view>
                        <view class="right">{{bill['规格型号']}}</view>
                            <view class="item">
                                <view class="left">规格型号: </view>
                                <view class="right">{{bill['规格型号']}}</view>
                            </view>
                            <view class="item" v-if="bill['生产任务单号']">
                                <view class="left">生产订单号: </view>
                                <view class="right">{{bill['生产任务单号']}}</view>
                            </view>
                     <view class="item" v-if="bill['款号']">
                         <view class="left">款号: </view>
                         <view class="right">{{bill['款号']}}</view>
                     </view>
                  </uni-card>
               </view>
               <view class="over" v-show="HBillList.length == 0">暂无数据</view>
            </scroll-view>
            <uni-pagination id="#pagination" title="标题文字" v-model="curPage" :pageSize="size"
               :total="length"></uni-pagination>
         </view>
                        </uni-card>
                    </view>
                    <view class="over" v-show="HBillList.length == 0">暂无数据</view>
                </scroll-view>
                <uni-pagination id="#pagination" title="标题文字" v-model="curPage" :pageSize="size"
                    :total="length"></uni-pagination>
            </view>

      </uni-popup>
   </view>
        </uni-popup>
    </view>
</template>

<script>
   import {
      CommonUtils
   } from '../../utils/common';
   export default {
      name: "BillListPopup",
      data() {
         return {
            size: 20,
            curPage: 1,
            length: 0,
            page: 0,
            HSourceBillNo: '',
            HMater: '',
            HCustom: '',
            HBillList: [],
            panelHeight: 0,
         };
      },
      props: {
         HBillType: {
            type: [String, Number],
            required: true
         },
         HSourceBillType: {
            type: [String, Number],
            required: true
         },
         HStockOrgID: {
            type: [String, Number],
            required: true
         },
      },
      model: {
         prop: "HSourceBill",
         event: 'change'
      },
      methods: {
         popupChangeHandler(e) {
            if (e.show === true) {
               this.getBillList()
            } else {
               // 清理资源
               this.size = 20
               this.curPage = 1
               this.length = 0
               this.page = 0
               this.HSourceBillNo = ''
               this.HMater = ''
               this.HCustom = ''
               this.HBillList = []
            }
         },
         exit() {
            this.$refs.popup.close();
         },
         search() {
            this.getBillList()
         },
         showPopup() {
            this.$refs.popup.open();
         },
         clickCard(interid, billno) {
            uni.$emit('BillSelectComplete', {
               HInterID: interid,
               HBillNo: billno
            })
            // this.exit()
         },
         getBillList() {
            this.HBillList = []
            this.length = 0
            this.page = 0
            this.curPage = 1
            CommonUtils.doRequest(
               "/WEBSController/GetSourceBillList_Json", {
                  HBilltype: this.HBillType,
                  HSourceBillType: this.HSourceBillType,
                  HStockOrgID: this.HStockOrgID,
                  HSourceBillNo: this.HSourceBillNo || "",
                  HMater: this.HMater || "",
                  HCustom: this.HCustom || ""
               },
               (res) => {
                  let {
                     data,
                     count,
                     Message
                  } = res.data
                  if (count == 1) {
                     console.log(data)
                     this.length = Array.from(data).length
                     const result = [];
                     for (let i = 0; i < data.length; i += this.size) {
                        result.push(data.slice(i, i + this.size));
                     }
                     this.HBillList = result
                     this.page = result.length
                  } else {
                     uni.showToast({
                        icon: 'none',
                        title: Message
                     })
                  }
               }
            )
         },
      },
   }
    import {
        CommonUtils
    } from '../../utils/common';
    export default {
        name: "BillListPopup",
        data() {
            return {
                enablefocus: false,
                size: 20,
                curPage: 1,
                length: 0,
                page: 0,
                HSourceBillNo: '',
                HMater: '',
                HCustom: '',
                HBillList: [],
                panelHeight: 0,

                multiSouceBillList: []
            };
        },
        props: {
            HBillType: {
                type: [String, Number],
                required: true
            },
            HSourceBillType: {
                type: [String, Number],
                required: true
            },
            HStockOrgID: {
                type: [String, Number],
                required: true
            },
            MultiSourceBill: {
                type: Boolean,
                default: false,
                required: false
            }
        },
        model: {
            prop: "HSourceBill",
            event: 'change'
        },
        methods: {
            popupChangeHandler(e) {
                if (e.show === true) {
                    this.getBillList()
                }
            },
            async exit() {
                this.size = 20
                this.curPage = 1
                this.length = 0
                this.page = 0
                this.HSourceBillNo = ''
                this.HMater = ''
                this.HCustom = ''
                this.HBillList = []
                this.enablefocus = false
                this.multiSouceBillList = []
                // 需要等待页面内的数据赋值完毕
                await this.$nextTick()
                this.$refs.popup.close();
            },
            search() {
                this.getBillList()
            },
            ret() {
                console.log('this.MultiSourceBill: ', this.MultiSourceBill);
                uni.$emit('BillSelectComplete', {
                    HInterID: 0,
                    HBillNo: 0,
                    enableMultiSourceBill: this.MultiSourceBill,
                    MultiSourceBillList: this.multiSouceBillList
                })
            },
            showPopup() {
                this.$refs.popup.open();
            },
            clickCard(interid, billno, index) {
                if (this.MultiSourceBill == false) { // 非多源单模式
                    uni.$emit('BillSelectComplete', {
                        HInterID: interid,
                        HBillNo: billno,
                        enableMultiSourceBill: this.MultiSourceBill
                    })
                } else {
                    this.$set(this.HBillList[this.curPage - 1][index], 'isActive', !this.HBillList[this.curPage - 1][
                        index
                    ]['isActive'])
                    console.log(this.HBillList[this.curPage - 1][index])
                    // 设置了多源单模式
                    this.setMultiSourceBillList({
                        HInterID: interid,
                        HBillNo: billno,
                        HIsActive: this.HBillList[this.curPage - 1][index]['isActive']
                    })
                }

                // this.exit()
            },
            setMultiSourceBillList(billInfo) {
                let index = this.multiSouceBillList.findIndex(item => item.HInterID == billInfo.HInterID)
                if (index == -1) {
                    billInfo['count'] = 1
                    this.multiSouceBillList.push(billInfo)
                } else {
                    if (billInfo.HIsActive) {
                        // 如果对应单据传入的是否激活数是true，则计数器+1
                        this.multiSouceBillList[index]['count']++;
                    } else {
                        // 如果对应单据传入的是否激活数是false，则计数器-1
                        this.multiSouceBillList[index]['count']--;
                    }
                    if(this.multiSouceBillList[index]['count'] == 0){
                        // 没有选中的单据，则移除缓存中的数据
                        this.multiSouceBillList.splice(index, 1)
                    }
                }
                console.log('this.multiSouceBillList: ', this.multiSouceBillList);
            },
            getBillList() {
                this.HBillList = []
                this.length = 0
                this.page = 0
                this.curPage = 1
                CommonUtils.doRequest(
                    "/WEBSController/GetSourceBillList_Json", {
                        HBilltype: this.HBillType,
                        HSourceBillType: this.HSourceBillType,
                        HStockOrgID: this.HStockOrgID,
                        HSourceBillNo: this.HSourceBillNo || "",
                        HMater: this.HMater || "",
                        HCustom: this.HCustom || ""
                    },
                    (res) => {
                        let {
                            data,
                            count,
                            Message
                        } = res.data
                        if (count == 1) {
                            this.length = Array.from(data).length
                            const result = [];
                            for (let i = 0; i < data.length; i += this.size) {
                                result.push(data.slice(i, i + this.size));
                            }
                            this.HBillList = result
                            this.page = result.length
                            setTimeout(() => {
                                this.enablefocus = true
                            }, 500)
                        } else {
                            setTimeout(() => {
                                this.enablefocus = true
                            }, 500)
                            uni.showToast({
                                icon: 'none',
                                title: Message
                            })
                        }
                    }
                )
            },
        },
    }
</script>

<style lang="scss">
   .content {
      box-sizing: border-box;
      border-radius: 15rpx 15rpx 0 0;
      padding: 20rpx 20rpx 40rpx 20rpx;
      background-color: #fff;
      display: flex;
      flex-direction: column;
      gap: 10rpx;
    .content {
        box-sizing: border-box;
        border-radius: 15rpx 15rpx 0 0;
        padding: 20rpx 20rpx 40rpx 20rpx;
        background-color: #fff;
        display: flex;
        flex-direction: column;
        gap: 10rpx;

      .search-condition {
         display: flex;
         flex-direction: row;
         align-items: center;
         gap: 20rpx;
        .search-condition {
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 20rpx;

         .title {
            width: 5rem;
            text-align: right;
         }
            .title {
                width: 5rem;
                text-align: right;
            }

         .right {
            flex: 1;
            border-radius: 22rpx;
            border: 1px solid #acacac;
            height: auto;
            .right {
                flex: 1;
                border-radius: 22rpx;
                border: 1px solid #acacac;
                height: auto;

            input {
               width: 100%;
               padding: 8rpx 20rpx;
               font-size: 24rpx;
            }
         }
      }
                input {
                    width: 100%;
                    padding: 8rpx 20rpx;
                    font-size: 24rpx;
                }
            }
        }

      .buttons {
         display: flex;
         flex-direction: row;
         gap: 20rpx;
         justify-content: flex-end;
        .buttons {
            display: flex;
            flex-direction: row;
            gap: 20rpx;
            justify-content: flex-end;

         >button {
            display: inline-flex;
            width: 4rem;
         }
      }
            >button {
                display: inline-flex;
                width: 4rem;
            }
        }

      .options-wrapper {
         padding: 20rpx;
         display: grid;
         grid-template-columns: repeat(1, 1fr);
         gap: 20rpx;
        .options-wrapper {
            padding: 20rpx;
            display: grid;
            grid-template-columns: repeat(1, 1fr);
            gap: 20rpx;

         >view {
            margin: 0 !important;
            box-sizing: border-box;
            >view {
                margin: 0 !important;
                box-sizing: border-box;

         }
            }

         .item {
            .left {
               display: inline-block;
               width: 6rem;
            }
            .item {
                .left {
                    display: inline-block;
                    width: 6rem;
                }

            .right {
               display: inline-block;
            }
         }
      }
   }
                .right {
                    display: inline-block;
                }
            }
        }

        .uni-card--is-active {
            background-color: rgba(0, 122, 255, 0.2);
        }
    }
</style>