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.
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
|
.container{
|
|
|
|
|
background:#F6F6F6;
|
|
|
|
|
padding:14px 0;
|
|
|
|
|
min-height:100%;
|
|
|
|
|
&>.u-button{
|
|
|
|
|
margin:38px auto 0px;
|
|
|
|
|
width:80%;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
<template>
|
|
|
|
|
<view class="container">
|
|
|
|
|
<u-form class="card inline" :model="formData" ref="form" :rules="rules" labelWidth="auto">
|
|
|
|
|
<d-form
|
|
|
|
|
v-for="(v,k) in fields"
|
|
|
|
|
:key="k"
|
|
|
|
|
v-bind="v"
|
|
|
|
|
:required="!!rules[k]"
|
|
|
|
|
:field="k"
|
|
|
|
|
:value="({text:formData[k],upImg:formData[k],textarea:formData[k]})[v.type||'text']"
|
|
|
|
|
@input="formData[k]=$event"
|
|
|
|
|
@selectDate="selectDate"/>
|
|
|
|
|
</u-form>
|
|
|
|
|
<u-button shape="circle" color="#10C176">保存</u-button>
|
|
|
|
|
</view>
|
|
|
|
|
</template>
|
|
|
|
|
<script>
|
|
|
|
|
import dForm from '@/components/form.vue'
|
|
|
|
|
export default{
|
|
|
|
|
components:{dForm},
|
|
|
|
|
data(){
|
|
|
|
|
return{
|
|
|
|
|
fields:{
|
|
|
|
|
plantBaseName:{label:"基地名称"},
|
|
|
|
|
plotNumber:{label:"地块编号"},
|
|
|
|
|
plotName:{label:"地块名称"},
|
|
|
|
|
area:{label:"地块面积(亩)"},
|
|
|
|
|
drawArea:{label:"实际面积"},
|
|
|
|
|
image:{label:"地块图片",type:"upImg",num:3},
|
|
|
|
|
date:{label:"使用日期",type:"dateRange",value:[]},
|
|
|
|
|
jw:{label:"经/纬度"},
|
|
|
|
|
address:{label:"详细地址",type:"textarea"},
|
|
|
|
|
},
|
|
|
|
|
formData:{
|
|
|
|
|
plantBaseName:"",
|
|
|
|
|
plotNumber:"",
|
|
|
|
|
plotName:"",
|
|
|
|
|
drawArea:0,
|
|
|
|
|
image:[],
|
|
|
|
|
beginTime:"",
|
|
|
|
|
endTime:"",
|
|
|
|
|
longitude:"",
|
|
|
|
|
latitude:"",
|
|
|
|
|
address:"",
|
|
|
|
|
},
|
|
|
|
|
rules:{
|
|
|
|
|
date:{required:true, message:"日期必填！", trigger:"blue"}
|
|
|
|
|
},
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
methods:{
|
|
|
|
|
selectDate(e){
|
|
|
|
|
console.log(e,'-----e---------')
|
|
|
|
|
switch(e.type){
|
|
|
|
|
case "start":this.fields.date.value[0]=e.value;break;
|
|
|
|
|
case 'end':this.fields.date.value[1]=e.value;break;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
}
|
|
|
|
|
</script>
|
