JLApp.git - Gitblit

			@@ -3,124 +3,79 @@
			<page-nav title="模具出库"></page-nav>


			<view v-show="topContent.length===0">
			<div class="sacnBody">
			<div class="scanImg" @click="topScanClick"></div>
			<div class="scanText">扫描模具编码</div>
			</div>
			</view>
			<!-- <view v-if="purchorderArrAll.length>0"> -->


			<view v-show="topContent.length!==0">
			<view class="mainContent">
			<view>
			<u-gap height="10" bgColor="#eff0f1"></u-gap>
			<view class="head" style="max-height: 480rpx;overflow:scroll;">
			<view class="head_block">
			<view class="head_left">
			<view class="head_bar"></view>
			<view class="head_title">
			模具信息
			</view>
			</view>
			<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>

			<view class="marginRight20">
			<u-icon name="scan" @click="topScanClick" color="red" size="24"></u-icon>
			</view>

			</view>

			<view class="marginTop20 marginLeft20 marginRight20 flex_column">
			<view class="marginBottom20 flex_between" v-for="item in topContent" :key="item.code">
			<u-alert :title="'模具数（共'+title+'个）'" type="primary"></u-alert>



			<scroll-view class="container" scroll-y="true" @scroll="scroll">
			<!-- 虚拟列表总高度 -->
			<view :style="{'height': `${totalHeight}rpx`, 'position': 'relative'}">
			<!-- 可视渲染区 -->
			<view :style="{'top': `${top}px`}" style="width: 100%;position:absolute">
			<!--在这里自定义你数据的展示结构和样式,itemHeight为这里的总高度-->

			<view class="radioGroupClass">
			<view v-for="(item,index) in purchorderArr" :key="item.code" class="item">
			<view @click="highlightClick(item.code)" :style="{color:selectedCode===item.code?'#fff':'#000',
			background:selectedCode===item.code?'#3c9cff':'#fff'
			}">

			<view style="display: flex;">
			<view class="flex_column titleFont">
			<view>模具编码：</view>
			<view>模具名称：</view>
			<view>规格型号：</view>
			<view>预计寿命：</view>
			<view>剩余寿命：</view>
			<view>出库仓库：</view>
			<view>出库库位：</view>

			<view style="text-align: center;margin-right: 20rpx;">{{item.code}}
			</view>
			<view class="flex_column contentFont">
			<view>{{item.mould_code}}</view>
			<view>{{item.mould_name}}</view>
			<view>{{item.mould_spec?item.mould_spec:'/'}}</view>
			<view>{{item.surp_life}}</view>
			<view>{{item.resi_life}}</view>
			<view>{{item.warehousename}}</view>
			<view>{{item.location_name}}</view>
			<view style="">{{item.name}}</view>
			<view style="margin-left: 20rpx;">{{item.spec}}</view>

			</view>
			</view>
			</view>

			</view>

			</view>
			<u-gap height="10" bgColor="#eff0f1"></u-gap>



			<view class="head" style="padding-bottom: 10rpx;">
			<view class="head_block" style="margin-bottom: 10rpx;margin-top:20rpx;">
			<view class="head_left">
			<view class="head_bar"></view>
			<view class="head_title">
			出库描述
			</view>
			</view>
			</view>
			<view class='inputClass contentFont' style="margin: 0 20rpx; width: 95%;">
			<u--textarea placeholder="请输入" confirm-type="send" border="surround" height='80'
			v-model="descMessage">
			</u--textarea>
			</view>




			</view>


			</view>
			</view>
			</scroll-view>


			<view class="footer">
			<u-button size="large" :loading="isDisabledSubmitButton" loadingText="正在提交,请稍等..." type="primary"
			@click="submit" text="确认提交">
			</u-button>
			</view>

			<view class="footer" style="min-height:62rpx;">
			<u-button type="primary" size='large' :hairline="true" @click="navigateTo" text="下一步"></u-button>
			</view>
			<!-- </view> -->



			<u-action-sheet :actions="eqpArr" @select="selectClick" round='20' :closeOnClickOverlay='true'
			@close="show=false" :closeOnClickAction="true" :safeAreaInsetBottom='true' :show="show"></u-action-sheet>



			<!-- <view v-if="purchorderArrAll.length===0">
			<div class="sacnBody">
			<div class="boxImg"></div>
			<div class="scanText">暂无模具信息</div>
			</div>
			</view> -->

			</view>
			</template>


			<script>
			import {
			MouldOutWareHouseQrCodeData,

			MouldOutWareHouseSave
			} from '../../config/api.js'
			ScanMouldQrCodeMessageData,
			ScanMouldQrCodeMessageSubData
			} from '../../config/api.js';
			export default {
			onLoad(option) {
			// const _this = this
			// uni.$off('scancodedate') // 每次进来先移除全局自定义事件监听器
			// uni.$on('scancodedate', function(content) {
			// console.log("扫描到的内容为:", content)
			// _this.getMouldOutWareHouseQrCodeData(content)
			// })
			},

			onPullDownRefresh() {
			setTimeout(() => {
			this.init(() => {
			@@ -128,44 +83,96 @@
			})
			}, 1000);
			},

			data() {
			return {
			topRightMessageCount: 0,

			isDisabledSubmitButton: false,
			inputBoxValue: '', //输入框值

			topContent: [],
			title: 0,

			scanContent: '',
			purchorderArr: [],

			purchorderArrAll: [],

			selectValue: '',
			allList: [], //原始数据列表
			//虚拟列表
			showList: [], //可视区域显示的数据
			itemHeight: 100, //每条数据所占高度
			showNum: 0, //可视区域显示的最大条数
			top: 0, //偏移量
			scrollTop: 0, //卷起的高度
			startIndex: 0, //可视区域第一条数据的索引
			endIndex: 0, //可视区域最后一条数据的索引+1，

			descMessage: '',
			selectedCode: ''

			show: false,
			eqpArr: []
			}
			},

			onShow() {
			//第一次时调用一下,且uni.createSelectorQuery()需要在生命周期mounted之后使用
			// this.scroll()
			},
			computed: {
			totalHeight() {
			return this.allList.length * this.itemHeight * 2 //因为rpx和px的关系
			}
			},
			created() {
			// this.getMouldOutWareHouseQrCodeData('001')

			},
			mounted() {
			this.init()


			this.getScanMouldQrCodeMessageData()
			},
			methods: {

			init() {
			uni.stopPullDownRefresh();
			//虚拟列表
			getShowList() {
			//可视区域能出现的数据条数
			this.showNum = Math.ceil(this.contentHeight / this.itemHeight);
			// console.log('可视数量', this.showNum)

			//可视区域第一条数据的索引
			this.startIndex = Math.floor(this.scrollTop / this.itemHeight);
			// console.log('初始索引',this.startIndex)

			//可视区域最后一条数据的下一条数据
			this.endIndex = this.startIndex + this.showNum;

			//可视区数据，会比实际可视多渲染一条
			this.showList = this.allList.slice(this.startIndex, this.endIndex)
			// console.log(this.showList)

			//保证滑动时第一条数据完整展示
			let offsetY = this.scrollTop - (this.scrollTop % this.itemHeight);

			this.top = offsetY;
			},
			scroll() {
			// 利用uniapp提供的接口获取可视区域的高度和滚动高度
			let query = uni.createSelectorQuery()
			let container = query.select('.container');
			container.fields({
			// rect:true, //是否返回节点布局位置信息{left,top,right,bottom}
			size: true, //是否返回节点尺寸信息{width，height}
			scrollOffset: true //是否返回节点滚动信息{scrollLeft,scrollTop}
			}, (res) => {
			// console.log(res)
			this.scrollTop = res.scrollTop
			this.contentHeight = res.height
			this.getShowList(); //因为所在函数是异步
			}).exec()
			},
			highlightClick(code) {
			this.selectedCode = code
			},


			selectClick(val) {
			console.log(val)
			this.selectValue = val.name
			init() {
			uni.stopPullDownRefresh();
			},
			// 扫码工位的扫码框点击
			topScanClick() {
			@@ -182,18 +189,11 @@
			console.log('条码类型：' + res.scanType);
			console.log('条码内容：' + res.result);
			that.scanContent = res.result;
			let flag = false
			that.topContent.forEach(item => {
			if (item.code === res.result) {
			flag = true
			}
			})
			if (flag) {
			that.$u.toast('此条码已扫描，已在列表中！')
			} else {
			//处理扫码事件
			that.getMouldOutWareHouseQrCodeData(that.scanContent);
			}
			that.inputBoxValue = res.result;

			//处理扫码事件
			that.changeInputBoxValue(that.scanContent);

			},
			complete: function(res) {

			@@ -205,47 +205,34 @@

			});
			},

			// 获取维修工位
			async getMouldOutWareHouseQrCodeData(val) {
			const data = {
			mouldcode: val
			}

			const res = await MouldOutWareHouseQrCodeData(data)
			if (res.code === '200') {
			this.topContent = []
			this.topContent.unshift(res.data[0])
			}
			changeInputBoxValue(val) {
			this.purchorderArr = this.purchorderArrAll.filter((p) => {
			return p.code.indexOf(val) !== -1 \|\| p.name.indexOf(val) !== -1 \|\| p.spec.indexOf(val) !== -1
			})
			this.selectedCode = this.purchorderArr[0].code
			this.$forceUpdate()
			},
			inputBoxValueClear() {
			this.inputBoxValue = ''
			},

			// 确认提交按钮
			async submit() {

			// if (parseFloat(this.topContent[0].resi_life) < parseFloat(this.selectValue)) {
			// uni.$u.toast('本次使用次数不能大于剩余寿命次数！')
			// }

			const data = {
			mouldcode: this.topContent[0].mould_code,
			warehousecode: this.topContent[0].warehousecode,
			locationcode: this.topContent[0].location_code,
			description: this.descMessage
			}

			// console.log(JSON.stringify(data))

			this.isDisabledSubmitButton = true
			const res = await MouldOutWareHouseSave(data)
			if (res.code === '200') {
			uni.$u.toast('提交成功！')
			this.isDisabledSubmitButton = false
			this.topContent = []
			this.selectValue = ''
			this.descMessage = ''
			}

			navigateTo() {
			uni.navigateTo({
			url: './mjck2?code=' + this.selectedCode
			});
			},
			async getScanMouldQrCodeMessageData() {
			const res = await ScanMouldQrCodeMessageData()

			this.purchorderArrAll = res.data

			this.purchorderArr = res.data

			this.title = res.data.length

			this.selectedCode = res.data[0].code

			}
			}
			}
			</script>
			@@ -253,7 +240,53 @@
			<style lang="scss" scoped>
			@import url('@/style/global.css');

			.container {
			width: 100%;
			height: 70vh;
			/原生一定得有这个overflow的hidden效果,此处用了scroll-view所以不需要/
			/overflow:auto;/
			}

			.item {
			/* 按照实际需求写css */
			width: 100%;
			height: 200rpx;
			line-height: 90rpx;
			/* 要对应上itemHeight */
			border: 1px solid #c8c8c8;
			}

			::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: 1100rpx;
			margin-top: 20rpx;
			}

			::v-deep .u-radio-label--right {
			height: 90rpx;
			line-height: 90rpx;
			width: 92%;
			margin-left: 4%;
			// padding: 0 50rpx;
			}
			</style>