新增页面开发
This commit is contained in:
gyj
@@ -110,6 +110,12 @@
|
||||
"style": {
|
||||
"navigationBarTitleText": "权力和义务告知书"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/handlecase/component/newlyAddedCase",
|
||||
"style": {
|
||||
"navigationBarTitleText": "案件新增"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/expressDelivery/index",
|
||||
|
||||
@@ -0,0 +1,206 @@
|
||||
<template>
|
||||
<view class="conent">
|
||||
<view class="assignrbitrators">
|
||||
<uni-forms ref="form" :modelValue="formData" :rules="rules">
|
||||
<uni-section title="案件信息" type="line" padding></uni-section>
|
||||
<uni-forms-item label="申请人调解请求:" name="arbitratClaims" label-width="120px" required>
|
||||
<uni-easyinput v-model="formData.arbitratClaims" type="textarea" placeholder="请输入申请人调解请求" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="事实和理由:" name="facts" label-width="120px" required>
|
||||
<uni-easyinput v-model="formData.facts" type="textarea" placeholder="请输入事实和理由" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="案件标的:" name="caseSubjectAmount" label-width="120px" required>
|
||||
<uni-easyinput v-model="formData.caseSubjectAmount" type="text" placeholder="请输入案件标的" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="调解模板:" label-width="120px" required>
|
||||
<uni-data-select></uni-data-select>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="申请人案件证据资料上传:" name="headImage" label-width="120px">
|
||||
<uni-file-picker ref="files" :auto-upload="false" @select="select" :limit='1' />
|
||||
</uni-forms-item>
|
||||
<uni-section title="双方信息" type="line" padding></uni-section>
|
||||
<uni-forms-item label="选择机构或自然人" label-width="120px" name="objectiJuris">
|
||||
<uni-data-checkbox class='checkbox'
|
||||
:localdata="objectiJurisArr"
|
||||
v-model="formData.affiliate.organizeFlag"
|
||||
@change='clearValidate'></uni-data-checkbox>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="申请人:" label-width="120px" required v-if="formData.affiliate.organizeFlag==0">
|
||||
<uni-easyinput type="text" placeholder="请输入申请人名称" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="申请人机构名称:" label-width="120px" required
|
||||
v-if="formData.affiliate.organizeFlag==1"
|
||||
>
|
||||
<uni-easyinput type="text" placeholder="请输入申请人机构名称" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="申请人身份证号码:" label-width="120px" required
|
||||
v-if="formData.affiliate.organizeFlag==0"
|
||||
>
|
||||
<uni-easyinput type="text" placeholder="请输入申请人身份证号码" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="统一社会信用代码:" label-width="120px" required
|
||||
v-if="formData.affiliate.organizeFlag==1"
|
||||
>
|
||||
<uni-easyinput type="text" placeholder="请输入统一社会信用代码:" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="申请人邮箱:" label-width="120px" required>
|
||||
<uni-easyinput type="text" placeholder="请输入申请人邮箱" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="申请人电话:" label-width="120px" required>
|
||||
<uni-easyinput type="text" placeholder="请输入申请人电话" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="法定代表人:" label-width="120px" required>
|
||||
<uni-easyinput type="text" placeholder="请输入法定代表人" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="申请人住所:" label-width="120px" required>
|
||||
<uni-easyinput type="text" placeholder="请输入申请人住所" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="申请人联系地址:" label-width="120px" required>
|
||||
<uni-easyinput type="text" placeholder="请输入申请人联系地址" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="代理人联系电话:" label-width="120px" v-if="formData.affiliate.organizeFlag==0">
|
||||
<uni-easyinput type="text" placeholder="请输入代理人联系电话" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="代理人联系电话:" label-width="120px" required
|
||||
v-if="formData.affiliate.organizeFlag==1"
|
||||
>
|
||||
<uni-easyinput type="text" placeholder="请输入代理人联系电话" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="委托代理人姓名:" label-width="120px" v-if="formData.affiliate.organizeFlag==0">
|
||||
<uni-easyinput type="text" placeholder="请输入委托代理人姓名" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="委托代理人姓名:" label-width="120px" required
|
||||
v-if="formData.affiliate.organizeFlag==1"
|
||||
>
|
||||
<uni-easyinput type="text" placeholder="请输入委托代理人姓名" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="代理人邮箱:" label-width="120px" v-if="formData.affiliate.organizeFlag==0">
|
||||
<uni-easyinput type="text" placeholder="请输入代理人邮箱" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="代理人邮箱:" label-width="120px" required
|
||||
v-if="formData.affiliate.organizeFlag==1"
|
||||
>
|
||||
<uni-easyinput type="text" placeholder="请输入代理人邮箱" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="被申请人姓名:" label-width="120px" required>
|
||||
<uni-easyinput type="text" placeholder="请输入被申请人姓名" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="被申请人联系电话:" label-width="120px" required>
|
||||
<uni-easyinput type="text" placeholder="请输入被申请人联系电话" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="被申请人身份证号:" label-width="120px" required>
|
||||
<uni-easyinput type="text" placeholder="请输入被申请人身份证号" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="被申请人性别" label-width="120px" required>
|
||||
<uni-data-checkbox class='checkbox'
|
||||
v-model="formData.affiliate.respondentSex"
|
||||
:localdata="respondentSexy"></uni-data-checkbox>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="被申请人出生年月日" label-width="120px" >
|
||||
<uni-datetime-picker type="date" :clear-icon="false" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="被申请人住所:" label-width="120px" required>
|
||||
<uni-easyinput type="text" placeholder="请输入被申请人住所" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="被申请人邮箱:" label-width="120px" required>
|
||||
<uni-easyinput type="text" placeholder="请输入被申请人住所" />
|
||||
</uni-forms-item>
|
||||
</uni-forms>
|
||||
<view class="determine" style="text-align: center;">
|
||||
<button class="mini-btn"
|
||||
type="primary" size="mini"
|
||||
@tap="submitReasont">确定</button>
|
||||
<button style="margin-left:30rpx;" class="mini-btn"
|
||||
type="default" size="mini"
|
||||
@tap="cencalBut">取消</button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
formData:{
|
||||
affiliate:{
|
||||
organizeFlag: 0,
|
||||
respondentSex: 0,
|
||||
}
|
||||
},
|
||||
|
||||
objectiJurisArr: [{
|
||||
text: '自然人',
|
||||
value: 0
|
||||
}, {
|
||||
text: '机构',
|
||||
value: 1
|
||||
}],
|
||||
respondentSexy: [
|
||||
{
|
||||
text: '女',
|
||||
value: 1
|
||||
}, {
|
||||
text: '男',
|
||||
value: 0
|
||||
}
|
||||
],
|
||||
rules: {
|
||||
arbitratClaims: {
|
||||
rules:[
|
||||
{
|
||||
required: true,
|
||||
errorMessage: '请输入申请人调解请求',
|
||||
},
|
||||
],
|
||||
},
|
||||
facts:{
|
||||
rules:[
|
||||
{
|
||||
required: true,
|
||||
errorMessage: '请输入事实和理由',
|
||||
},
|
||||
],
|
||||
},
|
||||
caseSubjectAmount:{
|
||||
rules:[
|
||||
{
|
||||
required: true,
|
||||
errorMessage: '请输入案件标的',
|
||||
},
|
||||
],
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
},
|
||||
methods:{
|
||||
clearValidate(val){
|
||||
|
||||
},
|
||||
submitReasont(){
|
||||
this.$refs.form.validate().then(res=>{
|
||||
|
||||
}).catch(err =>{
|
||||
|
||||
})
|
||||
},
|
||||
cencalBut(){
|
||||
uni.navigateBack({
|
||||
delta: 1
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
page {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.assignrbitrators{
|
||||
margin: 30rpx;
|
||||
}
|
||||
</style>
|
||||
@@ -1,5 +1,8 @@
|
||||
<template>
|
||||
<view class="handlecase">
|
||||
<view class="" v-if="sysType == 2">
|
||||
<button type="primary" @tap="newlyAddedCases">新增案件</button>
|
||||
</view>
|
||||
<List class="caseList" v-for="(item,index) in caseList" :defalutVal='item' :key="index"
|
||||
v-if="item.pendingStatus == 0" :sysType='sysType'>
|
||||
</List>
|
||||
@@ -109,6 +112,12 @@
|
||||
}
|
||||
|
||||
},
|
||||
// 新增案件
|
||||
newlyAddedCases(){
|
||||
uni.navigateTo({
|
||||
url:`/pages/handlecase/component/newlyAddedCase?title=新增案件`
|
||||
})
|
||||
},
|
||||
// 触底
|
||||
onReachBottom() {
|
||||
if (this.caseList.length < 1) {
|
||||
|
||||
Reference in New Issue
Block a user