新增页面开发 #20
@@ -0,0 +1,9 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title></title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -110,6 +110,12 @@
|
|||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "权力和义务告知书"
|
"navigationBarTitleText": "权力和义务告知书"
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/handlecase/component/newlyAddedCase",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "案件新增"
|
||||||
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"path": "pages/expressDelivery/index",
|
"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>
|
<template>
|
||||||
<view class="handlecase">
|
<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"
|
<List class="caseList" v-for="(item,index) in caseList" :defalutVal='item' :key="index"
|
||||||
v-if="item.pendingStatus == 0" :sysType='sysType'>
|
v-if="item.pendingStatus == 0" :sysType='sysType'>
|
||||||
</List>
|
</List>
|
||||||
@@ -109,6 +112,12 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
},
|
},
|
||||||
|
// 新增案件
|
||||||
|
newlyAddedCases(){
|
||||||
|
uni.navigateTo({
|
||||||
|
url:`/pages/handlecase/component/newlyAddedCase?title=新增案件`
|
||||||
|
})
|
||||||
|
},
|
||||||
// 触底
|
// 触底
|
||||||
onReachBottom() {
|
onReachBottom() {
|
||||||
if (this.caseList.length < 1) {
|
if (this.caseList.length < 1) {
|
||||||
|
|||||||
@@ -0,0 +1,30 @@
|
|||||||
|
{
|
||||||
|
"appid": "wx91cb8459dca561b4",
|
||||||
|
"compileType": "miniprogram",
|
||||||
|
"libVersion": "2.25.3",
|
||||||
|
"packOptions": {
|
||||||
|
"ignore": [],
|
||||||
|
"include": []
|
||||||
|
},
|
||||||
|
"setting": {
|
||||||
|
"coverView": true,
|
||||||
|
"es6": true,
|
||||||
|
"postcss": true,
|
||||||
|
"minified": true,
|
||||||
|
"enhance": true,
|
||||||
|
"showShadowRootInWxmlPanel": true,
|
||||||
|
"packNpmRelationList": [],
|
||||||
|
"babelSetting": {
|
||||||
|
"ignore": [],
|
||||||
|
"disablePlugins": [],
|
||||||
|
"outputPath": ""
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"miniprogramRoot": "unpackage/dist/dev/mp-weixin/",
|
||||||
|
"condition": {},
|
||||||
|
"editorSetting": {
|
||||||
|
"tabIndent": "insertSpaces",
|
||||||
|
"tabSize": 2
|
||||||
|
},
|
||||||
|
"srcMiniprogramRoot": "unpackage/dist/dev/mp-weixin/"
|
||||||
|
}
|
||||||
@@ -0,0 +1,8 @@
|
|||||||
|
{
|
||||||
|
"description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html",
|
||||||
|
"projectname": "miniapp",
|
||||||
|
"setting": {
|
||||||
|
"compileHotReLoad": true,
|
||||||
|
"urlCheck": false
|
||||||
|
}
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user