8920d751 by renchao@pashanhoo.com

style:权利人义务人完成修改

1 parent dd92e8c0
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-12-15 09:17:46
* @LastEditTime: 2023-12-29 10:00:31
-->
<template>
<dialogBox
......@@ -25,87 +25,105 @@
:rules="rules"
ref="ruleForm"
label-width="120px">
<el-form-item label="头像">
<el-image style="width:102px;height:126px" :src="ruleForm.avatar || avatar" fit="contain" />
</el-form-item>
<el-form-item label="身份证读卡器">
<el-button type="text" icon="el-icon-tickets" :disabled="!showButton" @click="readClick">读取</el-button>
<el-button type="primary" v-if="isBz" @click="handleFilings">信息备案</el-button>
</el-form-item>
<el-row>
<el-col :span="8">
<el-form-item label="权利人类型" prop="qlrlx">
<el-select
clearable
v-model="ruleForm.qlrlx"
class="width100"
:disabled="!showButton"
placeholder="请选择">
<el-option
v-for="item in dictData['A36']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="姓名/名称" prop="qlrmc">
<el-input
v-model="ruleForm.qlrmc"
maxlegth="15"
:disabled="!showButton"></el-input>
<el-form-item label="头像">
<el-image style="width:102px;height:126px" :src="ruleForm.avatar || avatar" fit="contain" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="证件种类" prop="zjzl">
<el-select
clearable
v-model="ruleForm.zjzl"
:disabled="!showButton"
class="width100"
@change="handleZjzl"
placeholder="请选择">
<el-option
v-for="item in dictData['A30']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
<el-col :span="16">
<el-row>
<el-col :span="12">
<el-form-item label="姓名/名称" prop="qlrmc">
<el-input
v-model="ruleForm.qlrmc"
maxlegth="15"
:disabled="!showButton"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="证件种类" prop="zjzl">
<el-select
clearable
v-model="ruleForm.zjzl"
:disabled="!showButton"
class="width100"
@change="handleZjzl"
placeholder="请选择">
<el-option
v-for="item in dictData['A30']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="证件号" prop="zjh">
<el-input
v-model="ruleForm.zjh"
:disabled="!showButton"
maxlength="18"
oninput="this.value=this.value.replace(/[^\X0-9]/g,'')"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="性别">
<el-select
clearable
v-model="ruleForm.xb"
:disabled="!showButton"
class="width100"
placeholder="请选择">
<el-option
v-for="item in dictData['A43']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="联系电话" prop="dh">
<el-input
v-model="ruleForm.dh"
:disabled="!showButton"
maxlength="11"
oninput="value=value.replace(/[^\d]/g,'')"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="国家/地区" prop="gj">
<el-input
v-model="ruleForm.gj"
maxlength="3"
:disabled="!showButton"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="证件号" prop="zjh">
<el-input
v-model="ruleForm.zjh"
:disabled="!showButton"
maxlength="18"
oninput="this.value=this.value.replace(/[^\X0-9]/g,'')"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="联系电话" prop="dh">
<el-input
v-model="ruleForm.dh"
:disabled="!showButton"
maxlength="11"
oninput="value=value.replace(/[^\d]/g,'')"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="性别">
<el-form-item label="权利人类型" prop="qlrlx">
<el-select
clearable
v-model="ruleForm.xb"
:disabled="!showButton"
v-model="ruleForm.qlrlx"
class="width100"
:disabled="!showButton"
placeholder="请选择">
<el-option
v-for="item in dictData['A43']"
v-for="item in dictData['A36']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode">
......@@ -113,8 +131,6 @@
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="权利比例">
<el-input
......@@ -131,14 +147,6 @@
:disabled="!showButton"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="国家/地区" prop="gj">
<el-input
v-model="ruleForm.gj"
maxlength="3"
:disabled="!showButton"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
......@@ -276,7 +284,7 @@
</el-col>
</el-row>
</el-form>
<el-table :data="tableDataQy.data" border v-Loading="loading" :height="583">
<el-table :data="tableDataQy.data" border v-Loading="loading" :height="483">
<el-table-column label="序号" type="index" width="50" align="center">
<template slot-scope="scope">
{{(pageData.currentPage - 1) * pageData.pageSize + scope.$index + 1}}
......@@ -315,7 +323,7 @@
</el-col>
</el-row>
</el-form>
<el-table :data="tableDataYh.data" border v-Loading="loading" :height="583">
<el-table :data="tableDataYh.data" border v-Loading="loading" :height="483">
<el-table-column label="序号" type="index" width="50" align="center">
<template slot-scope="scope">
{{(pageData.currentPage - 1) * pageData.pageSize + scope.$index + 1}}
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-12-15 09:18:10
* @LastEditTime: 2023-12-29 10:04:52
-->
<template>
<dialogBox
......@@ -25,84 +25,103 @@
v-if="activeName==1"
ref="ruleForm"
label-width="120px">
<el-form-item label="头像">
<el-image style="width:102px;height:126px" :src="ruleForm.avatar || avatar" fit="contain" />
</el-form-item>
<el-form-item label="身份证读卡器">
<el-button type="text" icon="el-icon-tickets" :disabled="!showButton" @click="readClick">读取</el-button>
<el-button type="primary" v-if="isBz" @click="handleFilings">信息备案</el-button>
</el-form-item>
<el-row>
<el-col :span="8">
<el-form-item label="义务人类型" prop="ywrlx">
<el-select
clearable
v-model="ruleForm.ywrlx"
class="width100"
:disabled="!showButton"
placeholder="请选择">
<el-option
v-for="item in dictData['A36']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode">
</el-option>
</el-select>
<el-form-item label="头像">
<el-image style="width:102px;height:126px" :src="ruleForm.avatar || avatar" fit="contain" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="姓名/名称" prop="ywrmc">
<el-input v-model="ruleForm.ywrmc" maxlegth="15"
:disabled="!showButton"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="证件种类" prop="zjzl">
<el-select
clearable
v-model="ruleForm.zjzl"
:disabled="!showButton"
class="width100"
placeholder="请选择">
<el-option
v-for="item in dictData['A30']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
<el-col :span="16">
<el-row>
<el-col :span="12">
<el-form-item label="姓名/名称" prop="ywrmc">
<el-input v-model="ruleForm.ywrmc" maxlegth="15"
:disabled="!showButton"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="证件种类" prop="zjzl">
<el-select
clearable
v-model="ruleForm.zjzl"
:disabled="!showButton"
class="width100"
placeholder="请选择">
<el-option
v-for="item in dictData['A30']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="证件号" prop="zjh">
<el-input
v-model="ruleForm.zjh"
:disabled="!showButton"
maxlength="18"
oninput="this.value=this.value.replace(/[^\X0-9]/g,'')"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="性别" prop="xb">
<el-select
clearable
v-model="ruleForm.xb"
:disabled="!showButton"
class="width100"
placeholder="请选择">
<el-option
v-for="item in dictData['A43']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="联系电话" prop="dh">
<el-input
v-model="ruleForm.dh"
:disabled="!showButton"
maxlength="11"
oninput="value=value.replace(/[^\d]/g,'')"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="国家/地区" prop="gj">
<el-input
v-model="ruleForm.gj"
maxlength="3"
:disabled="!showButton"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="证件号" prop="zjh">
<el-input
v-model="ruleForm.zjh"
:disabled="!showButton"
maxlength="18"
oninput="this.value=this.value.replace(/[^\X0-9]/g,'')"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="联系电话" prop="dh">
<el-input
v-model="ruleForm.dh"
:disabled="!showButton"
maxlength="11"
oninput="value=value.replace(/[^\d]/g,'')"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="性别" prop="xb">
<el-form-item label="义务人类型" prop="ywrlx">
<el-select
clearable
v-model="ruleForm.xb"
:disabled="!showButton"
v-model="ruleForm.ywrlx"
class="width100"
:disabled="!showButton"
placeholder="请选择">
<el-option
v-for="item in dictData['A43']"
v-for="item in dictData['A36']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode">
......@@ -110,8 +129,6 @@
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="权利比例" prop="qlbl">
<el-input
......@@ -128,14 +145,6 @@
:disabled="!showButton"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="国家/地区" prop="gj">
<el-input
v-model="ruleForm.gj"
maxlength="3"
:disabled="!showButton"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
......@@ -274,7 +283,7 @@
</el-col>
</el-row>
</el-form>
<el-table :data="tableDataQy.data" border v-Loading="loading" :height="583">
<el-table :data="tableDataQy.data" border v-Loading="loading" :height="483">
<el-table-column label="序号" type="index" width="50" align="center">
<template slot-scope="scope">
{{(pageData.currentPage - 1) * pageData.pageSize + scope.$index + 1}}
......@@ -313,7 +322,7 @@
</el-col>
</el-row>
</el-form>
<el-table :data="tableDataYh.data" border v-Loading="loading" :height="583">
<el-table :data="tableDataYh.data" border v-Loading="loading" :height="483">
<el-table-column label="序号" type="index" width="50" align="center">
<template slot-scope="scope">
{{(pageData.currentPage - 1) * pageData.pageSize + scope.$index + 1}}
......