8920d751 by renchao@pashanhoo.com

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

1 parent dd92e8c0
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-12-15 09:17:46 4 * @LastEditTime: 2023-12-29 10:00:31
5 --> 5 -->
6 <template> 6 <template>
7 <dialogBox 7 <dialogBox
...@@ -25,87 +25,105 @@ ...@@ -25,87 +25,105 @@
25 :rules="rules" 25 :rules="rules"
26 ref="ruleForm" 26 ref="ruleForm"
27 label-width="120px"> 27 label-width="120px">
28 <el-form-item label="头像">
29 <el-image style="width:102px;height:126px" :src="ruleForm.avatar || avatar" fit="contain" />
30 </el-form-item>
31 <el-form-item label="身份证读卡器"> 28 <el-form-item label="身份证读卡器">
32 <el-button type="text" icon="el-icon-tickets" :disabled="!showButton" @click="readClick">读取</el-button> 29 <el-button type="text" icon="el-icon-tickets" :disabled="!showButton" @click="readClick">读取</el-button>
33 <el-button type="primary" v-if="isBz" @click="handleFilings">信息备案</el-button> 30 <el-button type="primary" v-if="isBz" @click="handleFilings">信息备案</el-button>
34 </el-form-item> 31 </el-form-item>
35 <el-row> 32 <el-row>
36 <el-col :span="8"> 33 <el-col :span="8">
37 <el-form-item label="权利人类型" prop="qlrlx"> 34 <el-form-item label="头像">
38 <el-select 35 <el-image style="width:102px;height:126px" :src="ruleForm.avatar || avatar" fit="contain" />
39 clearable
40 v-model="ruleForm.qlrlx"
41 class="width100"
42 :disabled="!showButton"
43 placeholder="请选择">
44 <el-option
45 v-for="item in dictData['A36']"
46 :key="item.dcode"
47 :label="item.dname"
48 :value="item.dcode">
49 </el-option>
50 </el-select>
51 </el-form-item>
52 </el-col>
53 <el-col :span="8">
54 <el-form-item label="姓名/名称" prop="qlrmc">
55 <el-input
56 v-model="ruleForm.qlrmc"
57 maxlegth="15"
58 :disabled="!showButton"></el-input>
59 </el-form-item> 36 </el-form-item>
60 </el-col> 37 </el-col>
61 <el-col :span="8"> 38 <el-col :span="16">
62 <el-form-item label="证件种类" prop="zjzl"> 39 <el-row>
63 <el-select 40 <el-col :span="12">
64 clearable 41 <el-form-item label="姓名/名称" prop="qlrmc">
65 v-model="ruleForm.zjzl" 42 <el-input
66 :disabled="!showButton" 43 v-model="ruleForm.qlrmc"
67 class="width100" 44 maxlegth="15"
68 @change="handleZjzl" 45 :disabled="!showButton"></el-input>
69 placeholder="请选择"> 46 </el-form-item>
70 <el-option 47 </el-col>
71 v-for="item in dictData['A30']" 48 <el-col :span="12">
72 :key="item.dcode" 49 <el-form-item label="证件种类" prop="zjzl">
73 :label="item.dname" 50 <el-select
74 :value="item.dcode"> 51 clearable
75 </el-option> 52 v-model="ruleForm.zjzl"
76 </el-select> 53 :disabled="!showButton"
77 </el-form-item> 54 class="width100"
55 @change="handleZjzl"
56 placeholder="请选择">
57 <el-option
58 v-for="item in dictData['A30']"
59 :key="item.dcode"
60 :label="item.dname"
61 :value="item.dcode">
62 </el-option>
63 </el-select>
64 </el-form-item>
65 </el-col>
66 </el-row>
67 <el-row>
68 <el-col :span="12">
69 <el-form-item label="证件号" prop="zjh">
70 <el-input
71 v-model="ruleForm.zjh"
72 :disabled="!showButton"
73 maxlength="18"
74 oninput="this.value=this.value.replace(/[^\X0-9]/g,'')"></el-input>
75 </el-form-item>
76 </el-col>
77 <el-col :span="12">
78 <el-form-item label="性别">
79 <el-select
80 clearable
81 v-model="ruleForm.xb"
82 :disabled="!showButton"
83 class="width100"
84 placeholder="请选择">
85 <el-option
86 v-for="item in dictData['A43']"
87 :key="item.dcode"
88 :label="item.dname"
89 :value="item.dcode">
90 </el-option>
91 </el-select>
92 </el-form-item>
93 </el-col>
94 </el-row>
95 <el-row>
96 <el-col :span="12">
97 <el-form-item label="联系电话" prop="dh">
98 <el-input
99 v-model="ruleForm.dh"
100 :disabled="!showButton"
101 maxlength="11"
102 oninput="value=value.replace(/[^\d]/g,'')"></el-input>
103 </el-form-item>
104 </el-col>
105 <el-col :span="12">
106 <el-form-item label="国家/地区" prop="gj">
107 <el-input
108 v-model="ruleForm.gj"
109 maxlength="3"
110 :disabled="!showButton"></el-input>
111 </el-form-item>
112 </el-col>
113 </el-row>
78 </el-col> 114 </el-col>
79 </el-row> 115 </el-row>
80 <el-row> 116 <el-row>
81 <el-col :span="8"> 117 <el-col :span="8">
82 <el-form-item label="证件号" prop="zjh"> 118 <el-form-item label="权利人类型" prop="qlrlx">
83 <el-input
84 v-model="ruleForm.zjh"
85 :disabled="!showButton"
86 maxlength="18"
87 oninput="this.value=this.value.replace(/[^\X0-9]/g,'')"></el-input>
88 </el-form-item>
89 </el-col>
90 <el-col :span="8">
91 <el-form-item label="联系电话" prop="dh">
92 <el-input
93 v-model="ruleForm.dh"
94 :disabled="!showButton"
95 maxlength="11"
96 oninput="value=value.replace(/[^\d]/g,'')"></el-input>
97 </el-form-item>
98 </el-col>
99 <el-col :span="8">
100 <el-form-item label="性别">
101 <el-select 119 <el-select
102 clearable 120 clearable
103 v-model="ruleForm.xb" 121 v-model="ruleForm.qlrlx"
104 :disabled="!showButton"
105 class="width100" 122 class="width100"
123 :disabled="!showButton"
106 placeholder="请选择"> 124 placeholder="请选择">
107 <el-option 125 <el-option
108 v-for="item in dictData['A43']" 126 v-for="item in dictData['A36']"
109 :key="item.dcode" 127 :key="item.dcode"
110 :label="item.dname" 128 :label="item.dname"
111 :value="item.dcode"> 129 :value="item.dcode">
...@@ -113,8 +131,6 @@ ...@@ -113,8 +131,6 @@
113 </el-select> 131 </el-select>
114 </el-form-item> 132 </el-form-item>
115 </el-col> 133 </el-col>
116 </el-row>
117 <el-row>
118 <el-col :span="8"> 134 <el-col :span="8">
119 <el-form-item label="权利比例"> 135 <el-form-item label="权利比例">
120 <el-input 136 <el-input
...@@ -131,14 +147,6 @@ ...@@ -131,14 +147,6 @@
131 :disabled="!showButton"></el-input> 147 :disabled="!showButton"></el-input>
132 </el-form-item> 148 </el-form-item>
133 </el-col> 149 </el-col>
134 <el-col :span="8">
135 <el-form-item label="国家/地区" prop="gj">
136 <el-input
137 v-model="ruleForm.gj"
138 maxlength="3"
139 :disabled="!showButton"></el-input>
140 </el-form-item>
141 </el-col>
142 </el-row> 150 </el-row>
143 <el-row> 151 <el-row>
144 <el-col :span="8"> 152 <el-col :span="8">
...@@ -276,7 +284,7 @@ ...@@ -276,7 +284,7 @@
276 </el-col> 284 </el-col>
277 </el-row> 285 </el-row>
278 </el-form> 286 </el-form>
279 <el-table :data="tableDataQy.data" border v-Loading="loading" :height="583"> 287 <el-table :data="tableDataQy.data" border v-Loading="loading" :height="483">
280 <el-table-column label="序号" type="index" width="50" align="center"> 288 <el-table-column label="序号" type="index" width="50" align="center">
281 <template slot-scope="scope"> 289 <template slot-scope="scope">
282 {{(pageData.currentPage - 1) * pageData.pageSize + scope.$index + 1}} 290 {{(pageData.currentPage - 1) * pageData.pageSize + scope.$index + 1}}
...@@ -315,7 +323,7 @@ ...@@ -315,7 +323,7 @@
315 </el-col> 323 </el-col>
316 </el-row> 324 </el-row>
317 </el-form> 325 </el-form>
318 <el-table :data="tableDataYh.data" border v-Loading="loading" :height="583"> 326 <el-table :data="tableDataYh.data" border v-Loading="loading" :height="483">
319 <el-table-column label="序号" type="index" width="50" align="center"> 327 <el-table-column label="序号" type="index" width="50" align="center">
320 <template slot-scope="scope"> 328 <template slot-scope="scope">
321 {{(pageData.currentPage - 1) * pageData.pageSize + scope.$index + 1}} 329 {{(pageData.currentPage - 1) * pageData.pageSize + scope.$index + 1}}
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-12-15 09:18:10 4 * @LastEditTime: 2023-12-29 10:04:52
5 --> 5 -->
6 <template> 6 <template>
7 <dialogBox 7 <dialogBox
...@@ -25,84 +25,103 @@ ...@@ -25,84 +25,103 @@
25 v-if="activeName==1" 25 v-if="activeName==1"
26 ref="ruleForm" 26 ref="ruleForm"
27 label-width="120px"> 27 label-width="120px">
28 <el-form-item label="头像">
29 <el-image style="width:102px;height:126px" :src="ruleForm.avatar || avatar" fit="contain" />
30 </el-form-item>
31 <el-form-item label="身份证读卡器"> 28 <el-form-item label="身份证读卡器">
32 <el-button type="text" icon="el-icon-tickets" :disabled="!showButton" @click="readClick">读取</el-button> 29 <el-button type="text" icon="el-icon-tickets" :disabled="!showButton" @click="readClick">读取</el-button>
33 <el-button type="primary" v-if="isBz" @click="handleFilings">信息备案</el-button> 30 <el-button type="primary" v-if="isBz" @click="handleFilings">信息备案</el-button>
34 </el-form-item> 31 </el-form-item>
35 <el-row> 32 <el-row>
36 <el-col :span="8"> 33 <el-col :span="8">
37 <el-form-item label="义务人类型" prop="ywrlx"> 34 <el-form-item label="头像">
38 <el-select 35 <el-image style="width:102px;height:126px" :src="ruleForm.avatar || avatar" fit="contain" />
39 clearable
40 v-model="ruleForm.ywrlx"
41 class="width100"
42 :disabled="!showButton"
43 placeholder="请选择">
44 <el-option
45 v-for="item in dictData['A36']"
46 :key="item.dcode"
47 :label="item.dname"
48 :value="item.dcode">
49 </el-option>
50 </el-select>
51 </el-form-item> 36 </el-form-item>
52 </el-col> 37 </el-col>
53 <el-col :span="8"> 38 <el-col :span="16">
54 <el-form-item label="姓名/名称" prop="ywrmc"> 39 <el-row>
55 <el-input v-model="ruleForm.ywrmc" maxlegth="15" 40 <el-col :span="12">
56 :disabled="!showButton"></el-input> 41 <el-form-item label="姓名/名称" prop="ywrmc">
57 </el-form-item> 42 <el-input v-model="ruleForm.ywrmc" maxlegth="15"
58 </el-col> 43 :disabled="!showButton"></el-input>
59 <el-col :span="8"> 44 </el-form-item>
60 <el-form-item label="证件种类" prop="zjzl"> 45 </el-col>
61 <el-select 46 <el-col :span="12">
62 clearable 47 <el-form-item label="证件种类" prop="zjzl">
63 v-model="ruleForm.zjzl" 48 <el-select
64 :disabled="!showButton" 49 clearable
65 class="width100" 50 v-model="ruleForm.zjzl"
66 placeholder="请选择"> 51 :disabled="!showButton"
67 <el-option 52 class="width100"
68 v-for="item in dictData['A30']" 53 placeholder="请选择">
69 :key="item.dcode" 54 <el-option
70 :label="item.dname" 55 v-for="item in dictData['A30']"
71 :value="item.dcode"> 56 :key="item.dcode"
72 </el-option> 57 :label="item.dname"
73 </el-select> 58 :value="item.dcode">
74 </el-form-item> 59 </el-option>
60 </el-select>
61 </el-form-item>
62 </el-col>
63 </el-row>
64 <el-row>
65 <el-col :span="12">
66 <el-form-item label="证件号" prop="zjh">
67 <el-input
68 v-model="ruleForm.zjh"
69 :disabled="!showButton"
70 maxlength="18"
71 oninput="this.value=this.value.replace(/[^\X0-9]/g,'')"></el-input>
72 </el-form-item>
73 </el-col>
74 <el-col :span="12">
75 <el-form-item label="性别" prop="xb">
76 <el-select
77 clearable
78 v-model="ruleForm.xb"
79 :disabled="!showButton"
80 class="width100"
81 placeholder="请选择">
82 <el-option
83 v-for="item in dictData['A43']"
84 :key="item.dcode"
85 :label="item.dname"
86 :value="item.dcode">
87 </el-option>
88 </el-select>
89 </el-form-item>
90 </el-col>
91 </el-row>
92 <el-row>
93 <el-col :span="12">
94 <el-form-item label="联系电话" prop="dh">
95 <el-input
96 v-model="ruleForm.dh"
97 :disabled="!showButton"
98 maxlength="11"
99 oninput="value=value.replace(/[^\d]/g,'')"></el-input>
100 </el-form-item>
101 </el-col>
102 <el-col :span="12">
103 <el-form-item label="国家/地区" prop="gj">
104 <el-input
105 v-model="ruleForm.gj"
106 maxlength="3"
107 :disabled="!showButton"></el-input>
108 </el-form-item>
109 </el-col>
110 </el-row>
75 </el-col> 111 </el-col>
76 </el-row> 112 </el-row>
113
77 <el-row> 114 <el-row>
78 <el-col :span="8"> 115 <el-col :span="8">
79 <el-form-item label="证件号" prop="zjh"> 116 <el-form-item label="义务人类型" prop="ywrlx">
80 <el-input
81 v-model="ruleForm.zjh"
82 :disabled="!showButton"
83 maxlength="18"
84 oninput="this.value=this.value.replace(/[^\X0-9]/g,'')"></el-input>
85 </el-form-item>
86 </el-col>
87 <el-col :span="8">
88 <el-form-item label="联系电话" prop="dh">
89 <el-input
90 v-model="ruleForm.dh"
91 :disabled="!showButton"
92 maxlength="11"
93 oninput="value=value.replace(/[^\d]/g,'')"></el-input>
94 </el-form-item>
95 </el-col>
96 <el-col :span="8">
97 <el-form-item label="性别" prop="xb">
98 <el-select 117 <el-select
99 clearable 118 clearable
100 v-model="ruleForm.xb" 119 v-model="ruleForm.ywrlx"
101 :disabled="!showButton"
102 class="width100" 120 class="width100"
121 :disabled="!showButton"
103 placeholder="请选择"> 122 placeholder="请选择">
104 <el-option 123 <el-option
105 v-for="item in dictData['A43']" 124 v-for="item in dictData['A36']"
106 :key="item.dcode" 125 :key="item.dcode"
107 :label="item.dname" 126 :label="item.dname"
108 :value="item.dcode"> 127 :value="item.dcode">
...@@ -110,8 +129,6 @@ ...@@ -110,8 +129,6 @@
110 </el-select> 129 </el-select>
111 </el-form-item> 130 </el-form-item>
112 </el-col> 131 </el-col>
113 </el-row>
114 <el-row>
115 <el-col :span="8"> 132 <el-col :span="8">
116 <el-form-item label="权利比例" prop="qlbl"> 133 <el-form-item label="权利比例" prop="qlbl">
117 <el-input 134 <el-input
...@@ -128,14 +145,6 @@ ...@@ -128,14 +145,6 @@
128 :disabled="!showButton"></el-input> 145 :disabled="!showButton"></el-input>
129 </el-form-item> 146 </el-form-item>
130 </el-col> 147 </el-col>
131 <el-col :span="8">
132 <el-form-item label="国家/地区" prop="gj">
133 <el-input
134 v-model="ruleForm.gj"
135 maxlength="3"
136 :disabled="!showButton"></el-input>
137 </el-form-item>
138 </el-col>
139 </el-row> 148 </el-row>
140 <el-row> 149 <el-row>
141 <el-col :span="8"> 150 <el-col :span="8">
...@@ -274,7 +283,7 @@ ...@@ -274,7 +283,7 @@
274 </el-col> 283 </el-col>
275 </el-row> 284 </el-row>
276 </el-form> 285 </el-form>
277 <el-table :data="tableDataQy.data" border v-Loading="loading" :height="583"> 286 <el-table :data="tableDataQy.data" border v-Loading="loading" :height="483">
278 <el-table-column label="序号" type="index" width="50" align="center"> 287 <el-table-column label="序号" type="index" width="50" align="center">
279 <template slot-scope="scope"> 288 <template slot-scope="scope">
280 {{(pageData.currentPage - 1) * pageData.pageSize + scope.$index + 1}} 289 {{(pageData.currentPage - 1) * pageData.pageSize + scope.$index + 1}}
...@@ -313,7 +322,7 @@ ...@@ -313,7 +322,7 @@
313 </el-col> 322 </el-col>
314 </el-row> 323 </el-row>
315 </el-form> 324 </el-form>
316 <el-table :data="tableDataYh.data" border v-Loading="loading" :height="583"> 325 <el-table :data="tableDataYh.data" border v-Loading="loading" :height="483">
317 <el-table-column label="序号" type="index" width="50" align="center"> 326 <el-table-column label="序号" type="index" width="50" align="center">
318 <template slot-scope="scope"> 327 <template slot-scope="scope">
319 {{(pageData.currentPage - 1) * pageData.pageSize + scope.$index + 1}} 328 {{(pageData.currentPage - 1) * pageData.pageSize + scope.$index + 1}}
......