erp/pages/assembleInfo/assembleInfo.vue

<template>
	<view>
		<view class="sm-box">
			<view class="card">
				<view class="title">注:</view>
				<view class="content">1.量化的需填写真实测量数据；</view>
				<view class="content">2.无量化检查项填写检查结果，结果判定：合格的填写“OK”，不合格的填“NG”；</view>
			</view>
			<view class="content-box-card">
				<view class="content-box-card-ul-two">
					<view class="content-box-card-list">
						<view class="content-box-card-title">物料编号:</view>
						<text>{{ CyInfo.product_number }}</text>
					</view>
					<view class="content-box-card-list">
						<view class="content-box-card-title">生产日期:</view>
						<text>{{ CyInfo.production }}</text>
					</view>
				</view>
				<view class="content-box-card-ul-two">
					<view class="content-box-card-list">
						<view class="content-box-card-title">物料名称:</view>
						<text>{{ CyInfo.product_name }}</text>
					</view>
					<view class="content-box-card-list">
						<view class="content-box-card-title">班次:</view>
						<view class="lin-div">
							<text>{{ CyInfo.frequency==0?"夜班":"白班" }}</text>
							<image src="../../static/xiala.png"></image>
						</view>
					</view>
				</view>
				<view class="content-box-card-ul-two">
					<!-- <view class="content-box-card-list">
						<view class="content-box-card-title">时间段:</view>
						<text>2021-07-15</text>
					</view> -->
					<view class="content-box-card-list">
						<view class="content-box-card-title">检测员:</view>
						<text>{{ info ? info.name : '' }}</text>
					</view>
					<view class="content-box-card-list">
						<view class="content-box-card-title">生产数量:</view>
						<input type="number" v-if="type==1" v-model="froms.product_number" />
						<input type="number" v-else disabled="false" v-model="info.product_number" />
					</view>
				</view>
				<view class="content-box-card-ul-two">
					<view class="content-box-card-list">
						<view class="content-box-card-title">不合格数:</view>
						<input type="number" v-if="type==1" v-model="froms.no_number" />
						<input type="number" v-else disabled="false"  v-model="info.no_number" />
					</view>
				
					<view class="content-box-card-list">
						<view class="content-box-card-title">报废数:</view>
						<input type="number" v-if="type==1" v-model="froms.scrap" />
						<input type="number" v-else disabled="false"  v-model="info.scrap" />
					</view>
				</view>
			</view>
		</view>

		<view v-for="(item, index) in configSet" :key="index">
			<view class="big-title">{{ item.title }}</view>
			<view v-for="(value, idx) in item.check_conf_msg" :key="idx" class="cyxj-content">
				<view class="cyxj-content-card" v-if="item.check_conf_msg[idx].status == 1">
					<view class="xx-card">
						<view class="xx-title">{{ value.title }}</view>
						<view class="xx-ul">
							<view class="xx-list" v-for="(va, i) in ifcomplete" :key="i" @tap="value.choice = va">
								<image :src="va == value.choice ? '../../static/xz.png' : '../../static/wxz.png'"
									mode=""></image>
								<text>{{ va }}</text>
							</view>
						</view>
						<view class="czyj-text" v-show="value.choice == 'NG'"><textarea v-model="value.content"
								placeholder="不良情况分析" /></view>
						<view class="xx-title" v-show="value.choice == 'NG'">不良处置情况</view>
						<picker :value="value.choiceIndex" v-show="value.choice == 'NG'"
							@change="pickerChange($event, index, idx)" :range="methList">
							<view class="slect-list">
								<text>{{ value.situation || '请选择' }}</text>
								<image src="../../static/xiala.png"></image>
							</view>
						</picker>
					</view>
				</view>
				<view class="cyxj-content-card" v-else>
					<view style="border-bottom: 1upx solid #999;padding-bottom: 20upx;">
						<view class="tx-ul">
							<view class="tx-title"><text v-if="value.val" style="color: #007AFF;margin-right: 30upx;">规格:{{value.val}} <text style="margin-left: 20upx;color: red;">(+{{(value.top).toFixed(2)}} -{{(value.bottom).toFixed(2)}})</text></text> {{ value.title }}  </view>
						</view>
						<view class="tx-in-nav">
							<view>{{(value.val-value.bottom).toFixed(2)}}</view>
							<input :class="value.inputState==false?'re-bor':''" :disabled="type==2?true:false" type="number" @input="inputListener($event,index, idx)" v-model="value.input"
								 />
							<view>{{(value.val+value.top).toFixed(2)}}</view>
						</view>
					</view>	
				</view>
			</view>
		</view>
		<view class="content-box">
			<view class="content-box-card">
				<view class="content-box-card-ul">
					<view class="content-box-card-list">
						<view class="content-box-card-title">最终判定:</view>
						<view class="right-check" >
							<view class="check-list" v-if="type==1" v-for="(item,index) in ifQualified" :key="index"
								@tap="ifQualifiedChange(index+1)">
								<image :src="froms.result==index+1?'../../static/xz.png':'../../static/wxz.png'">
								</image>
								<text>{{item}}</text>
							</view>
							<view v-if="type!=1">
								<text v-if="info.result==1">OK</text>
								<text v-if="info.result==2">NG</text>
							</view>
						</view>
					</view>
				</view>		
			</view>
		</view>
		<view class="cyxj-content" style="margin-top: 24upx;">
			<view class="bzqk-card"><textarea v-model="froms.remake"  placeholder="备注情况说明" /></view>
			<view class="submit-btn">
				<button v-if="type==1&&isMenu(35)" type="primary" :disabled="buttonState==false?true:false" @tap="submits">提交并发起审核</button>
				<button v-if="type==3&&isMenu(34)" @tap="applys()" type="primary">审核</button>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		zzCheckAdd,
		
		bad,
		getCheckConfSet
	} from '../../api/user.js';
	import {
		zzCheckDetail,
		zzCheckSure
	} from '../../api/index.js';
	import {
		mapGetters,
		mapMutations
	} from 'vuex';
	export default {
		data() {
			return {
				power: [],
				jurisdiction: [],
				type: 0,
				id: 0,
				ifSubmit: false,
				line: ['夜班', '白班'],
				ifcomplete: ['OK', 'NG'],
				ifcompleteIds: 0,
				methList: [],
				methIds: 0,
				planId: 0,
				CyInfo: {},
				info: {},
				froms: {
					result:0,
					item: [],
					plan_id: '',
					model: '',
					frequency: 0, //班次
					remake: '' //，备注
				},
				configSet: [],
				buttonState: true,
				productId: 0,
				ifQualified: ["OK", "NG"],
				ifQualifiedIds: 0,
			};
		},
		onShow() {
			this.isMenu();
		},
		computed: {
			...mapGetters(['userInfo', 'roleType'])
		
		},
		onLoad(e) {
			this.type = e.type;
			this.pId = e.plan_id;
			this.id = e.id;
			this.productId = e.product_id;
			this.froms.plan_id = this.pId;
			this.CyInfo = JSON.parse(decodeURIComponent(e.planInfo));
			this.froms.model = this.CyInfo.product_name;
			this.power = this.userInfo.power
			//this.getArr();
			this.getArr()
			this.isMenu()
			if (this.type != 1) {
				this.getInfo();
			}
			bad({}).then(res => {
				for (let b in res) {
					this.methList.push(res[b]);
				}
			});
			this.getConfig();
		},
		methods: {
			ifQualifiedChange(index) {
				this.froms.result = index
			},
			getArr() {
				if (this.power.length > 0) {
					let newArr = this.power.map(item => {
						this.jurisdiction.push(item.id)
			
					})
			
				}
				console.log("xinshuzu", this.jurisdiction)
			
			},
			isMenu(id) {
				console.log("id", id)
				return this.jurisdiction.includes(id);
			},
			inputListener(e, index, idx) {
				let item = this.configSet[index].product_tcq_conf[idx];
				if (!item.input) {
					this.configSet[index].product_tcq_conf[idx].inputState = false;
				} else {
					if (item.input < (item.val-item.bottom).toFixed(2) || item.input > (item.val+item.top).toFixed(2)) {
						this.configSet[index].product_tcq_conf[idx].inputState = false;
					}
					 else {
						this.configSet[index].product_tcq_conf[idx].inputState = true;
					}
				}
				
			},
			getConfig() {
				getCheckConfSet({
					type: 3,
					product_id: this.CyInfo.product_id
				}).then(res => {
					this.configSet = res.map(item => {
						item.check_conf_msg = item.check_conf_msg.map(value => {
							return this.matchingConfig(value);
						});

						return item;
					});
				});
			},
			matchingConfig(value) {
				value.choice = 'OK';
				value.content = '';
				value.situation = '';
				value.input = '';
				value.inputState = true;
				let CheckCyMsg = this.info.CheckZzMsg ? this.info.CheckZzMsg : [];
				for (let b in CheckCyMsg) {
					if (CheckCyMsg[b].check_conf_id == value.id) {
						let json = JSON.parse(CheckCyMsg[b].json);
						value.choice = json.choice;
						value.content = json.content;
						value.situation = json.situation;
						value.input = json.input;
						break;
					}
				}

				return value;
			},

			getInfo() {
				zzCheckDetail({
					plan_id: this.pId,
					id: this.id,
					product_id:this.productId
				}).then(res => {
					this.info = res;
					this.froms.plan_id = this.pId;
					this.froms.model = res.model;
					this.froms.frequency = res.frequency;
					this.froms.remake = res.remake;

				});
			},
			bindline: function(e) {
				
				this.froms.frequency = e.target.value;
			},
			pickerChange(e, index, idx) {
				
				this.configSet[index].check_conf_msg[idx].situation = this.methList[e.detail.value];
			},
			submits() {
				if (!this.buttonState) {
					return false;
				}
				for (let b in this.configSet) {
					for (let i in this.configSet[b].check_conf_msg) {
						let items = this.configSet[b].check_conf_msg[i];
						if (this.configSet[b].check_conf_msg[i].status == 1) {
							if (items.choice == 'NG' && (!items.content || !items.situation)) {
								this.$functions.error('请完整填写信息');
								return false;
							}
						} else {
							if (!items.input) {
								this.$functions.error('请完整填写信息');
								return false;
							}
						}

						this.froms.item.push({
							check_conf_id: items.id,
							json: {
								choice: items.choice,
								content: items.content,
								situation: items.situation,
								input: items.input
							}
						});
					}
				}

				this.buttonState = false;
				this.$functions.confirm("是否进行此操作").then(()=>{
					zzCheckAdd(this.froms).then(res => {
						this.$functions.success('提交成功').then(() => {
							uni.navigateBack();
						})
					}).catch(res => {
							this.buttonState = true;
						});
				})
			},
			applys() {
				this.$functions.confirm('是否确定操作？').then(res => {
					zzCheckSure({
						plan_id: this.info.plan_id,
						play_id: this.info.play_id,
						id:this.info.id
					}).then(res => {
						this.$functions.success('操作成功').then(() => {
							uni.navigateBack({});
						});
					});
				});
			}
		}
	};
</script>

<style lang="scss">
@import './index.scss';
</style>