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

小程序新增页面的修改

Browse Source
This commit is contained in:
gyj
2024-03-25 18:17:27 +08:00
parent 40780e403d
commit a51a93a86c
3 changed files with 425 additions and 187 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/handlecase/component/newlyAddedCase.vue
+421 -183
View File
@@ -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>
</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:'被申请人身份证格式错误'}
]">
<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-easyinput v-model="formData.affiliate.respondentEmail" type="text" placeholder="请输入被申请人邮箱" />
v-model="formData.organizeFlag" @change='clearValidate'></uni-data-checkbox>
</uni-forms-item>
<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-data-select>
</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;
getInfoByIdCard(idCards).then(res => {
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() //获取证件类型
pages/register.vue
+2 -2
View File
@@ -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:{}
}
uni_modules/uni-data-select/components/uni-data-select/uni-data-select.vue
+2 -2
View File
@@ -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;