style:权利人义务人完成修改
Showing
2 changed files
with
168 additions
and
151 deletions
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}} | ... | ... |
-
Please register or sign in to post a comment