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

上传证据，e证通sdk

Browse Source
This commit is contained in:
fz
2023-09-15 18:09:31 +08:00
parent d4b5667bfb
commit 4a7d00fa82
32 changed files with 886 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/handlecase/component/assignrbitrators.vue
+149 -4
View File
@@ -31,20 +31,57 @@
<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="evidenceMaterialList" required :disabled='true'>
<!-- <img-upload :limit='3' :value.sync="formData.headImage" ></img-upload> -->
<view class="imagearea">
<image class="image" v-for="(item,index) in formData.evidenceMaterialList" :key="index" :src="formData.evidenceMaterialList[index].annexPath"
@click="getImgIndex(index)"></image>
</view>
</uni-forms-item>
<uni-forms-item label="是否指派仲裁员" label-width="120px" name="maintenancetypeArr" required>
<uni-data-checkbox class='checkbox' v-model="formData.maintenancetypeArr"
:localdata="maintenancetypeArr" @change='maintenancetypeChange'></uni-data-checkbox>
</uni-forms-item>
</view>
</uni-forms>
<view class="uni-list" v-if="selectFlag">
<checkbox-group @change="checkboxChange">
<label class="uni-list-cell uni-list-cell-pd" v-for="item in items" :key="item.value">
<view>
<checkbox :value="item.value" :checked="item.checked" />
</view>
<view class="main">
<view class="">
仲裁员姓名：张三
</view>
<view class="">
当前案件数量：3
</view>
<view class="">
已结案数量：13
</view>
<view class="">
专业分类：借贷
</view>
</view>
</label>
</checkbox-group>
</view>
<button type="primary" @click="submitImg">确认提交</button>
</view>
</view>
</template>
<script>
import {respondentDetail} from '../../../api/handlecase/index.js'
import {respondentDetail,arbitratorList} from '../../../api/handlecase/index.js'
import moment from 'moment'
const app = getApp()
export default {
data() {
return {
formData: {},
selectFlag:false,
rules: {},
maintenancetypeArr:[{
text: '是',
@@ -53,22 +90,82 @@
text: '否',
value: 1
},],
items: [{
value: 'USA',
name: '美国'
},
{
value: 'CHN',
name: '中国',
},
{
value: 'BRA',
name: '巴西'
},
{
value: 'JPN',
name: '日本'
},
{
value: 'ENG',
name: '英国'
},
{
value: 'FRA',
name: '法国'
}
]
}
},
methods: {
maintenancetypeChange(val){
console.log(val,"PPPPPPPPPPPPPPPPPP");
let flag = val.detail.value;
if(flag == 0){
this.selectFlag = true
}else{
this.selectFlag = false
}
},
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.evidenceMaterialList.forEach(item=>{
item.annexPath = app.globalData.requestUrl + item.annexPath
})
console.log(this.formData,"IMG");
})
}
},
checkboxChange (e) {
// console.log(e,"PPPPPPPPPPPPPPPPPPP");
},
// 获取仲裁员列表
getArbitratorList(){
arbitratorList({}).then(res=>{
console.log(res,"KKKKKKKKKKKKKKKKKKK");
})
},
// 预览图片
getImgIndex(index) {
//准备一个装图片路径的 数组imgs
let imgs = this.formData.headImage.map(item => {
// console.log(item, 'item');
//只返回图片路径
return item.pics_small_url
})
// console.log(imgs);
//调用预览图片的方法
uni.previewImage({
urls: imgs,
current: index,
loop: true,
})
},
},
onLoad(data){
this.getData(data.id)
this.getData(data.id);
// this.getArbitratorList()
},
}
</script>
@@ -82,6 +179,17 @@
background-color: #fff;
padding: 20rpx;
border-radius: 20rpx;
.imagearea {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-evenly;
.image {
width: 40%;
height: 200rpx;
margin-top: 15rpx;
}
}
}
.flexd {
@@ -160,5 +268,42 @@
font-size: 24rpx;
// @include text-overflow($width: 100%)
}
.selectArbitrator{
margin-top: 20rpx;
height: 200rpx;
background-color: #ffffff;
border-radius: 20rpx;
display: flex;
padding: 15rpx;
.arbitrator-left{
width: 80%;
.arbitrator-item{
height: 40rpx;
margin-top: 10rpx;
}
}
.arbitrator-right{
width: 20%;
display: flex;
justify-content: center;
align-items: center;
}
}
.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>
pages/handlecase/component/chooseMethod.vue
+18 -12
View File
@@ -40,10 +40,10 @@
<uni-easyinput :inputBorder="false" :disabled='true' v-model="formData.taskname"
placeholder="" />
</uni-forms-item>
<uni-forms-item label="证据材料" name="headImage" required :disabled='true'>
<uni-forms-item label="证据材料" name="evidenceMaterialList" required :disabled='true'>
<!-- <img-upload :limit='3' :value.sync="formData.headImage" ></img-upload> -->
<view class="imagearea">
<image class="image" v-for="(item,index) in formData.headImage" :key="index" :src="formData.headImage[index].pics_small_url"
<image class="image" v-for="(item,index) in formData.evidenceMaterialList" :key="index" :src="formData.evidenceMaterialList[index].annexPath"
@click="getImgIndex(index)"></image>
</view>
</uni-forms-item>
@@ -65,25 +65,22 @@
</template>
<script>
import ImgUpload from '@/components/imgUpload.vue'
const app = getApp()
import {respondentDetail} from '../../../api/handlecase/index.js'
export default {
data() {
return {
formData: {
headImage: [{
index: 1,
pics_small_url: 'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg'
},
{
index: 2,
pics_small_url: 'https://img1.baidu.com/it/u=1310564963,1641173348&fm=253&fmt=auto&app=120&f=JPEG?w=1280&h=800'
},
{
index: 3,
pics_small_url: 'https://img1.baidu.com/it/u=1310564963,1641173348&fm=253&fmt=auto&app=120&f=JPEG?w=1280&h=800'
},
{
index: 4,
pics_small_url: 'https://img1.baidu.com/it/u=1310564963,1641173348&fm=253&fmt=auto&app=120&f=JPEG?w=1280&h=800'
}
]
@@ -113,16 +110,21 @@
arbitrationmethod(val) {
console.log(val, "仲裁方式");
},
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.evidenceMaterialList.forEach(item=>{
item.annexPath = app.globalData.requestUrl + item.annexPath
})
})
},
getImgIndex(index) {
// console.log(index);
//准备一个装图片路径的 数组imgs
let imgs = this.formData.headImage.map(item => {
// console.log(item, 'item');
//只返回图片路径
return item.pics_small_url
})
// console.log(imgs);
//调用预览图片的方法
uni.previewImage({
urls: imgs,
current: index,
@@ -130,6 +132,10 @@
})
},
},
onLoad(data){
this.getData(data.id);
// this.getArbitratorList()
},
components: {
// 'img-upload': ImgUpload,
},
pages/handlecase/component/confirmationEvidence.vue
+59 -2
View File
@@ -31,6 +31,13 @@
<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="evidenceMaterialList" required :disabled='true'>
<!-- <img-upload :limit='3' :value.sync="formData.headImage" ></img-upload> -->
<view class="imagearea">
<image class="image" v-for="(item,index) in formData.evidenceMaterialList" :key="index" :src="formData.evidenceMaterialList[index].annexPath"
@click="getImgIndex(index)"></image>
</view>
</uni-forms-item>
</view>
</uni-forms>
</view>
@@ -39,12 +46,31 @@
</template>
<script>
const app = getApp()
import {respondentDetail} from '../../../api/handlecase/index.js'
import moment from 'moment'
export default {
data() {
return {
formData: {},
formData: {
headImage: [{
index: 1,
pics_small_url: 'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg'
},
{
index: 2,
pics_small_url: 'https://img1.baidu.com/it/u=1310564963,1641173348&fm=253&fmt=auto&app=120&f=JPEG?w=1280&h=800'
},
{
index: 3,
pics_small_url: 'https://img1.baidu.com/it/u=1310564963,1641173348&fm=253&fmt=auto&app=120&f=JPEG?w=1280&h=800'
},
{
index: 4,
pics_small_url: 'https://img1.baidu.com/it/u=1310564963,1641173348&fm=253&fmt=auto&app=120&f=JPEG?w=1280&h=800'
}
]
},
rules: {},
maintenancetypeArr:[{
text: '是',
@@ -64,8 +90,28 @@
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.evidenceMaterialList.forEach(item=>{
item.annexPath = app.globalData.requestUrl + item.annexPath
})
})
}
},
// 图片预览
getImgIndex(index) {
// console.log(index);
//准备一个装图片路径的 数组imgs
let imgs = this.formData.headImage.map(item => {
// console.log(item, 'item');
//只返回图片路径
return item.pics_small_url
})
// console.log(imgs);
//调用预览图片的方法
uni.previewImage({
urls: imgs,
current: index,
loop: true,
})
},
},
onLoad(data){
this.getData(data.id)
@@ -82,6 +128,17 @@
background-color: #fff;
padding: 20rpx;
border-radius: 20rpx;
.imagearea {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-evenly;
.image {
width: 40%;
height: 200rpx;
margin-top: 15rpx;
}
}
}
.flexd {
pages/handlecase/component/list.vue
+3 -4
View File
@@ -35,9 +35,9 @@
<view class="btn">
<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>
<button class="btnItem" type="primary" size="mini" @tap="chooseMethod">选择仲裁方式</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> -->
<button class="btnItem" type="primary" size="mini" @tap="chooseMethod" v-if="defalutVal.caseStatus == 9">选择仲裁方式</button>
</view>
</view>
</template>
@@ -89,7 +89,6 @@
display: flex;
flex-direction: column;
background-color: #ffffff;
height: 360rpx;
border-radius: 30rpx;
margin-top: 20rpx;
.listItem {
pages/handlecase/component/uploadEvidence.vue
+3
View File
@@ -103,6 +103,9 @@
duration:1000
})
uni.hideLoading();
uni.navigateTo({
url:'/pages/handlecase/index'
})
},
fail:(err) => {
uni.showToast({