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.
120 lines
5.1 KiB
120 lines
5.1 KiB
<style lang="less" scoped>
|
|
.container{
|
|
min-height: 100%;
|
|
background:#f6f6f6;
|
|
padding:30rpx 0;
|
|
.handle{
|
|
&+.handle{
|
|
margin-top:25rpx;
|
|
}
|
|
display: flex;
|
|
position:relative;
|
|
background:#EEFBF5;
|
|
border-radius: 24rpx;
|
|
padding:30rpx;
|
|
&:before{
|
|
content:"已处理";
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='66.965' height='17.019' viewBox='0 0 66.965 17.019'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%2310c176;%7D%3C/style%3E%3C/defs%3E%3Cg transform='translate(-215 -495.575)'%3E%3Cpath class='a' d='M218.295,495.627s-.028,3.42,0,3.45c.036-.036,6.616,0,6.616,0s.032,3.089,0,3.059h-2.17s-.015,3.341,0,3.379c-.036-.036,3.344,0,3.344,0s-.021.044,0,3.628h-3.344s-.072,3.442,0,3.365c.071.036,59.224.085,59.224.085v-8.346a9.109,9.109,0,0,0-8.4-8.62C273.261,495.511,218.295,495.627,218.295,495.627Z'/%3E%3Ccircle class='a' cx='1.5' cy='1.5' r='1.5' transform='translate(217 502.1)'/%3E%3Cellipse class='a' cx='1.5' cy='1.725' rx='1.5' ry='1.725' transform='translate(217 495.62)'/%3E%3Cellipse class='a' cx='1.5' cy='1.7' rx='1.5' ry='1.7' transform='translate(221 509.12)'/%3E%3Cellipse class='a' cx='1.5' cy='1.705' rx='1.5' ry='1.705' transform='translate(221.4 502.1)'/%3E%3Crect class='a' width='5' height='3' rx='1.5' transform='translate(215 509)'/%3E%3C/g%3E%3C/svg%3E");
|
|
position:absolute;
|
|
height:34rpx;
|
|
line-height: 34rpx;
|
|
width:133rpx;
|
|
text-align: center;
|
|
color:#fff;
|
|
top:0;
|
|
right:0;
|
|
}
|
|
&.un:before{
|
|
content:"未处理";
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='66.965' height='17.019' viewBox='0 0 66.965 17.019'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23cd0916;%7D%3C/style%3E%3C/defs%3E%3Cg transform='translate(-215 -495.575)'%3E%3Cpath class='a' d='M218.295,495.627s-.028,3.42,0,3.45c.036-.036,6.616,0,6.616,0s.032,3.089,0,3.059h-2.17s-.015,3.341,0,3.379c-.036-.036,3.344,0,3.344,0s-.021.044,0,3.628h-3.344s-.072,3.442,0,3.365c.071.036,59.224.085,59.224.085v-8.346a9.109,9.109,0,0,0-8.4-8.62C273.261,495.511,218.295,495.627,218.295,495.627Z'/%3E%3Ccircle class='a' cx='1.5' cy='1.5' r='1.5' transform='translate(217 502.1)'/%3E%3Cellipse class='a' cx='1.5' cy='1.725' rx='1.5' ry='1.725' transform='translate(217 495.62)'/%3E%3Cellipse class='a' cx='1.5' cy='1.7' rx='1.5' ry='1.7' transform='translate(221 509.12)'/%3E%3Cellipse class='a' cx='1.5' cy='1.705' rx='1.5' ry='1.705' transform='translate(221.4 502.1)'/%3E%3Crect class='a' width='5' height='3' rx='1.5' transform='translate(215 509)'/%3E%3C/g%3E%3C/svg%3E");
|
|
}
|
|
image{
|
|
flex-shrink: 0;
|
|
width:140rpx;
|
|
height:120rpx;
|
|
margin-right:20rpx;
|
|
}
|
|
.content{
|
|
flex-grow: 1;
|
|
width:1rpx;
|
|
.doubleLine{
|
|
font-size:24rpx;
|
|
}
|
|
.cu-btn{
|
|
background:#FFCB69;
|
|
border-radius: 4rpx;
|
|
height:40rpx;
|
|
color:#fff;
|
|
font-size:20rpx;
|
|
margin-top:10rpx;
|
|
}
|
|
}
|
|
}
|
|
.cu-btn.add{
|
|
margin:20rpx auto 10rpx;
|
|
display: flex;
|
|
width:500rpx;
|
|
background:#10C176;
|
|
}
|
|
}
|
|
</style>
|
|
<template>
|
|
<view class="container">
|
|
<u-form class="card inline" errorType="toast" :model="formData" :rules="rules" ref="form" labelWidth="auto">
|
|
<d-form label="基地名称" required/>
|
|
<d-form label="记录人" required/>
|
|
<d-form label="巡园日期" required type="calendar"/>
|
|
<d-form label="是否异常" required type="radio" :columns="[{label:'是',value:1},{label:'否',value:0}]" v-model="formData.abnormal"/>
|
|
<view class="handle">
|
|
<image src="https://alipic.lanhuapp.com/XDSlicePNGMAX194db53bfba98d0b8dd7897e8aa3b92427509704376c5621dac3520f49ce3d9a.png"/>
|
|
<view class="content">
|
|
<view class="doubleLine" style="--n:3;">柑橘黄斑病，是子囊菌亚门球腔菌属的柑橘球腔菌侵染所致，病菌以菌丝体在病叶和落叶中越冬柑橘黄斑病，是子囊菌亚门球腔菌属的柑橘球腔菌侵染所致，病菌以菌丝体在病叶和落叶中越冬</view>
|
|
</view>
|
|
</view>
|
|
<view class="handle un">
|
|
<image src="https://alipic.lanhuapp.com/XDSlicePNGMAX194db53bfba98d0b8dd7897e8aa3b92427509704376c5621dac3520f49ce3d9a.png"/>
|
|
<view class="content">
|
|
<view class="doubleLine">柑橘黄斑病，是子囊菌亚门球腔菌属的柑橘球腔菌侵染所致，病菌以菌丝体在病叶和落叶中越冬柑橘黄斑病，是子囊菌亚门球腔菌属的柑橘球腔菌侵染所致，病菌以菌丝体在病叶和落叶中越冬</view>
|
|
<button class="cu-btn shadow">立即处理</button>
|
|
</view>
|
|
</view>
|
|
<button class="cu-btn round bg-green shadow add">+继续添加异常</button>
|
|
|
|
<d-form label="凭证" type="upImg" :value="formData.pic"/>
|
|
<d-form label="备注" type="textarea" v-model="remark"/>
|
|
</u-form>
|
|
<button class="cu-btn round bg-green shadow submit" @click="sumbit">保存</button>
|
|
</view>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
data(){
|
|
return{
|
|
formData:{
|
|
pic:[],
|
|
abnormal:0,
|
|
},
|
|
rules:{
|
|
|
|
},
|
|
}
|
|
},
|
|
watch:{
|
|
"formData.abnormal"(n){
|
|
if(n==1){
|
|
uni.navigateTo({
|
|
url:"/pages/patrolGarden/abnoReport"
|
|
})
|
|
}
|
|
}
|
|
},
|
|
methods:{
|
|
demo(e){
|
|
console.log(e,'----e-------')
|
|
},
|
|
sumbit(){
|
|
|
|
},
|
|
}
|
|
}
|
|
</script>
|