上传证据,确认证据

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
+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>