You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
326 lines
8.7 KiB
326 lines
8.7 KiB
<style lang="scss">
|
|
.container{
|
|
min-height: 100%;
|
|
background:#f6f6f6;
|
|
padding:30rpx 0;
|
|
|
|
.card{
|
|
margin-top:0;
|
|
&>.item{
|
|
border-bottom:2rpx solid rgba(216, 216, 216, 0.4);
|
|
padding-bottom:10rpx;
|
|
.tabulation{
|
|
display:flex;
|
|
align-items:center;
|
|
height:70rpx;
|
|
&.mast:before{
|
|
content:"*";
|
|
color:red;
|
|
margin-right:5rpx;
|
|
}
|
|
.title{
|
|
margin-right:auto;
|
|
}
|
|
.record{
|
|
color:#FBA83C;
|
|
}
|
|
}
|
|
.value{
|
|
background:#F7F7F7;
|
|
border-radius: 24rpx;
|
|
color:#333;
|
|
padding:20rpx 30rpx;
|
|
}
|
|
}
|
|
.plant-dikuaimianji{
|
|
display: flex;
|
|
align-items: center;
|
|
font-weight: bold;
|
|
&:before{
|
|
font-weight: normal;
|
|
color:#10C176;
|
|
font-size:40rpx;
|
|
margin-right:16rpx;
|
|
transform: translateY(5rpx);
|
|
}
|
|
}
|
|
.plant-batch-add{
|
|
margin-top:20rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
padding:0 30rpx;
|
|
justify-content: space-between;
|
|
flex-direction: row-reverse;
|
|
background:#F7F7F7;
|
|
border-radius: 24rpx;
|
|
height:80rpx;
|
|
&:before{
|
|
color:#10C176;
|
|
}
|
|
&:after{
|
|
content:"添加种苗";
|
|
color:#777;
|
|
}
|
|
}
|
|
.info{
|
|
display:flex;
|
|
align-items: center;
|
|
background:rgba(16, 193, 119, 0.1);
|
|
border-radius: 24rpx;
|
|
height:94rpx;
|
|
margin-top:20rpx;
|
|
padding:0 30rpx;
|
|
text{
|
|
&:first-child{
|
|
flex-shrink: 0;
|
|
color:#fff;
|
|
background:#10C176;
|
|
font-size: 20rpx;
|
|
border-radius:4px 40px 4px 40px;
|
|
width:80rpx;
|
|
height:40rpx;
|
|
text-align: center;
|
|
line-height: 40rpx;
|
|
margin-right:20rpx;
|
|
}
|
|
&:nth-child(2){
|
|
flex-grow: 1;
|
|
}
|
|
&:nth-child(3){
|
|
flex-shrink: 0;
|
|
color:#10C176;
|
|
font-weight: bold;
|
|
margin-left:20rpx;
|
|
}
|
|
}
|
|
}
|
|
&>.u-swipe-action{
|
|
margin-top:20rpx;
|
|
.u-swipe-action-item__right__button{
|
|
display:flex;
|
|
align-items: center;
|
|
}
|
|
&/deep/ .u-swipe-action-item__content>view{
|
|
display:flex;
|
|
align-items: center;
|
|
background:rgba(16, 193, 119, 0.1);
|
|
border-radius: 24rpx;
|
|
height:94rpx;
|
|
padding:0 30rpx;
|
|
text{
|
|
&:first-child{
|
|
flex-shrink: 0;
|
|
color:#fff;
|
|
background:#10C176;
|
|
font-size: 20rpx;
|
|
border-radius:4px 40px 4px 40px;
|
|
width:80rpx;
|
|
height:40rpx;
|
|
text-align: center;
|
|
line-height: 40rpx;
|
|
margin-right:20rpx;
|
|
}
|
|
&:nth-child(2){
|
|
flex-grow: 1;
|
|
}
|
|
&:nth-child(3){
|
|
flex-shrink: 0;
|
|
color:#10C176;
|
|
font-weight: bold;
|
|
margin-left:20rpx;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|
|
<template>
|
|
<view class="container">
|
|
<d-navbar style="--bg:#10C176;--c:#fff;" isBack text="添加农事">
|
|
<button slot="right" class="cu-btn round" @click="submit">提交</button>
|
|
</d-navbar>
|
|
|
|
<u-form class="inline" style="margin:30rpx;" labelWidth="auto" ref="upForm" errorType="toast" :model="formData" :rules="upRules">
|
|
<d-form label="农事类型" type="select-tab" required field="farmingType" dictCode="farming_type"/>
|
|
<d-form label="种植计划" style="--bg:#fff;" type="select" required field="farmingPlanId" :columns="farmingPlan" :value="[formData.farmingPlanId]"/>
|
|
</u-form>
|
|
|
|
<view class="card">
|
|
<view class="plant-dikuaimianji">{{massif.plotName}}</view>
|
|
<view v-if="formData.inputList.length<=0" class="plant-batch-add" @click="toSeeding"/>
|
|
<u-swipe-action v-for="(v,k) in formData.inputList" :key="k">
|
|
<u-swipe-action-item>
|
|
<view>
|
|
<text>{{v.goodsType}}</text> <text>{{v.substanceName}}</text> <text>{{v.inputQuantity*parseFloat(v.specs[0])}}{{v.specs[1]}}</text>
|
|
</view>
|
|
<view slot="button" class="u-swipe-action-item__right__button">
|
|
<button class="cu-btn bg-red" style="margin:auto;" @click="formData.inputList.splice(k,1)">删除</button>
|
|
</view>
|
|
</u-swipe-action-item>
|
|
</u-swipe-action>
|
|
<button class="cu-btn round bg-green shadow submit" v-if="formData.inputList.length>0" @click="toSeeding">+继续添加种苗</button>
|
|
</view>
|
|
|
|
<view class="card">
|
|
<view v-if="/^用药$|^施肥$/.test(formData.farmingType)" class="item" @click="toPestRecord">
|
|
<view class="tabulation" :class="{mast:/^用药$/.test(formData.farmingType)}">
|
|
<text class="title">操作</text> <text class="record">病虫害记录</text><text class="plant-youbian"/>
|
|
</view>
|
|
<view class="value" v-if="formData.farmPests">
|
|
过程:{{formData.farmPests.growthProcess}}，病虫害部位:{{formData.farmPests.pestSite}}，症状：{{formData.farmPests.symptom}}({{formData.farmPests.pestName.map(v=>v.name).join(',')}})
|
|
</view>
|
|
</view>
|
|
<u-form class="inline" errorType="toast" ref="downForm" :model="formData" :rules="downRules" labelWidth="auto">
|
|
<d-form
|
|
v-for="(v,k) in fields"
|
|
:key="k"
|
|
v-bind="v"
|
|
:field="k"
|
|
:required="!!downRules[k]"
|
|
:value="/^select$/.test(v.type)?fields[k].value:formData[k]"
|
|
@input="formData[k]=$event"
|
|
@select="fields[k].value=$event.map(v=>v.value);formData[k]=fields[k].value[0]"
|
|
@imgs="fields[k].value=$event"/>
|
|
</u-form>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
<script>
|
|
import request from '@/common/request'
|
|
export default {
|
|
data(){
|
|
return{
|
|
farmingPlan:[],
|
|
fields:{
|
|
principal:{label:"操作人",styleType:"parallel", disabled:true},
|
|
farmingTime:{label:"操作日期",styleType:"parallel",type:"calendar"},
|
|
images:{label:"农事图片",type:"upImg",num:3},
|
|
farmingRemarks:{label:"备注",type:"textarea"},
|
|
},
|
|
formData:{
|
|
farmingType:"",
|
|
principal: this.$store.getters['userInfo'].realname,
|
|
farmingPlanId:"",
|
|
farmingTime:"",
|
|
images:[],
|
|
farmingRemarks:"",
|
|
inputList:[],
|
|
farmPests:null,//病虫害
|
|
|
|
plotId:"",
|
|
plantBaseInfoId: this.$store.state.baseInfo.id,
|
|
},
|
|
upRules:{
|
|
farmingType:{required:true,validator:(rule,val,call)=>{
|
|
if(!val)call(new Error("请选择农事类型！"));
|
|
else if(/^播种$|^用药$|^施肥$/.test(val) && this.formData.inputList.length<=0)call(new Error('请添加农资！'));//农事类型 为播种、施肥、用药 必选添加农资
|
|
else if(/^用药$/.test(val) && !this.formData.farmPests)call(new Error("请添加病虫害记录！"));
|
|
},trigger:['change','blur']},
|
|
farmingPlanId:{required:true,message:"请选择种植计划！",trigger:['change','blur']},
|
|
},
|
|
downRules:{
|
|
farmingTime:{required:true,message:"操作日期必填！",trigger:'blur'},
|
|
},
|
|
massif:{},
|
|
eventChannel:null,
|
|
}
|
|
},
|
|
onLoad(options){
|
|
this.eventChannel=this.getOpenerEventChannel()
|
|
this.formData.plotId=options.plotId
|
|
this.init()
|
|
this.getMassifDetail()
|
|
//添加监听
|
|
this.$provise.on("forming_agr",e=>e(this.formData.inputList))
|
|
},
|
|
methods:{
|
|
async init(){
|
|
//农事类型
|
|
var res=await request("/api/plantFarming/listFarmName")
|
|
if(res.statu){
|
|
this.typeList=res.data
|
|
}else{
|
|
uni.showModal({
|
|
title:"提示",
|
|
content:res.msg||"获取农事类型失败！",
|
|
showCancel:false,
|
|
})
|
|
}
|
|
//种植计划下拉选择
|
|
var res=await request("/api/plantFarming/getPlantPlan",{
|
|
params:{plotId: this.formData.plotId}
|
|
})
|
|
if(res.statu){
|
|
this.farmingPlan=[res.data]
|
|
}else{
|
|
uni.showModal({
|
|
title:"提示",
|
|
content:res.msg||"获取种植计划选项失败！",
|
|
showCancel:false,
|
|
})
|
|
}
|
|
},
|
|
async getMassifDetail(){
|
|
var res=await request("/api/plantPlot/queryById",{
|
|
params:{id:this.formData.plotId}
|
|
})
|
|
if(res.statu){
|
|
this.massif=res.data
|
|
}else{
|
|
uni.showModal({
|
|
title:"提示",
|
|
content:res.msg||"获取地块信息失败！",
|
|
showCancel:false,
|
|
})
|
|
}
|
|
},
|
|
toSeeding(){
|
|
uni.navigateTo({
|
|
url:"/pages/seeding/mana?into=addFarming",
|
|
events:{ update: e=>{
|
|
|
|
} },
|
|
success(e){
|
|
|
|
}
|
|
})
|
|
},
|
|
async submit(){
|
|
if(await this.$refs.upForm.validate()&&await this.$refs.downForm.validate()){
|
|
var res=await request("/api/plantFarming/addOrUpdate",{
|
|
method:"post",
|
|
body:{
|
|
...this.formData,
|
|
images: this.fields.images.value,
|
|
farmPests: Object.assign(this.formData.farmPests||{},{pestName:this.formData.farmPests?.pestName?.map?.(v=>v.name).join(",")||''})
|
|
}
|
|
})
|
|
if(res.statu){
|
|
uni.navigateBack()
|
|
this.eventChannel.emit("update")
|
|
}else{
|
|
uni.showModal({
|
|
title:"提示",
|
|
content:res.msg||"保存农事失败！",
|
|
showCancel:false,
|
|
})
|
|
}
|
|
}
|
|
},
|
|
//添加病虫害记录
|
|
toPestRecord(){
|
|
uni.navigateTo({
|
|
url:"/pages/massif/pestRecord",
|
|
events:{addPest: e=>this.formData.farmPests=e},
|
|
success:(res)=>{
|
|
res.eventChannel.emit("detail",{...(this.formData.farmPests||{})})
|
|
}
|
|
})
|
|
},
|
|
},
|
|
onUnload(){
|
|
this.$provise.off('forming_agr')
|
|
},
|
|
}
|
|
</script>
|
|
|