证据上传
This commit is contained in:
fz
@@ -0,0 +1,162 @@
|
||||
<template>
|
||||
<view class="assignrbitrators">
|
||||
<view class="from">
|
||||
<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>
|
||||
<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="taskname" label-width="120px" required>
|
||||
<uni-easyinput :inputBorder="false" :disabled='true' v-model="formData.taskname" 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="taskname" label-width="120px" required>
|
||||
<uni-easyinput :inputBorder="false" :disabled='true' v-model="formData.taskname" 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="taskname" label-width="120px" required>
|
||||
<uni-easyinput :inputBorder="false" :disabled='true' v-model="formData.taskname" 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="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>
|
||||
</view>
|
||||
</uni-forms>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import ImgUpload from '@/components/imgUpload.vue'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
formData: {},
|
||||
rules: {},
|
||||
maintenancetypeArr:[{
|
||||
text: '是',
|
||||
value: 0
|
||||
}, {
|
||||
text: '否',
|
||||
value: 1
|
||||
},],
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
maintenancetypeChange(val){
|
||||
console.log(val,"PPPPPPPPPPPPPPPPPP");
|
||||
}
|
||||
},
|
||||
components:{
|
||||
'img-upload':ImgUpload,
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.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%)
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,159 @@
|
||||
<template>
|
||||
<view class="assignrbitrators">
|
||||
<view class="from">
|
||||
<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>
|
||||
<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="taskname" label-width="120px" required>
|
||||
<uni-easyinput :inputBorder="false" :disabled='true' v-model="formData.taskname" 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="taskname" label-width="120px" required>
|
||||
<uni-easyinput :inputBorder="false" :disabled='true' v-model="formData.taskname" 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="taskname" label-width="120px" required>
|
||||
<uni-easyinput :inputBorder="false" :disabled='true' v-model="formData.taskname" 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="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>
|
||||
</view>
|
||||
</uni-forms>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import ImgUpload from '@/components/imgUpload.vue'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
formData: {},
|
||||
rules: {},
|
||||
maintenancetypeArr:[{
|
||||
text: '是',
|
||||
value: 0
|
||||
}, {
|
||||
text: '否',
|
||||
value: 1
|
||||
},],
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
maintenancetypeChange(val){
|
||||
console.log(val,"PPPPPPPPPPPPPPPPPP");
|
||||
}
|
||||
},
|
||||
components:{
|
||||
'img-upload':ImgUpload,
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.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%)
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,115 @@
|
||||
<template>
|
||||
<view class="list">
|
||||
<view class="listItem">
|
||||
<view class="lable">
|
||||
案件编号：
|
||||
</view>
|
||||
<view class="main">
|
||||
123
|
||||
</view>
|
||||
</view>
|
||||
<view class="listItem">
|
||||
<view class="lable">
|
||||
申请人姓名：
|
||||
</view>
|
||||
<view class="main">
|
||||
张三
|
||||
</view>
|
||||
</view>
|
||||
<view class="listItem">
|
||||
<view class="lable">
|
||||
被申请人姓名：
|
||||
</view>
|
||||
<view class="main">
|
||||
李四
|
||||
</view>
|
||||
</view>
|
||||
<view class="listItem">
|
||||
<view class="lable">
|
||||
案件状态：
|
||||
</view>
|
||||
<view class="main">
|
||||
待确认是否应诉
|
||||
</view>
|
||||
</view>
|
||||
<view class="listItem">
|
||||
<view class="lable">
|
||||
申请人姓名：
|
||||
</view>
|
||||
<view class="main">
|
||||
张三
|
||||
</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="isAssignrbitrators">是否指派仲裁员</button>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default{
|
||||
data(){
|
||||
return{
|
||||
|
||||
}
|
||||
},
|
||||
methods:{
|
||||
isAssignrbitrators(){
|
||||
uni.navigateTo({
|
||||
url:'/pages/handlecase/component/assignrbitrators'
|
||||
})
|
||||
},
|
||||
// 上传证据
|
||||
uploadEvidence(){
|
||||
uni.navigateTo({
|
||||
url:'/pages/handlecase/component/uploadEvidence'
|
||||
})
|
||||
},
|
||||
// 确认证据
|
||||
confirmationEvidence(){
|
||||
uni.navigateTo({
|
||||
url:'/pages/handlecase/component/confirmationEvidence'
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.list {
|
||||
padding: 15rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-color: #ffffff;
|
||||
height: 360rpx;
|
||||
border-radius: 30rpx;
|
||||
margin-top: 20rpx;
|
||||
.listItem {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
height: 50rpx;
|
||||
|
||||
.lable {
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
.main {
|
||||
width: 60%;
|
||||
}
|
||||
}
|
||||
.btn{
|
||||
margin-top: 20rpx;
|
||||
width: 100%;
|
||||
.btnItem{
|
||||
height: 50rpx;
|
||||
background-color: #5395ff;
|
||||
border-radius: 10rpx;
|
||||
text-align: center;
|
||||
line-height: 50rpx;
|
||||
margin-right: 30rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,159 @@
|
||||
<template>
|
||||
<view class="assignrbitrators">
|
||||
<view class="from">
|
||||
<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>
|
||||
<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="taskname" label-width="120px" required>
|
||||
<uni-easyinput :inputBorder="false" :disabled='true' v-model="formData.taskname" 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="taskname" label-width="120px" required>
|
||||
<uni-easyinput :inputBorder="false" :disabled='true' v-model="formData.taskname" 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="taskname" label-width="120px" required>
|
||||
<uni-easyinput :inputBorder="false" :disabled='true' v-model="formData.taskname" 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="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>
|
||||
</view>
|
||||
</uni-forms>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import ImgUpload from '@/components/imgUpload.vue'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
formData: {},
|
||||
rules: {},
|
||||
maintenancetypeArr:[{
|
||||
text: '是',
|
||||
value: 0
|
||||
}, {
|
||||
text: '否',
|
||||
value: 1
|
||||
},],
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
maintenancetypeChange(val){
|
||||
console.log(val,"PPPPPPPPPPPPPPPPPP");
|
||||
}
|
||||
},
|
||||
components:{
|
||||
'img-upload':ImgUpload,
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.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%)
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,46 @@
|
||||
<template>
|
||||
<view class="handlecase">
|
||||
<List class="caseList" v-for="(item,index) in caseList" :key="index"></List>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import List from './component/list.vue'
|
||||
import {respondentList} from '../../api/handlecase/index.js'
|
||||
export default {
|
||||
components: {
|
||||
List,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
caseList:[1,2,3,4]
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
getList(parms){
|
||||
respondentList(parms).then(res=>{
|
||||
console.log(res,"LLLLLLLLLLLLLLL");
|
||||
})
|
||||
}
|
||||
},
|
||||
onLoad(){
|
||||
let obj = {
|
||||
identityNum:"333",
|
||||
pageNum:1,
|
||||
pageSize:10
|
||||
}
|
||||
this.getList(obj)
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.handlecase{
|
||||
.caseList{
|
||||
// height: 360rpx;
|
||||
// background-color: #ffffff;
|
||||
// border-radius: 30rpx;
|
||||
// margin-top: 20rpx;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user