<template>
|
<view>
|
<page-nav title="采购到货"></page-nav>
|
|
|
<view v-if="purchorderArrAll.length>0">
|
<!-- <view class="mainContent" :style="{maxHeight: '1340rpx',overflow: 'scroll',padding:0}"> -->
|
<u--input prefixIcon="search" prefixIconStyle="font-size: 22px;color: #909399" placeholder="输入采购订单号"
|
clearable border="surround" @clear='inputBoxValueClear' v-model="inputBoxValue"
|
@change="changeInputBoxValue"></u--input>
|
|
<u-alert :title="'采购订单数（共'+title+'个）'" type="primary"></u-alert>
|
|
<u-radio-group v-model="radioValue" iconPlacement="right" @change="radioValueClick" class="radioGroupClass">
|
<view v-for="(item,index) in purchorderArr" :key="item.ordercode">
|
<!-- @click="radioValueClick(item.code)" -->
|
<view>
|
<u-radio activeColor="red" size="18" labelSize='18' :name='item.ordercode'
|
:label="item.ordercode"></u-radio>
|
</view>
|
<u-line v-if="index!==purchorderArr.length-1" color="#2979ff"></u-line>
|
</view>
|
</u-radio-group>
|
|
<view class="footer" style="min-height:62rpx;">
|
<u-button type="primary" size='large' :hairline="true" @click="navigateTo" text="下一步"></u-button>
|
</view>
|
<!-- </view> -->
|
</view>
|
|
|
<view v-if="purchorderArrAll.length===0">
|
<div class="sacnBody">
|
<div class="boxImg"></div>
|
<div class="scanText">暂无采购到货</div>
|
</div>
|
</view>
|
|
</view>
|
</template>
|
|
|
<script>
|
import {
|
MesAppPurchOrderSearch
|
} from '../../config/api.js';
|
const App = getApp()
|
export default {
|
onLoad(option) {},
|
|
onPullDownRefresh() {
|
setTimeout(() => {
|
this.init(() => {
|
uni.stopPullDownRefresh();
|
})
|
}, 1000);
|
},
|
|
data() {
|
return {
|
|
inputBoxValue: '', //输入框值
|
|
title: 0,
|
|
|
radioValue: '',
|
|
purchorderArr: [],
|
|
purchorderArrAll: []
|
}
|
},
|
created() {
|
|
},
|
mounted() {
|
this.init()
|
|
this.getMesAppPurchOrderSearch()
|
},
|
methods: {
|
init() {
|
uni.stopPullDownRefresh();
|
},
|
changeInputBoxValue(val) {
|
this.purchorderArr = this.purchorderArrAll.filter((p) => {
|
return p.ordercode.indexOf(val) !== -1
|
})
|
},
|
inputBoxValueClear() {
|
this.inputBoxValue = ''
|
},
|
radioValueClick(val) {
|
console.log(val)
|
this.radioValue = val
|
},
|
navigateTo() {
|
uni.navigateTo({
|
url: './cgdh3?ordercode=' + this.radioValue
|
});
|
},
|
async getMesAppPurchOrderSearch() {
|
const res = await MesAppPurchOrderSearch()
|
|
this.purchorderArrAll = res.data
|
|
this.purchorderArr = res.data
|
|
this.title = res.data.length
|
|
this.radioValue = res.data[0].ordercode
|
|
}
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
@import url('@/style/global.css');
|
|
::v-deep .uicon-arrow-left>span {
|
display: block;
|
}
|
|
.u-input--square {
|
margin: 20rpx 10rpx;
|
border-radius: 40rpx;
|
background-color: #fff;
|
border: 1px solid #c8c8c8;
|
}
|
|
::v-deep .u-alert__text--primary--light {
|
margin-bottom: 0;
|
font-size: 32rpx !important;
|
}
|
|
.radioGroupClass {
|
display: flex;
|
flex-direction: column;
|
background-color: #fff;
|
|
overflow-y: auto;
|
max-height: 1140rpx;
|
margin-top: 20rpx;
|
}
|
|
::v-deep .u-radio-label--right {
|
height: 90rpx;
|
line-height: 90rpx;
|
width: 92%;
|
margin-left: 4%;
|
// padding: 0 50rpx;
|
}
|
</style>
|
