miniapp/pages/handlecase/component/uploadEvidence.vue

<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>
										关于“个人信息收集/使用”的同意书xxxxx公司业务管理系统需要收集与使用用户的个人信息											，根据《中华人民共和国网络安全法》等相关法规，特告知如下请仔细阅读并理解文本件											全部内容之后，决定是否同意并使用本公司业务管理系统的各项服务;如果您仍决定使用本公司业务管理系统的各项服务，则视为您同意执行本同意书
										第1条定义
										“用户”:使用本公司业务管理系统的自然人
										“本公司”:运营及管理业务管理系统的xxxx公司
										“业务管理系统”:需要收集和使用个人信息的本公司业务管理系统，但不限于，xxxx系统等该系统的功能范围可能不断扩展、调整
										“个人信息”:指以电子或其他方式记录的能够单独或与其他信息结合识别自然人身份的各种信息，包括与确定自然人相关的生物特征、位置、行为等信息，如姓名、出生日期、身份证号、个人账号信息、住址、手机号码、电话号码、指纹、虹膜等
										第2条个人信息内容和目的 个人信息内容见条
										收集/利用的目的识别个人信息主体 传达合同签订的主要事项提供与产品和服务相关的咨询或邀请，提供用户有利的信息，处理用户投诉等争议理履行与提供产品/服务器相关的合同以及结费用 个人信息收集最小化本公司不收集超出个人信息必须范围的个人敏感信息，例如财产、健康，生活隐私等个人敏感信息
										如确有正当业务需要，应经用户同意后进行最小化的收集和存储 用户享有对个人信息的访问、更正、删除个人信息、注销账户等权利 本公司收集的个人信息不会用于直接商业营销 
										第 3 条 个人信息的储存和使用时间 本公司与用户签订的合同存续期间
										从个人信息收集日开始一直到业务关系终止为止
										本公司获取的个人所有信息，除了以上提及的收集/使用目的或法律规定的使用目的以外，不会用于其它用途依据相关法规，如无正当的理由继续保存个人信息，或者个人信息收集使用目的已经达成，本公司会即时删除相关个人信息用户如要求删除个人信息，且相关法规规定不要求保存此类个人信息时，自接收到用户删除要求后，本公司会及时删除所有个人信息
										第 4 条 拒绝同意权利
										用户可拒绝接受收集和利用个人信息，但因此而无法实现与本公司的正常业务往来，甚至导致合同无法正常履行的，所带来的负面后果由用户承担，请审慎留意
										用户同意签署此同意书，即表示已仔细阅读并理解以上所有事项，同意相关个人信息的收集和使用
										第 5条个人信息出境
										为了正常运营业务管理系统，提高业务效率，与业务管理系统相关收集和产生的个人信息需通过网络专线或其它正规渠道传送到本公司在境外的机构的对应业务管理系统
										本公司在境外的机构包括:
										出境目的是为正常运营业务管理系统，其中包括但不限于、品质系统、购买系统等需依赖于用户个人信息才能正常运行的系统
										出境范围和内容包括但不限于用户的姓名、出生日期、身份证号、个人账号信息、住址、电话号码等通过合法途径收集的个人信息
										第 6条 同意书的效力和变更
										本同意书从用户同意之日起开始生效
										如本同意书签署之前，用户已经使用本公司业务管理系统的，则本同意书的签署同时视为对之前已经发生的个人信息收集与利用的同意
										本公司保留运营或者营业上有重要原因时，对本同意书进行修改的权利但即使修改也会在《中华人民共和国网络安全法》及其相关法规允许的范围内进行修订
										如对本同意书进行修订，本公司将提前至少 7 天将修订内容、实施时间、修订原因公布在公司业务管理系统首页
										6 4 用户有权利拒绝同意修订在用户拒绝同意修订的情况下，本公司有权利终止相关服务，禁止用户登录
										第7条争议的解决与联系方式
										本同意书的订立、执行和争议的解决均应适用中华人民共和国法律 如双方就本同意书内容或其执行发生任何争议，双方应尽量友好协商解决;协商不成时，任何一方均可向本公司所在地有管辖权的人民法院提起诉讼 本公司保留对同意书的解释和修改权利
										本公司未行使本协议的任何权利或规定，不构成对前述权利之放弃 如本同意书中的任何条款完全或部分无效，本同意书的其余条款仍有效并且有约束力
										若您对本同意书的内容、执行有其它疑问、建议、意见等，欢迎通过下列方式与本公司联系:
										第 8条 附则
										本同意书可通过纸质签署，亦可通过用户登录点击确认等方式签署，均具有同等法律效力
										<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 type="primary" @click="submitReasont">确定</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>
			<button type="primary" @click="submitImg">确认提交</button>
		</view>

	</view>
</template>

<script>
	import {
		respondentDetail,
		arbitratorList,
		evidenceCrossexami
	} from '../../../api/handlecase/index.js'
	import {
		uploadImage
	} from '../../../api/upload.js'
	import {
		getToken
	} from '@/utils/auth'
	import moment from 'moment'
	const app = getApp()
	export default {
		data() {
			return {
				reasontFormData:{
					reasont:''
				},
				isShowPopup:false,
				formData: {},
				subnitForm: {
					objectionAddEviden:0,
					pendingAppointArbotrar:0,
					objectiJuris:0,
					adjudicaCounter:0,
					adjudicaCounterReason:''
				},
				selectFlag: false,
				caseFlag: false,
				tempFilePaths: null,
				rules: {
					// 是否有异议需要举证
					objectionAddEviden: {
						rules: [{
							required: true,
							errorMessage: '请选择'
						}]
					},
					// 是否需要开庭审理
					openCourtHear: {
						rules: [{
							required: true,
							errorMessage: '请选择'
						}]
					},
					// 是否指派仲裁员
					pendingAppointArbotrar: {
						rules: [{
							required: true,
							errorMessage: '请选择'
						}]
					},
				},
				maintenancetypeArr: [{
					text: '是',
					value: 1
				}, {
					text: '否',
					value: 0
				}, ],
				arbitrationmethodArr: [{
					text: '是',
					value: 1
				}, {
					text: '否',
					value: 0
				}],
				uploadEvidence: [{
					text: '是',
					value: 1
				}, {
					text: '否',
					value: 0
				}],
				objectiJurisArr: [{
					text: '是',
					value: 1
				}, {
					text: '否',
					value: 0
				}],
				adjudicaCounterArr: [{
					text: '是',
					value: 1
				}, {
					text: '否',
					value: 0
				}],
				obligationsArr: [{
					text: '是',
					value: 1
				}, {
					text: '否',
					value: 0
				}],
				items: []
			}
		},
		methods: {
			submitReasont(){
				if(this.reasontFormData.reasont){
					this.subnitForm.adjudicaCounterReason = this.reasontFormData.reasont 
					this.$refs.popup.close()
				}else{
					this.$modal.msgError("请输入反意理由")
				}
			},
			objectiJurisChange(value){
				
				let flag = value.detail.value;
				if(flag==1){
					this.$refs.popup.open('center')
				}
			},
			arbitrationmethod() {},
			uploadEvidenceChange(val) {
				console.log(val)
				let flag = val.detail.value;
				if (flag == 1) {
					this.caseFlag = true;
				} else if (flag == 0) {
					this.caseFlag = false;
				}
			},
			maintenancetypeChange(val) {
				let flag = val.detail.value;
				if (flag == 1) {
					this.selectFlag = true
					this.getArbitratorList()
				} else {
					this.selectFlag = false
				}
			},
			checkboxChange(e) {
				let params =  parseInt(e.detail.value);
				console.log(params,"LLLLLLLLLL");
				let result = "";
				this.items.forEach(item=>{
					if(item.userId == params){
						result = item.nickName
					}
				})
				let arbitrators = [{id: params,arbitratorName: result}];
				
				console.log(result,"KKKKKKKKKKKKKKKK");
				// let idArr = e.detail.value;
				// let numberArray = idArr.map(str => parseInt(str));
				// const result = this.items.filter(item => numberArray.includes(item.userId));
				// result.forEach(item => {
				// 	arbitrators.push({
				// 		id: item.userId,
				// 		arbitratorName: item.nickName
				// 	})
				// })
				this.subnitForm.arbitrators = arbitrators;
				// console.log(this.subnitForm.arbitrators,"PPPPPPPPPPPPPP");
			},
			getData(parms) {
				respondentDetail(parms).then(res => {
					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.id = this.formData.id + ''
				})
			},
			// 文件上传
			select(e) {
				this.tempFilePaths = e.tempFilePaths;
				// loading
				uni.showLoading({
					title: '上传中'
				});
				uni.uploadFile({
					url: getApp().globalData.requestUrl + uploadImage,
					filePath: this.tempFilePaths[0],
					header: {
						Authorization: getToken() || '',
					},
					formData: {
						annexType: 6,
						id: this.formData.id
					},
					name: 'file',
					success: (res) => {
						let {
							data
						} = res
						uni.showToast({
							title: '上传成功',
							icon: 'none',
							duration: 1000
						})
						uni.hideLoading();
					},
					fail: (err) => {
						uni.showToast({
							title: '上传失败',
							icon: 'none',
							duration: 1000
						})
						uni.hideLoading()
					}
				})
			},
			// 获取仲裁员列表
			getArbitratorList() {
				arbitratorList().then(res => {
					this.items = res.rows;
				})
			},
			// 提交数据
			evidenceCrossexamiFn(parms) {
				evidenceCrossexami(parms).then(res => {
					uni.showToast({
						title: '提交成功',
						icon: 'none',
						duration: 1000
					})
					uni.navigateTo({
						url: '/pages/handlecase/index'
					})
				})
			},
			submitImg() {
				this.$refs.form.validate().then(res => {
					this.evidenceCrossexamiFn(this.subnitForm)
				}).catch(err => {
					console.log('表单错误信息：', err);
				})
			},
			// 证据清单
			evidenceList(){
				console.log(this.formData.evidenceMaterialList)
				this.$tab.navigateTo(`/pages/handlecase/component/evidenceList?title=证据清单&evidenceList=${encodeURIComponent(JSON.stringify(this.formData.evidenceMaterialList))}`)
			},
			// 仲裁申请书
			applicationArbitration(){
				
			}	
		},
		onLoad(data) {
			this.getData(data.id);
			this.subnitForm.caseId = Number(data.id);
			// this.getArbitratorList()
		},
	}
</script>

<style lang="scss">
	
	.content_list {
		    height: 1060rpx;
		    overflow-x: hidden;
		    .scroll_view_style{
				height: 100%;
			}
		}
		
	.assignrbitrators {
		// text-align: center;
		padding: 20rpx;

		.box {
			background-color: #fff;
			padding: 20rpx;
			border-radius: 20rpx;
		}

		.flexd {
			padding-top: 20rpx;

			.btn {
				width: 80%;
				font-size: 26rpx;
				border-radius: 60rpx;
			}
		}

		.btn {
			margin-top: 20rpx;
		}

		.select-picker {
			display: flex;
			box-sizing: border-box;
			flex-direction: row;
			align-items: center;
			border: 1px solid #DCDFE6;
			border-radius: 8rpx;
			width: 100%;
			height: 100%;
			padding: 0 24rpx;
			font-size: 28rpx;
		}

		.table-content {
			background-color: #fff;
			padding: 20rpx;
			border-radius: 20rpx;

			.none {
				font-size: 24rpx;
				height: 60rpx;
				line-height: 60rpx;
			}
		}

		.box {
			/deep/.title {
				font-size: 28rpx;
				height: 60rpx;
				line-height: 60rpx;
			}
		}

		.htmltitle {
			font-size: 30rpx;
			height: 80rpx;
			line-height: 80rpx;
			display: flex;
			justify-content: space-between;

			.look {
				color: #0D91F9;
			}
		}

		.title {
			font-size: 30rpx;
			height: 80rpx;
			line-height: 80rpx;
		}

		.adsTitle {
			font-size: 30rpx;
		}

		.multiple {
			width: 75%;
			height: 72rpx;
			line-height: 72rpx;
			font-size: 24rpx;
			// @include text-overflow($width: 100%)
		}

		.uni-list {
			width: 100%;
			margin-top: 20rpx;

			.uni-list-cell {
				border-radius: 30rpx;
				margin-bottom: 10rpx;
				display: flex;
				align-items: center;
				justify-content: flex-start;
				background-color: #fff;

				.main {
					height: 100%;
					margin-left: 20rpx;
				}
			}
		}
	}
</style>