productDev/dmMes.git

¶Ô±ÈÐÂÎÄ¼þ
			@@ -0,0 +1,324 @@
			<template>
			<view class="tl">
			<workOrderInfo :orederMessage="{proUserList:[]}" />
			<div class="tl_title">
			<div class="tl_title_left">
			<div class="tl_title_left_x"></div>
			<span>ææä¿¡æ¯</span>
			<!-- <span>{{total == 0 ? '' : total}}{{formList[formList.length - 1].dw ? formList[formList.length - 1].dw : ''}}</span> -->
			<!-- <span>{{total == 0 ? '' : total}}{{formList[formList.length - 1].dw ? formList[formList.length - 1].dw : ''}}</span> -->
			</div>
			<div class="tl_title_right" @click="add">
			<image src="../../static/gongdan_ic_shoudong@2x.png" class="add-img" mode=""></image>
			<span>å¢å ææ</span>
			</div>
			</div>
			<u-swipe-action>
			<u-swipe-action-item v-for="(item, index) in materialList" :key="index" :options="options"
			@click="deleItem(index)">
			<div class="tl_list">
			<div class="tl_list_item" @click="open1(index)">
			<div class="tl_list_item_label">éæ©ç©æ</div>
			<div class="tl_list_item_go" v-if="!item.materialName">
			<span>ç¹å»è·³è½¬å°ç©æåè¡¨</span>
			<u-icon name="arrow-right"></u-icon>
			</div>
			<div class="tl_list_item_wl" v-else>
			<div class="tl_list_item_wl_top">
			<span>{{ item.materialName }}</span>
			<span> \| {{ item.materialCode }}</span>
			</div>
			<div class="tl_list_item_wl_bottom">
			<span class="green" v-if="item.qualityType == 0">åæ ¼</span>
			<span class="yellow" v-else-if="item.qualityType == 1">ä¸è¯</span>
			<span class="red" v-else-if="item.qualityType == 2">æ¥åº</span>
			<span>{{ item.procedureName ? ` / ${item.procedureName}` : ' / -' }}</span>
			<span>{{ item.locationName ? ` / ${item.locationName}` : ' / -' }}</span>
			<span>{{ item.batch ? ` / ${item.batch}` : ' / -' }}</span>
			</div>
			</div>
			</div>
			<div class="tl_list_item">
			<div class="tl_list_item_label">æææ°é{{ item.unitAttribute }}</div>
			<div class="tl_list_item_go">
			<input type="text" @blur="changeNumber(item.num, index, item.unitAttribute)"
			v-model="item.num" />
			</div>
			</div>
			</div>
			</u-swipe-action-item>
			</u-swipe-action>
			<SelectMaterial ref="selectMaterial" @selectAction="getValue"/>
			<SelectMultipleMaterial ref="selectMultipleMaterial"/>
			</view>
			</template>

			<script>
			import workOrderInfo from '@/components/workOrderInfo.vue'
			import SelectMaterial from '@/components/selectMaterial.vue'
			import SelectMultipleMaterial from '@/components/SelectMultipleMaterial.vue'

			import {
			positiveInteger,
			number
			} from '@/common/config'
			export default {
			components: {
			workOrderInfo,
			SelectMaterial,
			SelectMultipleMaterial
			},
			data() {
			return {
			// formList: [{
			// id: Date.now(),
			// toolingTypeId: '', // å·¥è£ç±»å
			// toolingTypeName: '', // å·¥è£ç±»ååç§°
			// workClothesId: '', // å·¥è£
			// workClothesName: '', // å·¥è£åç§°
			// num: '', // æ°é
			// attribute: '', // å·¥è£å±æ§
			// attributeType: '', // å·¥è£å±æ§ç±»å
			// dw: '', // ç©æåä½
			// unitAttribute: ''
			// }],
			materialList: [{
			id: '',
			materialName: '',
			materialCode: '',
			qualityType: '',
			procedureName: '',
			locationName: '',
			batch: '',
			num: '',
			unitAttribute: ''
			}],
			options: [{
			text: 'å é¤',
			style: {
			backgroundColor: 'red',
			}
			}],
			};
			},
			methods: {
			open1(index) {
			// this.$refs.selectMaterial.open({})
			this.$refs.selectMultipleMaterial.open({})
			},
			deleItem(index) {
			if (this.materialList.length === 1) {
			uni.$u.toast('è³å°ä¿çä¸æ¡ææä¿¡æ¯')
			return
			}
			this.materialList.splice(index, 1)
			},
			add() {
			this.total += 1
			this.materialList.unshift({
			id: '',
			materialName: '',
			materialCode: '',
			qualityType: '',
			procedureName: '',
			locationName: '',
			batch: '',
			num: '',
			unitAttribute: ''
			})
			},
			changeNumber(num, index, unitAttribute) {
			if (unitAttribute === 0 && num !== '') {
			if (!positiveInteger.test(num)) {
			uni.$u.toast({
			message: 'åªè½è¾å¥æ£æ´æ°'
			})
			this.materialList[index].num = ''
			}
			} else if (unitAttribute === 1 && num !== '') {
			if (!number.test(num)) {
			uni.$u.toast({
			message: 'åªè½è¾å¥æ£æ´æ°æå°æ°ï¼æå¤åä½ï¼'
			})
			this.materialList[index].num = ''
			}
			}
			if (num <= 0) {
			uni.$u.toast({
			message: 'æææ°éä¸è½å°äºçäº0'
			})
			this.materialList[index].num = ''
			}
			},
			getValue(item) {
			console.log(item);
			}
			}
			}
			</script>

			<style lang="scss">
			.tl {
			width: 100%;
			height: 100%;
			position: absolute;
			background: #F7F7F7;

			.tl_title {
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 30rpx;

			.tl_title_left {
			display: flex;
			align-items: center;

			.tl_title_left_x {
			width: 8rpx;
			height: 30rpx;
			background: $nav-color;
			border-radius: 2rpx;
			margin-right: 12rpx;
			}

			span {
			font-size: 32rpx;
			font-weight: 500;
			color: #222222;

			&:nth-child(3) {
			font-size: 28rpx;
			font-weight: 500;
			color: $nav-color;
			margin-left: 10rpx;
			}
			}
			}

			.tl_title_right {
			display: flex;
			align-items: center;

			.add-img {
			width: 28rpx;
			height: 28rpx;
			margin-right: 12rpx;
			}

			span {
			font-size: 28rpx;
			font-weight: 400;
			// color: $nav-color;
			}
			}
			}

			.tl_list {
			display: flex;
			flex-direction: column;
			background: white;
			padding: 0 30rpx;
			margin-bottom: 20rpx;

			.tl_list_item {
			min-height: 98rpx;
			// padding: 20rpx 0;
			box-sizing: border-box;
			display: flex;
			align-items: center;
			justify-content: space-between;
			border-bottom: 1rpx solid #E5E5E5;

			&:last-child {
			border: none !important;
			}

			.tl_list_item_label {
			font-size: 30rpx;
			font-weight: 400;
			color: #222222;
			}

			.tl_list_item_wl {
			display: flex;
			flex-direction: column;
			align-items: end;

			.tl_list_item_wl_top {
			display: flex;
			align-items: center;

			span {
			font-size: 28rpx;
			color: #222222;
			}
			}

			.tl_list_item_wl_bottom {
			display: flex;
			align-items: center;

			span {
			font-size: 28rpx;
			color: #222222;
			}
			}
			}

			.tl_list_item_go {
			display: flex;
			align-items: center;

			input {
			text-align: right;
			width: 180rpx;
			height: 60rpx;
			border-radius: 8rpx;
			border: 1rpx solid #E5E5E5;
			padding: 0 30rpx;
			box-sizing: border-box;
			font-size: 28rpx;
			font-weight: 400;
			color: #333333;
			}

			span {
			font-size: 28rpx;
			font-weight: 400;
			color: #999999;
			margin-right: 10rpx;
			}
			}
			}
			}

			.tl_zw {
			height: 160rpx;
			}

			.tl_footer {
			width: 100%;
			position: fixed;
			bottom: 0;
			left: 0;
			padding: 0 30rpx 68rpx 30rpx;
			box-sizing: border-box;

			.tl_footer_submit {
			width: 690rpx;
			height: 88rpx;
			border: none;
			background: #4275FC;
			box-shadow: 0 0 12rpx 0 rgba(0, 0, 0, 0.08);
			border-radius: 8rpx;
			font-size: 30rpx;
			font-weight: 500;
			color: #FFFFFF;
			display: flex;
			align-items: center;
			justify-content: center;
			}
			}
			}
			</style>