案件信息切换开发，案件资料的开发

pages.json

@@ -90,7 +90,7 @@
 		{
 			"path": "pages/handlecase/component/uploadEvidence",
 			"style": {
-				"navigationBarTitleText": "上传证据"
+				"navigationBarTitleText": "案件信息"
 			}
 		},
 		{

pages/handlecase/component/uploadEvidence.vue

@@ -1,148 +1,180 @@
-<template>
-	<view class="assignrbitrators">
-		<view class="from">
-			<uni-forms ref="form" :modelValue="subnitForm" :rules="rules">
-				<view class="title">案件详情</view>
-				<view class="box">
-					<uni-forms-item label="案件编号：" name="caseNum" label-width="120px" required>
-						<uni-easyinput :inputBorder="false" :disabled='true' v-model="formData.caseNum"
-							placeholder="" />
-					</uni-forms-item>
-					<uni-forms-item label="申请人：" name="applicantName" label-width="120px" required>
-						<uni-easyinput :inputBorder="false" :disabled='true' v-model="formData.applicantName"
-							placeholder="" />
-					</uni-forms-item>
-					<uni-forms-item label="被申请人：" name="respondentName" label-width="120px" required>
-						<uni-easyinput :inputBorder="false" :disabled='true' v-model="formData.respondentName"
-							placeholder="" />
-					</uni-forms-item>
-					<uni-forms-item label="借款开始日期：" name="loanStartDate" label-width="120px" required>
-						<uni-easyinput :inputBorder="false" :disabled='true' v-model="formData.loanStartDate"
-							placeholder="" />
-					</uni-forms-item>
-					<uni-forms-item label="借款结束日期：" name="loanEndDate" label-width="120px" required>
-						<uni-easyinput :inputBorder="false" :disabled='true' v-model="formData.loanEndDate"
-							placeholder="" />
-					</uni-forms-item>
-					<uni-forms-item label="案件标的：" name="caseSubjectAmount" label-width="120px" required>
-						<uni-easyinput :inputBorder="false" :disabled='true' v-model="formData.caseSubjectAmount"
-							placeholder="" />
-					</uni-forms-item>
-					<uni-forms-item label="申请人主张欠本金：" name="claimPrinciOwed" label-width="120px" required>
-						<uni-easyinput :inputBorder="false" :disabled='true' v-model="formData.claimPrinciOwed"
-							placeholder="" />
-					</uni-forms-item>
-					<uni-forms-item label="申请人主张欠利息：" name="claimInterestOwed" label-width="120px" required>
-						<uni-easyinput :inputBorder="false" :disabled='true' v-model="formData.claimInterestOwed"
-							placeholder="" />
-					</uni-forms-item>
-					<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="是否有异议需要举证" label-width="120px" name="objectionAddEviden" required>
-						<uni-data-checkbox class='checkbox' v-model="subnitForm.objectionAddEviden"
-							:localdata="maintenancetypeArr" @change='uploadEvidenceChange'></uni-data-checkbox>
-					</uni-forms-item> -->
-					<!-- <uni-forms-item label="是否需要开庭审理" label-width="120px" name="openCourtHear" required>
-						<uni-data-checkbox class='checkbox' v-model="subnitForm.openCourtHear"
-							:localdata="arbitrationmethodArr" @change='arbitrationmethod'></uni-data-checkbox>
-					</uni-forms-item> -->
-					<!-- <uni-forms-item label="是否指派仲裁员" label-width="120px" name="pendingAppointArbotrar" required>
-						<uni-data-checkbox class='checkbox' v-model="subnitForm.pendingAppointArbotrar"
-							:localdata="uploadEvidence" @change='maintenancetypeChange'></uni-data-checkbox>
-					</uni-forms-item> -->
-					<uni-forms-item label="是否仲裁反请求" label-width="120px" name="objectiJuris" required>
-						<uni-data-checkbox class='checkbox' v-model="subnitForm.objectiJuris"
-							:localdata="objectiJurisArr" @change='objectiJurisChange'></uni-data-checkbox>
-					</uni-forms-item>
-					<!-- <uni-forms-item label="是否管辖异议申请" label-width="120px" name="adjudicaCounter" required>
-						<uni-data-checkbox class='checkbox' v-model="subnitForm.adjudicaCounter"
-							:localdata="adjudicaCounterArr"></uni-data-checkbox>
-					</uni-forms-item> -->
-					<!-- <uni-forms-item label="上传证据" name="headImage" label-width="120px" v-if="caseFlag">
-						<uni-file-picker ref="files" :auto-upload="false" @select="select" :limit='1' />
-					</uni-forms-item> -->
-					<uni-forms-item label="证据清单"  label-width="120px">
-						<text @tap="evidenceList">证据清单</text>
-					</uni-forms-item>
-					<uni-forms-item label="仲裁申请书"  label-width="120px">
-						<text @tap="applicationArbitration">仲裁申请书</text>
-					</uni-forms-item>
-					<!-- <uni-forms-item label="权益告知书"  label-width="120px">
-						<text @tap="obligations">权力和义务告知书</text>
-					</uni-forms-item> -->
-				</view>
-			</uni-forms>
-			<!-- 自定义弹窗层组件 -->
-			<uni-popup scroll-y="true" ref="popup" :is-mask-click="false"  type="bottom">
-								<view class="content_list">
-									<uni-card>
-										<view class="" style="text-align: center;font-size: 35rpx;font-weight: bold;">
-											<text>权力和义务告知书</text>
-										</view>
-										根据《中华人民共和国仲裁法》的规定，仲裁当事人在仲裁活动中依法享有权利并承担义务。
-										<view class="">
-											一、当事人的权利
-											1.依据仲裁协议提请仲裁；撤回仲裁申请或者变更、放弃仲裁请求；承认或者反驳仲裁请求；提出仲裁反请求。
-											2.对仲裁协议效力提出异议。
-											3.委托代理人进行仲裁活动。
-											4.申请财产保全、证据保全。
-											5.约定、选定仲裁庭的组成方式；选定或者委托本会主任指定仲裁员；申请仲裁员、办案秘书、翻译人员、鉴定人员回避。
-											6.收集、提供证据。对证据进行质证，发表辩论意见，作最后陈述。
-											7.请求调解。自行和解的，可以请求仲裁庭根据和解协议作出裁决书。
-											8.认为开庭笔录对自己陈述的记录有遗漏或者差错的，申请补正。
-											9.对裁决书中的文字、计算错误或者仲裁庭已经裁决但在裁决书中遗漏的事项，请求补正或者作出补正裁决。
-											10.向人民法院申请撤销、执行或者不予执行仲裁裁决。
-										</view>
-										
-										二、当事人的义务
-										1.如实书写仲裁申请书和答辩书；在庭审中不得做虚假陈述。
-										2.对自己的主张按期提供证据，不得提供伪证。
-										3.遵守仲裁员回避制度。
-										4.按时参加开庭。
-										5.遵守开庭纪律和仲裁程序。
-										6.在庭审笔录上签字。
-										7.在仲裁文书的送达回证上签字盖章。
-										8.主动履行生效的仲裁裁决。
-										9.按规定交纳仲裁费用。
-										10.法律、法规和本会仲裁规则规定的其他义务。
-										<view class="from" style="margin-top:30rpx;">
-											<uni-forms ref="reasontFormData"  >
-												<uni-forms-item label="异议原因:" label-width="100px" required>
-													<uni-easyinput v-model="reasontFormData.reasont"
-														placeholder="请输异议原因" />
+<template>
+	<view class="">
+		<uni-section title="">
+			<!-- 选项卡 -->
+			<view class="">
+				<uni-segmented-control :current="current" :values="itemsT" :style-type="styleType"
+									:active-color="activeColor" @clickItem="onClickItem" />
+			</view>
+			<!-- 选项卡内容 -->
+			<view class="conent">
+				<view v-show="current === 0">
+						<view class="assignrbitrators">
+									<view class="from">
+										<uni-forms ref="form" :modelValue="subnitForm" :rules="rules">
+											<!-- <view class="title">案件详情</view> -->
+											<view class="box">
+												<uni-forms-item label="案件编号：" name="caseNum" label-width="120px" required>
+													<uni-easyinput :inputBorder="false" :disabled='true' v-model="formData.caseNum"
+														placeholder="" />
 												</uni-forms-item>
-											</uni-forms>
-										</view>
-										<view class="determine">
-											<button type="primary" @click="submitReasont">确定</button>
+												<uni-forms-item label="申请人：" name="applicantName" label-width="120px" required>
+													<uni-easyinput :inputBorder="false" :disabled='true' v-model="formData.applicantName"
+														placeholder="" />
+												</uni-forms-item>
+												<uni-forms-item label="被申请人：" name="respondentName" label-width="120px" required>
+													<uni-easyinput :inputBorder="false" :disabled='true' v-model="formData.respondentName"
+														placeholder="" />
+												</uni-forms-item>
+												<uni-forms-item label="借款开始日期：" name="loanStartDate" label-width="120px" required>
+													<uni-easyinput :inputBorder="false" :disabled='true' v-model="formData.loanStartDate"
+														placeholder="" />
+												</uni-forms-item>
+												<uni-forms-item label="借款结束日期：" name="loanEndDate" label-width="120px" required>
+													<uni-easyinput :inputBorder="false" :disabled='true' v-model="formData.loanEndDate"
+														placeholder="" />
+												</uni-forms-item>
+												<uni-forms-item label="案件标的：" name="caseSubjectAmount" label-width="120px" required>
+													<uni-easyinput :inputBorder="false" :disabled='true' v-model="formData.caseSubjectAmount"
+														placeholder="" />
+												</uni-forms-item>
+												<uni-forms-item label="申请人主张欠本金：" name="claimPrinciOwed" label-width="120px" required>
+													<uni-easyinput :inputBorder="false" :disabled='true' v-model="formData.claimPrinciOwed"
+														placeholder="" />
+												</uni-forms-item>
+												<uni-forms-item label="申请人主张欠利息：" name="claimInterestOwed" label-width="120px" required>
+													<uni-easyinput :inputBorder="false" :disabled='true' v-model="formData.claimInterestOwed"
+														placeholder="" />
+												</uni-forms-item>
+												<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="是否有异议需要举证" label-width="120px" name="objectionAddEviden" required>
+													<uni-data-checkbox class='checkbox' v-model="subnitForm.objectionAddEviden"
+														:localdata="maintenancetypeArr" @change='uploadEvidenceChange'></uni-data-checkbox>
+												</uni-forms-item> -->
+												<!-- <uni-forms-item label="是否需要开庭审理" label-width="120px" name="openCourtHear" required>
+													<uni-data-checkbox class='checkbox' v-model="subnitForm.openCourtHear"
+														:localdata="arbitrationmethodArr" @change='arbitrationmethod'></uni-data-checkbox>
+												</uni-forms-item> -->
+												<!-- <uni-forms-item label="是否指派仲裁员" label-width="120px" name="pendingAppointArbotrar" required>
+													<uni-data-checkbox class='checkbox' v-model="subnitForm.pendingAppointArbotrar"
+														:localdata="uploadEvidence" @change='maintenancetypeChange'></uni-data-checkbox>
+												</uni-forms-item> -->
+												<uni-forms-item label="是否仲裁反请求" label-width="120px" name="objectiJuris" required>
+													<uni-data-checkbox class='checkbox' v-model="subnitForm.objectiJuris"
+														:localdata="objectiJurisArr" @change='objectiJurisChange'></uni-data-checkbox>
+												</uni-forms-item>
+												<!-- <uni-forms-item label="是否管辖异议申请" label-width="120px" name="adjudicaCounter" required>
+													<uni-data-checkbox class='checkbox' v-model="subnitForm.adjudicaCounter"
+														:localdata="adjudicaCounterArr"></uni-data-checkbox>
+												</uni-forms-item> -->
+												<!-- <uni-forms-item label="上传证据" name="headImage" label-width="120px" v-if="caseFlag">
+													<uni-file-picker ref="files" :auto-upload="false" @select="select" :limit='1' />
+												</uni-forms-item> -->
+												
+												
+											</view>
+										</uni-forms>
+										<!-- 自定义弹窗层组件 -->
+										<uni-popup scroll-y="true" ref="popup" :is-mask-click="false"  type="bottom">
+															<view class="content_list">
+																<uni-card>
+																	<view class="" style="text-align: center;font-size: 35rpx;font-weight: bold;">
+																		<text>权力和义务告知书</text>
+																	</view>
+																	根据《中华人民共和国仲裁法》的规定，仲裁当事人在仲裁活动中依法享有权利并承担义务。
+																	<view class="">
+																		一、当事人的权利
+																		1.依据仲裁协议提请仲裁；撤回仲裁申请或者变更、放弃仲裁请求；承认或者反驳仲裁请求；提出仲裁反请求。
+																		2.对仲裁协议效力提出异议。
+																		3.委托代理人进行仲裁活动。
+																		4.申请财产保全、证据保全。
+																		5.约定、选定仲裁庭的组成方式；选定或者委托本会主任指定仲裁员；申请仲裁员、办案秘书、翻译人员、鉴定人员回避。
+																		6.收集、提供证据。对证据进行质证，发表辩论意见，作最后陈述。
+																		7.请求调解。自行和解的，可以请求仲裁庭根据和解协议作出裁决书。
+																		8.认为开庭笔录对自己陈述的记录有遗漏或者差错的，申请补正。
+																		9.对裁决书中的文字、计算错误或者仲裁庭已经裁决但在裁决书中遗漏的事项，请求补正或者作出补正裁决。
+																		10.向人民法院申请撤销、执行或者不予执行仲裁裁决。
+																	</view>
+																	
+																	二、当事人的义务
+																	1.如实书写仲裁申请书和答辩书；在庭审中不得做虚假陈述。
+																	2.对自己的主张按期提供证据，不得提供伪证。
+																	3.遵守仲裁员回避制度。
+																	4.按时参加开庭。
+																	5.遵守开庭纪律和仲裁程序。
+																	6.在庭审笔录上签字。
+																	7.在仲裁文书的送达回证上签字盖章。
+																	8.主动履行生效的仲裁裁决。
+																	9.按规定交纳仲裁费用。
+																	10.法律、法规和本会仲裁规则规定的其他义务。
+																	<view class="from" style="margin-top:30rpx;">
+																		<uni-forms ref="reasontFormData"  >
+																			<uni-forms-item label="异议原因:" label-width="100px" required>
+																				<uni-easyinput v-model="reasontFormData.reasont"
+																					placeholder="请输入异议原因" />
+																			</uni-forms-item>
+																		</uni-forms>
+																	</view>
+																	<view class="determine">
+																		<button style="width: 150rpx;float: left;margin-left: 90rpx;" type="primary" @tap="submitReasont">确定</button>
+																		<button style="width: 150rpx;" @tap="cencalBut">取消</button>
+																	</view>
+																</uni-card>
+															</view>
+															
+														</uni-popup>
+										<view class="uni-list" v-if="selectFlag">
+											<radio-group @change="checkboxChange" style="width: 100%;">
+												<label class="uni-list-cell uni-list-cell-pd" v-for="item in items" :key="item.userId">
+													<view>
+														<radio :value="item.userId + ''" />
+													</view>
+													<view class="main">
+														<view class="">
+															仲裁员姓名：{{item.nickName}}
+														</view>
+														<view class="">
+															介绍：{{item.remark || ''}}
+														</view>
+													</view>
+												</label>
+											</radio-group>
 										</view>
-									</uni-card>
-								</view>
+										<button type="primary" @click="submitImg">确认提交</button>
+									</view>
 								
-							</uni-popup>
-			<view class="uni-list" v-if="selectFlag">
-				<radio-group @change="checkboxChange" style="width: 100%;">
-					<label class="uni-list-cell uni-list-cell-pd" v-for="item in items" :key="item.userId">
-						<view>
-							<radio :value="item.userId + ''" />
-						</view>
-						<view class="main">
-							<view class="">
-								仲裁员姓名：{{item.nickName}}
-							</view>
-							<view class="">
-								介绍：{{item.remark || ''}}
-							</view>
-						</view>
-					</label>
-				</radio-group>
-			</view>
-			<button type="primary" @click="submitImg">确认提交</button>
-		</view>
-
+								</view>
+							
+						</view>
+						
+					</view>
+					<view v-show="current === 1" style="padding: 20rpx;">
+						<view class="" style="margin-top: 50rpx;">
+							<view>申请人</view>
+							<view v-for="item in formData.evidenceMaterialList">
+								<uni-link v-if="item.annexType==2" :href="item.annexPath" color="#007BFF" :text="item.fileName"></uni-link>
+							</view>
+							<view>被申请人</view>
+							<view v-for="item in formData.evidenceMaterialList">
+								<uni-link v-if="item.annexType==6" :href="item.annexPath" color="#007BFF" :text="item.fileName"></uni-link>
+							</view>
+						</view>
+						<view class="" style="margin-top: 40rpx;">
+							<view>仲裁申请书</view>
+							<view v-for="item in formData.evidenceMaterialList">
+								<uni-link v-if="item.annexType==1" :href="item.annexPath" color="#007BFF" :text="item.fileName"></uni-link>
+							</view>
+						</view>
+							
+						
+					</view>
+					
+		</uni-section>
 	</view>
+	
 </template>
 
 <script>
@@ -157,11 +189,17 @@
 	import {
 		getToken
 	} from '@/utils/auth'
-	import moment from 'moment'
+	import moment from 'moment'
+	import config from '@/config'
+	const baseUrl = config.baseUrl
 	const app = getApp()
 	export default {
 		data() {
 			return {
+				current:0,
+				itemsT:['案件详情','案件资料'],
+				styleType:'button',
+				activeColor:'#007aff',	
 				reasontFormData:{
 					reasont:''
 				},
@@ -246,14 +284,26 @@
 			}
 		},
 		methods: {
+			onClickItem(e){
+				console.log()
+				if (this.current !== e.currentIndex) {
+					this.current = e.currentIndex
+				}
+			},
 			submitReasont(){
+				
 				if(this.reasontFormData.reasont){
 					this.subnitForm.adjudicaCounterReason = this.reasontFormData.reasont 
 					this.$refs.popup.close()
+					this.reasontFormData.reasont =''
 				}else{
 					this.$modal.msgError("请输入反意理由")
 				}
 			},
+			cencalBut(){
+				this.$refs.popup.close();
+				this.subnitForm.objectiJuris = 0;
+			},
 			objectiJurisChange(value){
 				
 				let flag = value.detail.value;
@@ -305,7 +355,15 @@
 				// console.log(this.subnitForm.arbitrators,"PPPPPPPPPPPPPP");
 			},
 			getData(parms) {
-				respondentDetail(parms).then(res => {
+				respondentDetail(parms).then(res => {
+					if(res.data.evidenceMaterialList.length > 0) {
+						res.data.evidenceMaterialList.forEach(item =>{
+							let names = item.annexPath.split('_')
+							item['fileName'] = names[names.length -1]
+							item.annexPath = baseUrl +  item.annexPath
+						})
+					}
+					console.log(res.data.evidenceMaterialList)
 					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(
@@ -392,12 +450,15 @@
 			this.getData(data.id);
 			this.subnitForm.caseId = Number(data.id);
 			// this.getArbitratorList()
-		},
+		}
+		
 	}
 </script>
 
 <style lang="scss">
-	
+	page {
+		background-color: #ffffff;
+	}
 	.content_list {
 		    height: 1060rpx;
 		    overflow-x: hidden;
@@ -510,6 +571,9 @@
 					margin-left: 20rpx;
 				}
 			}
+		}
+		.determine{
+			padding: left 50rpx;
 		}
 	}
 </style>