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 09:42:52 +08:00
parent 7b3b512004
commit 561110d582
19 changed files with 961 additions and 102 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/handlecase/component/assignrbitrators.vue
+162
View File
@@ -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>
pages/handlecase/component/confirmationEvidence.vue
+159
View File
@@ -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>
pages/handlecase/component/list.vue
+115
View File
@@ -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>
pages/handlecase/component/uploadEvidence.vue
+159
View File
@@ -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>
pages/handlecase/index.vue
+46
View File
@@ -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>
pages/work/index.vue
+25 -16
View File
@@ -19,63 +19,63 @@
</uni-section>
<!-- <uni-section class="uni-section" title="系统管理" type="line"></uni-section> -->
<view class="grid-body">
<uni-grid :column="4" :showBorder="false" @change="changeGrid">
<uni-grid :column="4" :showBorder="false">
<uni-grid-item>
<view class="grid-item-box">
<view class="grid-item-box" @tap="changeGrid(0)">
<uni-icons type="compose" size="30" color="#327DD7"></uni-icons>
<text class="text">本人立案</text>
<text class="text">代办案件</text>
</view>
</uni-grid-item>
<uni-grid-item>
<view class="grid-item-box">
<view class="grid-item-box" @tap="changeGrid(1)">
<uni-icons type="staff-filled" size="30" color="#327DD7"></uni-icons>
<text class="text">本人案件进展</text>
<text class="text">代办案件</text>
</view>
</uni-grid-item>
<uni-grid-item>
<view class="grid-item-box">
<view class="grid-item-box" @tap="changeGrid(2)">
<uni-icons type="color" size="30" color="#327DD7"></uni-icons>
<text class="text">代理立案</text>
</view>
</uni-grid-item>
<uni-grid-item>
<view class="grid-item-box">
<view class="grid-item-box" @tap="changeGrid(3)">
<uni-icons type="settings-filled" size="30" color="#327DD7"></uni-icons>
<text class="text">代理案件进展</text>
</view>
</uni-grid-item>
<uni-grid-item>
<view class="grid-item-box">
<view class="grid-item-box" @tap="changeGrid(4)">
<uni-icons type="heart-filled" size="30" color="#327DD7"></uni-icons>
<text class="text">证据交换</text>
</view>
</uni-grid-item>
<uni-grid-item>
<view class="grid-item-box">
<view class="grid-item-box" @tap="changeGrid(5)">
<uni-icons type="bars" size="30" color="#327DD7"></uni-icons>
<text class="text">互联网庭</text>
</view>
</uni-grid-item>
<uni-grid-item>
<view class="grid-item-box">
<view class="grid-item-box" @tap="changeGrid(6)">
<uni-icons type="gear-filled" size="30" color="#327DD7"></uni-icons>
<text class="text">在线撤诉</text>
</view>
</uni-grid-item>
<uni-grid-item>
<view class="grid-item-box">
<view class="grid-item-box" @tap="changeGrid(7)">
<uni-icons type="chat-filled" size="30" color="#327DD7"></uni-icons>
<text class="text">笔录签字</text>
</view>
</uni-grid-item>
<uni-grid-item>
<view class="grid-item-box">
<view class="grid-item-box" @tap="changeGrid(8)">
<uni-icons type="wallet-filled" size="30" color="#327DD7"></uni-icons>
<text class="text">仲裁文书</text>
</view>
</uni-grid-item>
<uni-grid-item>
<view class="grid-item-box">
<view class="grid-item-box" @tap="changeGrid(9)">
<uni-icons type="wallet-filled" size="30" color="#327DD7"></uni-icons>
<text class="text">法规政策</text>
</view>
@@ -101,7 +101,7 @@
image: 'https://img.tukuppt.com/bg_grid/00/81/07/DGEl4suqeV.jpg!/fh/350'
}
],
certificationStatus:"未认证"
certificationStatus: "未认证"
}
},
methods: {
@@ -113,11 +113,20 @@
},
changeGrid(e) {
this.$modal.showToast('模块建设中~')
switch (e) {
case 0:
uni.navigateTo({
url: ('/pages/handlecase/index')
})
break;
default:
break;
}
},
// 点击实名认证
certification(){
certification() {
uni.navigateTo({
url:('/pages/certification/index')
url: ('/pages/certification/index')
})
}
}