|  |  |  | 
|---|
|  |  |  | <template> | 
|---|
|  |  |  | <u-popup :show="show" :round="10" closeable @close="show=false"> | 
|---|
|  |  |  | <view class="material-content bbox p30"> | 
|---|
|  |  |  | <view class="tc b f24 c2">选择物料</view> | 
|---|
|  |  |  | <u-list @scrolltoupper="scrolltoupper" @scrolltolower="scrolltolower"> | 
|---|
|  |  |  | <view class="tc b f30 c2">选择物料</view> | 
|---|
|  |  |  | <scroll-view scroll-y="true" refresher-enabled="true" :refresher-triggered="refreshing" | 
|---|
|  |  |  | @scrolltolower="loadMore" @refresherrefresh="onRefresh"> | 
|---|
|  |  |  | <view v-for="(item1, index) in list" :key="index" class="mb20" @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 }} / </span> | 
|---|
|  |  |  | <span>{{ item1.num }}{{ item1.unitName }}</span> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="page_content_title_bottom"> | 
|---|
|  |  |  | <span class="green" v-if="item1.qualityType == 0">合格 <span class="c1">/</span> </span> | 
|---|
|  |  |  | <span class="orange" v-else-if="item1.qualityType == 1">不良 <span | 
|---|
|  |  |  | class="c1">/</span> </span> | 
|---|
|  |  |  | <span class="red" v-else-if="item1.qualityType == 2">报废 <span | 
|---|
|  |  |  | class="c1">/</span> </span> | 
|---|
|  |  |  | <span v-else>- / </span> | 
|---|
|  |  |  | <span>{{item1.procedureName ? item1.procedureName : '-'}} / </span> | 
|---|
|  |  |  | <span>{{item1.batch ? item1.batch : '-'}}</span> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | </scroll-view> | 
|---|
|  |  |  | <!-- <u-list @scrolltoupper="scrolltoupper" @scrolltolower="scrolltolower"> | 
|---|
|  |  |  | <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 }} / </span> | 
|---|
|  |  |  | <span>{{ item1.num }}{{ item1.unitName }}</span> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="page_content_title_bottom"> | 
|---|
|  |  |  | <span class="green" v-if="item1.qualityType == 0">合格 <span | 
|---|
|  |  |  | class="c1">/</span> </span> | 
|---|
|  |  |  | <span class="orange" v-else-if="item1.qualityType == 1">不良 <span | 
|---|
|  |  |  | class="c1">/</span> </span> | 
|---|
|  |  |  | <span class="red" v-else-if="item1.qualityType == 2">报废 <span | 
|---|
|  |  |  | class="c1">/</span> </span> | 
|---|
|  |  |  | <span v-else>- / </span> | 
|---|
|  |  |  | <span>{{item1.procedureName ? item1.procedureName : '-'}} / </span> | 
|---|
|  |  |  | <span>{{item1.batch ? item1.batch : '-'}}</span> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | </u-list-item> | 
|---|
|  |  |  | </u-list> | 
|---|
|  |  |  | </u-list> --> | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | </u-popup> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <script> | 
|---|
|  |  |  | import { | 
|---|
|  |  |  | choiceStockListPage, | 
|---|
|  |  |  | choiceStockPageForStandard | 
|---|
|  |  |  | } from '@/util/api/agencyAPI' | 
|---|
|  |  |  | export default { | 
|---|
|  |  |  | name: "selectMaterial", | 
|---|
|  |  |  | data() { | 
|---|
|  |  |  | return { | 
|---|
|  |  |  | show: false, | 
|---|
|  |  |  | pages: { | 
|---|
|  |  |  | size: 10, | 
|---|
|  |  |  | index: 1, | 
|---|
|  |  |  | total: 0 | 
|---|
|  |  |  | show: false, | 
|---|
|  |  |  | refreshing: false, | 
|---|
|  |  |  | pages: { | 
|---|
|  |  |  | capacity: 10, | 
|---|
|  |  |  | page: 1, | 
|---|
|  |  |  | total: 0 | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | list: [ | 
|---|
|  |  |  | 1, 2, 3, 4, 5, 6, 7, 8 | 
|---|
|  |  |  | 
|---|
|  |  |  | methods: { | 
|---|
|  |  |  | open(target) { | 
|---|
|  |  |  | this.show = true | 
|---|
|  |  |  | this.workorderId = target.workorderId | 
|---|
|  |  |  | this.refreshing = false | 
|---|
|  |  |  | this.workorderId = target.workorderId | 
|---|
|  |  |  | this.deviceId = target.deviceId | 
|---|
|  |  |  | this.list = [] | 
|---|
|  |  |  | this.pages = { | 
|---|
|  |  |  | size: 10, | 
|---|
|  |  |  | index: 1, | 
|---|
|  |  |  | total: 0 | 
|---|
|  |  |  | this.pages = { | 
|---|
|  |  |  | capacity: 10, | 
|---|
|  |  |  | page: 1, | 
|---|
|  |  |  | total: 0 | 
|---|
|  |  |  | } | 
|---|
|  |  |  | this.loadData() | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | loadData() { | 
|---|
|  |  |  | this.list = [{ | 
|---|
|  |  |  | batch: '1', | 
|---|
|  |  |  | materialName: 'dsadas', | 
|---|
|  |  |  | materialCode: '1m0001', | 
|---|
|  |  |  | locationName: 'a仓2号位', | 
|---|
|  |  |  | num: '1', | 
|---|
|  |  |  | unitName: '块', | 
|---|
|  |  |  | qualityType: 0, | 
|---|
|  |  |  | procedureName: '压制', | 
|---|
|  |  |  | choiceStockPageForStandard({ | 
|---|
|  |  |  | ...this.pages, | 
|---|
|  |  |  | model: { | 
|---|
|  |  |  | workorderId: this.workorderId, | 
|---|
|  |  |  | deviceId: this.deviceId | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }).then(res => { | 
|---|
|  |  |  | let { | 
|---|
|  |  |  | data | 
|---|
|  |  |  | } = res | 
|---|
|  |  |  | if (data.page == 1) { | 
|---|
|  |  |  | this.list = []; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | this.pages.page = data.page | 
|---|
|  |  |  | this.pages.total = data.total | 
|---|
|  |  |  | this.list.push(...data.records) | 
|---|
|  |  |  | }).catch((err) => { | 
|---|
|  |  |  |  | 
|---|
|  |  |  | }] | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | .finally(() => { | 
|---|
|  |  |  | this.refreshing = false; | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | scrolltoupper() { | 
|---|
|  |  |  | console.log('scrolltoupper'); | 
|---|
|  |  |  | loadMore() { | 
|---|
|  |  |  | this.pages.page += 1 | 
|---|
|  |  |  | this.loadData() | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | scrolltolower() { | 
|---|
|  |  |  | console.log('scrolltolower'); | 
|---|
|  |  |  | onRefresh() { | 
|---|
|  |  |  | if (this.refreshing) return | 
|---|
|  |  |  | this.refreshing = true; | 
|---|
|  |  |  | this.pages.page = 1 | 
|---|
|  |  |  | this.loadData() | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | jump(item) { | 
|---|
|  |  |  | this.$emit('selectAction', item) | 
|---|
|  |  |  | this.show = false | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | jump(item) { | 
|---|
|  |  |  | this.$emit('selectAction', item) | 
|---|
|  |  |  | this.show = false | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <style lang="scss" scoped> | 
|---|
|  |  |  | .material-content { | 
|---|
|  |  |  | height: 800rpx; | 
|---|
|  |  |  | height: 1100rpx; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .page_content_title_top { | 
|---|
|  |  |  | display: flex; | 
|---|
|  |  |  | align-items: center; | 
|---|
|  |  |  | justify-content: space-between; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | span { | 
|---|
|  |  |  | &:nth-child(1) { | 
|---|
|  |  |  | font-size: 30rpx; | 
|---|