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

pages.json

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

pages/handlecase/component/uploadEvidence.vue

@@ -1,8 +1,18 @@
 <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="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"
@@ -63,15 +73,8 @@
 												<!-- <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>
 										<!-- 自定义弹窗层组件 -->
@@ -111,12 +114,13 @@
 																		<uni-forms ref="reasontFormData"  >
 																			<uni-forms-item label="异议原因:" label-width="100px" required>
 																				<uni-easyinput v-model="reasontFormData.reasont"
-														placeholder="请输异议原因" />
+																					placeholder="请输入异议原因" />
 																			</uni-forms-item>
 																		</uni-forms>
 																	</view>
 																	<view class="determine">
-											<button type="primary" @click="submitReasont">确定</button>
+																		<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>
@@ -143,6 +147,34 @@
 									</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>
@@ -158,10 +190,16 @@
 		getToken
 	} from '@/utils/auth'
 	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;
@@ -306,6 +356,14 @@
 			},
 			getData(parms) {
 				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;
@@ -511,5 +572,8 @@
 				}
 			}
 		}
+		.determine{
+			padding: left 50rpx;
+		}
 	}
 </style>