<style lang="scss">
	.container{
		min-height: 100%;
		background:#f6f6f6;
		padding:30rpx 0;
		.card{
			margin-top:0;
			&.spec{
				.data{
					display:flex;
					align-items: center;
					.plant-youbian{
						margin-left:20rpx;
						background:#F7F7F7;
						padding:20rpx;
						border-radius: 24rpx;
						display: flex;
						flex-direction: row-reverse;
						color:#999;
						&:before{
							transform: rotate(90deg);
						}
					}
				}
				&>.tip{
					color:#999;
					font-size:24rpx;
					margin-top:18rpx;
				}
			}
			.input{
				margin-right:20rpx;
				flex-grow: 1;
				background:#F7F7F7;
				border-radius: 24rpx;
				display:flex;
				justify-content: space-between;
				padding:20rpx;
				align-items: center;
				input{
					flex-grow: 1;
				}
				text{
					margin-left:10rpx;
					color:#999;
				}
			}
		}
	}
</style>
<template>
	<view class="container">
		<view class="card spec">
			<view class="title_mast">规格</view>
			<view class="data">
				<view class="input"><input placeholder="请输入" type="digit" v-model="formData.num"/><text>{{formData.massUnits}}</text></view>
				/
				<view class="plant-youbian" @click="show=true">{{formData.dressingUnit}}</view>
			</view>
			<view class="tip">例如:肥料一袋50kg,录入规格则为50kg/袋</view>
		</view>
		
		<!-- <view class="card warning">
			<view class="title_mast">预警值</view>
			<view class="input"><input placeholder="请输入预警值" type="digit" v-model="formData.earlyValue"/><text>{{formData.dressingUnit}}</text></view>
		</view> -->

		<button class="cu-btn round bg-green shadow submit" @click="submit">确定</button>

		<u-picker
			closeOnClickOverlay
			:columns="units"
			:show="show"
			keyName="label"
			@close="show=false"
			@cancel="show=false"
			@confirm="formData.dressingUnit=$event.value[0].value;show=false"/>
	</view>
</template>
<script>
import request from '@/common/request'
export default {
	data(){
		return{
			units:[],
			show:false,
			formData:{
				dressingUnit: "",
				earlyValue: "",
				goodsId: "",
				goodsName: "",
				goodsSpecification: "",
				goodsType: "1",
				massUnits: "",
				num: '',
				sysOrgCode: "",
			},
			eventChannel:null,
		}
	},
	onLoad(options){
		this.eventChannel=this.getOpenerEventChannel()
		this.formData.goodsId=options.goodsId
		this.init()
	},
	methods:{
		async init(){
			var res=await request("/api/goods/unitsShow",{
				params:{goodsId:this.formData.goodsId}
			})
			if(res.statu){
				this.units=[res.data.list.map(v=>({label:v.text,value:v.value}))]
				this.formData.massUnits=res.data.massUnits
				this.formData.dressingUnit=this.units[0][0].value
			}else{
				uni.showModal({
					title:"提示",
					content:res.msg||"获取单位选项失败!",
					showCancel:false,
				})
			}
		},
		check(){
			if(!this.formData.num>0){
				uni.showToast({title:"规格值必填!",icon:"none"})
				return false
			// }else if(!this.formData.earlyValue>0){
			// 	uni.showToast({title:"预警值必填!",icon:"none"})
			// 	return false
			}
			return true
		},
		async submit(){
			if(this.check()){
				var res=await request("/goods/goods/addPlantGoodsSpecification",{
					method:"post",
					body:this.formData
				})
				if(res.statu){
					this.eventChannel.emit("addUnit",res.data)
					uni.navigateBack()
				}else{
					uni.showModal({
						title:"提示",
						content:res.msg||"获取农资详情失败!",
						showCancel:false,
					})
				}
			}
		}
	},
}
</script>