manage_mobile/pages/purchase/apply.vue

<style lang="scss">
	.container{
		min-height:100%;
		background:#F6F6F6;
		padding:30rpx 0;
		.card{
			margin-top:0;
			&.info{
				view{
					display: flex;
					justify-content: space-between;
					height:80rpx;
					align-items: center;
					&+view{
						border-top:2rpx solid rgba(216, 216, 216, 0.3);
					}
				}
			}
			&.detail{
				.item{
					border-top:2rpx solid rgba(216, 216, 216, 0.6);
					padding:18rpx 0;
					&>.info{
						display: flex;
						margin-bottom:14rpx;
						text{
							&:first-child{
								color:#fff;
								font-size: 20rpx;
								width:80rpx;
								height:40rpx;
								line-height: 40rpx;
								text-align: center;
								background:#10C176;
								border-radius: 0px 20rpx 0px 20rpx;
								margin-right:16rpx;
							}
							&:nth-child(2){
								// line-height: 40rpx;
								&:after{
									content:"("attr(data-unit)")";
									color:#999;
									margin-left:7rpx;
									font-size:20rpx;
								}
							}
							&:nth-child(3){
								margin-left:auto;
								color:#999;
								font-size:24rpx;
								display: flex;
    							align-items: center;
								&:before{
									color:#10C176;
									font-size: 30rpx;
								}
							}
						}
					}
					&>.company{
						display: flex;
						text{
							color:var(--c);
							font-size:20rpx;
							
						}
					}
				}
				&>.plant-xinzeng{
					border-top:2rpx solid rgba(216, 216, 216, 0.6);
					text-align: center;
					color:#10C176;
					padding-top:20rpx;
					&:before{
						margin-right:12rpx;
					}
				}
			}
			&.type{
				.title_mast{
					margin-bottom:0;
					&:after{
						content:attr(data-type);
						color:#FBA83C;
						margin-left:auto;
					}
				}
			}
		}
	}
</style>
<template>
	<view class="container">
		<view class="card info">
			<view>
				<text>申请人</text> <text>{{formData.applicantName}}</text>
			</view>
			<view>
				<text>所在基地</text> <text>{{formData.baseName}}</text>
			</view>
			<view>
				<text>申请时间</text> <text>{{formData.applicantTime}}</text>
			</view>
		</view>

		<view class="card detail">
			<view class="title_mast">采购详情</view>
			
			<view class="item" v-for="(v,k) in formData.plantPurchaseSubList" :key="k">
				<view class="info">
					<text>{{v.detailedParentName}}</text>
					<text :data-unit="v.goodsSpecification">{{v.goodsName}}</text>
					<text class="plant-shanchu" @click="formData.plantPurchaseSubList.splice(k,1)">删除</text>
				</view>
				<view class="company">
					<text style="--c:#FBA83C;flex-shrink: 0;">{{v.detailedType}}</text>
					<text style="--c:#707070;flex-grow:1;text-align:center;">{{v.supplier}}</text>
				</view>
			</view>
			<u-empty v-if="formData.plantPurchaseSubList.length==0" width="70%" text=' ' icon="/static/noData.png"/>

			<view class="plant-xinzeng" @click="toAddGoods">添加物品</view>
		</view>

		<!-- <view class="card type">
			<view class="title_mast" data-type="审核中">申请状态</view>
		</view> -->

		<button class="cu-btn round bg-green shadow submit" @click="submit">确定提交</button>
	</view>
</template>
<script>
import request from '@/common/request'
export default {
	data(){
		return{
			formData:{
				applicantId: "",
				applicantName: "",
				applicantTime: "",
				baseName: "",
				companyId: "",
				plantPurchaseSubList: [],
				// sysOrgCode: "",
			},
		}
	},
	onLoad(){
		this.init()
	},
	methods:{
		async init(){
			var res=await request("/api/purchase/purchaseUserShow",{
					params:{ plantBaseInfoId:this.$store.state.baseInfo.id }
				})
			if(res.statu){
				this.formData.applicantId=this.$store.getters['userInfo'].id
				this.formData.applicantName=this.$store.getters['userInfo'].realname
				this.formData.applicantTime=new Date().format('yyyy-MM-dd')
				this.formData.baseName=res.data.baseName
				this.formData.companyId=this.$store.getters['userInfo'].companyId
			}else{
				uni.showModal({
					title:"提示",
					content:res.msg||"获取采购申请信息失败！",
					showCancel:false,
				})
			}
		},
		async submit(){
			if(this.formData.plantPurchaseSubList.length<=0){
				uni.showToast({title:"请选择采购详情！",icon:"none"})
				return false
			}
			var res=await request("/api/purchase/add",{
				method:"post",
				body: this.formData
			})
			if(res.statu){
				uni.reLaunch({url:"/pages/home/my?toPage=record"})
			}else{
				uni.showModal({
					title:"提示",
					content:res.msg||"保存失败！",
					showCancel:false,
				})
			}
		},
		toAddGoods(){
			uni.navigateTo({
				url:`/pages/purchase/agrProdList`,
				events:{submit: e=>{
					if(!this.formData.plantPurchaseSubList.some(v=>{
						if(v.goodsName==e.goodsName && v.goodsSpecification==e.goodsSpecification){
							v.num=parseFloat(e.num)+parseFloat(v.num)
							return true
						}
						return false
					})){
						this.formData.plantPurchaseSubList.push(e)
					}
				}}
			})
		},
	}
}
</script>