小程序新增页面的修改 #49
@@ -15,16 +15,6 @@
|
||||
:rules="[{required: true,errorMessage: '事实和理由不能为空'}]">
|
||||
<uni-easyinput v-model="formData.facts" type="textarea" placeholder="请输入事实和理由" />
|
||||
</uni-forms-item>
|
||||
<!-- <uni-forms-item label="案件标的:" name="caseSubjectAmount" label-width="120px" required
|
||||
:rules="[{required: true,errorMessage: '案件标的不能为空'}]"
|
||||
>
|
||||
<uni-easyinput v-model="formData.caseSubjectAmount" type="text" placeholder="请输入案件标的" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="模板:" name="templateId" label-width="120px" required
|
||||
:rules="[{required: true,errorMessage: '模板不能为空'}]"
|
||||
>
|
||||
<uni-data-select :localdata="templateList" v-model="formData.templateId"></uni-data-select>
|
||||
</uni-forms-item> -->
|
||||
<uni-forms-item label="申请人案件证据资料上传:" name="headImage" label-width="120px">
|
||||
<uni-file-picker ref="files" file-mediatype="all" return-type='object' v-model="fileList"
|
||||
:auto-upload="false" @select="select" :limit='1' />
|
||||
@@ -41,111 +31,161 @@
|
||||
:text="item.annexName"></uni-link>
|
||||
</view>
|
||||
</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' :disabled="ids?true:false" :localdata="objectiJurisArr"
|
||||
v-model="formData.affiliate.organizeFlag" @change='clearValidate'></uni-data-checkbox>
|
||||
v-model="formData.organizeFlag" @change='clearValidate'></uni-data-checkbox>
|
||||
</uni-forms-item>
|
||||
<!-- <uni-section title="申请人" type="line" padding></uni-section> -->
|
||||
<uni-forms-item :label="formData.affiliate.organizeFlag==0 ? '申请人':'申请机构'" :rules="rulesappName"
|
||||
name="affiliate.applicationName" label-width="120px" required>
|
||||
<uni-easyinput v-model="formData.affiliate.applicationName" :disabled="disabledApplicat" type="text"
|
||||
:placeholder="formData.affiliate.organizeFlag==0 ? '请输入申请人姓名':'请输入申请机构名称'" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="证件类型" label-width="120px" v-if="formData.affiliate.organizeFlag==0">
|
||||
<uni-data-select
|
||||
v-model="formData.affiliate.idType"
|
||||
:localdata="certificate"
|
||||
@change="changeDocment"
|
||||
:disabled="true"
|
||||
></uni-data-select>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="国籍" label-width="120px">
|
||||
<uni-data-select
|
||||
v-model="formData.affiliate.nationality"
|
||||
:localdata="nationality"
|
||||
:disabled="formData.affiliate.organizeFlag==0"
|
||||
></uni-data-select>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item :label="formData.affiliate.organizeFlag==0 ? '证件号码':'机构代码'" name="affiliate.code"
|
||||
label-width="120px" required :rules="rulesappNo">
|
||||
<uni-easyinput v-model="formData.affiliate.code" :disabled="disabledApplicat" type="text"
|
||||
:placeholder="formData.affiliate.organizeFlag==0 ? '请输入证件号码':'请输入统一社会代码'" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="申请人邮箱:" v-if="formData.affiliate.organizeFlag==0"
|
||||
name="affiliate.applicationEmail" label-width="120px" required>
|
||||
<uni-easyinput v-model="formData.affiliate.applicationEmail" :disabled="disabledApplicat"
|
||||
type="text" placeholder="请输入申请人邮箱" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="申请人电话:" v-if="formData.affiliate.organizeFlag==0"
|
||||
name="affiliate.applicationPhone" label-width="120px" required>
|
||||
<uni-easyinput v-model="formData.affiliate.applicationPhone" :disabled="disabledApplicat"
|
||||
type="text" placeholder="请输入申请人电话" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="法定代表人:" v-if="formData.affiliate.organizeFlag==1"
|
||||
name="affiliate.compLegalPerson" label-width="120px" required>
|
||||
<uni-easyinput v-model="formData.affiliate.compLegalPerson" type="text" placeholder="请输入法定代表人" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="申请人住所:" name="affiliate.applicantHome" label-width="120px" required
|
||||
:rules="[{required: true,errorMessage: '申请人住所不能为空'}]">
|
||||
<uni-easyinput v-model="formData.affiliate.applicantHome" type="text" placeholder="请输入申请人住所" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="申请人联系地址:" name="affiliate.applicantAddress" label-width="120px" required
|
||||
:rules="[{required: true,errorMessage: '申请人联系地址不能为空'}]">
|
||||
<uni-easyinput v-model="formData.affiliate.applicantAddress" type="text" placeholder="请输入申请人联系地址" />
|
||||
</uni-forms-item>
|
||||
<uni-section title="代理人" type="line" padding></uni-section>
|
||||
<uni-forms-item label="代理人联系电话:" label-width="120px">
|
||||
<uni-easyinput v-model="formData.affiliate.contactTelphoneAgent" :disabled="disabledVal" type="text"
|
||||
placeholder="请输入代理人联系电话" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="代理人姓名:" label-width="120px">
|
||||
<uni-easyinput v-model="formData.affiliate.nameAgent" :disabled="disabledVal" type="text"
|
||||
placeholder="请输入委托代理人姓名" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="代理人邮箱:" label-width="120px">
|
||||
<uni-easyinput v-model="formData.affiliate.agentEmail" :disabled="disabledVal" type="text"
|
||||
placeholder="请输入代理人邮箱" />
|
||||
</uni-forms-item>
|
||||
<uni-section title="被申请人" type="line" padding></uni-section>
|
||||
<uni-forms-item label="被申请人姓名:" name="affiliate.respondentName" label-width="120px" required
|
||||
:rules="[{required: true,errorMessage: '被申请人姓名不能为空'}]">
|
||||
<uni-easyinput v-model="formData.affiliate.respondentName" type="text" placeholder="请输入被申请人姓名" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="被申请人联系电话:" name="affiliate.respondentPhone" label-width="120px" required :rules="[
|
||||
{required: true,errorMessage: '被申请人联系电话不能为空'},
|
||||
{pattern:'^[1][3,4,5,6,7,8,9][0-9]{9}$',errorMessage:'被申请人联系电话格式不正确'}
|
||||
]">
|
||||
<uni-easyinput v-model="formData.affiliate.respondentPhone" type="text" placeholder="请输入被申请人联系电话" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="被申请人身份证号:" name="affiliate.respondentIdentityNum" label-width="120px" required
|
||||
:rules="[
|
||||
{required: true,errorMessage: '被申请人身份证号不能为空'},
|
||||
{pattern:'^[1-9]\\d{5}(18|19|([23]\\d))\\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\\d{3}[0-9Xx]$',errorMessage:'被申请人身份证格式错误'}
|
||||
<button type="primary" @click="addMultiple" style="margin-bottom: 20px;">新增多个信息</button>
|
||||
<view v-for="(item ,index ) in formData.affiliate" :key="index">
|
||||
<button class="mini-btn" type="primary" size="mini" @tap="delValue(index)" v-if="delShow">删除</button>
|
||||
<uni-section :title="'双方信息' + (index + 1)" type="line" padding></uni-section>
|
||||
<uni-forms-item label="是否操作人" label-width="120px">
|
||||
<uni-data-checkbox
|
||||
v-model="formData.affiliate[index].applicant.operatorFlag"
|
||||
:localdata="isOperate"
|
||||
></uni-data-checkbox>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item :label="formData.organizeFlag==0 ? '申请人':'申请机构'" :rules="rulesPersonName"
|
||||
:name="['affiliate',index,'applicant','name']" label-width="120px" required>
|
||||
<uni-easyinput v-model="formData.affiliate[index].applicant.name" type="text"
|
||||
:placeholder="formData.organizeFlag==0 ? '请输入申请人姓名':'请输入申请机构名称'" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="证件类型" label-width="120px" v-if="formData.organizeFlag==0">
|
||||
<uni-data-select
|
||||
v-model="formData.affiliate[index].applicant.idType"
|
||||
:localdata="certificate"
|
||||
@change="changeDocment"
|
||||
></uni-data-select>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="地区" label-width="120px">
|
||||
<uni-data-select
|
||||
v-model="formData.affiliate[index].applicant.nationality"
|
||||
:localdata="nationality"
|
||||
@change="changeArea"
|
||||
|
||||
]">
|
||||
<uni-easyinput v-model="formData.affiliate.respondentIdentityNum" @blur="handleBlur" type="text"
|
||||
placeholder="请输入被申请人身份证号" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="被申请人性别" label-width="120px" required>
|
||||
<uni-data-checkbox class='checkbox' :disabled='true' v-model="formData.affiliate.respondentSex"
|
||||
:localdata="respondentSexy"></uni-data-checkbox>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="被申请人出生年月日" label-width="120px">
|
||||
<uni-datetime-picker v-model="formData.affiliate.respondentBirth" :disabled='true' type="date"
|
||||
:clear-icon="false" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="被申请人住所:" name="affiliate.respondentHome" label-width="120px" required
|
||||
:rules="[{required: true,errorMessage: '被申请人住所不能为空'}]">
|
||||
<uni-easyinput v-model="formData.affiliate.respondentHome" type="text" placeholder="请输入被申请人住所" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="被申请人邮箱:" name="affiliate.respondentEmail" label-width="120px" required :rules="[
|
||||
{required: true,errorMessage: '被申请人邮箱不能为空'},
|
||||
{pattern:'^\\S+?@\\S+?\\.\\S+?$',errorMessage:'邮箱格式不正确'}
|
||||
></uni-data-select>
|
||||
</uni-forms-item>
|
||||
|
||||
]">
|
||||
<uni-easyinput v-model="formData.affiliate.respondentEmail" type="text" placeholder="请输入被申请人邮箱" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item key = 'code' v-if="formData.organizeFlag==1" label="机构代码" required label-width="120px" :name="['affiliate',index,'applicant','code']" :rules="[{required: true,errorMessage: '机构代码不能为空'}]">
|
||||
<uni-easyinput v-model="formData.affiliate[index].applicant.code" type="text"
|
||||
placeholder="请输入统一社会代码" />
|
||||
</uni-forms-item>
|
||||
|
||||
|
||||
<uni-forms-item label="证件号码" key = 'idCard' v-if="formData.organizeFlag==0" :name="['affiliate',index,'applicant','idCard']"
|
||||
label-width="120px" required :rules="[
|
||||
{required: true,errorMessage: '申请人身份证号不能为空'},
|
||||
{pattern:'^[1-9]\\d{5}(18|19|([23]\\d))\\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\\d{3}[0-9Xx]$',errorMessage:'申请人身份证格式错误'}]">
|
||||
<uni-easyinput v-model="formData.affiliate[index].applicant.idCard" type="text"
|
||||
placeholder="请输入证件号码" />
|
||||
</uni-forms-item>
|
||||
|
||||
<uni-forms-item label="申请人邮箱:" key="email" v-if="formData.organizeFlag==0"
|
||||
:name="['affiliate',index,'applicant','email']" label-width="120px" required :rules="[
|
||||
{required: true,errorMessage: '被申请人邮箱不能为空'},
|
||||
{pattern:'^\\S+?@\\S+?\\.\\S+?$',errorMessage:'邮箱格式不正确'}
|
||||
]">
|
||||
<uni-easyinput v-model="formData.affiliate[index].applicant.email"
|
||||
type="text" placeholder="请输入申请人邮箱" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="申请人电话:" key="phone" v-if="formData.organizeFlag==0"
|
||||
:name="['affiliate',index,'applicant','phone']" label-width="120px" :required="testVerify" :rules="rulesRespondentPhone">
|
||||
<uni-easyinput v-model="formData.affiliate[index].applicant.phone"
|
||||
type="text" placeholder="请输入申请人电话" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="法定代表人:" v-if="formData.organizeFlag==1"
|
||||
:name="['affiliate',index,'applicant','compLegalPerson']" key="compLegalPerson" label-width="120px" required :rules="[{required: true,errorMessage: '法定代表人不能为空'}]">
|
||||
<uni-easyinput v-model="formData.affiliate[index].applicant.compLegalPerson" type="text" placeholder="请输入法定代表人" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="申请人住所:" :name="['affiliate',index,'applicant','home']" label-width="120px" required
|
||||
:rules="[{required: true,errorMessage: '申请人住所不能为空'}]">
|
||||
<uni-easyinput v-model="formData.affiliate[index].applicant.home" type="text" placeholder="请输入申请人住所" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="申请人联系地址:" :name="['affiliate',index,'applicant','address']" label-width="120px" required
|
||||
:rules="[{required: true,errorMessage: '申请人联系地址不能为空'}]">
|
||||
<uni-easyinput v-model="formData.affiliate[index].applicant.address" type="text" placeholder="请输入申请人联系地址" />
|
||||
</uni-forms-item>
|
||||
<uni-section title="申请代理人" type="line" padding></uni-section>
|
||||
<uni-forms-item label="是否操作人" label-width="120px">
|
||||
<uni-data-checkbox
|
||||
v-model="formData.affiliate[index].applicantAgent.operatorFlag"
|
||||
:localdata="isProxyApplicant"
|
||||
></uni-data-checkbox>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="代理人联系电话:" label-width="120px">
|
||||
<uni-easyinput v-model="formData.affiliate[index].applicantAgent.phone" type="text"
|
||||
placeholder="请输入代理人联系电话" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="代理人姓名:" label-width="120px">
|
||||
<uni-easyinput v-model="formData.affiliate[index].applicantAgent.name" type="text"
|
||||
placeholder="请输入委托代理人姓名" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="代理人邮箱:" label-width="120px">
|
||||
<uni-easyinput v-model="formData.affiliate[index].applicantAgent.email" type="text"
|
||||
placeholder="请输入代理人邮箱" />
|
||||
</uni-forms-item>
|
||||
<uni-section title="被申请人" type="line" padding></uni-section>
|
||||
<uni-forms-item label="是否操作人" label-width="120px">
|
||||
<uni-data-checkbox
|
||||
v-model="formData.affiliate[index].res.operatorFlag"
|
||||
:localdata="isRespondent"
|
||||
></uni-data-checkbox>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="被申请人姓名:" :name="['affiliate',index,'res','name']" label-width="120px" required
|
||||
:rules="[{required: true,errorMessage: '被申请人姓名不能为空'}]">
|
||||
<uni-easyinput v-model="formData.affiliate[index].res.name" type="text" placeholder="请输入被申请人姓名" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="被申请人联系电话:" :name="['affiliate',index,'res','phone']" label-width="120px" :required="testVerify" :rules="rulesRespondentPhone">
|
||||
<uni-easyinput v-model="formData.affiliate[index].res.phone" type="text" placeholder="请输入被申请人联系电话" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="被申请人身份证号:" :name="['affiliate',index,'res','idCard']" label-width="120px" required
|
||||
:rules="[
|
||||
{required: true,errorMessage: '被申请人身份证号不能为空'},
|
||||
{pattern:'^[1-9]\\d{5}(18|19|([23]\\d))\\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\\d{3}[0-9Xx]$',errorMessage:'被申请人身份证格式错误'}
|
||||
|
||||
]">
|
||||
<uni-easyinput v-model="formData.affiliate[index].res.idCard" @blur="handleBlur(index)" type="text"
|
||||
placeholder="请输入被申请人身份证号" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="被申请人性别" label-width="120px" required>
|
||||
<uni-data-checkbox class='checkbox' :disabled='true' v-model="formData.affiliate[index].res.sex"
|
||||
:localdata="respondentSexy"></uni-data-checkbox>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="被申请人出生年月日" label-width="120px">
|
||||
<uni-datetime-picker v-model="formData.affiliate[index].res.birth" :disabled='true' type="date"
|
||||
:clear-icon="false" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="被申请人住所:" :name="['affiliate',index,'res','home']" label-width="120px" required
|
||||
:rules="[{required: true,errorMessage: '被申请人住所不能为空'}]">
|
||||
<uni-easyinput v-model="formData.affiliate[index].res.home" type="text" placeholder="请输入被申请人住所" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="被申请人邮箱:" :name="['affiliate',index,'res','email']" label-width="120px" required :rules="[
|
||||
{required: true,errorMessage: '被申请人邮箱不能为空'},
|
||||
{pattern:'^\\S+?@\\S+?\\.\\S+?$',errorMessage:'邮箱格式不正确'}
|
||||
|
||||
]">
|
||||
<uni-easyinput v-model="formData.affiliate[index].res.email" type="text" placeholder="请输入被申请人邮箱" />
|
||||
</uni-forms-item>
|
||||
<uni-section title="被申请代理人" type="line" padding></uni-section>
|
||||
<uni-forms-item label="是否操作人" label-width="120px">
|
||||
<uni-data-checkbox
|
||||
v-model="formData.affiliate[index].resAgent.operatorFlag"
|
||||
:localdata="isResApplicant"
|
||||
></uni-data-checkbox>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="代理人联系电话:" label-width="120px">
|
||||
<uni-easyinput v-model="formData.affiliate[index].resAgent.phone" type="text"
|
||||
placeholder="请输入代理人联系电话" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="代理人姓名:" label-width="120px">
|
||||
<uni-easyinput v-model="formData.affiliate[index].resAgent.name" type="text"
|
||||
placeholder="请输入委托代理人姓名" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="代理人邮箱:" label-width="120px">
|
||||
<uni-easyinput v-model="formData.affiliate[index].resAgent.email" type="text"
|
||||
placeholder="请输入代理人邮箱" />
|
||||
</uni-forms-item>
|
||||
</view>
|
||||
</uni-forms>
|
||||
<view class="determine" style="text-align: center;">
|
||||
<button class="mini-btn" type="primary" size="mini" @tap="submitReasont">确定</button>
|
||||
@@ -170,26 +210,115 @@
|
||||
getToken
|
||||
} from '@/utils/auth'
|
||||
import config from '@/config'
|
||||
import constant from '../../../utils/constant.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
baseUrl: config.baseUrlTJ,
|
||||
certificate: [],
|
||||
dynamicLists: [],
|
||||
nationality: [
|
||||
{ value: 0, text: "国内" },
|
||||
{ value: 1, text: "国外" },
|
||||
{ value: 0, text: "境内" },
|
||||
{ value: 1, text: "境外" },
|
||||
],
|
||||
isOperate:[
|
||||
{ value: 1, text: "是" },
|
||||
{ value: 0, text: "否" },
|
||||
],
|
||||
isProxyApplicant:[
|
||||
{ value: 1, text: "是" },
|
||||
{ value: 0, text: "否" },
|
||||
],
|
||||
isRespondent:[
|
||||
{ value: 1, text: "是" },
|
||||
{ value: 0, text: "否" },
|
||||
],
|
||||
isResApplicant:[
|
||||
{ value: 1, text: "是" },
|
||||
{ value: 0, text: "否" },
|
||||
],
|
||||
delShow:false,
|
||||
formZipData: {},
|
||||
formData: {
|
||||
affiliate: {
|
||||
organizeFlag: 0,
|
||||
respondentSex: 0,
|
||||
idType:0,
|
||||
nationality:0
|
||||
},
|
||||
organizeFlag: 0,
|
||||
// affiliate: {
|
||||
// roleType:1,
|
||||
// respondentSex: 0,
|
||||
// },
|
||||
affiliate:[{
|
||||
applicant: {
|
||||
roleType: 1,
|
||||
name: "",
|
||||
idCard: "",
|
||||
code: "",
|
||||
phone: "",
|
||||
compLegalPerson: "",
|
||||
email: "",
|
||||
home: "",
|
||||
address: "",
|
||||
idType: 0,
|
||||
nationality: 1,
|
||||
birth: "",
|
||||
sex: "",
|
||||
group_order: 1,
|
||||
operatorFlag:1
|
||||
},
|
||||
applicantAgent: {
|
||||
roleType: 2,
|
||||
name: "",
|
||||
idCard: "",
|
||||
code: "",
|
||||
phone: "",
|
||||
compLegalPerson: "",
|
||||
email: "",
|
||||
home: "",
|
||||
address: "",
|
||||
idType: 0,
|
||||
nationality: 1,
|
||||
birth: "",
|
||||
sex: "",
|
||||
group_order: 1,
|
||||
operatorFlag:1
|
||||
},
|
||||
res:{
|
||||
roleTyp: 3,
|
||||
name: "",
|
||||
idCard: "",
|
||||
code: "",
|
||||
phone: "",
|
||||
compLegalPerson: "",
|
||||
email: "",
|
||||
home: "",
|
||||
address: "",
|
||||
idType: 0,
|
||||
nationality: 1,
|
||||
birth: "",
|
||||
sex: "0",
|
||||
group_order: 1,
|
||||
operatorFlag:1
|
||||
},
|
||||
resAgent: {
|
||||
roleType: 4,
|
||||
name: "",
|
||||
idCard: "",
|
||||
code: "",
|
||||
phone: "",
|
||||
compLegalPerson: "",
|
||||
email: "",
|
||||
home: "",
|
||||
address: "",
|
||||
idType: 0,
|
||||
nationality: 1,
|
||||
birth: "",
|
||||
sex: "",
|
||||
group_order: 1,
|
||||
operatorFlag:1
|
||||
}
|
||||
}],
|
||||
columnValueList: [],
|
||||
caseAttachList: [],
|
||||
},
|
||||
testVerify:true,
|
||||
getUserInfoList: {},
|
||||
ids: null,
|
||||
tempFilePaths: null,
|
||||
@@ -214,24 +343,11 @@
|
||||
fileList: {},
|
||||
fileListZip: {},
|
||||
rules: {},
|
||||
rulesappName: [{
|
||||
required: true,
|
||||
errorMessage: '输入信息不能为空',
|
||||
}, {
|
||||
|
||||
validateFunction: (rule, value, data, callback) => {
|
||||
//判断手机号格式时候正确
|
||||
if (value.length < 1) {
|
||||
if (this.formData.affiliate.organizeFlag == 0) {
|
||||
callback('请输入申请人姓名')
|
||||
} else {
|
||||
callback('请输入机构名称')
|
||||
}
|
||||
}
|
||||
return true
|
||||
}
|
||||
|
||||
}],
|
||||
rulesRespondentPhone:[
|
||||
{required:true ,errorMessage: '被申请人联系电话不能为空'},
|
||||
{pattern:'^[1][3,4,5,6,7,8,9][0-9]{9}$',errorMessage:'被申请人联系电话格式不正确'}
|
||||
],
|
||||
rulesPersonName:[{'required': true,errorMessage: '不能为空'}],
|
||||
rulesappNo: [{
|
||||
required: true,
|
||||
errorMessage: '输入信息不能为空',
|
||||
@@ -239,7 +355,7 @@
|
||||
|
||||
validateFunction: (rule, value, data, callback) => {
|
||||
//判断手机号格
|
||||
if (this.formData.affiliate.organizeFlag == 0) {
|
||||
if (this.formData.organizeFlag == 0) {
|
||||
let pNoReg =
|
||||
/^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/
|
||||
if (!pNoReg.test(value)) {
|
||||
@@ -261,7 +377,7 @@
|
||||
methods: {
|
||||
submitReasont() {
|
||||
this.$refs.form.validate().then(res => {
|
||||
console.log(this.ids)
|
||||
console.log("pppppppppppp")
|
||||
if (this.ids) {
|
||||
this.modifyData(this.formData)
|
||||
} else {
|
||||
@@ -269,42 +385,44 @@
|
||||
}
|
||||
|
||||
}).catch(err => {
|
||||
|
||||
console.log(err)
|
||||
})
|
||||
},
|
||||
// 获取新增默认值
|
||||
getUserInfoNumber() {
|
||||
let indexs = ""
|
||||
this.formData.affiliate.forEach((item,index)=>{
|
||||
indexs = index
|
||||
})
|
||||
getUserInfo().then(res => {
|
||||
this.getUserInfoList = res.data
|
||||
console.log(res.data)
|
||||
if (this.formData.affiliate.organizeFlag == 0) {
|
||||
this.$set(this.formData.affiliate, 'applicationName', res.data.nickName)
|
||||
this.$set(this.formData.affiliate, 'code', res.data.idCard)
|
||||
this.$set(this.formData.affiliate, 'applicationEmail', res.data.email)
|
||||
this.$set(this.formData.affiliate, 'applicationPhone', res.data.phonenumber)
|
||||
this.$set(this.formData.affiliate, 'idType', res.data.idType)
|
||||
this.$set(this.formData.affiliate, 'nationality', res.data.nationality)
|
||||
// this.$set(this.formData.affiliate, 'nameAgent', res.data.nickName)
|
||||
this.disabledVal = false
|
||||
this.disabledApplicat = true
|
||||
} else if (this.formData.affiliate.organizeFlag == 1) {
|
||||
console.log(this.formData.affiliate.organizeFlag)
|
||||
this.$set(this.formData.affiliate, 'nameAgent', res.data.nickName)
|
||||
this.$set(this.formData.affiliate, 'agentEmail', res.data.email)
|
||||
this.$set(this.formData.affiliate, 'contactTelphoneAgent', res.data.phonenumber)
|
||||
this.$set(this.formData.affiliate, 'nationality', res.data.nationality)
|
||||
this.disabledVal = true
|
||||
this.disabledApplicat = false
|
||||
if (this.formData.organizeFlag == 0) {
|
||||
this.$set(this.formData.affiliate[indexs].applicant, 'name', res.data.nickName)
|
||||
this.$set(this.formData.affiliate[indexs].applicant, 'idCard', res.data.idCard)
|
||||
this.$set(this.formData.affiliate[indexs].applicant, 'email', res.data.email)
|
||||
this.$set(this.formData.affiliate[indexs].applicant, 'phone', res.data.phonenumber)
|
||||
this.$set(this.formData.affiliate[indexs].applicant, 'idType', res.data.idType)
|
||||
this.$set(this.formData.affiliate[indexs].applicant, 'nationality', res.data.nationality)
|
||||
} else if (this.formData.organizeFlag == 1) {
|
||||
console.log(this.formData.organizeFlag)
|
||||
this.$set(this.formData.affiliate[indexs].applicantAgent, 'name', res.data.nickName)
|
||||
this.$set(this.formData.affiliate[indexs].applicantAgent, 'email', res.data.email)
|
||||
this.$set(this.formData.affiliate[indexs].applicantAgent, 'phone', res.data.phonenumber)
|
||||
this.$set(this.formData.affiliate[indexs].applicantAgent, 'nationality', res.data.nationality)
|
||||
}
|
||||
|
||||
})
|
||||
},
|
||||
clearValidate(val) {
|
||||
if (this.formData.affiliate.organizeFlag == 0) {
|
||||
this.$set(this.formData.affiliate, 'applicationName', this.getUserInfoList.nickName)
|
||||
this.$set(this.formData.affiliate, 'code', this.getUserInfoList.idCard)
|
||||
this.$set(this.formData.affiliate, 'applicationEmail', this.getUserInfoList.email)
|
||||
this.$set(this.formData.affiliate, 'applicationPhone', this.getUserInfoList.phonenumber)
|
||||
let indexs = ""
|
||||
this.formData.affiliate.forEach((item,index)=>{
|
||||
indexs = index
|
||||
})
|
||||
if (this.formData.organizeFlag == 0) {
|
||||
this.$set(this.formData.affiliate[indexs].applicant, 'name', this.getUserInfoList.nickName)
|
||||
this.$set(this.formData.affiliate[indexs].applicant, 'idCard', this.getUserInfoList.idCard)
|
||||
this.$set(this.formData.affiliate[indexs].applicant, 'email', this.getUserInfoList.email)
|
||||
this.$set(this.formData.affiliate[indexs].applicant, 'phone', this.getUserInfoList.phonenumber)
|
||||
if (this.formZipData.affiliate) {
|
||||
this.$set(this.formData, 'arbitratClaims', this.formZipData.arbitratClaims);
|
||||
this.$set(this.formData, 'facts', this.formZipData.facts);
|
||||
@@ -335,16 +453,16 @@
|
||||
this.$set(this.formData.affiliate, 'compLegalPerson', this.formZipData.affiliate
|
||||
.compLegalPerson);
|
||||
} else {
|
||||
this.$set(this.formData.affiliate, 'nameAgent', null)
|
||||
this.$set(this.formData.affiliate, 'agentEmail', null)
|
||||
this.$set(this.formData.affiliate, 'contactTelphoneAgent', null)
|
||||
this.$set(this.formData.affiliate[indexs].applicantAgent, 'name', null)
|
||||
this.$set(this.formData.affiliate[indexs].applicantAgent, 'email', null)
|
||||
this.$set(this.formData.affiliate[indexs].applicantAgent, 'phone', null)
|
||||
}
|
||||
this.disabledVal = false
|
||||
this.disabledApplicat = true
|
||||
} else if (this.formData.affiliate.organizeFlag == 1) {
|
||||
this.$set(this.formData.affiliate, 'nameAgent', this.getUserInfoList.nickName)
|
||||
this.$set(this.formData.affiliate, 'agentEmail', this.getUserInfoList.email)
|
||||
this.$set(this.formData.affiliate, 'contactTelphoneAgent', this.getUserInfoList.phonenumber)
|
||||
} else if (this.formData.organizeFlag == 1) {
|
||||
this.$set(this.formData.affiliate[indexs].applicantAgent, 'name', this.getUserInfoList.nickName)
|
||||
this.$set(this.formData.affiliate[indexs].applicantAgent, 'email', this.getUserInfoList.email)
|
||||
this.$set(this.formData.affiliate[indexs].applicantAgent, 'phone', this.getUserInfoList.phonenumber)
|
||||
if (this.formZipData.affiliate) {
|
||||
this.$set(this.formData, 'arbitratClaims', this.formZipData.arbitratClaims);
|
||||
this.$set(this.formData, 'facts', this.formZipData.facts);
|
||||
@@ -376,10 +494,10 @@
|
||||
this.$set(this.formData.affiliate, 'respondentEmail', this.formZipData.affiliate
|
||||
.respondentEmail);
|
||||
} else {
|
||||
this.$set(this.formData.affiliate, 'applicationName', null)
|
||||
this.$set(this.formData.affiliate, 'code', null)
|
||||
this.$set(this.formData.affiliate, 'applicationEmail', null)
|
||||
this.$set(this.formData.affiliate, 'applicationPhone', null)
|
||||
this.$set(this.formData.affiliate[indexs].applicant, 'name', null)
|
||||
this.$set(this.formData.affiliate[indexs].applicant, 'idCard', null)
|
||||
this.$set(this.formData.affiliate[indexs].applicant, 'email', null)
|
||||
this.$set(this.formData.affiliate[indexs].applicant, 'phone', null)
|
||||
}
|
||||
this.disabledVal = true
|
||||
this.disabledApplicat = false
|
||||
@@ -409,13 +527,15 @@
|
||||
})
|
||||
},
|
||||
// 被申请人获取性别出生年月
|
||||
handleBlur() {
|
||||
handleBlur(index) {
|
||||
console.log(this.formData.affiliate[index].res.idCard)
|
||||
let idCards = {
|
||||
idCard: this.formData.affiliate.respondentIdentityNum,
|
||||
idCard: this.formData.affiliate[index].res.idCard,
|
||||
};
|
||||
|
||||
getInfoByIdCard(idCards).then(res => {
|
||||
this.formData.affiliate.respondentSex = Number(res.respondentSex);
|
||||
this.formData.affiliate.respondentBirth = res.respondentBirth;
|
||||
this.formData.affiliate[index].res.sex = Number(res.respondentSex);
|
||||
this.formData.affiliate[index].res.birth= res.respondentBirth;
|
||||
})
|
||||
},
|
||||
// 新增案件
|
||||
@@ -475,7 +595,7 @@
|
||||
duration: 1000
|
||||
})
|
||||
this.formZipData = result.data;
|
||||
if (this.formData.affiliate.organizeFlag == 0) {
|
||||
if (this.formData.organizeFlag == 0) {
|
||||
this.$set(this.formData, 'arbitratClaims', this.formZipData.arbitratClaims);
|
||||
this.$set(this.formData, 'facts', this.formZipData.facts);
|
||||
this.$set(this.formData.affiliate, 'applicantHome', this.formZipData.affiliate
|
||||
@@ -504,7 +624,7 @@
|
||||
.respondentEmail);
|
||||
this.$set(this.formData.affiliate, 'compLegalPerson', this.formZipData.affiliate
|
||||
.compLegalPerson);
|
||||
} else if (this.formData.affiliate.organizeFlag == 1) {
|
||||
} else if (this.formData.organizeFlag == 1) {
|
||||
this.$set(this.formData, 'arbitratClaims', this.formZipData.arbitratClaims);
|
||||
this.$set(this.formData, 'facts', this.formZipData.facts);
|
||||
this.$set(this.formData.affiliate, 'applicationName', this.formZipData.affiliate
|
||||
@@ -598,6 +718,16 @@
|
||||
changeDocment(e){
|
||||
console.log(e)
|
||||
},
|
||||
//改变地区类型
|
||||
changeArea(e){
|
||||
if(e==0){
|
||||
this.testVerify = true
|
||||
this.rulesRespondentPhone[0].required = true;
|
||||
}else if(e==1){
|
||||
this.testVerify = false
|
||||
this.rulesRespondentPhone[0].required = false;
|
||||
}
|
||||
},
|
||||
// 获取证件类型
|
||||
getIdType(){
|
||||
idType().then(res =>{
|
||||
@@ -606,7 +736,108 @@
|
||||
this.certificate.push({value:item.dictSort,text:item.dictLabel})
|
||||
})
|
||||
})
|
||||
},
|
||||
// 新增多个申请代理人
|
||||
addMultiple(){
|
||||
this.delShow =true
|
||||
this.formData.affiliate.push({
|
||||
applicant:{
|
||||
roleType: 1,
|
||||
name: "",
|
||||
idCard: "",
|
||||
code: "",
|
||||
phone: "",
|
||||
compLegalPerson: "",
|
||||
email: "",
|
||||
home: "",
|
||||
address: "",
|
||||
idType: 0,
|
||||
nationality: 1,
|
||||
birth: "",
|
||||
sex: "",
|
||||
group_order: 1,
|
||||
operatorFlag:1
|
||||
},
|
||||
applicantAgent: {
|
||||
roleType: 2,
|
||||
name: "",
|
||||
idCard: "",
|
||||
code: "",
|
||||
phone: "",
|
||||
compLegalPerson: "",
|
||||
email: "",
|
||||
home: "",
|
||||
address: "",
|
||||
idType: 0,
|
||||
nationality: 1,
|
||||
birth: "",
|
||||
sex: "",
|
||||
group_order: 1,
|
||||
operatorFlag:1
|
||||
},
|
||||
res:{
|
||||
roleTyp: 3,
|
||||
name: "",
|
||||
idCard: "",
|
||||
code: "",
|
||||
phone: "",
|
||||
compLegalPerson: "",
|
||||
email: "",
|
||||
home: "",
|
||||
address: "",
|
||||
idType: 0,
|
||||
nationality: 1,
|
||||
birth: "",
|
||||
sex: "0",
|
||||
group_order: 1,
|
||||
operatorFlag:1
|
||||
},
|
||||
resAgent: {
|
||||
roleType: 4,
|
||||
name: "",
|
||||
idCard: "",
|
||||
code: "",
|
||||
phone: "",
|
||||
compLegalPerson: "",
|
||||
email: "",
|
||||
home: "",
|
||||
address: "",
|
||||
idType: 0,
|
||||
nationality: 1,
|
||||
birth: "",
|
||||
sex: "",
|
||||
group_order: 1,
|
||||
operatorFlag:1
|
||||
}
|
||||
})
|
||||
let idnexVal = ""
|
||||
this.formData.affiliate.forEach((item,index)=>{
|
||||
idnexVal = index
|
||||
})
|
||||
getUserInfo().then(res => {
|
||||
this.getUserInfoList = res.data
|
||||
if (this.formData.organizeFlag == 0) {
|
||||
this.$set(this.formData.affiliate[idnexVal].applicant, 'name', res.data.nickName)
|
||||
this.$set(this.formData.affiliate[idnexVal].applicant, 'idCard', res.data.idCard)
|
||||
this.$set(this.formData.affiliate[idnexVal].applicant, 'email', res.data.email)
|
||||
this.$set(this.formData.affiliate[idnexVal].applicant, 'phone', res.data.phonenumber)
|
||||
this.$set(this.formData.affiliate[idnexVal].applicant, 'idType', res.data.idType)
|
||||
this.$set(this.formData.affiliate[idnexVal].applicant, 'nationality', res.data.nationality)
|
||||
} else if (this.formData.organizeFlag == 1) {
|
||||
this.$set(this.formData.affiliate[idnexVal].applicantAgent, 'name', res.data.nickName)
|
||||
this.$set(this.formData.affiliate[idnexVal].applicantAgent, 'email', res.data.email)
|
||||
this.$set(this.formData.affiliate[idnexVal].applicantAgent, 'phone', res.data.phonenumber)
|
||||
this.$set(this.formData.affiliate[idnexVal].applicantAgent, 'nationality', res.data.nationality)
|
||||
}
|
||||
|
||||
})
|
||||
},
|
||||
//删除新增的多个申请代理人
|
||||
delValue(id){
|
||||
let index = this.formData.affiliate.findIndex(v => v.id === id)
|
||||
this.formData.affiliate.splice(index, 1)
|
||||
}
|
||||
|
||||
},
|
||||
onLoad(data) {
|
||||
this.ids = data.id
|
||||
@@ -622,6 +853,13 @@
|
||||
title: "案件新增"
|
||||
})
|
||||
}
|
||||
if(this.formData.affiliate.nationality == 0){
|
||||
this.testVerify = true
|
||||
this.rulesRespondentPhone[0].required = true;
|
||||
}else if(this.formData.affiliate.idType==1){
|
||||
this.testVerify = false
|
||||
this.rulesRespondentPhone[0].required = false;
|
||||
}
|
||||
this.getTemplateFn()
|
||||
this.getUserInfoNumber()
|
||||
this.getIdType() //获取证件类型
|
||||
|
||||
+2
-2
@@ -112,8 +112,8 @@ import constant from '../utils/constant'
|
||||
sysType:null,
|
||||
certificate: [],
|
||||
nationality: [
|
||||
{ value: 0, text: "国内" },
|
||||
{ value: 1, text: "国外" },
|
||||
{ value: 0, text: "境内" },
|
||||
{ value: 1, text: "境外" },
|
||||
],
|
||||
passportVal:{}
|
||||
}
|
||||
|
||||
@@ -348,7 +348,7 @@
|
||||
|
||||
.uni-select {
|
||||
font-size: 14px;
|
||||
// border: 1px solid $uni-border-3;
|
||||
border: 1px solid $uni-border-3;
|
||||
box-sizing: border-box;
|
||||
border-radius: 4px;
|
||||
padding: 0 5px;
|
||||
@@ -360,7 +360,7 @@
|
||||
/* #endif */
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
// border-bottom: solid 1px $uni-border-3;
|
||||
border-bottom: solid 1px $uni-border-3;
|
||||
width: 100%;
|
||||
flex: 1;
|
||||
height: 35px;
|
||||
|
||||
Reference in New Issue
Block a user