diff --git a/pages/massif/mana/plantPlan.vue b/pages/massif/mana/plantPlan.vue
index c526f86..3c0303a 100644
--- a/pages/massif/mana/plantPlan.vue
+++ b/pages/massif/mana/plantPlan.vue
@@ -150,7 +150,7 @@
预估采收日期:{{v.harvestTime}}
-
+
diff --git a/pages/massif/pestRecord.vue b/pages/massif/pestRecord.vue
index 0cce22c..c7af7f4 100644
--- a/pages/massif/pestRecord.vue
+++ b/pages/massif/pestRecord.vue
@@ -32,7 +32,7 @@ export default {
pestSite:{label:"病虫害部位",type:"checkBox",value:[],columns:[{label:"根",value:"根"},{label:"茎",value:"茎"},{label:"叶",value:"叶"}]},
growthProcess:{label:"作物生长过程",type:"select-tab",dictCode:"growth_process"},
symptom:{label:"显著症状",type:"select-tab",dictCode:"symptom"},
- type:{label:"害虫类型",type:"navigate",btnFun:()=>uni.navigateTo({url:"/pages/massif/pestType"})},
+ type:{label:"害虫类型",type:"navigate",btnFun:()=>uni.navigateTo({url:"/pages/massif/pestType",events:{type:e=>this.formData.type=e}})},
medicationArea:{label:"农资作用面积",type:"digit",suffix:"亩"},
pic:{label:"凭证",type:"upImg",value:""},
description:{label:"病虫害描述",type:"textarea"},
@@ -41,6 +41,7 @@ export default {
growthProcess:'',
pestSite:'',
symptom:"",
+ type:"",
medicationArea:"",
pic:[],
description:"",
@@ -49,6 +50,7 @@ export default {
growthProcess:{required:true,message:"请选择作物生长过程!",trigger:['blur','change']},
pestSite:{required:true,message:"请选择病虫害部位!",trigger:['blur','change']},
symptom:{required:true,message:"请选择显著症状!",trigger:['blur','change']},
+ type:{required:true,message:"请选择害虫类型!",trigger:['blur','change']},
medicationArea:{required:true,message:"请输入农资作用面积!",type:"number",trigger:['blur','change']},
pic:{required:true,validator:(rule,val,call)=>{
if(!this.fields.pic.value)call(new Error("请选择凭证!"));
diff --git a/pages/massif/pestType.vue b/pages/massif/pestType.vue
index fc0e3f9..8ecd22c 100644
--- a/pages/massif/pestType.vue
+++ b/pages/massif/pestType.vue
@@ -7,11 +7,14 @@
}
}
&>.u-tabs{
+ margin:0 30rpx;
+ flex-shrink: 0;
&/deep/ .u-tabs__wrapper__nav__line{
box-shadow:0 4rpx 6rpx 2rpx rgba(16,193,118,0.1);
}
}
&>.tabs{
+ flex-shrink: 0;
margin:10rpx 30rpx 0;
background:#EEFBF5;
border-radius: 8rpx;
@@ -27,72 +30,182 @@
}
}
&>.title{
+ flex-shrink: 0;
color:#333;
margin:30rpx;
+ display:flex;
+ align-items: center;
&:before{
content:"*";
color:#EE263A;
}
- }
- &>.items{
- display:flex;
- flex-wrap: wrap;
- margin:30rpx;
- text{
- background:#eee;
- color:#999;
- height:54rpx;
- line-height: 54rpx;
- border-radius: 54rpx;
+ button{
+ margin-left:auto;
+ background:#10C176;
+ color:#fff;
+ box-shadow: 4rpx 4rpx 6rpx rgba(0,0,0,0.1);
font-size:24rpx;
- margin:0 30rpx 20rpx 0;
- width:calc(100%/4 - 30rpx);
- text-align: center;
- &.active{
- background:#10C176;
- color:#fff;
+ }
+ }
+ scroll-view{
+ flex-grow: 1;
+ height:1rpx;
+ margin:0 30rpx;
+ width:calc(100% - 60rpx);
+ .items{
+ display:flex;
+ flex-wrap: wrap;
+ margin-right:-30rpx;
+ text{
+ background:rgba(238, 238, 238, 0.6);
+ color:#999;
+ height:54rpx;
+ line-height: 54rpx;
+ border-radius: 54rpx;
+ font-size:24rpx;
+ margin:0 30rpx 20rpx 0;
+ min-width:calc(100%/4 - 30rpx);
+ box-sizing: border-box;
+ padding:0 10rpx;
+ text-align: center;
+ transition: all 0.3s;
+ &.active{
+ background:#10C176;
+ color:#fff;
+ }
}
}
}
}
-
+
-
-
+
+
- 玉米
- 水稻
-
- 害虫类型
-
- 黄地老虎
- 黄地老虎
- 自定义+
+ {{v.label}}
+ 害虫种类
+
+
+ {{v}}
+
+
+