多张图片显示

This commit is contained in:
jia 2023-12-07 09:34:25 +08:00
parent c3ab1b77cd
commit 6a63cdf094
14 changed files with 335 additions and 172 deletions

View File

@ -5,6 +5,7 @@
{{info.title}} {{info.title}}
号土地 号土地
</view> </view>
<!-- <view class="" style="display:flex;"> <!-- <view class="" style="display:flex;">
<view class="" style="margin-right: 10rpx;">溯源码: </view> <view class="" style="margin-right: 10rpx;">溯源码: </view>
@ -30,6 +31,14 @@
种植品种: {{info.kind}} 种植品种: {{info.kind}}
</view> </view>
</view> </view>
<view class="card-li" v-if="info.breed">
<view class="">
种植品牌: {{info.breed}}
</view>
<!-- <view class="">
种子品牌: {{}}
</view> -->
</view>
<view class="card-li"> <view class="card-li">
<view class=""> <view class="">
土地面积: {{info.total_area}} 土地面积: {{info.total_area}}

View File

@ -10,7 +10,7 @@ let HEADER
if (env == 'dev') { if (env == 'dev') {
BASE_URL = 'http://ceshi-suyuan.lihaink.cn/' BASE_URL = 'http://ceshi-suyuan.lihaink.cn/'
} else if (env = 'prod') { } else if (env = 'prod') {
BASE_URL = 'http://shi-suyuan.lihaink.cn/' BASE_URL = 'http://ceshi-suyuan.lihaink.cn/'
} }
let config = { let config = {
HTTP_REQUEST_URL: BASE_URL, HTTP_REQUEST_URL: BASE_URL,

View File

@ -23,8 +23,7 @@
customStyle="background:#F5F5F5;height:80rpx;;padding-left:40rpx;border:none" customStyle="background:#F5F5F5;height:80rpx;;padding-left:40rpx;border:none"
placeholder="请输入密码" border="surround" v-model="formData.password"> placeholder="请输入密码" border="surround" v-model="formData.password">
<template #suffix> <template #suffix>
<u-icon :name="pwdShow?'eye-off':'eye-fill'" size="25" <u-icon :name="pwdShow?'eye-off':'eye-fill'" size="25" @click="pwdShow=!pwdShow"></u-icon>
@click="pwdShow=!pwdShow"></u-icon>
</template> </template>
</u-input> </u-input>
</view> </view>

View File

@ -2,7 +2,7 @@
<!-- 播种 --> <!-- 播种 -->
<view class="content"> <view class="content">
<view class="card"> <view class="card">
<u--form labelPosition="top" labelWidth='100' :model="formData" :rules="rules" ref="form"> <u--form labelPosition="top" labelWidth='130' :model="formData" :rules="rules" ref="form">
<u-form-item label="杀虫剂种类" prop="kind" borderBottom ref='item1' required> <u-form-item label="杀虫剂种类" prop="kind" borderBottom ref='item1' required>
<up-input placeholder="请输入杀虫剂种类" :disabled="mode=='detail'" border="surround" <up-input placeholder="请输入杀虫剂种类" :disabled="mode=='detail'" border="surround"
v-model="formData.kind"></up-input> v-model="formData.kind"></up-input>
@ -11,8 +11,8 @@
<up-input placeholder="请输入杀虫剂品牌" :disabled="mode=='detail'" border="surround" <up-input placeholder="请输入杀虫剂品牌" :disabled="mode=='detail'" border="surround"
v-model="formData.breed"></up-input> v-model="formData.breed"></up-input>
</u-form-item> </u-form-item>
<u-form-item label="杀虫剂用量" prop="dosage" borderBottom required> <u-form-item label="杀虫剂用量(升)" prop="dosage" borderBottom required>
<up-input placeholder="请输入杀虫剂用量" border="surround" :disabled="mode=='detail'" <up-input placeholder="请输入杀虫剂用量" type='number' border="surround" :disabled="mode=='detail'"
v-model="formData.dosage"></up-input> v-model="formData.dosage"></up-input>
</u-form-item> </u-form-item>
@ -36,7 +36,7 @@
v-model="formData.end_date" style="pointer-events: none;"></up-input> v-model="formData.end_date" style="pointer-events: none;"></up-input>
</u-form-item> </u-form-item>
</view> </view>
<u-form-item label="作业面积" prop="area" borderBottom required> <u-form-item label="作业面积(亩)" prop="area" borderBottom required>
<up-input placeholder="请输入作业面积" :disabled="mode=='detail'" type="number" border="surround" <up-input placeholder="请输入作业面积" :disabled="mode=='detail'" type="number" border="surround"
v-model="formData.area"></up-input> v-model="formData.area"></up-input>
</u-form-item> </u-form-item>
@ -46,6 +46,7 @@
</u-form-item> </u-form-item>
<view class="card-li"> <view class="card-li">
<view class="card-li-tit"> <view class="card-li-tit">
<span>*</span>
杀虫图片 杀虫图片
</view> </view>
<view class="code-img1"> <view class="code-img1">
@ -74,7 +75,7 @@
</view> </view>
</view> </view>
<u-form-item label="备注" prop="remark" borderBottom required> <u-form-item label="备注" prop="remark" borderBottom >
<u--textarea v-model="formData.remark" :disabled="mode=='detail'" placeholder="请输入内容"></u--textarea> <u--textarea v-model="formData.remark" :disabled="mode=='detail'" placeholder="请输入内容"></u--textarea>
</u-form-item> </u-form-item>
@ -208,13 +209,14 @@ const formatter = (type, value) => {
required: true, required: true,
message: '请填写参与人', message: '请填写参与人',
trigger: ['blur', 'change'] trigger: ['blur', 'change']
}, }
'remark': { // ,
type: 'string', // 'remark': {
required: true, // type: 'string',
message: '请填写备注', // required: true,
trigger: ['blur', 'change'] // message: '',
}, // trigger: ['blur', 'change']
// },
}) })
onReady(() => { onReady(() => {
form.value.setRules(rules); form.value.setRules(rules);
@ -355,6 +357,17 @@ const formatter = (type, value) => {
} }
.card-li-tit { .card-li-tit {
position: relative;
span {
position: absolute;
left: -9px;
color: #f56c6c;
line-height: 20px;
font-size: 20px;
top: 3px;
}
margin-bottom: 20rpx; margin-bottom: 20rpx;
} }

View File

@ -1,7 +1,5 @@
<template> <template>
<view class="content"> <view class="content">
<view class="content-con-a" v-if="datalist.length>0"> <view class="content-con-a" v-if="datalist.length>0">
<view class="shop_action"> <view class="shop_action">
@ -18,6 +16,14 @@
{{item.detail.kind}} {{item.detail.kind}}
</view> </view>
</view> </view>
<view class="action-detail" v-if="item.detail.breed">
<view class="title">
{{item.type_text.slice(0, -2)}}品牌
</view>
<view class="detail">
{{item.detail.breed}}
</view>
</view>
<view class="action-detail"> <view class="action-detail">
<view class="title"> <view class="title">
{{item.type_text.slice(0, -2)}}用量 {{item.type_text.slice(0, -2)}}用量
@ -57,8 +63,10 @@
<view class="title"> <view class="title">
{{item.type_text.slice(0, -2)}}图片 {{item.type_text.slice(0, -2)}}图片
</view> </view>
<view class="detail-img">
<u-swiper :list="item.detail.pic" width="100%" height="529rpx"></u-swiper> <view class="detail-img" v-if="item.detail&&item.detail.pic&&item.detail.pic.length>0">
<image @click="perviewFn(item.detail.pic)" :src="item.detail.pic[0]" mode="aspectFit">
</image>
</view> </view>
</view> </view>
</view> </view>
@ -73,6 +81,15 @@
{{item.detail.area}} {{item.detail.area}}
</view> </view>
</view> </view>
<view class="action-detail">
<view class="title">
灌溉方式
</view>
<view class="detail">
{{item.detail.type==1?"喷灌":item.detail.type==2?"滴灌":"沟灌"}}
</view>
</view>
<view class="action-detail"> <view class="action-detail">
<view class="title"> <view class="title">
灌溉人 灌溉人
@ -101,8 +118,9 @@
<view class="title"> <view class="title">
灌溉图片 灌溉图片
</view> </view>
<view class="detail-img"> <view class="detail-img" v-if="item.detail&&item.detail.pic&&item.detail.pic.length>0">
<u-swiper :list="item.detail.pic" width="100%" height="529rpx"></u-swiper> <image @click="perviewFn(item.detail.pic)" :src="item.detail.pic[0]" mode="aspectFit">
</image>
</view> </view>
</view> </view>
</view> </view>
@ -128,8 +146,9 @@
<view class="title"> <view class="title">
收获图片 收获图片
</view> </view>
<view class="detail-img"> <view class="detail-img" v-if="item.detail&&item.detail.pic&&item.detail.pic.length>0">
<u-swiper :list="item.detail.pic" width="100%" height="529rpx"></u-swiper> <image @click="perviewFn(item.detail.pic)" :src="item.detail.pic[0]" mode="aspectFit">
</image>
</view> </view>
</view> </view>
</view> </view>
@ -190,7 +209,7 @@
// //
const perviewFn = (url) => { const perviewFn = (url) => {
uni.previewImage({ uni.previewImage({
urls: [url] urls: url
}) })
} }
</script> </script>
@ -270,6 +289,7 @@
.title { .title {
width: 240rpx; width: 240rpx;
} }
.detail { .detail {
width: 450rpx width: 450rpx
} }
@ -287,6 +307,11 @@
.detail-img { .detail-img {
width: 627rpx; width: 627rpx;
height: 529rpx; height: 529rpx;
image {
width: 100%;
height: 100%;
}
} }
} }
} }

View File

@ -11,8 +11,8 @@
<up-input placeholder="请输入肥料品牌" :disabled="mode=='detail'" border="surround" <up-input placeholder="请输入肥料品牌" :disabled="mode=='detail'" border="surround"
v-model="formData.breed"></up-input> v-model="formData.breed"></up-input>
</u-form-item> </u-form-item>
<u-form-item label="肥料用量" prop="dosage" borderBottom required> <u-form-item label="肥料用量(斤)" prop="dosage" borderBottom required>
<up-input placeholder="请输入肥料用量" border="surround" :disabled="mode=='detail'" <up-input placeholder="请输入肥料用量" border="surround" type='number' :disabled="mode=='detail'"
v-model="formData.dosage"></up-input> v-model="formData.dosage"></up-input>
</u-form-item> </u-form-item>
@ -36,7 +36,7 @@
style="pointer-events: none;"></up-input> style="pointer-events: none;"></up-input>
</u-form-item> </u-form-item>
</view> </view>
<u-form-item label="作业面积" prop="area" borderBottom required> <u-form-item label="作业面积(亩)" prop="area" borderBottom required>
<up-input placeholder="请输入作业面积" :disabled="mode=='detail'" type="number" border="surround" <up-input placeholder="请输入作业面积" :disabled="mode=='detail'" type="number" border="surround"
v-model="formData.area"></up-input> v-model="formData.area"></up-input>
</u-form-item> </u-form-item>
@ -46,6 +46,7 @@
</u-form-item> </u-form-item>
<view class="card-li"> <view class="card-li">
<view class="card-li-tit"> <view class="card-li-tit">
<span>*</span>
施肥图片 施肥图片
</view> </view>
<view class="code-img1"> <view class="code-img1">
@ -77,7 +78,7 @@
</view> </view>
</view> </view>
<u-form-item label="备注" prop="remark" borderBottom required> <u-form-item label="备注" prop="remark" borderBottom >
<u--textarea v-model="formData.remark" :disabled="mode=='detail'" placeholder="请输入内容"></u--textarea> <u--textarea v-model="formData.remark" :disabled="mode=='detail'" placeholder="请输入内容"></u--textarea>
</u-form-item> </u-form-item>
@ -200,13 +201,14 @@
required: true, required: true,
message: '请填写参与人', message: '请填写参与人',
trigger: ['blur', 'change'] trigger: ['blur', 'change']
}, }
'remark': { // ,
type: 'string', // 'remark': {
required: true, // type: 'string',
message: '请填写备注', // required: true,
trigger: ['blur', 'change'] // message: '',
}, // trigger: ['blur', 'change']
// },
}) })
onReady(() => { onReady(() => {
form.value.setRules(rules); form.value.setRules(rules);
@ -301,7 +303,7 @@
// //
addaction(data1).then((res) => { addaction(data1).then((res) => {
console.log(res) // console.log(res)
if (res.code == 1) { if (res.code == 1) {
uni.$u.toast(res.msg) uni.$u.toast(res.msg)
uni.navigateBack({ uni.navigateBack({
@ -369,6 +371,17 @@
} }
.card-li-tit { .card-li-tit {
position: relative;
span {
position: absolute;
left: -9px;
color: #f56c6c;
line-height: 20px;
font-size: 20px;
top: 3px;
}
margin-bottom: 20rpx; margin-bottom: 20rpx;
} }

View File

@ -18,6 +18,7 @@
</u-form-item> </u-form-item>
<view class="card-li"> <view class="card-li">
<view class="card-li-tit"> <view class="card-li-tit">
<span>*</span>
收获图片 收获图片
</view> </view>
<view class="code-img1"> <view class="code-img1">
@ -46,7 +47,7 @@
</view> </view>
</view> </view>
<u-form-item label="备注" prop="remark" borderBottom required> <u-form-item label="备注" prop="remark" borderBottom >
<u--textarea v-model="formData.remark" :disabled="mode=='detail'" placeholder="请输入内容"></u--textarea> <u--textarea v-model="formData.remark" :disabled="mode=='detail'" placeholder="请输入内容"></u--textarea>
</u-form-item> </u-form-item>
@ -102,12 +103,12 @@
message: '请填写参与人', message: '请填写参与人',
trigger: ['blur', 'change'] trigger: ['blur', 'change']
}, },
'remark': { // 'remark': {
type: 'string', // type: 'string',
required: true, // required: true,
message: '请填写备注', // message: '',
trigger: ['blur', 'change'] // trigger: ['blur', 'change']
}, // },
} }
onReady(() => { onReady(() => {
form.value.setRules(rules); form.value.setRules(rules);
@ -241,6 +242,17 @@
} }
.card-li-tit { .card-li-tit {
position: relative;
span {
position: absolute;
left: -9px;
color: #f56c6c;
line-height: 20px;
font-size: 20px;
top: 3px;
}
margin-bottom: 20rpx; margin-bottom: 20rpx;
} }

View File

@ -30,7 +30,7 @@
style="pointer-events: none;"></up-input> style="pointer-events: none;"></up-input>
</u-form-item> </u-form-item>
</view> </view>
<u-form-item label="灌溉面积" prop="area" borderBottom required> <u-form-item label="灌溉面积(亩)" prop="area" borderBottom required>
<up-input placeholder="请输入作业面积" :disabled="mode=='detail'" type="number" border="surround" <up-input placeholder="请输入作业面积" :disabled="mode=='detail'" type="number" border="surround"
v-model="formData.area"></up-input> v-model="formData.area"></up-input>
</u-form-item> </u-form-item>
@ -40,6 +40,7 @@
</u-form-item> </u-form-item>
<view class="card-li"> <view class="card-li">
<view class="card-li-tit"> <view class="card-li-tit">
<span>*</span>
灌溉图片 灌溉图片
</view> </view>
<view class="code-img1"> <view class="code-img1">
@ -69,7 +70,7 @@
</view> </view>
</view> </view>
<u-form-item label="备注" prop="remark" borderBottom required> <u-form-item label="备注" prop="remark" borderBottom >
<u--textarea v-model="formData.remark" :disabled="mode=='detail'" placeholder="请输入内容"></u--textarea> <u--textarea v-model="formData.remark" :disabled="mode=='detail'" placeholder="请输入内容"></u--textarea>
</u-form-item> </u-form-item>
@ -220,13 +221,14 @@
required: true, required: true,
message: '请填写参与人', message: '请填写参与人',
trigger: ['blur', 'change'] trigger: ['blur', 'change']
}, }
'remark': { // ,
type: 'string', // 'remark': {
required: true, // type: 'string',
message: '请填写备注', // required: true,
trigger: ['blur', 'change'] // message: '',
}, // trigger: ['blur', 'change']
// },
} }
onReady(() => { onReady(() => {
form.value.setRules(rules); form.value.setRules(rules);
@ -365,6 +367,17 @@
} }
.card-li-tit { .card-li-tit {
position: relative;
span {
position: absolute;
left: -9px;
color: #f56c6c;
line-height: 20px;
font-size: 20px;
top: 3px;
}
margin-bottom: 20rpx; margin-bottom: 20rpx;
} }

View File

@ -16,7 +16,7 @@
style="pointer-events: none;"></up-input> style="pointer-events: none;"></up-input>
</u-form-item> </u-form-item>
<u-form-item label="种植面积" prop="area" borderBottom required> <u-form-item label="种植面积(亩)" prop="area" borderBottom required>
<up-input placeholder="请输入种植面积" :disabled="mode=='detail'" type="number" border="surround" <up-input placeholder="请输入种植面积" :disabled="mode=='detail'" type="number" border="surround"
v-model="data.formData.area"></up-input> v-model="data.formData.area"></up-input>
</u-form-item> </u-form-item>
@ -26,6 +26,7 @@
</u-form-item> </u-form-item>
<view class="card-li"> <view class="card-li">
<view class="card-li-tit"> <view class="card-li-tit">
<span>*</span>
种植图片 种植图片
</view> </view>
<view class="code-img1"> <view class="code-img1">
@ -301,6 +302,17 @@ const formatter = (type, value) => {
} }
.card-li-tit { .card-li-tit {
position: relative;
span {
position: absolute;
left: -9px;
color: #f56c6c;
line-height: 20px;
font-size: 20px;
top: 3px;
}
margin-bottom: 20rpx; margin-bottom: 20rpx;
} }

View File

@ -2,7 +2,7 @@
<!-- 播种 --> <!-- 播种 -->
<view class="content"> <view class="content">
<view class="card"> <view class="card">
<u--form labelPosition="top" labelWidth='100' :model="formData" :rules="rules" ref="form"> <u--form labelPosition="top" labelWidth='120' :model="formData" :rules="rules" ref="form">
<u-form-item label="除草剂种类" prop="kind" borderBottom ref='item1' required> <u-form-item label="除草剂种类" prop="kind" borderBottom ref='item1' required>
<up-input placeholder="请输入除草剂种类" :disabled="mode=='detail'" border="surround" <up-input placeholder="请输入除草剂种类" :disabled="mode=='detail'" border="surround"
v-model="formData.kind"></up-input> v-model="formData.kind"></up-input>
@ -11,32 +11,32 @@
<up-input placeholder="请输入除草剂品牌" :disabled="mode=='detail'" border="surround" <up-input placeholder="请输入除草剂品牌" :disabled="mode=='detail'" border="surround"
v-model="formData.breed"></up-input> v-model="formData.breed"></up-input>
</u-form-item> </u-form-item>
<u-form-item label="除草剂用量" prop="dosage" borderBottom required> <u-form-item label="除草剂用量(斤)" prop="dosage" borderBottom required>
<up-input placeholder="请输入除草剂用量" border="surround" :disabled="mode=='detail'" <up-input placeholder="请输入除草剂用量" border="surround" type='number' :disabled="mode=='detail'"
v-model="formData.dosage"></up-input> v-model="formData.dosage"></up-input>
</u-form-item> </u-form-item>
<view class="" v-if="mode=='add'"> <view class="" v-if="mode=='add'">
<u-form-item label="开始日期" @click="openDate" prop="start_date" borderBottom required> <u-form-item label="开始日期" @click="openDate" prop="start_date" borderBottom required>
<up-input placeholder="请选择日期" readonly border="surround" <up-input placeholder="请选择日期" readonly border="surround" v-model="formData.start_date"
v-model="formData.start_date" style="pointer-events: none;"></up-input> style="pointer-events: none;"></up-input>
</u-form-item> </u-form-item>
<u-form-item label="结束日期" prop="end_date" @click="openDate1" borderBottom required> <u-form-item label="结束日期" prop="end_date" @click="openDate1" borderBottom required>
<up-input placeholder="请选择日期" readonly border="surround" <up-input placeholder="请选择日期" readonly border="surround" v-model="formData.end_date"
v-model="formData.end_date" style="pointer-events: none;"></up-input> style="pointer-events: none;"></up-input>
</u-form-item> </u-form-item>
</view> </view>
<view class="" v-else> <view class="" v-else>
<u-form-item label="开始日期" prop="start_date" borderBottom required> <u-form-item label="开始日期" prop="start_date" borderBottom required>
<up-input placeholder="请选择日期" readonly border="surround" <up-input placeholder="请选择日期" readonly border="surround" v-model="formData.start_date"
v-model="formData.start_date" style="pointer-events: none;"></up-input> style="pointer-events: none;"></up-input>
</u-form-item> </u-form-item>
<u-form-item label="结束日期" prop="end_date" borderBottom required> <u-form-item label="结束日期" prop="end_date" borderBottom required>
<up-input placeholder="请选择日期" readonly border="surround" <up-input placeholder="请选择日期" readonly border="surround" v-model="formData.end_date"
v-model="formData.end_date" style="pointer-events: none;"></up-input> style="pointer-events: none;"></up-input>
</u-form-item> </u-form-item>
</view> </view>
<u-form-item label="作业面积" prop="area" borderBottom required> <u-form-item label="作业面积(亩)" prop="area" borderBottom required>
<up-input placeholder="请输入作业面积" :disabled="mode=='detail'" type="number" border="surround" <up-input placeholder="请输入作业面积" :disabled="mode=='detail'" type="number" border="surround"
v-model="formData.area"></up-input> v-model="formData.area"></up-input>
</u-form-item> </u-form-item>
@ -44,9 +44,11 @@
<up-input placeholder="请输入参与人" :disabled="mode=='detail'" type="txt" border="surround" <up-input placeholder="请输入参与人" :disabled="mode=='detail'" type="txt" border="surround"
v-model="formData.user"></up-input> v-model="formData.user"></up-input>
</u-form-item> </u-form-item>
<view class="card-li"> <view class="card-li">
<view class="card-li-tit"> <view class="card-li-tit">
土地图片 <span>*</span>
除草图片
</view> </view>
<view class="code-img1"> <view class="code-img1">
<view class="" v-if="pic.length>0" <view class="" v-if="pic.length>0"
@ -75,7 +77,7 @@
</view> </view>
</view> </view>
<u-form-item label="备注" prop="remark" borderBottom required> <u-form-item label="备注" prop="remark" borderBottom >
<u--textarea v-model="formData.remark" :disabled="mode=='detail'" placeholder="请输入内容"></u--textarea> <u--textarea v-model="formData.remark" :disabled="mode=='detail'" placeholder="请输入内容"></u--textarea>
</u-form-item> </u-form-item>
@ -210,13 +212,14 @@ const value1 = ref(Date.now());
required: true, required: true,
message: '请填写参与人', message: '请填写参与人',
trigger: ['blur', 'change'] trigger: ['blur', 'change']
}, }
'remark': { // ,
type: 'string', // 'remark': {
required: true, // type: 'string',
message: '请填写备注', // required: true,
trigger: ['blur', 'change'] // message: '',
}, // trigger: ['blur', 'change']
// },
}) })
onReady(() => { onReady(() => {
form.value.setRules(rules); form.value.setRules(rules);
@ -360,6 +363,17 @@ const value1 = ref(Date.now());
} }
.card-li-tit { .card-li-tit {
position: relative;
span {
position: absolute;
left: -9px;
color: #f56c6c;
line-height: 20px;
font-size: 20px;
top: 3px;
}
margin-bottom: 20rpx; margin-bottom: 20rpx;
} }

View File

@ -507,6 +507,7 @@
return { return {
name: step.kind + '-' + step.id, name: step.kind + '-' + step.id,
id: step.id, id: step.id,
status: step.status
}; };
})); }));
columns2.push(arr1) columns2.push(arr1)
@ -554,10 +555,16 @@
}) })
} }
const confirm1 = (e) => { const confirm1 = (e) => {
palntId.value = e.value[0].id palntId.value = e.value[0].id
showPicker1.value = false showPicker1.value = false
if (e.value[0].status == 2) {
uni.$u.toast('该土地已经收获,不能进行操作');
} else {
showPicker.value = true showPicker.value = true
} }
}
const confirm = (e) => { const confirm = (e) => {
// console.log(e) // console.log(e)
tdId.value = e.id tdId.value = e.id

View File

@ -32,9 +32,10 @@
农事查看 农事查看
</view> </view>
</view> </view>
<view class="card_body"> <view class="card_body">
<view class="left"> <view class="left" v-if='item.pic.length>0'>
<u--image @click="perviewFn(item.pic[0])" radius='10' :src="item.pic[0]" width="200rpx" <u--image @click="perviewFn(item.pic)" radius='10' :src="item.pic[0]" width="200rpx"
height="200rpx"></u--image> height="200rpx"></u--image>
</view> </view>
<view class="right"> <view class="right">
@ -42,7 +43,7 @@
种植种类: {{item.kind}} 种植种类: {{item.kind}}
</view> </view>
<view class=""> <view class="">
种植品: {{item.breed}} 种植品: {{item.breed}}
</view> </view>
<view class=""> <view class="">
种植面积: {{item.area}} 种植面积: {{item.area}}
@ -51,14 +52,16 @@
参与人员: {{item.user}} 参与人员: {{item.user}}
</view> </view>
<view class=""> <view class="">
开始日期: {{item.create_time}} 种植日期: {{item.plant_date}}
</view>
<view class="" v-if="item.remark">
备注: {{item.remark}}
</view> </view>
<view class="" style="display:flex;" v-if="item.status==2"> <view class="" style="display:flex;" v-if="item.status==2">
<view class="" style="margin-right: 10rpx;">溯源码: </view> <view class="" style="margin-right: 10rpx;">溯源码: </view>
<u--image @click="perviewFn(item.qr_code)" radius='10' :src="item.qr_code" width="200rpx" <u--image @click="perviewFn1(item.qr_code)" radius='10' :src="item.qr_code"
height="200rpx" style="margin-top: 10rpx;"></u--image> width="200rpx" height="200rpx" style="margin-top: 10rpx;"></u--image>
</view> </view>
</view> </view>
</view> </view>
@ -234,6 +237,12 @@
// //
const perviewFn = (url) => { const perviewFn = (url) => {
uni.previewImage({
urls: url
})
}
const perviewFn1 = (url) => {
uni.previewImage({ uni.previewImage({
urls: [url] urls: [url]
}) })

View File

@ -75,12 +75,20 @@
<view class="shop_action-detail" v-if="item.type!=3&&item.type!=5"> <view class="shop_action-detail" v-if="item.type!=3&&item.type!=5">
<view class="action-detail"> <view class="action-detail">
<view class="title"> <view class="title">
{{item.type_text.slice(0, -2)}}名称 {{item.type_text.slice(0, -2)}}品种
</view> </view>
<view class="detail"> <view class="detail">
{{item.detail.kind}} {{item.detail.kind}}
</view> </view>
</view> </view>
<view class="action-detail" v-if="item.detail.breed">
<view class="title">
{{item.type_text.slice(0, -2)}}品牌
</view>
<view class="detail">
{{item.detail.breed}}
</view>
</view>
<view class="action-detail"> <view class="action-detail">
<view class="title"> <view class="title">
{{item.type_text.slice(0, -2)}}用量 {{item.type_text.slice(0, -2)}}用量
@ -102,8 +110,9 @@
<view class="title"> <view class="title">
{{item.type_text.slice(0, -2)}}图片 {{item.type_text.slice(0, -2)}}图片
</view> </view>
<view class="detail-img"> <view class="detail-img" v-if="item.detail&&item.detail.pic&&item.detail.pic.length>0">
<u-swiper :list="item.detail.pic" width="100%" height="529rpx"></u-swiper> <image @click="perviewFn(item.detail.pic)" :src="item.detail.pic[0]" mode="aspectFit">
</image>
</view> </view>
</view> </view>
</view> </view>
@ -137,8 +146,10 @@
<view class="title"> <view class="title">
灌溉图片 灌溉图片
</view> </view>
<view class="detail-img"> <view class="detail-img" v-if="item.detail&&item.detail.pic&&item.detail.pic.length>0">
<u-swiper :list="item.detail.pic" width="100%" height="529rpx"></u-swiper> <image @click="perviewFn(item.detail.pic)" :src="item.detail.pic[0]" mode="aspectFit">
</image>
</view> </view>
</view> </view>
</view> </view>
@ -164,8 +175,9 @@
<view class="title"> <view class="title">
收获图片 收获图片
</view> </view>
<view class="detail-img"> <view class="detail-img" v-if="item.detail&&item.detail.pic&&item.detail.pic.length>0">
<u-swiper :list="item.detail.pic" width="100%" height="529rpx"></u-swiper> <image @click="perviewFn(item.detail.pic)" :src="item.detail.pic[0]" mode="aspectFit">
</image>
</view> </view>
</view> </view>
</view> </view>
@ -173,6 +185,9 @@
</view> </view>
</view> </view>
</view> </view>
</template> </template>
@ -192,6 +207,7 @@
const task_id = ref(''); const task_id = ref('');
const dataobj = reactive({}) const dataobj = reactive({})
const daysDiff = ref(''); const daysDiff = ref('');
onLoad((options) => { onLoad((options) => {
task_id.value = options.id task_id.value = options.id
// if (options.task_id) { // if (options.task_id) {
@ -224,8 +240,10 @@
} }
// //
const perviewFn = (url) => { const perviewFn = (url) => {
console.log(url)
uni.previewImage({ uni.previewImage({
urls: [url] urls: url
}) })
} }
</script> </script>
@ -323,6 +341,11 @@
.detail-img { .detail-img {
width: 627rpx; width: 627rpx;
height: 529rpx; height: 529rpx;
image {
width: 100%;
height: 100%;
}
} }
} }
} }

View File

@ -9,9 +9,10 @@
<u-icon name="clock"></u-icon> <u-icon name="clock"></u-icon>
<text>刷新时间: {{getNowTimeFn()}} </text> <text>刷新时间: {{getNowTimeFn()}} </text>
</view> </view>
<view class="add-thing" @click="showPicker=true"> <view class="add-thing" @click="showPicker=true" v-if="palnttype">
记农事 记农事
</view> </view>
<view class="" style="margin-bottom: 30rpx;" v-else></view>
<landInfo :info='dataobj'></landInfo> <landInfo :info='dataobj'></landInfo>
@ -32,7 +33,7 @@
<view class="card_body"> <view class="card_body">
<view class="left"> <view class="left">
<u--image @click="perviewFn(item.detail.pic[0])" radius='10' :src="item.detail.pic[0]" <u--image @click="perviewFn(item.detail.pic)" radius='10' :src="item.detail.pic[0]"
width="200rpx" height="200rpx"></u--image> width="200rpx" height="200rpx"></u--image>
</view> </view>
<view class="right"> <view class="right">
@ -40,14 +41,18 @@
<view class=""> <view class="">
参与人员: {{item.detail.user}} 参与人员: {{item.detail.user}}
</view> </view>
<view class="">
备注: {{item.detail.remark}}
</view>
</view> </view>
<view class="" v-else> <view class="" v-else>
<view class="" v-if="!item.detail.type"> <view class="" v-if="!item.detail.type">
<view class=""> <view class="">
{{item.type_text.slice(0, -2)}}种类: {{item.detail.kind}} {{item.type_text.slice(0, -2)}}种类: {{item.detail.kind}}
</view> </view>
<view class=""> <view class="">
{{item.type_text.slice(0, -2)}}: {{item.detail.breed}} {{item.type_text.slice(0, -2)}}: {{item.detail.breed}}
</view> </view>
@ -61,19 +66,24 @@
{{item.type_text.slice(0, -2)}}面积: {{item.detail.area}} {{item.type_text.slice(0, -2)}}面积: {{item.detail.area}}
</view> </view>
</view> </view>
<view class="" v-if="item.detail.type&&item.detail.type==1">
<view class="" v-if="item.type==3">
{{item.type_text.slice(0, -2)}}方式: {{item.detail.type==1?"喷灌":item.detail.type==2?"滴灌":"沟灌"}} {{item.type_text.slice(0, -2)}}方式: {{item.detail.type==1?"喷灌":item.detail.type==2?"滴灌":"沟灌"}}
</view> </view>
<view class=""> <view class="">
参与人员: {{item.detail.user}} 参与人员: {{item.detail.user}}
</view> </view>
<view class="" v-if="item.detail.start_date"> <view class="" v-if="item.detail.start_date">
开始日期: {{item.detail.start_date}} 开始日期: {{item.detail.start_date}}
</view> </view>
<view class="" v-if="item.detail.end_date"> <view class="" v-if="item.detail.end_date">
结束日期: {{item.detail.end_date}} 结束日期: {{item.detail.end_date}}
</view> </view>
<view class="" v-if="item.detail.remark">
备注: {{item.detail.remark}}
</view>
</view> </view>
</view> </view>
@ -156,8 +166,8 @@
const dataList1 = reactive([]) const dataList1 = reactive([])
const dataobj = reactive({}) const dataobj = reactive({})
const typeID = ref('') const typeID = ref('')
const showPicker = ref(false) const showPicker = ref(false)
const palnttype = ref(true)
const columns = reactive([ const columns = reactive([
[{ [{
label: '施肥', label: '施肥',
@ -182,7 +192,6 @@
// console.log(data); // { name: 'John', age: 25 } // console.log(data); // { name: 'John', age: 25 }
// Object.assign(dataobj, data); // Object.assign(dataobj, data);
typeID.value = query.data; typeID.value = query.data;
// getlist1() // getlist1()
// getlist2(); // getlist2();
}); });
@ -192,7 +201,7 @@
getlist2(); getlist2();
}) })
const getlist1 = (id, a, b,c) => { const getlist1 = (id, a, b, c, e) => {
landdetail({ landdetail({
land_id: id land_id: id
}).then((res) => { }).then((res) => {
@ -201,6 +210,7 @@
res.data.kind = a res.data.kind = a
res.data.datapic = b res.data.datapic = b
res.data.kindarea = c res.data.kindarea = c
res.data.breed = e
Object.assign(dataobj, res.data); Object.assign(dataobj, res.data);
@ -212,7 +222,10 @@
plant_id: typeID.value plant_id: typeID.value
}).then((res) => { }).then((res) => {
if (res.code == 1) { if (res.code == 1) {
getlist1(res.data.land_id, res.data.kind, res.data.pic,res.data.area) if(res.data.status==2){
palnttype.value=false
}
getlist1(res.data.land_id, res.data.kind, res.data.pic, res.data.area, res.data.breed)
} }
}); });
}; };
@ -281,6 +294,7 @@
const confirm = (e) => { const confirm = (e) => {
showPicker.value = false showPicker.value = false
uni.navigateTo({ uni.navigateTo({
url: e.value[0].route + '?id=' + typeID.value url: e.value[0].route + '?id=' + typeID.value
}) })
@ -298,7 +312,7 @@
const perviewFn = (url) => { const perviewFn = (url) => {
uni.previewImage({ uni.previewImage({
urls: [url] urls: url
}) })
} }
</script> </script>