SH-Arbitrate/miniapp
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

上传证据，确认证据

Browse Source
This commit is contained in:
fz
2023-09-14 18:11:50 +08:00
parent 561110d582
commit 290399dd31
10 changed files with 229 additions and 270 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/handlecase/component/assignrbitrators.vue
+29 -27
View File
@@ -4,38 +4,32 @@
<uni-forms ref="form" :modelValue="formData" :rules="rules">
<view class="title">案件详情</view>
<view class="box">
<uni-forms-item label="案件编号：" name="taskname" label-width="120px" required>
<uni-easyinput :inputBorder="false" :disabled='true' v-model="formData.taskname" placeholder="" />
<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="taskname" label-width="120px" required>
<uni-easyinput :inputBorder="false" :disabled='true' v-model="formData.taskname" placeholder="" />
<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="taskname" label-width="120px" required>
<uni-easyinput :inputBorder="false" :disabled='true' v-model="formData.taskname" placeholder="" />
<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="taskname" label-width="120px" required>
<uni-easyinput :inputBorder="false" :disabled='true' v-model="formData.taskname" placeholder="" />
<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="taskname" label-width="120px" required>
<uni-easyinput :inputBorder="false" :disabled='true' v-model="formData.taskname" placeholder="" />
<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="taskname" label-width="120px" required>
<uni-easyinput :inputBorder="false" :disabled='true' v-model="formData.taskname" placeholder="" />
<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="taskname" label-width="120px" required>
<uni-easyinput :inputBorder="false" :disabled='true' v-model="formData.taskname" placeholder="" />
<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="taskname" label-width="120px" required>
<uni-easyinput :inputBorder="false" :disabled='true' v-model="formData.taskname" placeholder="" />
<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="taskname" label-width="120px" required>
<uni-easyinput :inputBorder="false" :disabled='true' v-model="formData.taskname" placeholder="" />
</uni-forms-item>
<uni-forms-item label="是否指派仲裁员" label-width="120px" name="maintenancetype" required>
<uni-data-checkbox class='checkbox' v-model="formData.maintenancetype" :localdata="maintenancetypeArr" @change='maintenancetypeChange'></uni-data-checkbox>
</uni-forms-item>
<uni-forms-item label="上传证据" name="headImage" required>
<img-upload :limit='3' :value.sync="formData.headImage"></img-upload>
<uni-forms-item label="申请人主张违约金：" name="claimLiquidDamag" label-width="120px" required>
<uni-easyinput :inputBorder="false" :disabled='true' v-model="formData.claimLiquidDamag" placeholder="" />
</uni-forms-item>
</view>
</uni-forms>
@@ -45,7 +39,8 @@
</template>
<script>
import ImgUpload from '@/components/imgUpload.vue'
import {respondentDetail} from '../../../api/handlecase/index.js'
import moment from 'moment'
export default {
data() {
return {
@@ -63,10 +58,17 @@
methods: {
maintenancetypeChange(val){
console.log(val,"PPPPPPPPPPPPPPPPPP");
},
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');
})
}
},
components:{
'img-upload':ImgUpload,
onLoad(data){
this.getData(data.id)
},
}
</script>
pages/handlecase/component/confirmationEvidence.vue
+29 -24
View File
@@ -4,35 +4,32 @@
<uni-forms ref="form" :modelValue="formData" :rules="rules">
<view class="title">案件详情</view>
<view class="box">
<uni-forms-item label="案件编号：" name="taskname" label-width="120px" required>
<uni-easyinput :inputBorder="false" :disabled='true' v-model="formData.taskname" placeholder="" />
<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="taskname" label-width="120px" required>
<uni-easyinput :inputBorder="false" :disabled='true' v-model="formData.taskname" placeholder="" />
<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="taskname" label-width="120px" required>
<uni-easyinput :inputBorder="false" :disabled='true' v-model="formData.taskname" placeholder="" />
<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="taskname" label-width="120px" required>
<uni-easyinput :inputBorder="false" :disabled='true' v-model="formData.taskname" placeholder="" />
<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="taskname" label-width="120px" required>
<uni-easyinput :inputBorder="false" :disabled='true' v-model="formData.taskname" placeholder="" />
<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="taskname" label-width="120px" required>
<uni-easyinput :inputBorder="false" :disabled='true' v-model="formData.taskname" placeholder="" />
<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="taskname" label-width="120px" required>
<uni-easyinput :inputBorder="false" :disabled='true' v-model="formData.taskname" placeholder="" />
<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="taskname" label-width="120px" required>
<uni-easyinput :inputBorder="false" :disabled='true' v-model="formData.taskname" placeholder="" />
<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="taskname" label-width="120px" required>
<uni-easyinput :inputBorder="false" :disabled='true' v-model="formData.taskname" placeholder="" />
</uni-forms-item>
<uni-forms-item label="上传证据" name="headImage" required>
<img-upload :limit='3' :value.sync="formData.headImage"></img-upload>
<uni-forms-item label="申请人主张违约金：" name="claimLiquidDamag" label-width="120px" required>
<uni-easyinput :inputBorder="false" :disabled='true' v-model="formData.claimLiquidDamag" placeholder="" />
</uni-forms-item>
</view>
</uni-forms>
@@ -42,7 +39,8 @@
</template>
<script>
import ImgUpload from '@/components/imgUpload.vue'
import {respondentDetail} from '../../../api/handlecase/index.js'
import moment from 'moment'
export default {
data() {
return {
@@ -60,10 +58,17 @@
methods: {
maintenancetypeChange(val){
console.log(val,"PPPPPPPPPPPPPPPPPP");
},
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');
})
}
},
components:{
'img-upload':ImgUpload,
onLoad(data){
this.getData(data.id)
},
}
</script>
pages/handlecase/component/list.vue
+18 -18
View File
@@ -5,7 +5,7 @@
案件编号：
</view>
<view class="main">
123
{{defalutVal.caseNum}}
</view>
</view>
<view class="listItem">
@@ -13,7 +13,7 @@
申请人姓名：
</view>
<view class="main">
张三
{{defalutVal.applicantName}}
</view>
</view>
<view class="listItem">
@@ -21,7 +21,7 @@
被申请人姓名：
</view>
<view class="main">
李四
{{defalutVal.respondentName}}
</view>
</view>
<view class="listItem">
@@ -29,20 +29,13 @@
案件状态：
</view>
<view class="main">
待确认是否应诉
</view>
</view>
<view class="listItem">
<view class="lable">
申请人姓名：
</view>
<view class="main">
张三
{{defalutVal.caseStatusName}}
</view>
</view>
<view class="btn">
<button class="btnItem" type="primary" size="mini" @tap="uploadEvidence">上传证据</button>
<button class="btnItem" type="primary" size="mini" @tap="confirmationEvidence">确认证据</button>
<button class="btnItem" type="primary" size="mini" @tap="uploadEvidence" v-if="defalutVal.caseStatus == 3">上传证据</button>
<button class="btnItem" type="primary" size="mini" @tap="confirmationEvidence" v-if="defalutVal.caseStatus == 4">确认证据</button>
<!-- <button class="btnItem" type="primary" size="mini" @tap="isAssignrbitrators" v-if="defalutVal.caseStatus == 5">是否指派仲裁员</button> -->
<button class="btnItem" type="primary" size="mini" @tap="isAssignrbitrators">是否指派仲裁员</button>
</view>
</view>
@@ -55,22 +48,28 @@
}
},
props:{
defalutVal:{
type:Object,
default:() => {}
}
},
methods:{
isAssignrbitrators(){
uni.navigateTo({
url:'/pages/handlecase/component/assignrbitrators'
url:`/pages/handlecase/component/assignrbitrators?id=${this.defalutVal.id}`
})
},
// 上传证据
uploadEvidence(){
uni.navigateTo({
url:'/pages/handlecase/component/uploadEvidence'
url:`/pages/handlecase/component/uploadEvidence?id=${this.defalutVal.id}`
})
},
// 确认证据
confirmationEvidence(){
uni.navigateTo({
url:'/pages/handlecase/component/confirmationEvidence'
url:`/pages/handlecase/component/confirmationEvidence?id=${this.defalutVal.id}`
})
}
}
@@ -102,13 +101,14 @@
.btn{
margin-top: 20rpx;
width: 100%;
display: flex;
justify-content: space-between;
.btnItem{
height: 50rpx;
background-color: #5395ff;
border-radius: 10rpx;
text-align: center;
line-height: 50rpx;
margin-right: 30rpx;
}
}
}
pages/handlecase/component/uploadEvidence.vue
+77 -24
View File
@@ -4,49 +4,55 @@
<uni-forms ref="form" :modelValue="formData" :rules="rules">
<view class="title">案件详情</view>
<view class="box">
<uni-forms-item label="案件编号：" name="taskname" label-width="120px" required>
<uni-easyinput :inputBorder="false" :disabled='true' v-model="formData.taskname" placeholder="" />
<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="taskname" label-width="120px" required>
<uni-easyinput :inputBorder="false" :disabled='true' v-model="formData.taskname" placeholder="" />
<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="taskname" label-width="120px" required>
<uni-easyinput :inputBorder="false" :disabled='true' v-model="formData.taskname" placeholder="" />
<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="taskname" label-width="120px" required>
<uni-easyinput :inputBorder="false" :disabled='true' v-model="formData.taskname" placeholder="" />
<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="taskname" label-width="120px" required>
<uni-easyinput :inputBorder="false" :disabled='true' v-model="formData.taskname" placeholder="" />
<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="taskname" label-width="120px" required>
<uni-easyinput :inputBorder="false" :disabled='true' v-model="formData.taskname" placeholder="" />
<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="taskname" label-width="120px" required>
<uni-easyinput :inputBorder="false" :disabled='true' v-model="formData.taskname" placeholder="" />
<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="taskname" label-width="120px" required>
<uni-easyinput :inputBorder="false" :disabled='true' v-model="formData.taskname" placeholder="" />
<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="taskname" label-width="120px" required>
<uni-easyinput :inputBorder="false" :disabled='true' v-model="formData.taskname" placeholder="" />
<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="headImage" required>
<img-upload :limit='3' :value.sync="formData.headImage"></img-upload>
<uni-forms-item label="上传证据" name="headImage" label-width="120px" required>
<uni-file-picker ref="files" :auto-upload="false" @select="select" :limit='1'/>
</uni-forms-item>
</view>
</uni-forms>
<button type="primary" @click="submitImg">确认提交</button>
</view>
</view>
</template>
<script>
import ImgUpload from '@/components/imgUpload.vue'
import {respondentDetail} 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 {
formData: {},
tempFilePaths:null,
rules: {},
maintenancetypeArr:[{
text: '是',
@@ -59,11 +65,58 @@
},
methods: {
maintenancetypeChange(val){
console.log(val,"PPPPPPPPPPPPPPPPPP");
// console.log(val,"PPPPPPPPPPPPPPPPPP");
},
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
},
submitImg(){
uni.showLoading({
title: '上传中'
});
uni.uploadFile({
url:getApp().globalData.requestUrl + uploadImage,
filePath: this.tempFilePaths[0],
header:{
Authorization:getToken() || '',
},
formData: {
annexType:2,
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()
}
})
}
},
components:{
'img-upload':ImgUpload,
onLoad(data){
this.getData(data.id)
},
}
</script>