上传证据，e证通sdk

pages/handlecase/component/confirmationEvidence.vue

@@ -31,6 +31,13 @@
 					<uni-forms-item label="申请人主张违约金：" name="claimLiquidDamag" label-width="120px" required>
 						<uni-easyinput :inputBorder="false" :disabled='true' v-model="formData.claimLiquidDamag" placeholder="" />
 					</uni-forms-item>
+					<uni-forms-item label="证据材料" name="evidenceMaterialList" required :disabled='true'>
+						<!-- <img-upload :limit='3' :value.sync="formData.headImage" ></img-upload> -->
+						<view  class="imagearea">
+							<image class="image" v-for="(item,index) in formData.evidenceMaterialList" :key="index" :src="formData.evidenceMaterialList[index].annexPath"
+								@click="getImgIndex(index)"></image>
+						</view>
+					</uni-forms-item>
 				</view>
 			</uni-forms>
 		</view>
@@ -39,12 +46,31 @@
 </template>
 
 <script>
+	const app = getApp()
 	import {respondentDetail} from '../../../api/handlecase/index.js'
 	import moment from 'moment'
 	export default {
 		data() {
 			return {
-				formData: {},
+				formData: {
+					headImage: [{
+							index: 1,
+							pics_small_url: 'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg'
+						},
+						{
+							index: 2,
+							pics_small_url: 'https://img1.baidu.com/it/u=1310564963,1641173348&fm=253&fmt=auto&app=120&f=JPEG?w=1280&h=800'
+						},
+						{
+							index: 3,
+							pics_small_url: 'https://img1.baidu.com/it/u=1310564963,1641173348&fm=253&fmt=auto&app=120&f=JPEG?w=1280&h=800'
+						},
+						{
+							index: 4,
+							pics_small_url: 'https://img1.baidu.com/it/u=1310564963,1641173348&fm=253&fmt=auto&app=120&f=JPEG?w=1280&h=800'
+						}
+					]
+				},
 				rules: {},
 				maintenancetypeArr:[{
 					text: '是',
@@ -64,8 +90,28 @@
 					this.formData = res.data
 					this.formData.loanEndDate = moment(this.formData.loanEndDate).format('YYYY-MM-DD HH:mm:ss');
 					this.formData.loanStartDate = moment(this.formData.loanStartDate).format('YYYY-MM-DD HH:mm:ss');
+					this.formData.evidenceMaterialList.forEach(item=>{
+						item.annexPath = app.globalData.requestUrl + item.annexPath
+					})
 				})
-			}
+			},
+			// 图片预览
+			getImgIndex(index) {
+				// console.log(index);
+				//准备一个装图片路径的  数组imgs
+				let imgs = this.formData.headImage.map(item => {
+					// console.log(item, 'item');
+					//只返回图片路径
+					return item.pics_small_url
+				})
+				// console.log(imgs);
+				//调用预览图片的方法
+				uni.previewImage({
+					urls: imgs,
+					current: index,
+					loop: true,
+				})
+			},
 		},
 		onLoad(data){
 			this.getData(data.id)
@@ -82,6 +128,17 @@
 			background-color: #fff;
 			padding: 20rpx;
 			border-radius: 20rpx;
+			.imagearea {
+				display: flex;
+				flex-direction: row;
+				flex-wrap: wrap;
+				justify-content: space-evenly;
+				.image {
+					width: 40%;
+					height: 200rpx;
+					margin-top: 15rpx;
+				}
+			}
 		}
 
 		.flexd {