<template>
|
<view>
|
<page-nav title="设备维修申请"></page-nav>
|
|
|
<view v-if="purchorderArrAll.length>0">
|
<!-- <view class="mainContent" :style="{maxHeight: '1340rpx',overflow: 'scroll',padding:0}"> -->
|
|
<!-- #ifdef H5 -->
|
<u--input prefixIcon="search" prefixIconStyle="font-size: 22px;color: #909399" placeholder="输入设备/工位"
|
clearable border="surround" @clear='inputBoxValueClear' v-model="inputBoxValue"
|
@change="changeInputBoxValue">
|
<template slot="suffix">
|
<u-icon name="scan" color="#909399" size="24" @click="topScanClick"></u-icon>
|
</template>
|
</u--input>
|
<!-- #endif -->
|
|
<!-- #ifdef APP-PLUS -->
|
<u-input prefixIcon="search" prefixIconStyle="font-size: 22px;color: #909399" placeholder="输入设备/工位"
|
clearable border="surround" @clear='inputBoxValueClear' v-model="inputBoxValue"
|
@change="changeInputBoxValue">
|
<template slot="suffix">
|
<u-icon name="scan" color="#909399" size="24" @click="topScanClick"></u-icon>
|
</template>
|
</u-input>
|
<!-- #endif -->
|
|
|
<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.code">
|
<!-- @click="radioValueClick(item.code)" -->
|
<view>
|
<u-radio activeColor="red" size="18" labelSize='18' :name='item.code' :key="item.code"
|
:label="item.code+'/'+item.name"></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 {
|
EqpPermissions
|
} from '../../config/api.js';
|
export default {
|
onLoad(option) {},
|
|
onPullDownRefresh() {
|
setTimeout(() => {
|
this.init(() => {
|
uni.stopPullDownRefresh();
|
})
|
}, 1000);
|
},
|
|
data() {
|
return {
|
|
inputBoxValue: '', //输入框值
|
|
title: 0,
|
|
|
radioValue: '',
|
|
purchorderArr: [],
|
|
purchorderArrAll: []
|
}
|
},
|
created() {
|
|
},
|
mounted() {
|
this.init()
|
|
this.getEqpPermissions()
|
},
|
methods: {
|
init() {
|
uni.stopPullDownRefresh();
|
},
|
changeInputBoxValue(val) {
|
this.purchorderArr = this.purchorderArrAll.filter((p) => {
|
return p.code.indexOf(val) !== -1
|
})
|
|
|
if (this.purchorderArr.length > 0) {
|
this.radioValue = this.purchorderArr[0].code
|
}
|
|
|
},
|
inputBoxValueClear() {
|
this.inputBoxValue = ''
|
},
|
radioValueClick(val) {
|
console.log(val)
|
this.radioValue = val
|
},
|
navigateTo() {
|
uni.navigateTo({
|
url: './wxsq2?code=' + this.radioValue
|
});
|
},
|
|
// 扫码框点击
|
topScanClick() {
|
let that = this;
|
|
uni.scanCode({
|
onlyFromCamera: true,
|
// scanType: ['barCode', 'qrCode'],
|
scanType: ['qrCode'],
|
success: function(res) {
|
console.log('条码类型：' + res.scanType);
|
console.log('条码内容：' + res.result);
|
that.scanContent = res.result;
|
that.changeInputBoxValue(that.scanContent);
|
},
|
complete: function(res) {
|
|
},
|
fail: function(res) {
|
console.log('条码类型：' + res.scanType);
|
console.log('条码内容：' + res.result);
|
}
|
|
});
|
},
|
|
async getEqpPermissions() {
|
const res = await EqpPermissions()
|
|
this.purchorderArrAll = res.data
|
|
this.purchorderArr = res.data
|
|
this.title = res.data.length
|
|
this.radioValue = res.data[0].code
|
|
}
|
}
|
}
|
</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: 1040rpx;
|
margin-top: 20rpx;
|
}
|
|
::v-deep .u-radio-label--right {
|
height: 90rpx;
|
line-height: 90rpx;
|
width: 92%;
|
margin-left: 4%;
|
// padding: 0 50rpx;
|
}
|
</style>
|
