Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev
Showing
33 changed files
with
1112 additions
and
613 deletions
... | @@ -27,6 +27,7 @@ | ... | @@ -27,6 +27,7 @@ |
27 | clearable | 27 | clearable |
28 | v-model="ruleForm.qlrlx" | 28 | v-model="ruleForm.qlrlx" |
29 | class="width100" | 29 | class="width100" |
30 | :disabled="!showButton" | ||
30 | placeholder="请选择" | 31 | placeholder="请选择" |
31 | > | 32 | > |
32 | <el-option | 33 | <el-option |
... | @@ -41,14 +42,19 @@ | ... | @@ -41,14 +42,19 @@ |
41 | </el-col> | 42 | </el-col> |
42 | <el-col :span="8"> | 43 | <el-col :span="8"> |
43 | <el-form-item label="姓名/名称" prop="qlrmc"> | 44 | <el-form-item label="姓名/名称" prop="qlrmc"> |
44 | <el-input v-model="ruleForm.qlrmc" maxlegth="15"></el-input> | 45 | <el-input |
46 | v-model="ruleForm.qlrmc" | ||
47 | maxlegth="15" | ||
48 | :disabled="!showButton" | ||
49 | ></el-input> | ||
45 | </el-form-item> | 50 | </el-form-item> |
46 | </el-col> | 51 | </el-col> |
47 | <el-col :span="8"> | 52 | <el-col :span="8"> |
48 | <el-form-item label="证件种类" prop="zjzl"> | 53 | <el-form-item label="证件种类" prop="zjzl"> |
49 | <el-select | 54 | <el-select |
50 | clearable | 55 | clearable |
51 | v-model="ruleForm.zjzl" | 56 | v-model="ruleForm.zjzl" |
57 | :disabled="!showButton" | ||
52 | class="width100" | 58 | class="width100" |
53 | placeholder="请选择" | 59 | placeholder="请选择" |
54 | > | 60 | > |
... | @@ -64,12 +70,13 @@ | ... | @@ -64,12 +70,13 @@ |
64 | </el-col> | 70 | </el-col> |
65 | </el-row> | 71 | </el-row> |
66 | <el-row> | 72 | <el-row> |
67 | <el-col :span="8"> | 73 | <el-col :span="8"> |
68 | <el-form-item label="证件号" prop="zjh"> | 74 | <el-form-item label="证件号" prop="zjh"> |
69 | <el-input | 75 | <el-input |
70 | v-model="ruleForm.zjh" | 76 | v-model="ruleForm.zjh" |
71 | maxlength="15" | 77 | :disabled="!showButton" |
72 | oninput="value=value.replace(/[^\X0-9]/g,'')" | 78 | maxlength="18" |
79 | oninput="this.value=this.value.replace(/[^\X0-9]/g,'')" | ||
73 | ></el-input> | 80 | ></el-input> |
74 | </el-form-item> | 81 | </el-form-item> |
75 | </el-col> | 82 | </el-col> |
... | @@ -77,57 +84,61 @@ | ... | @@ -77,57 +84,61 @@ |
77 | <el-form-item label="联系电话" prop="dh"> | 84 | <el-form-item label="联系电话" prop="dh"> |
78 | <el-input | 85 | <el-input |
79 | v-model="ruleForm.dh" | 86 | v-model="ruleForm.dh" |
87 | :disabled="!showButton" | ||
80 | maxlength="11" | 88 | maxlength="11" |
81 | oninput="value=value.replace(/[^\d]/g,'')" | 89 | oninput="value=value.replace(/[^\d]/g,'')" |
82 | ></el-input> | 90 | ></el-input> |
83 | </el-form-item> | 91 | </el-form-item> |
84 | </el-col> | 92 | </el-col> |
93 | |||
85 | <el-col :span="8"> | 94 | <el-col :span="8"> |
86 | <el-form-item label="性别"> | 95 | <el-form-item label="权利比例"> |
87 | <el-select | 96 | <el-input |
88 | clearable | 97 | v-model="ruleForm.qlbl" |
89 | v-model="ruleForm.xb" | 98 | maxlength="32" |
90 | class="width100" | 99 | :disabled="!showButton || this.ruleForm.gyfs == 1" |
91 | placeholder="请选择" | 100 | ></el-input> |
92 | > | ||
93 | <el-option | ||
94 | v-for="item in dictData['A43']" | ||
95 | :key="item.dcode" | ||
96 | :label="item.dname" | ||
97 | :value="item.dcode" | ||
98 | > | ||
99 | </el-option> | ||
100 | </el-select> | ||
101 | </el-form-item> | 101 | </el-form-item> |
102 | </el-col> | 102 | </el-col> |
103 | </el-row> | 103 | </el-row> |
104 | <el-row> | 104 | <el-row> |
105 | <el-col :span="8"> | 105 | <el-col :span="8"> |
106 | <el-form-item label="法人名称"> | 106 | <el-form-item label="法人名称" prop="frmc"> |
107 | <el-input v-model="ruleForm.frmc"></el-input> | 107 | <el-input |
108 | v-model="ruleForm.frmc" | ||
109 | maxlength="32" | ||
110 | :disabled="!showButton" | ||
111 | ></el-input> | ||
108 | </el-form-item> | 112 | </el-form-item> |
109 | </el-col> | 113 | </el-col> |
110 | <el-col :span="8"> | 114 | <el-col :span="8"> |
111 | <el-form-item label="国家/地区"> | 115 | <el-form-item label="国家/地区" prop="gj"> |
112 | <el-input v-model="ruleForm.gj"></el-input> | 116 | <el-input |
117 | v-model="ruleForm.gj" | ||
118 | maxlength="3" | ||
119 | :disabled="!showButton" | ||
120 | ></el-input> | ||
113 | </el-form-item> | 121 | </el-form-item> |
114 | </el-col> | 122 | </el-col> |
115 | <el-col :span="8"> | 123 | <el-col :span="8"> |
116 | <el-form-item label="户籍所在省市"> | 124 | <el-form-item label="户籍所在省市"> |
117 | <el-input v-model="ruleForm.hjszss"></el-input> | 125 | <el-input |
126 | v-model="ruleForm.hjszss" | ||
127 | maxlength="3" | ||
128 | :disabled="!showButton" | ||
129 | ></el-input> | ||
118 | </el-form-item> | 130 | </el-form-item> |
119 | </el-col> | 131 | </el-col> |
120 | </el-row> | 132 | </el-row> |
121 | 133 | ||
122 | <el-row> | 134 | <el-row> |
123 | <el-col :span="16"> | 135 | <el-col :span="24"> |
124 | <el-form-item label="地址"> | 136 | <el-form-item label="地址"> |
125 | <el-input v-model="ruleForm.dz"></el-input> | 137 | <el-input |
126 | </el-form-item> | 138 | v-model="ruleForm.dz" |
127 | </el-col> | 139 | maxlength="100" |
128 | <el-col :span="8"> | 140 | :disabled="!showButton" |
129 | <el-form-item label="邮编"> | 141 | ></el-input> |
130 | <el-input v-model="ruleForm.yb"></el-input> | ||
131 | </el-form-item> | 142 | </el-form-item> |
132 | </el-col> | 143 | </el-col> |
133 | </el-row> | 144 | </el-row> |
... | @@ -135,17 +146,30 @@ | ... | @@ -135,17 +146,30 @@ |
135 | <el-row> | 146 | <el-row> |
136 | <el-col :span="8"> | 147 | <el-col :span="8"> |
137 | <el-form-item label="发证机关"> | 148 | <el-form-item label="发证机关"> |
138 | <el-input v-model="ruleForm.fzjg"></el-input> | 149 | <el-input |
150 | v-model="ruleForm.fzjg" | ||
151 | maxlength="10" | ||
152 | :disabled="!showButton" | ||
153 | ></el-input> | ||
139 | </el-form-item> | 154 | </el-form-item> |
140 | </el-col> | 155 | </el-col> |
141 | <el-col :span="8"> | 156 | <el-col :span="8"> |
142 | <el-form-item label="电子邮件"> | 157 | <el-form-item label="电子邮件"> |
143 | <el-input v-model="ruleForm.dzyj"></el-input> | 158 | <el-input |
159 | v-model="ruleForm.dzyj" | ||
160 | :disabled="!showButton" | ||
161 | maxlength="25" | ||
162 | ></el-input> | ||
144 | </el-form-item> | 163 | </el-form-item> |
145 | </el-col> | 164 | </el-col> |
146 | <el-col :span="8"> | 165 | <el-col :span="8"> |
147 | <el-form-item label="权利比例"> | 166 | <el-form-item label="邮编" prop="yb"> |
148 | <el-input v-model="ruleForm.qlbl"></el-input> | 167 | <el-input |
168 | v-model.number="ruleForm.yb" | ||
169 | :disabled="!showButton" | ||
170 | maxlength="6" | ||
171 | oninput="value=value.replace(/[^\d]/g,'')" | ||
172 | ></el-input> | ||
149 | </el-form-item> | 173 | </el-form-item> |
150 | </el-col> | 174 | </el-col> |
151 | </el-row> | 175 | </el-row> |
... | @@ -153,21 +177,30 @@ | ... | @@ -153,21 +177,30 @@ |
153 | <el-row> | 177 | <el-row> |
154 | <el-col :span="8"> | 178 | <el-col :span="8"> |
155 | <el-form-item label="工作单位"> | 179 | <el-form-item label="工作单位"> |
156 | <el-input v-model="ruleForm.gzdw"></el-input> | 180 | <el-input |
181 | v-model="ruleForm.gzdw" | ||
182 | maxlength="32" | ||
183 | :disabled="!showButton" | ||
184 | ></el-input> | ||
157 | </el-form-item> | 185 | </el-form-item> |
158 | </el-col> | 186 | </el-col> |
159 | <el-col :span="16"> | 187 | <el-col :span="16"> |
160 | <el-form-item label="代理机构"> | 188 | <el-form-item label="代理机构"> |
161 | <el-input v-model="ruleForm.dlrjgmc"></el-input> | 189 | <el-input |
190 | v-model="ruleForm.dlrjgmc" | ||
191 | maxlength="32" | ||
192 | :disabled="!showButton" | ||
193 | ></el-input> | ||
162 | </el-form-item> | 194 | </el-form-item> |
163 | </el-col> | 195 | </el-col> |
164 | </el-row> | 196 | </el-row> |
165 | 197 | ||
166 | <el-row> | 198 | <el-row> |
167 | <el-col :span="8"> | 199 | <el-col :span="8"> |
168 | <el-form-item label="联系电话"> | 200 | <el-form-item label="代理人电话"> |
169 | <el-input | 201 | <el-input |
170 | v-model="ruleForm.dlrdhhm" | 202 | v-model="ruleForm.dlrdhhm" |
203 | :disabled="!showButton" | ||
171 | maxlength="11" | 204 | maxlength="11" |
172 | oninput="value=value.replace(/[^\d]/g,'')" | 205 | oninput="value=value.replace(/[^\d]/g,'')" |
173 | ></el-input> | 206 | ></el-input> |
... | @@ -175,7 +208,11 @@ | ... | @@ -175,7 +208,11 @@ |
175 | </el-col> | 208 | </el-col> |
176 | <el-col :span="8"> | 209 | <el-col :span="8"> |
177 | <el-form-item label="代理人姓名"> | 210 | <el-form-item label="代理人姓名"> |
178 | <el-input v-model="ruleForm.dlrxm"></el-input> | 211 | <el-input |
212 | v-model="ruleForm.dlrxm" | ||
213 | maxlength="15" | ||
214 | :disabled="!showButton" | ||
215 | ></el-input> | ||
179 | </el-form-item> | 216 | </el-form-item> |
180 | </el-col> | 217 | </el-col> |
181 | <el-col :span="8"> | 218 | <el-col :span="8"> |
... | @@ -183,6 +220,7 @@ | ... | @@ -183,6 +220,7 @@ |
183 | <el-select | 220 | <el-select |
184 | clearable | 221 | clearable |
185 | v-model="ruleForm.dlrzjlx" | 222 | v-model="ruleForm.dlrzjlx" |
223 | :disabled="!showButton" | ||
186 | class="width100" | 224 | class="width100" |
187 | placeholder="请选择" | 225 | placeholder="请选择" |
188 | > | 226 | > |
... | @@ -199,8 +237,31 @@ | ... | @@ -199,8 +237,31 @@ |
199 | </el-row> | 237 | </el-row> |
200 | <el-row> | 238 | <el-row> |
201 | <el-col :span="8"> | 239 | <el-col :span="8"> |
240 | <el-form-item label="性别"> | ||
241 | <el-select | ||
242 | clearable | ||
243 | v-model="ruleForm.xb" | ||
244 | :disabled="!showButton" | ||
245 | class="width100" | ||
246 | placeholder="请选择" | ||
247 | > | ||
248 | <el-option | ||
249 | v-for="item in dictData['A43']" | ||
250 | :key="item.dcode" | ||
251 | :label="item.dname" | ||
252 | :value="item.dcode" | ||
253 | > | ||
254 | </el-option> | ||
255 | </el-select> | ||
256 | </el-form-item> | ||
257 | </el-col> | ||
258 | <el-col :span="8"> | ||
202 | <el-form-item label="代理人证件号"> | 259 | <el-form-item label="代理人证件号"> |
203 | <el-input v-model="ruleForm.dlrzjh" maxlength="20"></el-input> | 260 | <el-input |
261 | v-model="ruleForm.dlrzjh" | ||
262 | :disabled="!showButton" | ||
263 | maxlength="18" | ||
264 | ></el-input> | ||
204 | </el-form-item> | 265 | </el-form-item> |
205 | </el-col> | 266 | </el-col> |
206 | </el-row> | 267 | </el-row> |
... | @@ -273,7 +334,6 @@ export default { | ... | @@ -273,7 +334,6 @@ export default { |
273 | }, | 334 | }, |
274 | }, | 335 | }, |
275 | methods: { | 336 | methods: { |
276 | |||
277 | /** | 337 | /** |
278 | * @description: closeDialog | 338 | * @description: closeDialog |
279 | * @author: renchao | 339 | * @author: renchao | ... | ... |
... | @@ -4,27 +4,63 @@ | ... | @@ -4,27 +4,63 @@ |
4 | * @LastEditTime: 2023-05-17 10:39:47 | 4 | * @LastEditTime: 2023-05-17 10:39:47 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <dialogBox title="申请人信息" width="60%" isMain v-model="myValue" :isFullscreen="false" @submitForm="submitForm" | 7 | <dialogBox |
8 | @closeDialog="closeDialog" :isButton="showButton"> | 8 | title="申请人信息" |
9 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px"> | 9 | width="60%" |
10 | isMain | ||
11 | v-model="myValue" | ||
12 | :isFullscreen="false" | ||
13 | @submitForm="submitForm" | ||
14 | @closeDialog="closeDialog" | ||
15 | :isButton="showButton" | ||
16 | > | ||
17 | <el-form | ||
18 | :model="ruleForm" | ||
19 | :rules="rules" | ||
20 | ref="ruleForm" | ||
21 | label-width="120px" | ||
22 | > | ||
10 | <el-row> | 23 | <el-row> |
11 | <el-col :span="8"> | 24 | <el-col :span="8"> |
12 | <el-form-item label="义务人类型" prop="ywrlx"> | 25 | <el-form-item label="义务人类型" prop="ywrlx"> |
13 | <el-select clearable v-model="ruleForm.ywrlx" class="width100" placeholder="请选择"> | 26 | <el-select |
14 | <el-option v-for="item in dictData['A36']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 27 | clearable |
28 | v-model="ruleForm.ywrlx" | ||
29 | class="width100" | ||
30 | :disabled="!showButton" | ||
31 | placeholder="请选择" | ||
32 | > | ||
33 | <el-option | ||
34 | v-for="item in dictData['A36']" | ||
35 | :key="item.dcode" | ||
36 | :label="item.dname" | ||
37 | :value="item.dcode" | ||
38 | > | ||
15 | </el-option> | 39 | </el-option> |
16 | </el-select> | 40 | </el-select> |
17 | </el-form-item> | 41 | </el-form-item> |
18 | </el-col> | 42 | </el-col> |
19 | <el-col :span="8"> | 43 | <el-col :span="8"> |
20 | <el-form-item label="姓名/名称" prop="ywrmc"> | 44 | <el-form-item label="姓名/名称" prop="ywrmc"> |
21 | <el-input v-model="ruleForm.ywrmc" maxlegth="15"></el-input> | 45 | <el-input v-model="ruleForm.ywrmc" maxlegth="15" |
46 | :disabled="!showButton"></el-input> | ||
22 | </el-form-item> | 47 | </el-form-item> |
23 | </el-col> | 48 | </el-col> |
24 | <el-col :span="8"> | 49 | <el-col :span="8"> |
25 | <el-form-item label="证件种类" prop="zjzl"> | 50 | <el-form-item label="证件种类" prop="zjzl"> |
26 | <el-select clearable v-model="ruleForm.zjzl" class="width100" placeholder="请选择"> | 51 | <el-select |
27 | <el-option v-for="item in dictData['A30']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 52 | clearable |
53 | v-model="ruleForm.zjzl" | ||
54 | :disabled="!showButton" | ||
55 | class="width100" | ||
56 | placeholder="请选择" | ||
57 | > | ||
58 | <el-option | ||
59 | v-for="item in dictData['A30']" | ||
60 | :key="item.dcode" | ||
61 | :label="item.dname" | ||
62 | :value="item.dcode" | ||
63 | > | ||
28 | </el-option> | 64 | </el-option> |
29 | </el-select> | 65 | </el-select> |
30 | </el-form-item> | 66 | </el-form-item> |
... | @@ -33,100 +69,163 @@ | ... | @@ -33,100 +69,163 @@ |
33 | <el-row> | 69 | <el-row> |
34 | <el-col :span="8"> | 70 | <el-col :span="8"> |
35 | <el-form-item label="证件号" prop="zjh"> | 71 | <el-form-item label="证件号" prop="zjh"> |
36 | <el-input v-model="ruleForm.zjh" maxlength="15" oninput="value=value.replace(/[^\X0-9]/g,'')"></el-input> | 72 | <el-input |
73 | v-model="ruleForm.zjh" | ||
74 | :disabled="!showButton" | ||
75 | maxlength="18" | ||
76 | oninput="this.value=this.value.replace(/[^\X0-9]/g,'')" | ||
77 | ></el-input> | ||
37 | </el-form-item> | 78 | </el-form-item> |
38 | </el-col> | 79 | </el-col> |
39 | <el-col :span="8"> | 80 | <el-col :span="8"> |
40 | <el-form-item label="联系电话" prop="dh"> | 81 | <el-form-item label="联系电话" prop="dh"> |
41 | <el-input v-model="ruleForm.dh" maxlength="11" oninput="value=value.replace(/[^\d]/g,'')"></el-input> | 82 | <el-input |
83 | v-model="ruleForm.dh" | ||
84 | :disabled="!showButton" | ||
85 | maxlength="11" | ||
86 | oninput="value=value.replace(/[^\d]/g,'')" | ||
87 | ></el-input> | ||
42 | </el-form-item> | 88 | </el-form-item> |
43 | </el-col> | 89 | </el-col> |
44 | <el-col :span="8"> | 90 | <el-col :span="8"> |
45 | <el-form-item label="性别"> | 91 | <el-form-item label="权利比例" prop="qlbl"> |
46 | <el-select clearable v-model="ruleForm.xb" class="width100" placeholder="请选择"> | 92 | <el-input |
47 | <el-option v-for="item in dictData['A43']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 93 | v-model="ruleForm.qlbl" |
48 | </el-option> | 94 | maxlength="32" |
49 | </el-select> | 95 | :disabled="!showButton || this.ruleForm.gyfs == 1" |
96 | ></el-input> | ||
50 | </el-form-item> | 97 | </el-form-item> |
51 | </el-col> | 98 | </el-col> |
52 | </el-row> | 99 | </el-row> |
53 | <el-row> | 100 | <el-row> |
54 | <el-col :span="8"> | 101 | <el-col :span="8"> |
55 | <el-form-item label="法人名称"> | 102 | <el-form-item label="法人名称" prop="frmc"> |
56 | <el-input v-model="ruleForm.frmc"></el-input> | 103 | <el-input |
104 | v-model="ruleForm.frmc" | ||
105 | maxlength="32" | ||
106 | :disabled="!showButton" | ||
107 | ></el-input> | ||
57 | </el-form-item> | 108 | </el-form-item> |
58 | </el-col> | 109 | </el-col> |
59 | <el-col :span="8"> | 110 | <el-col :span="8"> |
60 | <el-form-item label="国家/地区"> | 111 | <el-form-item label="国家/地区" prop="gj"> |
61 | <el-input v-model="ruleForm.gjdq"></el-input> | 112 | <el-input |
113 | v-model="ruleForm.gj" | ||
114 | maxlength="3" | ||
115 | :disabled="!showButton" | ||
116 | ></el-input> | ||
62 | </el-form-item> | 117 | </el-form-item> |
63 | </el-col> | 118 | </el-col> |
64 | <el-col :span="8"> | 119 | <el-col :span="8"> |
65 | <el-form-item label="户籍所在省市"> | 120 | <el-form-item label="户籍所在省市" prop="hjszss"> |
66 | <el-input v-model="ruleForm.szss"></el-input> | 121 | <el-input |
122 | v-model="ruleForm.hjszss" | ||
123 | maxlength="3" | ||
124 | :disabled="!showButton" | ||
125 | ></el-input> | ||
67 | </el-form-item> | 126 | </el-form-item> |
68 | </el-col> | 127 | </el-col> |
69 | </el-row> | 128 | </el-row> |
70 | 129 | ||
71 | <el-row> | 130 | <el-row> |
72 | <el-col :span="16"> | 131 | <el-col :span="24"> |
73 | <el-form-item label="地址"> | 132 | <el-form-item label="地址" prop="txdz"> |
74 | <el-input v-model="ruleForm.txdz"></el-input> | 133 | <el-input |
75 | </el-form-item> | 134 | v-model="ruleForm.txdz" |
76 | </el-col> | 135 | maxlength="100" |
77 | <el-col :span="8"> | 136 | :disabled="!showButton" |
78 | <el-form-item label="邮编"> | 137 | ></el-input> |
79 | <el-input v-model="ruleForm.yb"></el-input> | ||
80 | </el-form-item> | 138 | </el-form-item> |
81 | </el-col> | 139 | </el-col> |
82 | </el-row> | 140 | </el-row> |
83 | 141 | ||
84 | <el-row> | 142 | <el-row> |
85 | <el-col :span="8"> | 143 | <el-col :span="8"> |
86 | <el-form-item label="发证机关"> | 144 | <el-form-item label="发证机关" prop="fzjg"> |
87 | <el-input v-model="ruleForm.fzjg"></el-input> | 145 | <el-input |
146 | v-model="ruleForm.fzjg" | ||
147 | maxlength="10" | ||
148 | :disabled="!showButton" | ||
149 | ></el-input> | ||
88 | </el-form-item> | 150 | </el-form-item> |
89 | </el-col> | 151 | </el-col> |
90 | <el-col :span="8"> | 152 | <el-col :span="8"> |
91 | <el-form-item label="电子邮件"> | 153 | <el-form-item label="电子邮件" prop="dzyj"> |
92 | <el-input v-model="ruleForm.dzyj"></el-input> | 154 | <el-input |
155 | v-model="ruleForm.dzyj" | ||
156 | :disabled="!showButton" | ||
157 | maxlength="25" | ||
158 | ></el-input> | ||
93 | </el-form-item> | 159 | </el-form-item> |
94 | </el-col> | 160 | </el-col> |
95 | <el-col :span="8"> | 161 | <el-col :span="8"> |
96 | <el-form-item label="权利比例"> | 162 | <el-form-item label="邮编" prop="yb"> |
97 | <el-input v-model="ruleForm.qlbl"></el-input> | 163 | <el-input |
164 | v-model.number="ruleForm.yb" | ||
165 | :disabled="!showButton" | ||
166 | maxlength="6" | ||
167 | oninput="value=value.replace(/[^\d]/g,'')" | ||
168 | ></el-input> | ||
98 | </el-form-item> | 169 | </el-form-item> |
99 | </el-col> | 170 | </el-col> |
100 | </el-row> | 171 | </el-row> |
101 | 172 | ||
102 | <el-row> | 173 | <el-row> |
103 | <el-col :span="8"> | 174 | <el-col :span="8"> |
104 | <el-form-item label="工作单位"> | 175 | <el-form-item label="工作单位" prop="gzdw"> |
105 | <el-input v-model="ruleForm.gzdw"></el-input> | 176 | <el-input |
177 | v-model="ruleForm.gzdw" | ||
178 | maxlength="32" | ||
179 | :disabled="!showButton" | ||
180 | ></el-input> | ||
106 | </el-form-item> | 181 | </el-form-item> |
107 | </el-col> | 182 | </el-col> |
108 | <el-col :span="16"> | 183 | <el-col :span="16"> |
109 | <el-form-item label="代理机构"> | 184 | <el-form-item label="代理机构" prop="dlrjg"> |
110 | <el-input v-model="ruleForm.dljg"></el-input> | 185 | <el-input |
186 | v-model="ruleForm.dlrjg" | ||
187 | maxlength="32" | ||
188 | :disabled="!showButton" | ||
189 | ></el-input> | ||
111 | </el-form-item> | 190 | </el-form-item> |
112 | </el-col> | 191 | </el-col> |
113 | </el-row> | 192 | </el-row> |
114 | 193 | ||
115 | <el-row> | 194 | <el-row> |
116 | <el-col :span="8"> | 195 | <el-col :span="8"> |
117 | <el-form-item label="联系电话"> | 196 | <el-form-item label="代理人电话" prop="dlrdh"> |
118 | <el-input v-model="ruleForm.lxdh" maxlength="11" oninput="value=value.replace(/[^\d]/g,'')"></el-input> | 197 | <el-input |
198 | v-model="ruleForm.dlrdh" | ||
199 | :disabled="!showButton" | ||
200 | maxlength="11" | ||
201 | oninput="value=value.replace(/[^\d]/g,'')" | ||
202 | ></el-input> | ||
119 | </el-form-item> | 203 | </el-form-item> |
120 | </el-col> | 204 | </el-col> |
121 | <el-col :span="8"> | 205 | <el-col :span="8"> |
122 | <el-form-item label="代理人姓名"> | 206 | <el-form-item label="代理人姓名" prop="dlrmc"> |
123 | <el-input v-model="ruleForm.dlrxm"></el-input> | 207 | <el-input |
208 | v-model="ruleForm.dlrmc" | ||
209 | maxlength="15" | ||
210 | :disabled="!showButton" | ||
211 | ></el-input> | ||
124 | </el-form-item> | 212 | </el-form-item> |
125 | </el-col> | 213 | </el-col> |
126 | <el-col :span="8"> | 214 | <el-col :span="8"> |
127 | <el-form-item label="代理人证件类型"> | 215 | <el-form-item label="代理人证件类型" prop="dlrzjlx"> |
128 | <el-select clearable v-model="ruleForm.dlrzjlx" class="width100" placeholder="请选择"> | 216 | <el-select |
129 | <el-option v-for="item in dictData['A30']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 217 | clearable |
218 | v-model="ruleForm.dlrzjlx" | ||
219 | :disabled="!showButton" | ||
220 | class="width100" | ||
221 | placeholder="请选择" | ||
222 | > | ||
223 | <el-option | ||
224 | v-for="item in dictData['A30']" | ||
225 | :key="item.dcode" | ||
226 | :label="item.dname" | ||
227 | :value="item.dcode" | ||
228 | > | ||
130 | </el-option> | 229 | </el-option> |
131 | </el-select> | 230 | </el-select> |
132 | </el-form-item> | 231 | </el-form-item> |
... | @@ -134,8 +233,32 @@ | ... | @@ -134,8 +233,32 @@ |
134 | </el-row> | 233 | </el-row> |
135 | <el-row> | 234 | <el-row> |
136 | <el-col :span="8"> | 235 | <el-col :span="8"> |
137 | <el-form-item label="代理人证件号"> | 236 | <el-form-item label="性别" prop="xb"> |
138 | <el-input v-model="ruleForm.dlrzjh" maxlength="20"></el-input> | 237 | <el-select |
238 | clearable | ||
239 | v-model="ruleForm.xb" | ||
240 | :disabled="!showButton" | ||
241 | class="width100" | ||
242 | placeholder="请选择" | ||
243 | > | ||
244 | <el-option | ||
245 | v-for="item in dictData['A43']" | ||
246 | :key="item.dcode" | ||
247 | :label="item.dname" | ||
248 | :value="item.dcode" | ||
249 | > | ||
250 | </el-option> | ||
251 | </el-select> | ||
252 | </el-form-item> | ||
253 | </el-col> | ||
254 | <el-col :span="8"> | ||
255 | <el-form-item label="代理人证件号" prop="dlrzjh"> | ||
256 | <el-input | ||
257 | v-model="ruleForm.dlrzjh" | ||
258 | :disabled="!showButton" | ||
259 | maxlength="18" | ||
260 | oninput="this.value=this.value.replace(/[^\X0-9]/g,'')" | ||
261 | ></el-input> | ||
139 | </el-form-item> | 262 | </el-form-item> |
140 | </el-col> | 263 | </el-col> |
141 | </el-row> | 264 | </el-row> |
... | @@ -143,91 +266,91 @@ | ... | @@ -143,91 +266,91 @@ |
143 | </dialogBox> | 266 | </dialogBox> |
144 | </template> | 267 | </template> |
145 | <script> | 268 | <script> |
146 | import { mapGetters } from "vuex"; | 269 | import { mapGetters } from "vuex"; |
147 | export default { | 270 | export default { |
148 | props: { | 271 | props: { |
149 | value: { type: Boolean, default: false }, | 272 | value: { type: Boolean, default: false }, |
150 | details: { type: Object, default: {} }, | 273 | details: { type: Object, default: {} }, |
151 | showButton: { type: Boolean, default: false } | 274 | showButton: { type: Boolean, default: false }, |
152 | }, | 275 | }, |
153 | computed: { | 276 | computed: { |
154 | ...mapGetters(["dictData"]), | 277 | ...mapGetters(["dictData"]), |
155 | }, | 278 | }, |
156 | data () { | 279 | data() { |
157 | return { | 280 | return { |
158 | myValue: this.value, | 281 | myValue: this.value, |
159 | ruleForm: { | 282 | ruleForm: { |
160 | ywrlx: "", | 283 | ywrlx: "", |
161 | ywrmc: "", | 284 | ywrmc: "", |
162 | zjzl: "", | 285 | zjzl: "", |
163 | zjh: "", | 286 | zjh: "", |
164 | dh: "", | 287 | dh: "", |
165 | xb: "", | 288 | xb: "", |
166 | frmc: "", | 289 | frmc: "", |
167 | gjdq: "", | 290 | gjdq: "", |
168 | szss: "", | 291 | szss: "", |
169 | txdz: "", | 292 | txdz: "", |
170 | yb: "", | 293 | yb: "", |
171 | fzjg: "", | 294 | fzjg: "", |
172 | dzyj: "", | 295 | dzyj: "", |
173 | qlbl: "", | 296 | qlbl: "", |
174 | gzdw: "", | 297 | gzdw: "", |
175 | dljg: "", | 298 | dljg: "", |
176 | dlrxm: "", | 299 | dlrxm: "", |
177 | dlrzjlx: "", | 300 | dlrzjlx: "", |
178 | dlrzjh: "", | 301 | dlrzjh: "", |
179 | }, | ||
180 | rules: { | ||
181 | ywrlx: [{ required: true, message: "义务人类型", trigger: "change" }], | ||
182 | ywrmc: [{ required: true, message: "姓名/名称", trigger: "blur" }], | ||
183 | zjzl: [{ required: true, message: "证件种类", trigger: "change" }], | ||
184 | zjh: [{ required: true, message: "证件号", trigger: "blur" }], | ||
185 | }, | ||
186 | }; | ||
187 | }, | ||
188 | watch: { | ||
189 | value (val) { | ||
190 | this.myValue = _.cloneDeep(val); | ||
191 | }, | 302 | }, |
192 | details: { | 303 | rules: { |
193 | handler: function (val, oldVal) { | 304 | ywrlx: [{ required: true, message: "义务人类型", trigger: "change" }], |
194 | this.ruleForm = val; | 305 | ywrmc: [{ required: true, message: "姓名/名称", trigger: "blur" }], |
195 | }, | 306 | zjzl: [{ required: true, message: "证件种类", trigger: "change" }], |
196 | deep: true, | 307 | zjh: [{ required: true, message: "证件号", trigger: "blur" }], |
197 | }, | 308 | }, |
309 | }; | ||
310 | }, | ||
311 | watch: { | ||
312 | value(val) { | ||
313 | this.myValue = _.cloneDeep(val); | ||
198 | }, | 314 | }, |
199 | methods: { | 315 | details: { |
200 | /** | 316 | handler: function (val, oldVal) { |
201 | * @description: closeDialog | 317 | this.ruleForm = val; |
202 | * @author: renchao | ||
203 | */ | ||
204 | closeDialog () { | ||
205 | this.$emit("input", false); | ||
206 | this.$refs["ruleForm"].resetFields(); | ||
207 | }, | ||
208 | /** | ||
209 | * @description: submitForm | ||
210 | * @author: renchao | ||
211 | */ | ||
212 | submitForm () { | ||
213 | this.$refs.ruleForm.validate((valid) => { | ||
214 | if (valid) { | ||
215 | this.$emit("input", false); | ||
216 | this.$emit("updateDetail", _.cloneDeep(this.ruleForm)); | ||
217 | } else { | ||
218 | return false; | ||
219 | } | ||
220 | }); | ||
221 | }, | 318 | }, |
319 | deep: true, | ||
320 | }, | ||
321 | }, | ||
322 | methods: { | ||
323 | /** | ||
324 | * @description: closeDialog | ||
325 | * @author: renchao | ||
326 | */ | ||
327 | closeDialog() { | ||
328 | this.$emit("input", false); | ||
329 | this.$refs["ruleForm"].resetFields(); | ||
330 | }, | ||
331 | /** | ||
332 | * @description: submitForm | ||
333 | * @author: renchao | ||
334 | */ | ||
335 | submitForm() { | ||
336 | this.$refs.ruleForm.validate((valid) => { | ||
337 | if (valid) { | ||
338 | this.$emit("input", false); | ||
339 | this.$emit("updateDetail", _.cloneDeep(this.ruleForm)); | ||
340 | } else { | ||
341 | return false; | ||
342 | } | ||
343 | }); | ||
222 | }, | 344 | }, |
223 | }; | 345 | }, |
346 | }; | ||
224 | </script> | 347 | </script> |
225 | <style scoped lang="scss"> | 348 | <style scoped lang="scss"> |
226 | @import "~@/styles/dialogBoxheader.scss"; | 349 | @import "~@/styles/dialogBoxheader.scss"; |
227 | .submit-button { | 350 | .submit-button { |
228 | text-align: center; | 351 | text-align: center; |
229 | height: 52px; | 352 | height: 52px; |
230 | padding-top: 10px; | 353 | padding-top: 10px; |
231 | background-color: #fff; | 354 | background-color: #fff; |
232 | } | 355 | } |
233 | </style> | 356 | </style> | ... | ... |
... | @@ -148,7 +148,6 @@ | ... | @@ -148,7 +148,6 @@ |
148 | onClick={() => { | 148 | onClick={() => { |
149 | this.queryViewClick(scope.$index, scope.row); | 149 | this.queryViewClick(scope.$index, scope.row); |
150 | }} | 150 | }} |
151 | disabled={!this.ableOperation} | ||
152 | > | 151 | > |
153 | {" "} | 152 | {" "} |
154 | 查看 | 153 | 查看 |
... | @@ -160,7 +159,6 @@ | ... | @@ -160,7 +159,6 @@ |
160 | onClick={() => { | 159 | onClick={() => { |
161 | this.editClick(scope.$index, scope.row); | 160 | this.editClick(scope.$index, scope.row); |
162 | }} | 161 | }} |
163 | disabled={!this.ableOperation} | ||
164 | > | 162 | > |
165 | 编辑 | 163 | 编辑 |
166 | </el-button> | 164 | </el-button> |
... | @@ -282,9 +280,10 @@ | ... | @@ -282,9 +280,10 @@ |
282 | * @author: renchao | 280 | * @author: renchao |
283 | */ | 281 | */ |
284 | editClick (index, row) { | 282 | editClick (index, row) { |
283 | this.details.gyfs=this.gyfs | ||
285 | this.dataIndex = index; | 284 | this.dataIndex = index; |
286 | this.dialog = true; | ||
287 | this.details = row; | 285 | this.details = row; |
286 | this.dialog = true; | ||
288 | this.isaddupdate = false; | 287 | this.isaddupdate = false; |
289 | }, | 288 | }, |
290 | /** | 289 | /** | ... | ... |
... | @@ -148,7 +148,6 @@ | ... | @@ -148,7 +148,6 @@ |
148 | onClick={() => { | 148 | onClick={() => { |
149 | this.queryViewClick(scope.$index, scope.row); | 149 | this.queryViewClick(scope.$index, scope.row); |
150 | }} | 150 | }} |
151 | disabled={!this.ableOperation} | ||
152 | > | 151 | > |
153 | {" "} | 152 | {" "} |
154 | 查看 | 153 | 查看 |
... | @@ -160,7 +159,6 @@ | ... | @@ -160,7 +159,6 @@ |
160 | onClick={() => { | 159 | onClick={() => { |
161 | this.editClick(scope.$index, scope.row); | 160 | this.editClick(scope.$index, scope.row); |
162 | }} | 161 | }} |
163 | disabled={!this.ableOperation} | ||
164 | > | 162 | > |
165 | 编辑 | 163 | 编辑 |
166 | </el-button> | 164 | </el-button> |
... | @@ -273,9 +271,11 @@ | ... | @@ -273,9 +271,11 @@ |
273 | * @author: renchao | 271 | * @author: renchao |
274 | */ | 272 | */ |
275 | editClick (index, row) { | 273 | editClick (index, row) { |
274 | this.details.gyfs=this.gyfs | ||
275 | this.details = row; | ||
276 | this.dataIndex = index; | 276 | this.dataIndex = index; |
277 | this.dialog = true; | 277 | this.dialog = true; |
278 | this.details = row; | 278 | |
279 | this.isaddupdate = false; | 279 | this.isaddupdate = false; |
280 | }, | 280 | }, |
281 | /** | 281 | /** | ... | ... |
... | @@ -555,7 +555,7 @@ | ... | @@ -555,7 +555,7 @@ |
555 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | 555 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], |
556 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], | 556 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], |
557 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], | 557 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], |
558 | ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], | 558 | ywhrules: [{ required: true, message: "业务号", trigger: "change" }], |
559 | } | 559 | } |
560 | } | 560 | } |
561 | }, | 561 | }, | ... | ... |
... | @@ -124,6 +124,7 @@ | ... | @@ -124,6 +124,7 @@ |
124 | <el-form-item label="独用土地面积:"> | 124 | <el-form-item label="独用土地面积:"> |
125 | <div class="flex"> | 125 | <div class="flex"> |
126 | <el-input | 126 | <el-input |
127 | maxlength="12" | ||
127 | v-model="ruleForm.fdcq2.dytdmj" | 128 | v-model="ruleForm.fdcq2.dytdmj" |
128 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 129 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
129 | <el-select disabled v-model="mjdw" style="width: 68px"> | 130 | <el-select disabled v-model="mjdw" style="width: 68px"> |
... | @@ -141,6 +142,7 @@ | ... | @@ -141,6 +142,7 @@ |
141 | <el-form-item label="分摊土地面积:"> | 142 | <el-form-item label="分摊土地面积:"> |
142 | <div class="flex"> | 143 | <div class="flex"> |
143 | <el-input | 144 | <el-input |
145 | maxlength="12" | ||
144 | v-model="ruleForm.fdcq2.fttdmj" | 146 | v-model="ruleForm.fdcq2.fttdmj" |
145 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 147 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
146 | <el-select disabled v-model="mjdw" style="width: 68px"> | 148 | <el-select disabled v-model="mjdw" style="width: 68px"> |
... | @@ -171,6 +173,7 @@ | ... | @@ -171,6 +173,7 @@ |
171 | <el-form-item label="房地产交易价格:"> | 173 | <el-form-item label="房地产交易价格:"> |
172 | <div class="flex"> | 174 | <div class="flex"> |
173 | <el-input | 175 | <el-input |
176 | maxlength="11" | ||
174 | v-model="ruleForm.fdcq2.qjjg" | 177 | v-model="ruleForm.fdcq2.qjjg" |
175 | style="width: 500%" | 178 | style="width: 500%" |
176 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 179 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
... | @@ -248,18 +251,19 @@ | ... | @@ -248,18 +251,19 @@ |
248 | </el-col> | 251 | </el-col> |
249 | <el-col :span="8"> | 252 | <el-col :span="8"> |
250 | <el-form-item label="所在层:"> | 253 | <el-form-item label="所在层:"> |
251 | <el-input v-model="ruleForm.fdcq2.szc"></el-input> | 254 | <el-input maxlength="20" v-model="ruleForm.fdcq2.szc"></el-input> |
252 | </el-form-item> | 255 | </el-form-item> |
253 | </el-col> | 256 | </el-col> |
254 | <el-col :span="8"> | 257 | <el-col :span="8"> |
255 | <el-form-item label="总层数:"> | 258 | <el-form-item label="总层数:"> |
256 | <el-input v-model.number="ruleForm.fdcq2.zcs" oninput="value=value.replace(/[^0-9]/g,'')"></el-input> | 259 | <el-input maxlength="4" v-model.number="ruleForm.fdcq2.zcs" oninput="value=value.replace(/[^0-9]/g,'')"></el-input> |
257 | </el-form-item> | 260 | </el-form-item> |
258 | </el-col> | 261 | </el-col> |
259 | <el-col :span="8"> | 262 | <el-col :span="8"> |
260 | <el-form-item label="建筑面积:"> | 263 | <el-form-item label="建筑面积:"> |
261 | <div class="flex"> | 264 | <div class="flex"> |
262 | <el-input | 265 | <el-input |
266 | maxlength="12" | ||
263 | v-model="ruleForm.fdcq2.jzmj" | 267 | v-model="ruleForm.fdcq2.jzmj" |
264 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 268 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
265 | <el-select disabled v-model="mjdw" style="width: 68px"> | 269 | <el-select disabled v-model="mjdw" style="width: 68px"> |
... | @@ -277,6 +281,7 @@ | ... | @@ -277,6 +281,7 @@ |
277 | <el-form-item label="专有建筑面积:"> | 281 | <el-form-item label="专有建筑面积:"> |
278 | <div class="flex"> | 282 | <div class="flex"> |
279 | <el-input | 283 | <el-input |
284 | maxlength="12" | ||
280 | v-model="ruleForm.fdcq2.zyjzmj" | 285 | v-model="ruleForm.fdcq2.zyjzmj" |
281 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 286 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
282 | <el-select disabled v-model="mjdw" style="width: 68px"> | 287 | <el-select disabled v-model="mjdw" style="width: 68px"> |
... | @@ -294,6 +299,7 @@ | ... | @@ -294,6 +299,7 @@ |
294 | <el-form-item label="分摊建筑面积:"> | 299 | <el-form-item label="分摊建筑面积:"> |
295 | <div class="flex"> | 300 | <div class="flex"> |
296 | <el-input | 301 | <el-input |
302 | maxlength="12" | ||
297 | v-model="ruleForm.fdcq2.ftjzmj" | 303 | v-model="ruleForm.fdcq2.ftjzmj" |
298 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 304 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
299 | <el-select disabled v-model="mjdw" style="width: 68px"> | 305 | <el-select disabled v-model="mjdw" style="width: 68px"> | ... | ... |
... | @@ -167,6 +167,7 @@ | ... | @@ -167,6 +167,7 @@ |
167 | <el-form-item label="农用地面积:"> | 167 | <el-form-item label="农用地面积:"> |
168 | <div class="flex"> | 168 | <div class="flex"> |
169 | <el-input | 169 | <el-input |
170 | maxlength="12" | ||
170 | v-model="ruleForm.tdsyq.nydmj" | 171 | v-model="ruleForm.tdsyq.nydmj" |
171 | :disabled="!ableOperation" | 172 | :disabled="!ableOperation" |
172 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 173 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
... | @@ -188,6 +189,7 @@ | ... | @@ -188,6 +189,7 @@ |
188 | <el-form-item label="耕地面积:"> | 189 | <el-form-item label="耕地面积:"> |
189 | <div class="flex"> | 190 | <div class="flex"> |
190 | <el-input | 191 | <el-input |
192 | maxlength="12" | ||
191 | v-model="ruleForm.tdsyq.gdmj" | 193 | v-model="ruleForm.tdsyq.gdmj" |
192 | :disabled="!ableOperation" | 194 | :disabled="!ableOperation" |
193 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 195 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
... | @@ -209,6 +211,7 @@ | ... | @@ -209,6 +211,7 @@ |
209 | <el-form-item label="林地面积:"> | 211 | <el-form-item label="林地面积:"> |
210 | <div class="flex"> | 212 | <div class="flex"> |
211 | <el-input | 213 | <el-input |
214 | maxlength="12" | ||
212 | v-model="ruleForm.tdsyq.ldmj" | 215 | v-model="ruleForm.tdsyq.ldmj" |
213 | :disabled="!ableOperation" | 216 | :disabled="!ableOperation" |
214 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 217 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
... | @@ -232,6 +235,7 @@ | ... | @@ -232,6 +235,7 @@ |
232 | <el-form-item label="草地面积:"> | 235 | <el-form-item label="草地面积:"> |
233 | <div class="flex"> | 236 | <div class="flex"> |
234 | <el-input | 237 | <el-input |
238 | maxlength="12" | ||
235 | v-model="ruleForm.tdsyq.cdmj" | 239 | v-model="ruleForm.tdsyq.cdmj" |
236 | :disabled="!ableOperation" | 240 | :disabled="!ableOperation" |
237 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 241 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
... | @@ -253,6 +257,7 @@ | ... | @@ -253,6 +257,7 @@ |
253 | <el-form-item label="其他农用地面积:"> | 257 | <el-form-item label="其他农用地面积:"> |
254 | <div class="flex"> | 258 | <div class="flex"> |
255 | <el-input | 259 | <el-input |
260 | maxlength="12" | ||
256 | v-model="ruleForm.tdsyq.qtnydmj" | 261 | v-model="ruleForm.tdsyq.qtnydmj" |
257 | :disabled="!ableOperation" | 262 | :disabled="!ableOperation" |
258 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 263 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
... | @@ -274,6 +279,7 @@ | ... | @@ -274,6 +279,7 @@ |
274 | <el-form-item label="建筑使用面积:"> | 279 | <el-form-item label="建筑使用面积:"> |
275 | <div class="flex"> | 280 | <div class="flex"> |
276 | <el-input | 281 | <el-input |
282 | maxlength="12" | ||
277 | v-model="ruleForm.tdsyq.jsydmj" | 283 | v-model="ruleForm.tdsyq.jsydmj" |
278 | :disabled="!ableOperation" | 284 | :disabled="!ableOperation" |
279 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 285 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
... | @@ -297,6 +303,7 @@ | ... | @@ -297,6 +303,7 @@ |
297 | <el-form-item label="未利用地面积:"> | 303 | <el-form-item label="未利用地面积:"> |
298 | <div class="flex"> | 304 | <div class="flex"> |
299 | <el-input | 305 | <el-input |
306 | maxlength="12" | ||
300 | v-model="ruleForm.tdsyq.wlydmj" | 307 | v-model="ruleForm.tdsyq.wlydmj" |
301 | :disabled="!ableOperation" | 308 | :disabled="!ableOperation" |
302 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 309 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | ... | ... |
... | @@ -327,7 +327,7 @@ | ... | @@ -327,7 +327,7 @@ |
327 | </el-col> | 327 | </el-col> |
328 | <el-col :span="8"> | 328 | <el-col :span="8"> |
329 | <el-form-item label="所在层:"> | 329 | <el-form-item label="所在层:"> |
330 | <el-input v-model="ruleForm.ygdj.szc"></el-input> | 330 | <el-input maxlength="20" v-model="ruleForm.ygdj.szc"></el-input> |
331 | </el-form-item> | 331 | </el-form-item> |
332 | </el-col> | 332 | </el-col> |
333 | <el-col :span="8"> | 333 | <el-col :span="8"> |
... | @@ -340,7 +340,7 @@ | ... | @@ -340,7 +340,7 @@ |
340 | <div class="flex"> | 340 | <div class="flex"> |
341 | <el-input | 341 | <el-input |
342 | v-model="ruleForm.ygdj.jzmj" | 342 | v-model="ruleForm.ygdj.jzmj" |
343 | maxlength="13" | 343 | maxlength="12" |
344 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 344 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
345 | <el-select | 345 | <el-select |
346 | v-model="ruleForm.ygdj.mjdw" | 346 | v-model="ruleForm.ygdj.mjdw" | ... | ... |
... | @@ -244,7 +244,7 @@ | ... | @@ -244,7 +244,7 @@ |
244 | </el-col> | 244 | </el-col> |
245 | <el-col :span="8"> | 245 | <el-col :span="8"> |
246 | <el-form-item label="所在层:"> | 246 | <el-form-item label="所在层:"> |
247 | <el-input v-model="ruleForm.ygdj.szc"></el-input> | 247 | <el-input maxlength="20" v-model="ruleForm.ygdj.szc"></el-input> |
248 | </el-form-item> | 248 | </el-form-item> |
249 | </el-col> | 249 | </el-col> |
250 | <el-col :span="8"> | 250 | <el-col :span="8"> |
... | @@ -257,7 +257,7 @@ | ... | @@ -257,7 +257,7 @@ |
257 | <div class="flex"> | 257 | <div class="flex"> |
258 | <el-input | 258 | <el-input |
259 | v-model="ruleForm.ygdj.jzmj" | 259 | v-model="ruleForm.ygdj.jzmj" |
260 | maxlength="13" | 260 | maxlength="12" |
261 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 261 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
262 | <el-select | 262 | <el-select |
263 | v-model="ruleForm.ygdj.mjdw" | 263 | v-model="ruleForm.ygdj.mjdw" | ... | ... |
1 | <template> | 1 | <template> |
2 | <dialogBox title="房屋明细查询" @closeDialog="closeDialog" width="70%" :isButton="false" v-model="myValue"> | 2 | <dialogBox title="房屋明细查询" @closeDialog="closeDialog" width="75%" :isButton="false" v-model="myValue"> |
3 | <el-steps :active="activeStep" finish-status="success"> | 3 | <el-steps :active="activeStep" finish-status="success"> |
4 | <el-step title="条件录入"></el-step> | 4 | <el-step title="条件录入"></el-step> |
5 | <el-step title="结果查询"></el-step> | 5 | <el-step title="结果查询"></el-step> |
6 | <el-step title="结果展示"></el-step> | 6 | <el-step title="结果展示"></el-step> |
7 | </el-steps> | 7 | </el-steps> |
8 | <div v-if="isSearch"> | 8 | <div v-if="isSearch"> |
9 | <dydjbInfo ref="dydjbInfo"/> | 9 | <dydjbInfo ref="dydjbInfo" /> |
10 | </div> | 10 | </div> |
11 | <div class="jtfccx-edit" v-else> | 11 | <div class="jtfccx-edit" v-else> |
12 | <div class="jtfccx-edit-con"> | 12 | <div class="jtfccx-edit-con"> |
13 | <b class="title"></b> | 13 | <b class="title"></b> |
14 | <el-form :model="form" label-width="120px"> | 14 | <el-form :model="form" label-width="110px"> |
15 | <el-row> | 15 | <el-row> |
16 | <el-col :span="6"> | 16 | <el-col :span="6"> |
17 | <el-form-item label="查询用途" label-width="90px"> | 17 | <el-form-item label="查询用途" label-width="90px"> |
18 | <el-input v-model="form.djSqcxDO.cxyt" class="width200px"></el-input> | 18 | <el-input v-model="form.djSqcxDO.cxyt" class="width100"></el-input> |
19 | </el-form-item> | 19 | </el-form-item> |
20 | </el-col> | 20 | </el-col> |
21 | <el-col :span="6"> | 21 | <el-col :span="8"> |
22 | <el-form-item label="不动产权证号" label-width="120px"> | 22 | <el-form-item label="不动产权证号"> |
23 | <el-input v-model="form.djSqcxDO.bdcqzh" class="width200px"></el-input> | 23 | <el-input v-model="form.djSqcxDO.bdcqzh" class="width100"></el-input> |
24 | </el-form-item> | 24 | </el-form-item> |
25 | </el-col> | 25 | </el-col> |
26 | <el-col :span="12"> | 26 | <el-col :span="10"> |
27 | <el-form-item label="与产权人的关系"> | 27 | <el-form-item label="与产权人的关系"> |
28 | <el-radio-group v-model="form.djSqcxDO.ycqrgx"> | 28 | <el-radio-group v-model="form.djSqcxDO.ycqrgx"> |
29 | <el-radio label="1">房屋权利人</el-radio> | 29 | <el-radio label="1">房屋权利人</el-radio> |
... | @@ -43,9 +43,9 @@ | ... | @@ -43,9 +43,9 @@ |
43 | :pagination="false"> | 43 | :pagination="false"> |
44 | </lb-table> | 44 | </lb-table> |
45 | <div class="submit-button" style="padding-bottom:50px"> | 45 | <div class="submit-button" style="padding-bottom:50px"> |
46 | <el-button @click="resetClick" v-show="!isSearch">重置</el-button> | 46 | <el-button @click="resetClick" v-show="!isSearch">重置</el-button> |
47 | <el-button type="primary" @click="queryChick" v-show="!isSearch">查询</el-button> | 47 | <el-button type="primary" @click="queryChick" v-show="!isSearch">查询</el-button> |
48 | <el-button @click="closeDialog">关闭</el-button> | 48 | <el-button @click="closeDialog">关闭</el-button> |
49 | </div> | 49 | </div> |
50 | </div> | 50 | </div> |
51 | </div> | 51 | </div> |
... | @@ -53,205 +53,214 @@ | ... | @@ -53,205 +53,214 @@ |
53 | </template> | 53 | </template> |
54 | 54 | ||
55 | <script> | 55 | <script> |
56 | import { addFwmxCxjgXx, getFwmxInfo,printJtcfInfo } from "@/api/jtfc.js"; | 56 | import { addFwmxCxjgXx, getFwmxInfo, printJtcfInfo } from "@/api/jtfc.js"; |
57 | import { getPrintTemplateByCode } from "@/api/print"; | 57 | import { getPrintTemplateByCode } from "@/api/print"; |
58 | import { datas, sendThis } from "./dydjbdata"; | 58 | import { datas, sendThis } from "./dydjbdata"; |
59 | import { getLodop } from "@/utils/LodopFuncs" | 59 | import { getLodop } from "@/utils/LodopFuncs" |
60 | import dydjbInfo from "./dydjbInfo.vue"; | 60 | import dydjbInfo from "./dydjbInfo.vue"; |
61 | import { mapGetters } from "vuex"; | 61 | import { mapGetters } from "vuex"; |
62 | export default { | 62 | export default { |
63 | computed: { | 63 | computed: { |
64 | ...mapGetters(["dictData"]), | 64 | ...mapGetters(["dictData"]), |
65 | }, | 65 | }, |
66 | components: { dydjbInfo }, | 66 | components: { dydjbInfo }, |
67 | props: { | 67 | props: { |
68 | value: { type: Boolean, default: false }, | 68 | value: { type: Boolean, default: false }, |
69 | sqcxBsm: { type: String, default: "" }, | 69 | sqcxBsm: { type: String, default: "" }, |
70 | }, | 70 | }, |
71 | mounted () { | 71 | mounted () { |
72 | sendThis(this); | 72 | sendThis(this); |
73 | }, | 73 | }, |
74 | data () { | 74 | data () { |
75 | return { | 75 | return { |
76 | activeStep: 0, | 76 | activeStep: 0, |
77 | myValue: this.value, | 77 | myValue: this.value, |
78 | //是否查询 | 78 | //是否查询 |
79 | isSearch: false, | 79 | isSearch: false, |
80 | //查询结果列表字段 | 80 | //查询结果列表字段 |
81 | cxjgColumns: datas.columns(), | 81 | cxjgColumns: datas.columns(), |
82 | //申请人列表字段 | 82 | //申请人列表字段 |
83 | sqrColumns: datas.sqrCol(), | 83 | sqrColumns: datas.sqrCol(), |
84 | //权利人列表字段 | 84 | //权利人列表字段 |
85 | qlrColumns: datas.qlrCol(), | 85 | qlrColumns: datas.qlrCol(), |
86 | newData: { | 86 | newData: { |
87 | sqrxm: "", | 87 | sqrxm: "", |
88 | sqrzjlxbm: "", | 88 | sqrzjlxbm: "", |
89 | sqrzjhm: "", | 89 | sqrzjhm: "", |
90 | lxdh: "", | 90 | lxdh: "", |
91 | inputErr: false, | 91 | inputErr: false, |
92 | }, | 92 | }, |
93 | form: { | 93 | form: { |
94 | djSqcxDO: { ycqrgx: "1", cxyt: "",bdcqzh: "" }, | 94 | djSqcxDO: { ycqrgx: "1", cxyt: "", bdcqzh: "" }, |
95 | sqrList: [], | 95 | sqrList: [], |
96 | qlrList: [], | 96 | qlrList: [], |
97 | cxjgList: [], | 97 | cxjgList: [], |
98 | dyjlList: [], | 98 | dyjlList: [], |
99 | }, | ||
100 | }; | ||
101 | }, | ||
102 | watch: { | ||
103 | value (val) { | ||
104 | this.myValue = val; | ||
105 | let that = this | ||
106 | if (val) { | ||
107 | this.form.sqrList = [] | ||
108 | this.form.qlrList = [] | ||
109 | this.isSearch = false | ||
110 | if (this.sqcxBsm == "") { | ||
111 | that.add("sqr"); | ||
112 | that.add("qlr"); | ||
113 | } else { | ||
114 | that.loadData(); | ||
115 | } | ||
116 | } | ||
99 | }, | 117 | }, |
100 | }; | 118 | "form.djSqcxDO.ycqrgx" (val) { |
101 | }, | 119 | if (val == "1") { |
102 | watch: { | 120 | this.form.qlrList = _.cloneDeep(this.form.sqrList); |
103 | value (val) { | ||
104 | this.myValue = val; | ||
105 | let that = this | ||
106 | if (val) { | ||
107 | this.form.sqrList = [] | ||
108 | this.form.qlrList = [] | ||
109 | this.isSearch = false | ||
110 | if (this.sqcxBsm == "") { | ||
111 | that.add("sqr"); | ||
112 | that.add("qlr"); | ||
113 | } else { | 121 | } else { |
114 | that.loadData(); | 122 | this.form.qlrList = []; |
123 | this.add("qlr"); | ||
124 | } | ||
125 | }, | ||
126 | "form.sqrList" (val) { | ||
127 | if (this.form.djSqcxDO.ycqrgx == '1') { | ||
128 | this.form.qlrList = _.cloneDeep(this.form.sqrList) | ||
115 | } | 129 | } |
116 | } | 130 | } |
117 | }, | 131 | }, |
118 | "form.djSqcxDO.ycqrgx" (val) { | 132 | methods: { |
119 | if (val == "1") { | 133 | /** |
120 | this.form.qlrList = _.cloneDeep(this.form.sqrList); | 134 | * @description: closeDialog |
121 | } else { | 135 | * @author: renchao |
122 | this.form.qlrList = []; | 136 | */ |
123 | this.add("qlr"); | 137 | closeDialog () { |
124 | } | 138 | this.$emit("input", false); |
125 | }, | 139 | this.activeStep = 0; |
126 | "form.sqrList" (val) { | 140 | this.form = { |
127 | if (this.form.djSqcxDO.ycqrgx == '1') { | 141 | djSqcxDO: { ycqrgx: "1", cxyt: "", bdcqzh: "" }, |
128 | this.form.qlrList = _.cloneDeep(this.form.sqrList) | 142 | sqrList: [], |
129 | } | 143 | qlrList: [], |
130 | } | 144 | cxjgList: [], |
131 | }, | 145 | dyjlList: [], |
132 | methods: { | 146 | } |
133 | /** | 147 | }, |
134 | * @description: closeDialog | 148 | //加载详细信息 |
135 | * @author: renchao | 149 | /** |
136 | */ | 150 | * @description: 加载详细信息 |
137 | closeDialog () { | 151 | * @author: renchao |
138 | this.$emit("input", false); | 152 | */ |
139 | this.activeStep = 0; | 153 | loadData () { |
140 | this.form = { | 154 | this.$startLoading(); |
141 | djSqcxDO: { ycqrgx: "1", cxyt: "" ,bdcqzh: ""}, | 155 | getFwmxInfo({ sqcxBsm: this.sqcxBsm }).then((res) => { |
142 | sqrList: [], | 156 | this.$endLoading(); |
143 | qlrList: [], | 157 | if (res.code == 200) { |
144 | cxjgList: [], | 158 | this.activeStep = 2; |
145 | dyjlList: [], | 159 | this.isSearch = true; |
146 | } | 160 | this.$nextTick(() => { |
147 | }, | 161 | this.$refs.dydjbInfo.setResult(res.result) |
148 | //加载详细信息 | 162 | }) |
149 | /** | 163 | } |
150 | * @description: 加载详细信息 | 164 | }); |
151 | * @author: renchao | 165 | }, |
152 | */ | 166 | //查询结果 |
153 | loadData () { | 167 | /** |
154 | this.$startLoading(); | 168 | * @description: 查询结果 |
155 | getFwmxInfo({ sqcxBsm: this.sqcxBsm }).then((res) => { | 169 | * @author: renchao |
156 | this.$endLoading(); | 170 | */ |
157 | if (res.code == 200) { | 171 | queryChick () { |
158 | this.activeStep = 2; | 172 | this.$startLoading(); |
173 | this.activeStep = 1; | ||
174 | addFwmxCxjgXx(this.form).then((res) => { | ||
175 | this.$endLoading(); | ||
176 | if (res.code == 200) { | ||
177 | this.activeStep = 2; | ||
159 | this.isSearch = true; | 178 | this.isSearch = true; |
160 | this.$nextTick(() => { | 179 | this.$nextTick(() => { |
161 | this.$refs.dydjbInfo.setResult(res.result) | 180 | this.$refs.dydjbInfo.setResult(res.result) |
162 | }) | 181 | }) |
182 | this.$parent.queryClick(); | ||
183 | } | ||
184 | }); | ||
185 | }, | ||
186 | //重置 | ||
187 | /** | ||
188 | * @description: 重置 | ||
189 | * @author: renchao | ||
190 | */ | ||
191 | resetClick () { | ||
192 | this.form.djSqcxDO = { ycqrgx: "1", cxyt: "", bdcqzh: "" }; | ||
193 | this.form.sqrList = _.cloneDeep([this.newData]); | ||
194 | this.form.qlrList = _.cloneDeep([this.newData]); | ||
195 | this.form.cxjgList = []; | ||
196 | this.form.dyjlList = []; | ||
197 | this.isSearch = false; | ||
198 | }, | ||
199 | /** | ||
200 | * @description: handleRead | ||
201 | * @author: renchao | ||
202 | */ | ||
203 | handleRead (scope) { }, | ||
204 | //添加申请人或权利人 | ||
205 | /** | ||
206 | * @description: 添加申请人或权利人 | ||
207 | * @param {*} type | ||
208 | * @author: renchao | ||
209 | */ | ||
210 | add (type) { | ||
211 | if (type == "sqr") { | ||
212 | this.form.sqrList.push(_.cloneDeep(this.newData)); | ||
213 | } else { | ||
214 | this.form.qlrList.push(_.cloneDeep(this.newData)); | ||
163 | } | 215 | } |
164 | }); | 216 | }, |
165 | }, | 217 | //移除申请人或权利人 |
166 | //查询结果 | 218 | /** |
167 | /** | 219 | * @description: 移除申请人或权利人 |
168 | * @description: 查询结果 | 220 | * @param {*} index |
169 | * @author: renchao | 221 | * @param {*} row |
170 | */ | 222 | * @param {*} type |
171 | queryChick () { | 223 | * @author: renchao |
172 | this.$startLoading(); | 224 | */ |
173 | this.activeStep = 1; | 225 | remove (index, row, type) { |
174 | addFwmxCxjgXx(this.form).then((res) => { | 226 | if (type == "sqr") { |
175 | this.$endLoading(); | 227 | this.form.sqrList.splice(index, 1); |
176 | if (res.code == 200) { | 228 | } else { |
177 | this.activeStep = 2; | 229 | this.form.qlrList.splice(index, 1); |
178 | this.isSearch = true; | ||
179 | this.$nextTick(() => { | ||
180 | this.$refs.dydjbInfo.setResult(res.result) | ||
181 | }) | ||
182 | this.$parent.queryClick(); | ||
183 | } | 230 | } |
184 | }); | 231 | }, |
185 | }, | 232 | //电话号码校验 |
186 | //重置 | 233 | /** |
187 | /** | 234 | * @description: 电话号码校验 |
188 | * @description: 重置 | 235 | * @param {*} row |
189 | * @author: renchao | 236 | * @author: renchao |
190 | */ | 237 | */ |
191 | resetClick () { | 238 | teltest (row) { |
192 | this.form.djSqcxDO = { ycqrgx: "1", cxyt: "",bdcqzh: "" }; | 239 | const reg = /^1([38]\d|5[0-35-9]|7[3678])\d{8}$/; |
193 | this.form.sqrList = _.cloneDeep([this.newData]); | 240 | if (row.lxdh == "" || row.lxdh.length <= 10 || !reg.test(row.lxdh)) { |
194 | this.form.qlrList = _.cloneDeep([this.newData]); | 241 | row.inputErr = true; |
195 | this.form.cxjgList = []; | 242 | return false; |
196 | this.form.dyjlList = []; | 243 | } else { |
197 | this.isSearch = false; | 244 | row.inputErr = false; |
198 | }, | 245 | return true; |
199 | /** | 246 | } |
200 | * @description: handleRead | 247 | }, |
201 | * @author: renchao | ||
202 | */ | ||
203 | handleRead (scope) { }, | ||
204 | //添加申请人或权利人 | ||
205 | /** | ||
206 | * @description: 添加申请人或权利人 | ||
207 | * @param {*} type | ||
208 | * @author: renchao | ||
209 | */ | ||
210 | add (type) { | ||
211 | if (type == "sqr") { | ||
212 | this.form.sqrList.push(_.cloneDeep(this.newData)); | ||
213 | } else { | ||
214 | this.form.qlrList.push(_.cloneDeep(this.newData)); | ||
215 | } | ||
216 | }, | ||
217 | //移除申请人或权利人 | ||
218 | /** | ||
219 | * @description: 移除申请人或权利人 | ||
220 | * @param {*} index | ||
221 | * @param {*} row | ||
222 | * @param {*} type | ||
223 | * @author: renchao | ||
224 | */ | ||
225 | remove (index, row, type) { | ||
226 | if (type == "sqr") { | ||
227 | this.form.sqrList.splice(index, 1); | ||
228 | } else { | ||
229 | this.form.qlrList.splice(index, 1); | ||
230 | } | ||
231 | }, | ||
232 | //电话号码校验 | ||
233 | /** | ||
234 | * @description: 电话号码校验 | ||
235 | * @param {*} row | ||
236 | * @author: renchao | ||
237 | */ | ||
238 | teltest (row) { | ||
239 | const reg = /^1([38]\d|5[0-35-9]|7[3678])\d{8}$/; | ||
240 | if (row.lxdh == "" || row.lxdh.length <= 10 || !reg.test(row.lxdh)) { | ||
241 | row.inputErr = true; | ||
242 | return false; | ||
243 | } else { | ||
244 | row.inputErr = false; | ||
245 | return true; | ||
246 | } | ||
247 | }, | 248 | }, |
248 | }, | 249 | }; |
249 | }; | ||
250 | </script> | 250 | </script> |
251 | <style scoped lang="scss"> | 251 | <style scoped lang="scss"> |
252 | @import "~@/styles/mixin.scss"; | 252 | @import "~@/styles/mixin.scss"; |
253 | @import "~@/styles/public.scss"; | 253 | @import "~@/styles/public.scss"; |
254 | 254 | /deep/.dialog_title::before{ | |
255 | content: ""; | ||
256 | display: block; | ||
257 | width: 4px; | ||
258 | height: 18px; | ||
259 | background: none; | ||
260 | position: absolute; | ||
261 | top: -4px; | ||
262 | left: 0px; | ||
263 | } | ||
255 | .title { | 264 | .title { |
256 | padding-bottom: 10px; | 265 | padding-bottom: 10px; |
257 | margin-bottom: 10px; | 266 | margin-bottom: 10px; |
... | @@ -259,24 +268,48 @@ export default { | ... | @@ -259,24 +268,48 @@ export default { |
259 | border-bottom: 1px solid $borderColor; | 268 | border-bottom: 1px solid $borderColor; |
260 | } | 269 | } |
261 | 270 | ||
262 | .jtfccx-edit { | 271 | .jtfccx-edit { |
263 | @include flex; | 272 | @include flex; |
264 | flex-direction: column; | 273 | flex-direction: column; |
265 | overflow-y: hidden; | 274 | overflow-y: hidden; |
266 | max-height: 85vh; | 275 | max-height: 85vh; |
267 | padding: 0 2px; | 276 | padding: 0 2px; |
277 | |||
278 | .jtfccx-edit-con { | ||
279 | flex: 1; | ||
280 | height: 100%; | ||
281 | overflow-y: scroll; | ||
282 | } | ||
268 | 283 | ||
269 | .jtfccx-edit-con { | 284 | .submit-button { |
270 | flex: 1; | 285 | text-align: center; |
271 | height: 100%; | 286 | height: 52px; |
272 | overflow-y: scroll; | 287 | padding-top: 10px; |
288 | background-color: #fff; | ||
289 | } | ||
273 | } | 290 | } |
274 | 291 | ||
275 | .submit-button { | 292 | /deep/.el-dialog__headerbtn .el-dialog__close { |
276 | text-align: center; | 293 | color: #6B7A99 !important; |
277 | height: 52px; | 294 | position: relative; |
278 | padding-top: 10px; | 295 | top: -7px; |
279 | background-color: #fff; | 296 | } |
297 | /deep/.dialogBox .dialog_title{ | ||
298 | .el-icon-full-screen{ | ||
299 | color: #409eff!important; | ||
280 | } | 300 | } |
301 | b { | ||
302 | color: white; | ||
303 | flex: 0.1; | ||
304 | margin: auto; | ||
305 | text-align: center; | ||
306 | align-items: center; | ||
307 | } | ||
308 | } | ||
309 | /deep/.el-dialog__header { | ||
310 | background: linear-gradient(3deg, #409eff, #a7cbee); | ||
311 | } | ||
312 | /deep/.el-dialog__headerbtn .el-dialog__close{ | ||
313 | color: #409eff!important; | ||
281 | } | 314 | } |
282 | </style> | 315 | </style> | ... | ... |
... | @@ -51,7 +51,7 @@ | ... | @@ -51,7 +51,7 @@ |
51 | <el-col :span="12" class="btnColRight"> | 51 | <el-col :span="12" class="btnColRight"> |
52 | <el-form-item> | 52 | <el-form-item> |
53 | <el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button> | 53 | <el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button> |
54 | <el-button @click="moreQueryClick()">高级查询</el-button> | 54 | <!-- <el-button @click="moreQueryClick()">高级查询</el-button> --> |
55 | </el-form-item> | 55 | </el-form-item> |
56 | </el-col> | 56 | </el-col> |
57 | </el-row> | 57 | </el-row> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-29 09:50:32 | 4 | * @LastEditTime: 2023-08-30 08:40:36 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules"> | 7 | <el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules"> |
... | @@ -160,7 +160,6 @@ | ... | @@ -160,7 +160,6 @@ |
160 | this.ruleForm = item; | 160 | this.ruleForm = item; |
161 | this.editFlag = true; | 161 | this.editFlag = true; |
162 | }, | 162 | }, |
163 | //设计打印模板 | ||
164 | /** | 163 | /** |
165 | * @description: 设计打印模板 | 164 | * @description: 设计打印模板 |
166 | * @author: renchao | 165 | * @author: renchao |
... | @@ -169,6 +168,10 @@ | ... | @@ -169,6 +168,10 @@ |
169 | let that = this; | 168 | let that = this; |
170 | that.loadStatus = '1'; | 169 | that.loadStatus = '1'; |
171 | let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); | 170 | let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); |
171 | if (['zsdy', 'zmdy'].includes(that.ruleForm.tmpno)) { | ||
172 | LODOP.SET_PRINT_PAGESIZE(2, 0, 0, "B4"); // 设置纸张大小为 B4 | ||
173 | LODOP.SET_PRINT_MODE("RESELECT_ORIENT", true); // 手动设置方向 | ||
174 | } | ||
172 | LODOP.ADD_PRINT_DATA("ProgramData", this.ruleForm.tmpcontent); //装载模板 | 175 | LODOP.ADD_PRINT_DATA("ProgramData", this.ruleForm.tmpcontent); //装载模板 |
173 | //窗口关闭后,回调函数中保存的设计代码 | 176 | //窗口关闭后,回调函数中保存的设计代码 |
174 | if (LODOP.CVERSION) | 177 | if (LODOP.CVERSION) |
... | @@ -192,9 +195,6 @@ | ... | @@ -192,9 +195,6 @@ |
192 | that.loadStatus = '2'; | 195 | that.loadStatus = '2'; |
193 | }, 1000); | 196 | }, 1000); |
194 | }; | 197 | }; |
195 | if (['zsdy', 'zmdy'].includes(that.ruleForm.tmpno)) { | ||
196 | LODOP.SET_PRINT_MODE("RESELECT_ORIENT", true); // 设置为横向打印 | ||
197 | } | ||
198 | LODOP.PRINT_DESIGN(); //打印设计或者打印维护需要放到最后 | 198 | LODOP.PRINT_DESIGN(); //打印设计或者打印维护需要放到最后 |
199 | } | 199 | } |
200 | } | 200 | } | ... | ... |
... | @@ -5,7 +5,7 @@ | ... | @@ -5,7 +5,7 @@ |
5 | <el-row> | 5 | <el-row> |
6 | <el-col :span="24" class="btnColRight"> | 6 | <el-col :span="24" class="btnColRight"> |
7 | <el-form-item> | 7 | <el-form-item> |
8 | <el-button type="primary" @click="fetchData">查询</el-button> | 8 | <!-- <el-button type="primary" @click="fetchData">查询</el-button> --> |
9 | <el-button type="primary" @click="openAddDialog">新增</el-button> | 9 | <el-button type="primary" @click="openAddDialog">新增</el-button> |
10 | </el-form-item> | 10 | </el-form-item> |
11 | </el-col> | 11 | </el-col> | ... | ... |
... | @@ -4,27 +4,66 @@ | ... | @@ -4,27 +4,66 @@ |
4 | * @LastEditTime: 2023-08-16 16:45:42 | 4 | * @LastEditTime: 2023-08-16 16:45:42 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <dialogBox title="申请人信息" width="60%" isMain v-model="myValue" :isFullscreen="false" @submitForm="submitForm" | 7 | <dialogBox |
8 | @closeDialog="closeDialog" :isButton="showButton"> | 8 | title="申请人信息" |
9 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px"> | 9 | width="60%" |
10 | isMain | ||
11 | v-model="myValue" | ||
12 | :isFullscreen="false" | ||
13 | @submitForm="submitForm" | ||
14 | @closeDialog="closeDialog" | ||
15 | :isButton="showButton" | ||
16 | > | ||
17 | <el-form | ||
18 | :model="ruleForm" | ||
19 | :rules="rules" | ||
20 | ref="ruleForm" | ||
21 | label-width="120px" | ||
22 | > | ||
10 | <el-row> | 23 | <el-row> |
11 | <el-col :span="8"> | 24 | <el-col :span="8"> |
12 | <el-form-item label="权利人类型" prop="sqrlx"> | 25 | <el-form-item label="权利人类型" prop="sqrlx"> |
13 | <el-select clearable v-model="ruleForm.sqrlx" class="width100" :disabled="!showButton" placeholder="请选择"> | 26 | <el-select |
14 | <el-option v-for="item in dictData['A36']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 27 | clearable |
28 | v-model="ruleForm.sqrlx" | ||
29 | class="width100" | ||
30 | :disabled="!showButton" | ||
31 | placeholder="请选择" | ||
32 | > | ||
33 | <el-option | ||
34 | v-for="item in dictData['A36']" | ||
35 | :key="item.dcode" | ||
36 | :label="item.dname" | ||
37 | :value="item.dcode" | ||
38 | > | ||
15 | </el-option> | 39 | </el-option> |
16 | </el-select> | 40 | </el-select> |
17 | </el-form-item> | 41 | </el-form-item> |
18 | </el-col> | 42 | </el-col> |
19 | <el-col :span="8"> | 43 | <el-col :span="8"> |
20 | <el-form-item label="姓名/名称" prop="sqrmc"> | 44 | <el-form-item label="姓名/名称" prop="sqrmc"> |
21 | <el-input v-model="ruleForm.sqrmc" maxlegth="15" :disabled="!showButton"></el-input> | 45 | <el-input |
46 | v-model="ruleForm.sqrmc" | ||
47 | maxlegth="15" | ||
48 | :disabled="!showButton" | ||
49 | ></el-input> | ||
22 | </el-form-item> | 50 | </el-form-item> |
23 | </el-col> | 51 | </el-col> |
24 | <el-col :span="8"> | 52 | <el-col :span="8"> |
25 | <el-form-item label="证件种类" prop="zjzl"> | 53 | <el-form-item label="证件种类" prop="zjzl"> |
26 | <el-select clearable v-model="ruleForm.zjzl" :disabled="!showButton" class="width100" placeholder="请选择"> | 54 | <el-select |
27 | <el-option v-for="item in dictData['A30']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 55 | clearable |
56 | v-model="ruleForm.zjzl" | ||
57 | :disabled="!showButton" | ||
58 | class="width100" | ||
59 | placeholder="请选择" | ||
60 | > | ||
61 | <el-option | ||
62 | v-for="item in dictData['A30']" | ||
63 | :key="item.dcode" | ||
64 | :label="item.dname" | ||
65 | :value="item.dcode" | ||
66 | > | ||
28 | </el-option> | 67 | </el-option> |
29 | </el-select> | 68 | </el-select> |
30 | </el-form-item> | 69 | </el-form-item> |
... | @@ -33,35 +72,60 @@ | ... | @@ -33,35 +72,60 @@ |
33 | <el-row> | 72 | <el-row> |
34 | <el-col :span="8"> | 73 | <el-col :span="8"> |
35 | <el-form-item label="证件号" prop="zjh"> | 74 | <el-form-item label="证件号" prop="zjh"> |
36 | <el-input v-model="ruleForm.zjh" :disabled="!showButton" maxlength="15" oninput="this.value=this.value.replace(/[^\X0-9]/g,'')"></el-input> | 75 | <el-input |
76 | v-model="ruleForm.zjh" | ||
77 | :disabled="!showButton" | ||
78 | maxlength="18" | ||
79 | oninput="this.value=this.value.replace(/[^\X0-9]/g,'')" | ||
80 | ></el-input> | ||
37 | </el-form-item> | 81 | </el-form-item> |
38 | </el-col> | 82 | </el-col> |
39 | <el-col :span="8"> | 83 | <el-col :span="8"> |
40 | <el-form-item label="联系电话" prop="dh"> | 84 | <el-form-item label="联系电话" prop="dh"> |
41 | <el-input v-model="ruleForm.dh" :disabled="!showButton" maxlength="11" oninput="value=value.replace(/[^\d]/g,'')"></el-input> | 85 | <el-input |
86 | v-model="ruleForm.dh" | ||
87 | :disabled="!showButton" | ||
88 | maxlength="11" | ||
89 | oninput="value=value.replace(/[^\d]/g,'')" | ||
90 | ></el-input> | ||
42 | </el-form-item> | 91 | </el-form-item> |
43 | </el-col> | 92 | </el-col> |
44 | <el-col :span="8"> | 93 | <el-col :span="8"> |
45 | <el-form-item label="权利比例" prop="qlbl"> | 94 | <el-form-item label="权利比例" prop="qlbl"> |
46 | <el-input v-model="ruleForm.qlbl" :disabled="!showButton||this.ruleForm.gyfs==1"></el-input> | 95 | <el-input |
96 | v-model="ruleForm.qlbl" | ||
97 | maxlength="32" | ||
98 | :disabled="!showButton || this.ruleForm.gyfs == 1" | ||
99 | ></el-input> | ||
47 | </el-form-item> | 100 | </el-form-item> |
48 | </el-col> | 101 | </el-col> |
49 | |||
50 | </el-row> | 102 | </el-row> |
51 | <el-row> | 103 | <el-row> |
52 | <el-col :span="8"> | 104 | <el-col :span="8"> |
53 | <el-form-item label="法人名称" prop="frmc"> | 105 | <el-form-item label="法人名称" prop="frmc"> |
54 | <el-input v-model="ruleForm.frmc" :disabled="!showButton"></el-input> | 106 | <el-input |
107 | v-model="ruleForm.frmc" | ||
108 | maxlength="32" | ||
109 | :disabled="!showButton" | ||
110 | ></el-input> | ||
55 | </el-form-item> | 111 | </el-form-item> |
56 | </el-col> | 112 | </el-col> |
57 | <el-col :span="8"> | 113 | <el-col :span="8"> |
58 | <el-form-item label="国家/地区" prop="gj"> | 114 | <el-form-item label="国家/地区" prop="gj"> |
59 | <el-input v-model="ruleForm.gj" :disabled="!showButton"></el-input> | 115 | <el-input |
116 | v-model="ruleForm.gj" | ||
117 | maxlength="3" | ||
118 | :disabled="!showButton" | ||
119 | ></el-input> | ||
60 | </el-form-item> | 120 | </el-form-item> |
61 | </el-col> | 121 | </el-col> |
62 | <el-col :span="8"> | 122 | <el-col :span="8"> |
63 | <el-form-item label="户籍所在省市" prop="hjszss"> | 123 | <el-form-item label="户籍所在省市" prop="hjszss"> |
64 | <el-input v-model="ruleForm.hjszss" :disabled="!showButton"></el-input> | 124 | <el-input |
125 | v-model="ruleForm.hjszss" | ||
126 | maxlength="3" | ||
127 | :disabled="!showButton" | ||
128 | ></el-input> | ||
65 | </el-form-item> | 129 | </el-form-item> |
66 | </el-col> | 130 | </el-col> |
67 | </el-row> | 131 | </el-row> |
... | @@ -69,59 +133,102 @@ | ... | @@ -69,59 +133,102 @@ |
69 | <el-row> | 133 | <el-row> |
70 | <el-col :span="24"> | 134 | <el-col :span="24"> |
71 | <el-form-item label="地址" prop="txdz"> | 135 | <el-form-item label="地址" prop="txdz"> |
72 | <el-input v-model="ruleForm.txdz" :disabled="!showButton"></el-input> | 136 | <el-input |
137 | v-model="ruleForm.txdz" | ||
138 | maxlength="100" | ||
139 | :disabled="!showButton" | ||
140 | ></el-input> | ||
73 | </el-form-item> | 141 | </el-form-item> |
74 | </el-col> | 142 | </el-col> |
75 | |||
76 | </el-row> | 143 | </el-row> |
77 | 144 | ||
78 | <el-row> | 145 | <el-row> |
79 | <el-col :span="8"> | 146 | <el-col :span="8"> |
80 | <el-form-item label="发证机关" prop="fzjg"> | 147 | <el-form-item label="发证机关" prop="fzjg"> |
81 | <el-input v-model="ruleForm.fzjg" :disabled="!showButton"></el-input> | 148 | <el-input |
149 | v-model="ruleForm.fzjg" | ||
150 | maxlength="10" | ||
151 | :disabled="!showButton" | ||
152 | ></el-input> | ||
82 | </el-form-item> | 153 | </el-form-item> |
83 | </el-col> | 154 | </el-col> |
84 | <el-col :span="8"> | 155 | <el-col :span="8"> |
85 | <el-form-item label="电子邮件" prop="dzyj"> | 156 | <el-form-item label="电子邮件" prop="dzyj"> |
86 | <el-input v-model="ruleForm.dzyj" :disabled="!showButton"></el-input> | 157 | <el-input |
158 | v-model="ruleForm.dzyj" | ||
159 | :disabled="!showButton" | ||
160 | maxlength="25" | ||
161 | ></el-input> | ||
87 | </el-form-item> | 162 | </el-form-item> |
88 | </el-col> | 163 | </el-col> |
89 | <el-col :span="8"> | 164 | <el-col :span="8"> |
90 | <el-form-item label="邮编" prop="yb"> | 165 | <el-form-item label="邮编" prop="yb"> |
91 | <el-input v-model="ruleForm.yb" :disabled="!showButton"></el-input> | 166 | <el-input |
167 | v-model.number="ruleForm.yb" | ||
168 | :disabled="!showButton" | ||
169 | maxlength="6" | ||
170 | oninput="value=value.replace(/[^\d]/g,'')" | ||
171 | ></el-input> | ||
92 | </el-form-item> | 172 | </el-form-item> |
93 | </el-col> | 173 | </el-col> |
94 | |||
95 | </el-row> | 174 | </el-row> |
96 | 175 | ||
97 | <el-row> | 176 | <el-row> |
98 | <el-col :span="8"> | 177 | <el-col :span="8"> |
99 | <el-form-item label="工作单位" prop="gzdw"> | 178 | <el-form-item label="工作单位" prop="gzdw"> |
100 | <el-input v-model="ruleForm.gzdw" :disabled="!showButton"></el-input> | 179 | <el-input |
180 | v-model="ruleForm.gzdw" | ||
181 | maxlength="32" | ||
182 | :disabled="!showButton" | ||
183 | ></el-input> | ||
101 | </el-form-item> | 184 | </el-form-item> |
102 | </el-col> | 185 | </el-col> |
103 | <el-col :span="16"> | 186 | <el-col :span="16"> |
104 | <el-form-item label="代理机构" prop="dlrjg"> | 187 | <el-form-item label="代理机构" prop="dlrjg"> |
105 | <el-input v-model="ruleForm.dlrjg" :disabled="!showButton"></el-input> | 188 | <el-input |
189 | v-model="ruleForm.dlrjg" | ||
190 | maxlength="32" | ||
191 | :disabled="!showButton" | ||
192 | ></el-input> | ||
106 | </el-form-item> | 193 | </el-form-item> |
107 | </el-col> | 194 | </el-col> |
108 | </el-row> | 195 | </el-row> |
109 | 196 | ||
110 | <el-row> | 197 | <el-row> |
111 | <el-col :span="8"> | 198 | <el-col :span="8"> |
112 | <el-form-item label="联系电话" prop="dlrdh"> | 199 | <el-form-item label="代理人电话" prop="dlrdh"> |
113 | <el-input v-model="ruleForm.dlrdh" :disabled="!showButton" maxlength="11" oninput="value=value.replace(/[^\d]/g,'')"></el-input> | 200 | <el-input |
201 | v-model="ruleForm.dlrdh" | ||
202 | :disabled="!showButton" | ||
203 | maxlength="11" | ||
204 | oninput="value=value.replace(/[^\d]/g,'')" | ||
205 | ></el-input> | ||
114 | </el-form-item> | 206 | </el-form-item> |
115 | </el-col> | 207 | </el-col> |
116 | <el-col :span="8"> | 208 | <el-col :span="8"> |
117 | <el-form-item label="代理人姓名" prop="dlrmc"> | 209 | <el-form-item label="代理人姓名" prop="dlrmc"> |
118 | <el-input v-model="ruleForm.dlrmc" :disabled="!showButton"></el-input> | 210 | <el-input |
211 | v-model="ruleForm.dlrmc" | ||
212 | maxlength="15" | ||
213 | :disabled="!showButton" | ||
214 | ></el-input> | ||
119 | </el-form-item> | 215 | </el-form-item> |
120 | </el-col> | 216 | </el-col> |
121 | <el-col :span="8"> | 217 | <el-col :span="8"> |
122 | <el-form-item label="代理人证件类型" prop="dlrzjlx"> | 218 | <el-form-item label="代理人证件类型" prop="dlrzjlx"> |
123 | <el-select clearable v-model="ruleForm.dlrzjlx" :disabled="!showButton" class="width100" placeholder="请选择"> | 219 | <el-select |
124 | <el-option v-for="item in dictData['A30']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 220 | clearable |
221 | v-model="ruleForm.dlrzjlx" | ||
222 | :disabled="!showButton" | ||
223 | class="width100" | ||
224 | placeholder="请选择" | ||
225 | > | ||
226 | <el-option | ||
227 | v-for="item in dictData['A30']" | ||
228 | :key="item.dcode" | ||
229 | :label="item.dname" | ||
230 | :value="item.dcode" | ||
231 | > | ||
125 | </el-option> | 232 | </el-option> |
126 | </el-select> | 233 | </el-select> |
127 | </el-form-item> | 234 | </el-form-item> |
... | @@ -130,15 +237,31 @@ | ... | @@ -130,15 +237,31 @@ |
130 | <el-row> | 237 | <el-row> |
131 | <el-col :span="8"> | 238 | <el-col :span="8"> |
132 | <el-form-item label="性别" prop="xb"> | 239 | <el-form-item label="性别" prop="xb"> |
133 | <el-select clearable v-model="ruleForm.xb" :disabled="!showButton" class="width100" placeholder="请选择"> | 240 | <el-select |
134 | <el-option v-for="item in dictData['A43']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 241 | clearable |
242 | v-model="ruleForm.xb" | ||
243 | :disabled="!showButton" | ||
244 | class="width100" | ||
245 | placeholder="请选择" | ||
246 | > | ||
247 | <el-option | ||
248 | v-for="item in dictData['A43']" | ||
249 | :key="item.dcode" | ||
250 | :label="item.dname" | ||
251 | :value="item.dcode" | ||
252 | > | ||
135 | </el-option> | 253 | </el-option> |
136 | </el-select> | 254 | </el-select> |
137 | </el-form-item> | 255 | </el-form-item> |
138 | </el-col> | 256 | </el-col> |
139 | <el-col :span="8"> | 257 | <el-col :span="8"> |
140 | <el-form-item label="代理人证件号" prop="dlrzjh"> | 258 | <el-form-item label="代理人证件号" prop="dlrzjh"> |
141 | <el-input v-model="ruleForm.dlrzjh" :disabled="!showButton" maxlength="20"></el-input> | 259 | <el-input |
260 | v-model="ruleForm.dlrzjh" | ||
261 | :disabled="!showButton" | ||
262 | maxlength="18" | ||
263 | oninput="this.value=this.value.replace(/[^\X0-9]/g,'')" | ||
264 | ></el-input> | ||
142 | </el-form-item> | 265 | </el-form-item> |
143 | </el-col> | 266 | </el-col> |
144 | </el-row> | 267 | </el-row> |
... | @@ -146,94 +269,94 @@ | ... | @@ -146,94 +269,94 @@ |
146 | </dialogBox> | 269 | </dialogBox> |
147 | </template> | 270 | </template> |
148 | <script> | 271 | <script> |
149 | import { mapGetters } from "vuex"; | 272 | import { mapGetters } from "vuex"; |
150 | export default { | 273 | export default { |
151 | props: { | 274 | props: { |
152 | value: { type: Boolean, default: false }, | 275 | value: { type: Boolean, default: false }, |
153 | details: { type: Object, default: {} }, | 276 | details: { type: Object, default: {} }, |
154 | showButton: { type: Boolean, default: false } | 277 | showButton: { type: Boolean, default: false }, |
155 | }, | 278 | }, |
156 | computed: { | 279 | computed: { |
157 | ...mapGetters(["dictData"]), | 280 | ...mapGetters(["dictData"]), |
158 | }, | 281 | }, |
159 | data () { | 282 | data() { |
160 | return { | 283 | return { |
161 | myValue: this.value, | 284 | myValue: this.value, |
162 | ruleForm: { | 285 | ruleForm: { |
163 | sqrlx: "", | 286 | sqrlx: "", |
164 | sqrmc: "", | 287 | sqrmc: "", |
165 | zjzl: "", | 288 | zjzl: "", |
166 | zjh: "", | 289 | zjh: "", |
167 | dh: "", | 290 | dh: "", |
168 | xb: "", | 291 | xb: "", |
169 | fs: "", | 292 | fs: "", |
170 | frmc: "", | 293 | frmc: "", |
171 | gj: "", | 294 | gj: "", |
172 | hjszss: "", | 295 | hjszss: "", |
173 | txdz: "", | 296 | txdz: "", |
174 | yb: "", | 297 | yb: "", |
175 | fzjg: "", | 298 | fzjg: "", |
176 | dzyj: "", | 299 | dzyj: "", |
177 | qlbl: "", | 300 | qlbl: "", |
178 | gzdw: "", | 301 | gzdw: "", |
179 | dlrjg: "", | 302 | dlrjg: "", |
180 | dlrmc: "", | 303 | dlrmc: "", |
181 | dlrzjlx: "", | 304 | dlrzjlx: "", |
182 | dlrzjh: "", | 305 | dlrzjh: "", |
183 | dlrdh: "", | 306 | dlrdh: "", |
184 | }, | ||
185 | rules: { | ||
186 | sqrlx: [{ required: true, message: "权利人类型", trigger: "change" }], | ||
187 | sqrmc: [{ required: true, message: "姓名/名称", trigger: "blur" }], | ||
188 | zjzl: [{ required: true, message: "证件种类", trigger: "change" }], | ||
189 | zjh: [{ required: true, message: "证件号", trigger: "blur" }], | ||
190 | } | ||
191 | } | ||
192 | }, | ||
193 | watch: { | ||
194 | value (val) { | ||
195 | this.myValue = _.cloneDeep(val); | ||
196 | }, | 307 | }, |
197 | details: { | 308 | rules: { |
198 | handler: function (val, oldVal) { | 309 | sqrlx: [{ required: true, message: "权利人类型", trigger: "change" }], |
199 | this.ruleForm = val; | 310 | sqrmc: [{ required: true, message: "姓名/名称", trigger: "blur" }], |
200 | }, | 311 | zjzl: [{ required: true, message: "证件种类", trigger: "change" }], |
201 | deep: true, | 312 | zjh: [{ required: true, message: "证件号", trigger: "blur" }], |
202 | }, | 313 | }, |
314 | }; | ||
315 | }, | ||
316 | watch: { | ||
317 | value(val) { | ||
318 | this.myValue = _.cloneDeep(val); | ||
203 | }, | 319 | }, |
204 | methods: { | 320 | details: { |
205 | /** | 321 | handler: function (val, oldVal) { |
206 | * @description: closeDialog | 322 | this.ruleForm = val; |
207 | * @author: renchao | ||
208 | */ | ||
209 | closeDialog () { | ||
210 | this.$emit("input", false); | ||
211 | this.$refs["ruleForm"].resetFields(); | ||
212 | }, | ||
213 | /** | ||
214 | * @description: submitForm | ||
215 | * @author: renchao | ||
216 | */ | ||
217 | submitForm () { | ||
218 | this.$refs.ruleForm.validate((valid) => { | ||
219 | if (valid) { | ||
220 | this.$emit("input", false); | ||
221 | this.$emit("updateDetail", _.cloneDeep(this.ruleForm)); | ||
222 | this.$refs['ruleForm'].resetFields(); | ||
223 | } else { | ||
224 | return false; | ||
225 | } | ||
226 | }); | ||
227 | }, | 323 | }, |
324 | deep: true, | ||
325 | }, | ||
326 | }, | ||
327 | methods: { | ||
328 | /** | ||
329 | * @description: closeDialog | ||
330 | * @author: renchao | ||
331 | */ | ||
332 | closeDialog() { | ||
333 | this.$emit("input", false); | ||
334 | this.$refs["ruleForm"].resetFields(); | ||
335 | }, | ||
336 | /** | ||
337 | * @description: submitForm | ||
338 | * @author: renchao | ||
339 | */ | ||
340 | submitForm() { | ||
341 | this.$refs.ruleForm.validate((valid) => { | ||
342 | if (valid) { | ||
343 | this.$emit("input", false); | ||
344 | this.$emit("updateDetail", _.cloneDeep(this.ruleForm)); | ||
345 | this.$refs["ruleForm"].resetFields(); | ||
346 | } else { | ||
347 | return false; | ||
348 | } | ||
349 | }); | ||
228 | }, | 350 | }, |
229 | }; | 351 | }, |
352 | }; | ||
230 | </script> | 353 | </script> |
231 | <style scoped lang="scss"> | 354 | <style scoped lang="scss"> |
232 | @import "~@/styles/dialogBoxheader.scss"; | 355 | @import "~@/styles/dialogBoxheader.scss"; |
233 | .submit-button { | 356 | .submit-button { |
234 | text-align: center; | 357 | text-align: center; |
235 | height: 52px; | 358 | height: 52px; |
236 | padding-top: 10px; | 359 | padding-top: 10px; |
237 | background-color: #fff; | 360 | background-color: #fff; |
238 | } | 361 | } |
239 | </style> | 362 | </style> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-28 17:22:23 | 4 | * @LastEditTime: 2023-08-30 10:36:11 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div> | 7 | <div> |
... | @@ -154,6 +154,7 @@ | ... | @@ -154,6 +154,7 @@ |
154 | drawTextOnImage () { | 154 | drawTextOnImage () { |
155 | function getByteLen (val) { | 155 | function getByteLen (val) { |
156 | var len = 0; | 156 | var len = 0; |
157 | if (!val) return len; | ||
157 | for (var i = 0; i < val.length; i++) { | 158 | for (var i = 0; i < val.length; i++) { |
158 | var length = val.charCodeAt(i); | 159 | var length = val.charCodeAt(i); |
159 | if (length >= 0 && length <= 128) { | 160 | if (length >= 0 && length <= 128) { |
... | @@ -251,18 +252,18 @@ | ... | @@ -251,18 +252,18 @@ |
251 | arr.push(currentLine); | 252 | arr.push(currentLine); |
252 | if (i > 0) { | 253 | if (i > 0) { |
253 | arr.forEach((line, index) => { | 254 | arr.forEach((line, index) => { |
254 | context.fillText(line, 129, 490 + (28 * (i - 1)) + 5 * num + (index * 14)); // 调整行高 | 255 | context.fillText(line, 129, 480 + (26 * (i - 1)) + 5 * num + (index * 13)); // 调整行高 |
255 | }) | 256 | }) |
256 | } else { | 257 | } else { |
257 | arr.forEach((line, index) => { | 258 | arr.forEach((line, index) => { |
258 | context.fillText(line, 129, 490 + (28 * (i - 1)) + (index * 14)); // 调整行高 | 259 | context.fillText(line, 129, 480 + (26 * (i - 1)) + (index * 13)); // 调整行高 |
259 | }) | 260 | }) |
260 | } | 261 | } |
261 | } else { | 262 | } else { |
262 | if (i > 0) { | 263 | if (i > 0) { |
263 | context.fillText(lines[i] ? lines[i] : '', 129, 495 + 5 * num + (30 * (i - 1))); | 264 | context.fillText(lines[i] ? lines[i] : '', 129, 490 + 4 * num + (24 * (i - 1))); |
264 | } else { | 265 | } else { |
265 | context.fillText(lines[i] ? lines[i] : '', 129, 495 + (30 * (i - 1))); | 266 | context.fillText(lines[i] ? lines[i] : '', 129, 490 + (24 * (i - 1))); |
266 | } | 267 | } |
267 | } | 268 | } |
268 | } | 269 | } |
... | @@ -382,6 +383,7 @@ | ... | @@ -382,6 +383,7 @@ |
382 | drawTextzmImage () { | 383 | drawTextzmImage () { |
383 | function getByteLen (val) { | 384 | function getByteLen (val) { |
384 | var len = 0; | 385 | var len = 0; |
386 | if (!val) return len; | ||
385 | for (var i = 0; i < val.length; i++) { | 387 | for (var i = 0; i < val.length; i++) { |
386 | var length = val.charCodeAt(i); | 388 | var length = val.charCodeAt(i); |
387 | if (length >= 0 && length <= 128) { | 389 | if (length >= 0 && length <= 128) { |
... | @@ -494,9 +496,9 @@ | ... | @@ -494,9 +496,9 @@ |
494 | } | 496 | } |
495 | } else { | 497 | } else { |
496 | if (i > 0) { | 498 | if (i > 0) { |
497 | context.fillText(lines[i] ? lines[i] : '', 770, 450 + 5 * num + (23 * (i - 1))); | 499 | context.fillText(lines[i] ? lines[i] : '', 770, 447 + 6 * num + (23 * (i - 1))); |
498 | } else { | 500 | } else { |
499 | context.fillText(lines[i] ? lines[i] : '', 770, 450 + (23 * (i - 1))); | 501 | context.fillText(lines[i] ? lines[i] : '', 770, 447 + (23 * (i - 1))); |
500 | } | 502 | } |
501 | } | 503 | } |
502 | } | 504 | } | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-29 09:56:47 | 4 | * @LastEditTime: 2023-08-30 10:33:52 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;"> | 7 | <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;"> |
... | @@ -223,18 +223,18 @@ | ... | @@ -223,18 +223,18 @@ |
223 | arr.push(currentLine); | 223 | arr.push(currentLine); |
224 | if (i > 0) { | 224 | if (i > 0) { |
225 | arr.forEach((line, index) => { | 225 | arr.forEach((line, index) => { |
226 | context.fillText(line, 129, 485 + (28 * (i - 1)) + 5 * num + (index * 14)); // 调整行高 | 226 | context.fillText(line, 129, 480 + (26 * (i - 1)) + 5 * num + (index * 13)); // 调整行高 |
227 | }) | 227 | }) |
228 | } else { | 228 | } else { |
229 | arr.forEach((line, index) => { | 229 | arr.forEach((line, index) => { |
230 | context.fillText(line, 129, 485 + (28 * (i - 1)) + (index * 14)); // 调整行高 | 230 | context.fillText(line, 129, 480 + (26 * (i - 1)) + (index * 13)); // 调整行高 |
231 | }) | 231 | }) |
232 | } | 232 | } |
233 | } else { | 233 | } else { |
234 | if (i > 0) { | 234 | if (i > 0) { |
235 | context.fillText(lines[i] ? lines[i] : '', 129, 495 + 5 * num + (25 * (i - 1))); | 235 | context.fillText(lines[i] ? lines[i] : '', 129, 490 + 4 * num + (24 * (i - 1))); |
236 | } else { | 236 | } else { |
237 | context.fillText(lines[i] ? lines[i] : '', 129, 495 + (25 * (i - 1))); | 237 | context.fillText(lines[i] ? lines[i] : '', 129, 495 + (24 * (i - 1))); |
238 | } | 238 | } |
239 | } | 239 | } |
240 | } | 240 | } |
... | @@ -354,6 +354,7 @@ | ... | @@ -354,6 +354,7 @@ |
354 | drawTextzmImage () { | 354 | drawTextzmImage () { |
355 | function getByteLen (val) { | 355 | function getByteLen (val) { |
356 | var len = 0; | 356 | var len = 0; |
357 | if (!val) return len; | ||
357 | for (var i = 0; i < val.length; i++) { | 358 | for (var i = 0; i < val.length; i++) { |
358 | var length = val.charCodeAt(i); | 359 | var length = val.charCodeAt(i); |
359 | if (length >= 0 && length <= 128) { | 360 | if (length >= 0 && length <= 128) { |
... | @@ -460,11 +461,11 @@ | ... | @@ -460,11 +461,11 @@ |
460 | arr.push(currentLine); | 461 | arr.push(currentLine); |
461 | if (i > 0) { | 462 | if (i > 0) { |
462 | arr.forEach((line, index) => { | 463 | arr.forEach((line, index) => { |
463 | context.fillText(line, 770, 438 + (23 * (i - 1)) + 5 * num + (index * 16)); // 调整行高 | 464 | context.fillText(line, 770, 438 + (23 * (i - 1)) + 5 * num + (index * 18)); // 调整行高 |
464 | }) | 465 | }) |
465 | } else { | 466 | } else { |
466 | arr.forEach((line, index) => { | 467 | arr.forEach((line, index) => { |
467 | context.fillText(line, 770, 438 + (23 * (i - 1)) + (index * 16)); // 调整行高 | 468 | context.fillText(line, 770, 438 + (23 * (i - 1)) + (index * 18)); // 调整行高 |
468 | }) | 469 | }) |
469 | } | 470 | } |
470 | } else { | 471 | } else { | ... | ... |
... | @@ -89,6 +89,7 @@ | ... | @@ -89,6 +89,7 @@ |
89 | <el-table-column prop="jzmj" label="建筑面积" min-width="100"> | 89 | <el-table-column prop="jzmj" label="建筑面积" min-width="100"> |
90 | <template slot-scope="scope"> | 90 | <template slot-scope="scope"> |
91 | <el-input | 91 | <el-input |
92 | maxlength="12" | ||
92 | class="item" | 93 | class="item" |
93 | :disabled="!ableOperation" | 94 | :disabled="!ableOperation" |
94 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 95 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-29 09:31:15 | 4 | * @LastEditTime: 2023-08-29 10:03:25 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="szxx"> | 7 | <div class="szxx"> |
... | @@ -136,9 +136,9 @@ | ... | @@ -136,9 +136,9 @@ |
136 | store.dispatch('user/reWorkFresh', false) | 136 | store.dispatch('user/reWorkFresh', false) |
137 | if (type == 1) { | 137 | if (type == 1) { |
138 | //证书预览 | 138 | //证书预览 |
139 | this.$popupDialog("证书预览", "workflow/components/dialog/zsyl", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "70%", true); | 139 | this.$popupDialog("证书预览", "workflow/components/dialog/zsyl", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "76%", true); |
140 | } else { | 140 | } else { |
141 | this.$popupDialog("证书证明打印", "workflow/components/dialog/zsdy", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "75%", true); | 141 | this.$popupDialog("证书证明打印", "workflow/components/dialog/zsdy", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "76%", true); |
142 | } | 142 | } |
143 | }, | 143 | }, |
144 | //再次打印 | 144 | //再次打印 |
... | @@ -294,19 +294,19 @@ | ... | @@ -294,19 +294,19 @@ |
294 | justify-content: flex-end; | 294 | justify-content: flex-end; |
295 | } | 295 | } |
296 | } | 296 | } |
297 | .box-card{ | 297 | .box-card { |
298 | .szxx_header{ | 298 | .szxx_header { |
299 | color: #303133; | 299 | color: #303133; |
300 | } | 300 | } |
301 | // 证书背景色 | 301 | // 证书背景色 |
302 | /deep/.el-card__header { | 302 | /deep/.el-card__header { |
303 | background-color: #e2dfe0; | 303 | background-color: #e2dfe0; |
304 | } | 304 | } |
305 | } | 305 | } |
306 | .bg-red{ | 306 | .bg-red { |
307 | .szxx_header{ | 307 | .szxx_header { |
308 | color: #FFF; | 308 | color: #fff; |
309 | } | 309 | } |
310 | /deep/.el-card__header { | 310 | /deep/.el-card__header { |
311 | background-color: rgb(198, 67, 83); | 311 | background-color: rgb(198, 67, 83); |
312 | } | 312 | } | ... | ... |
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-25 10:00:18 | 4 | * @LastEditTime: 2023-08-29 12:55:07 |
5 | */ | 5 | */ |
6 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
7 | let vm = null | 7 | let vm = null |
... | @@ -40,10 +40,15 @@ class data extends filter { | ... | @@ -40,10 +40,15 @@ class data extends filter { |
40 | } | 40 | } |
41 | }, | 41 | }, |
42 | { | 42 | { |
43 | prop: "qllx", | 43 | label: "权利类型", |
44 | label: "权利类型", | ||
45 | width: '100', | 44 | width: '100', |
46 | showOverflowTooltip: true | 45 | render: (h, scope) => { |
46 | return ( | ||
47 | <el-tooltip effect="dark" content={scope.row.qllx} placement="top" popper-class="tooltip-width "> | ||
48 | <span class="ellipsis-table"> {scope.row.qllx}</span> | ||
49 | </el-tooltip> | ||
50 | ) | ||
51 | } | ||
47 | }, | 52 | }, |
48 | { | 53 | { |
49 | prop: "ysxlh", | 54 | prop: "ysxlh", |
... | @@ -64,16 +69,26 @@ class data extends filter { | ... | @@ -64,16 +69,26 @@ class data extends filter { |
64 | label: "义务人" | 69 | label: "义务人" |
65 | }, | 70 | }, |
66 | { | 71 | { |
67 | prop: "mj", | ||
68 | label: "面积(㎡)", | 72 | label: "面积(㎡)", |
69 | width: '100', | 73 | width: '100', |
70 | showOverflowTooltip: true | 74 | render: (h, scope) => { |
75 | return ( | ||
76 | <el-tooltip effect="dark" content={scope.row.mj} placement="top" popper-class="tooltip-width "> | ||
77 | <span class="ellipsis-table"> {scope.row.mj}</span> | ||
78 | </el-tooltip> | ||
79 | ) | ||
80 | } | ||
71 | }, | 81 | }, |
72 | { | 82 | { |
73 | prop: "zl", | ||
74 | label: "坐落", | 83 | label: "坐落", |
75 | width: '100', | 84 | minWidth: '150', |
76 | showOverflowTooltip: true | 85 | render: (h, scope) => { |
86 | return ( | ||
87 | <el-tooltip effect="dark" content={scope.row.zl} placement="top" popper-class="tooltip-width "> | ||
88 | <span class="ellipsis-table"> {scope.row.zl}</span> | ||
89 | </el-tooltip> | ||
90 | ) | ||
91 | } | ||
77 | }, | 92 | }, |
78 | { | 93 | { |
79 | prop: "fzsj", | 94 | prop: "fzsj", |
... | @@ -130,10 +145,15 @@ class data extends filter { | ... | @@ -130,10 +145,15 @@ class data extends filter { |
130 | label: "义务人" | 145 | label: "义务人" |
131 | }, | 146 | }, |
132 | { | 147 | { |
133 | prop: "mj", | ||
134 | label: "面积(㎡)", | 148 | label: "面积(㎡)", |
135 | width: '100', | 149 | width: '100', |
136 | showOverflowTooltip: true | 150 | render: (h, scope) => { |
151 | return ( | ||
152 | <el-tooltip effect="dark" content={scope.row.mj} placement="top" popper-class="tooltip-width "> | ||
153 | <span class="ellipsis-table"> {scope.row.mj}</span> | ||
154 | </el-tooltip> | ||
155 | ) | ||
156 | } | ||
137 | }, | 157 | }, |
138 | { | 158 | { |
139 | prop: "zl", | 159 | prop: "zl", | ... | ... |
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-25 09:06:19 | 4 | * @LastEditTime: 2023-08-29 13:04:29 |
5 | */ | 5 | */ |
6 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
7 | let vm = null | 7 | let vm = null |
... | @@ -57,10 +57,15 @@ class data extends filter { | ... | @@ -57,10 +57,15 @@ class data extends filter { |
57 | width: '112' | 57 | width: '112' |
58 | }, | 58 | }, |
59 | { | 59 | { |
60 | prop: "cznr", | ||
61 | label: "操作内容", | 60 | label: "操作内容", |
62 | width: '500', | 61 | width: '500', |
63 | showOverflowTooltip: true | 62 | render: (h, scope) => { |
63 | return ( | ||
64 | <el-tooltip effect="dark" content={scope.row.cznr} placement="top" popper-class="tooltip-width "> | ||
65 | <span class="ellipsis-table"> {scope.row.cznr}</span> | ||
66 | </el-tooltip> | ||
67 | ) | ||
68 | } | ||
64 | }, | 69 | }, |
65 | { | 70 | { |
66 | label: '操作', | 71 | label: '操作', | ... | ... |
... | @@ -107,12 +107,12 @@ | ... | @@ -107,12 +107,12 @@ |
107 | <el-row :gutter="10" v-if="ruleForm.fdcq1"> | 107 | <el-row :gutter="10" v-if="ruleForm.fdcq1"> |
108 | <el-col :span="8"> | 108 | <el-col :span="8"> |
109 | <el-form-item label="独用土地面积:"> | 109 | <el-form-item label="独用土地面积:"> |
110 | <el-input :disabled="!viewEdit" v-model="ruleForm.fdcq1.dytdmj"></el-input> | 110 | <el-input :disabled="!viewEdit" maxlength="12" v-model="ruleForm.fdcq1.dytdmj"></el-input> |
111 | </el-form-item> | 111 | </el-form-item> |
112 | </el-col> | 112 | </el-col>1 |
113 | <el-col :span="8"> | 113 | <el-col :span="8"> |
114 | <el-form-item label="分摊土地面积:"> | 114 | <el-form-item label="分摊土地面积:"> |
115 | <el-input :disabled="!viewEdit" v-model="ruleForm.fdcq1.fttdmj"></el-input> | 115 | <el-input :disabled="!viewEdit" maxlength="12" v-model="ruleForm.fdcq1.fttdmj"></el-input> |
116 | </el-form-item> | 116 | </el-form-item> |
117 | </el-col> | 117 | </el-col> |
118 | 118 | ||
... | @@ -120,6 +120,7 @@ | ... | @@ -120,6 +120,7 @@ |
120 | <el-form-item label="房地产交易价格:"> | 120 | <el-form-item label="房地产交易价格:"> |
121 | <div class="flex"> | 121 | <div class="flex"> |
122 | <el-input | 122 | <el-input |
123 | maxlength="11" | ||
123 | :disabled="!viewEdit" | 124 | :disabled="!viewEdit" |
124 | v-model="ruleForm.fdcq1.fdcjyjg" | 125 | v-model="ruleForm.fdcq1.fdcjyjg" |
125 | style="width: 500%" | 126 | style="width: 500%" | ... | ... |
... | @@ -115,6 +115,7 @@ | ... | @@ -115,6 +115,7 @@ |
115 | <el-form-item label="独用土地面积:"> | 115 | <el-form-item label="独用土地面积:"> |
116 | <div class="flex"> | 116 | <div class="flex"> |
117 | <el-input | 117 | <el-input |
118 | maxlength="12" | ||
118 | v-model="ruleForm.fdcq2.dytdmj" | 119 | v-model="ruleForm.fdcq2.dytdmj" |
119 | :disabled="!viewEdit" | 120 | :disabled="!viewEdit" |
120 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 121 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
... | @@ -133,6 +134,7 @@ | ... | @@ -133,6 +134,7 @@ |
133 | <el-form-item label="分摊土地面积:"> | 134 | <el-form-item label="分摊土地面积:"> |
134 | <div class="flex"> | 135 | <div class="flex"> |
135 | <el-input | 136 | <el-input |
137 | maxlength="12" | ||
136 | v-model="ruleForm.fdcq2.fttdmj" | 138 | v-model="ruleForm.fdcq2.fttdmj" |
137 | :disabled="!viewEdit" | 139 | :disabled="!viewEdit" |
138 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 140 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
... | @@ -201,6 +203,7 @@ | ... | @@ -201,6 +203,7 @@ |
201 | <el-col :span="8"> | 203 | <el-col :span="8"> |
202 | <el-form-item label="所在层:"> | 204 | <el-form-item label="所在层:"> |
203 | <el-input | 205 | <el-input |
206 | maxlength="20" | ||
204 | v-model="ruleForm.fdcq2.szc" | 207 | v-model="ruleForm.fdcq2.szc" |
205 | :disabled="!viewEdit"></el-input> | 208 | :disabled="!viewEdit"></el-input> |
206 | </el-form-item> | 209 | </el-form-item> |
... | @@ -208,6 +211,7 @@ | ... | @@ -208,6 +211,7 @@ |
208 | <el-col :span="8"> | 211 | <el-col :span="8"> |
209 | <el-form-item label="总层数:"> | 212 | <el-form-item label="总层数:"> |
210 | <el-input | 213 | <el-input |
214 | maxlength="4" | ||
211 | :disabled="!viewEdit" | 215 | :disabled="!viewEdit" |
212 | v-model.number="ruleForm.fdcq2.zcs" | 216 | v-model.number="ruleForm.fdcq2.zcs" |
213 | oninput="value=value.replace(/[^0-9]/g,'')"></el-input> | 217 | oninput="value=value.replace(/[^0-9]/g,'')"></el-input> |
... | @@ -217,6 +221,7 @@ | ... | @@ -217,6 +221,7 @@ |
217 | <el-form-item label="房地产交易价格:"> | 221 | <el-form-item label="房地产交易价格:"> |
218 | <div class="flex"> | 222 | <div class="flex"> |
219 | <el-input | 223 | <el-input |
224 | maxlength="11" | ||
220 | v-model="ruleForm.fdcq2.fdcjyjg" | 225 | v-model="ruleForm.fdcq2.fdcjyjg" |
221 | style="width: 500%" | 226 | style="width: 500%" |
222 | :disabled="!viewEdit" | 227 | :disabled="!viewEdit" |
... | @@ -238,6 +243,7 @@ | ... | @@ -238,6 +243,7 @@ |
238 | <el-form-item label="建筑面积:"> | 243 | <el-form-item label="建筑面积:"> |
239 | <div class="flex"> | 244 | <div class="flex"> |
240 | <el-input | 245 | <el-input |
246 | maxlength="12" | ||
241 | v-model="ruleForm.fdcq2.jzmj" | 247 | v-model="ruleForm.fdcq2.jzmj" |
242 | :disabled="!viewEdit" | 248 | :disabled="!viewEdit" |
243 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 249 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
... | @@ -256,6 +262,7 @@ | ... | @@ -256,6 +262,7 @@ |
256 | <el-form-item label="专有建筑面积:"> | 262 | <el-form-item label="专有建筑面积:"> |
257 | <div class="flex"> | 263 | <div class="flex"> |
258 | <el-input | 264 | <el-input |
265 | maxlength="12" | ||
259 | v-model="ruleForm.fdcq2.zyjzmj" | 266 | v-model="ruleForm.fdcq2.zyjzmj" |
260 | :disabled="!viewEdit" | 267 | :disabled="!viewEdit" |
261 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 268 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
... | @@ -274,6 +281,7 @@ | ... | @@ -274,6 +281,7 @@ |
274 | <el-form-item label="分摊建筑面积:"> | 281 | <el-form-item label="分摊建筑面积:"> |
275 | <div class="flex"> | 282 | <div class="flex"> |
276 | <el-input | 283 | <el-input |
284 | maxlength="12" | ||
277 | v-model="ruleForm.fdcq2.ftjzmj" | 285 | v-model="ruleForm.fdcq2.ftjzmj" |
278 | :disabled="!viewEdit" | 286 | :disabled="!viewEdit" |
279 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 287 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | ... | ... |
... | @@ -80,7 +80,7 @@ | ... | @@ -80,7 +80,7 @@ |
80 | </el-col> | 80 | </el-col> |
81 | <el-col :span="8"> | 81 | <el-col :span="8"> |
82 | <el-form-item label="使用权(承包)面积:"> | 82 | <el-form-item label="使用权(承包)面积:"> |
83 | <el-input v-model="ruleForm.lq.syqmj"></el-input> | 83 | <el-input maxlength="12" v-model="ruleForm.lq.syqmj"></el-input> |
84 | </el-form-item> | 84 | </el-form-item> |
85 | </el-col> | 85 | </el-col> |
86 | </el-row> | 86 | </el-row> | ... | ... |
... | @@ -92,6 +92,7 @@ | ... | @@ -92,6 +92,7 @@ |
92 | <el-form-item label="农用地面积:"> | 92 | <el-form-item label="农用地面积:"> |
93 | <div class="flex"> | 93 | <div class="flex"> |
94 | <el-input | 94 | <el-input |
95 | maxlength="12" | ||
95 | v-model="ruleForm.tdsyq.nydmj" | 96 | v-model="ruleForm.tdsyq.nydmj" |
96 | :disabled="!viewEdit" | 97 | :disabled="!viewEdit" |
97 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 98 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" |
... | @@ -116,6 +117,7 @@ | ... | @@ -116,6 +117,7 @@ |
116 | <el-form-item label="耕地面积:"> | 117 | <el-form-item label="耕地面积:"> |
117 | <div class="flex"> | 118 | <div class="flex"> |
118 | <el-input | 119 | <el-input |
120 | maxlength="12" | ||
119 | v-model="ruleForm.tdsyq.gdmj" | 121 | v-model="ruleForm.tdsyq.gdmj" |
120 | :disabled="!viewEdit" | 122 | :disabled="!viewEdit" |
121 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 123 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" |
... | @@ -140,6 +142,7 @@ | ... | @@ -140,6 +142,7 @@ |
140 | <el-form-item label="林地面积:"> | 142 | <el-form-item label="林地面积:"> |
141 | <div class="flex"> | 143 | <div class="flex"> |
142 | <el-input | 144 | <el-input |
145 | maxlength="12" | ||
143 | v-model="ruleForm.tdsyq.ldmj" | 146 | v-model="ruleForm.tdsyq.ldmj" |
144 | :disabled="!viewEdit" | 147 | :disabled="!viewEdit" |
145 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 148 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" |
... | @@ -166,6 +169,7 @@ | ... | @@ -166,6 +169,7 @@ |
166 | <el-form-item label="草地面积:"> | 169 | <el-form-item label="草地面积:"> |
167 | <div class="flex"> | 170 | <div class="flex"> |
168 | <el-input | 171 | <el-input |
172 | maxlength="12" | ||
169 | v-model="ruleForm.tdsyq.cdmj" | 173 | v-model="ruleForm.tdsyq.cdmj" |
170 | :disabled="!viewEdit" | 174 | :disabled="!viewEdit" |
171 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 175 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" |
... | @@ -190,6 +194,7 @@ | ... | @@ -190,6 +194,7 @@ |
190 | <el-form-item label="其他农用地面积:"> | 194 | <el-form-item label="其他农用地面积:"> |
191 | <div class="flex"> | 195 | <div class="flex"> |
192 | <el-input | 196 | <el-input |
197 | maxlength="12" | ||
193 | v-model="ruleForm.tdsyq.qtnydmj" | 198 | v-model="ruleForm.tdsyq.qtnydmj" |
194 | :disabled="!viewEdit" | 199 | :disabled="!viewEdit" |
195 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 200 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" |
... | @@ -214,6 +219,7 @@ | ... | @@ -214,6 +219,7 @@ |
214 | <el-form-item label="建筑使用面积:"> | 219 | <el-form-item label="建筑使用面积:"> |
215 | <div class="flex"> | 220 | <div class="flex"> |
216 | <el-input | 221 | <el-input |
222 | maxlength="12" | ||
217 | v-model="ruleForm.tdsyq.jsydmj" | 223 | v-model="ruleForm.tdsyq.jsydmj" |
218 | :disabled="!viewEdit" | 224 | :disabled="!viewEdit" |
219 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 225 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" |
... | @@ -240,6 +246,7 @@ | ... | @@ -240,6 +246,7 @@ |
240 | <el-form-item label="未利用地面积:"> | 246 | <el-form-item label="未利用地面积:"> |
241 | <div class="flex"> | 247 | <div class="flex"> |
242 | <el-input | 248 | <el-input |
249 | maxlength="12" | ||
243 | v-model="ruleForm.tdsyq.wlydmj" | 250 | v-model="ruleForm.tdsyq.wlydmj" |
244 | :disabled="!viewEdit" | 251 | :disabled="!viewEdit" |
245 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 252 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | ... | ... |
... | @@ -111,12 +111,13 @@ | ... | @@ -111,12 +111,13 @@ |
111 | </el-col> | 111 | </el-col> |
112 | <el-col :span="8"> | 112 | <el-col :span="8"> |
113 | <el-form-item label="所在层:"> | 113 | <el-form-item label="所在层:"> |
114 | <el-input v-model="ruleForm.ygdj.szc"></el-input> | 114 | <el-input maxlength="20" v-model="ruleForm.ygdj.szc"></el-input> |
115 | </el-form-item> | 115 | </el-form-item> |
116 | </el-col> | 116 | </el-col> |
117 | <el-col :span="8"> | 117 | <el-col :span="8"> |
118 | <el-form-item label="总层数:"> | 118 | <el-form-item label="总层数:"> |
119 | <el-input | 119 | <el-input |
120 | maxlength="4" | ||
120 | v-model.number="ruleForm.ygdj.zcs" | 121 | v-model.number="ruleForm.ygdj.zcs" |
121 | oninput="value=value.replace(/[^0-9]/g,'')" | 122 | oninput="value=value.replace(/[^0-9]/g,'')" |
122 | ></el-input> | 123 | ></el-input> |
... | @@ -142,6 +143,7 @@ | ... | @@ -142,6 +143,7 @@ |
142 | <el-form-item label="建筑面积:"> | 143 | <el-form-item label="建筑面积:"> |
143 | <div class="flex"> | 144 | <div class="flex"> |
144 | <el-input | 145 | <el-input |
146 | maxlength="12" | ||
145 | v-model="ruleForm.ygdj.jzmj" | 147 | v-model="ruleForm.ygdj.jzmj" |
146 | :disabled="!viewEdit" | 148 | :disabled="!viewEdit" |
147 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 149 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | ... | ... |
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-23 14:51:40 | 4 | * @LastEditTime: 2023-08-29 13:04:44 |
5 | */ | 5 | */ |
6 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
7 | let vm = null | 7 | let vm = null |
... | @@ -46,10 +46,15 @@ class data extends filter { | ... | @@ -46,10 +46,15 @@ class data extends filter { |
46 | } | 46 | } |
47 | }, | 47 | }, |
48 | { | 48 | { |
49 | prop: "bdcqzh", | ||
50 | label: "不动产证明号", | 49 | label: "不动产证明号", |
51 | width: '150', | 50 | width: '150', |
52 | showOverflowTooltip: true | 51 | render: (h, scope) => { |
52 | return ( | ||
53 | <el-tooltip effect="dark" content={scope.row.bdcqzh} placement="top" popper-class="tooltip-width"> | ||
54 | <span class="ellipsis-table"> {scope.row.bdcqzh}</span> | ||
55 | </el-tooltip> | ||
56 | ) | ||
57 | } | ||
53 | }, | 58 | }, |
54 | { | 59 | { |
55 | prop: "bdcdyh", | 60 | prop: "bdcdyh", | ... | ... |
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-14 11:21:48 | 4 | * @LastEditTime: 2023-08-29 13:05:13 |
5 | */ | 5 | */ |
6 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
7 | let vm = null | 7 | let vm = null |
... | @@ -50,20 +50,30 @@ class data extends filter { | ... | @@ -50,20 +50,30 @@ class data extends filter { |
50 | label: "土地证号", | 50 | label: "土地证号", |
51 | }, | 51 | }, |
52 | { | 52 | { |
53 | prop: "qllxmc", | ||
54 | showOverflowTooltip: true, | ||
55 | width: '100', | 53 | width: '100', |
56 | label: "权利类型", | 54 | label: "权利类型", |
55 | render: (h, scope) => { | ||
56 | return ( | ||
57 | <el-tooltip effect="dark" content={scope.row.qllxmc} placement="top" popper-class="tooltip-width"> | ||
58 | <span class="ellipsis-table"> {scope.row.qllxmc}</span> | ||
59 | </el-tooltip> | ||
60 | ) | ||
61 | } | ||
57 | }, | 62 | }, |
58 | { | 63 | { |
59 | prop: "xmmc", | 64 | prop: "xmmc", |
60 | label: "项目名称", | 65 | label: "项目名称", |
61 | }, | 66 | }, |
62 | { | 67 | { |
63 | prop: "zrzh", | ||
64 | label: "自然幢号", | 68 | label: "自然幢号", |
65 | width: '90', | 69 | width: '90', |
66 | showOverflowTooltip: true, | 70 | render: (h, scope) => { |
71 | return ( | ||
72 | <el-tooltip effect="dark" content={scope.row.zrzh} placement="top" popper-class="tooltip-width"> | ||
73 | <span class="ellipsis-table"> {scope.row.zrzh}</span> | ||
74 | </el-tooltip> | ||
75 | ) | ||
76 | } | ||
67 | }, | 77 | }, |
68 | { | 78 | { |
69 | prop: "jzwmc", | 79 | prop: "jzwmc", |
... | @@ -112,10 +122,16 @@ class data extends filter { | ... | @@ -112,10 +122,16 @@ class data extends filter { |
112 | width: '70', | 122 | width: '70', |
113 | }, | 123 | }, |
114 | { | 124 | { |
115 | prop: "zl", | ||
116 | label: "自然幢坐落", | 125 | label: "自然幢坐落", |
117 | minWidth: '120', | 126 | minWidth: '120', |
118 | showOverflowTooltip: true | 127 | render: (h, scope) => { |
128 | return ( | ||
129 | <el-tooltip effect="dark" content={scope.row.zl} placement="top" popper-class="tooltip-width "> | ||
130 | <span class="ellipsis-table"> {scope.row.zl}</span> | ||
131 | </el-tooltip> | ||
132 | ) | ||
133 | } | ||
134 | |||
119 | }, | 135 | }, |
120 | { | 136 | { |
121 | label: '操作', | 137 | label: '操作', | ... | ... |
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-23 14:56:57 | 4 | * @LastEditTime: 2023-08-29 13:06:12 |
5 | */ | 5 | */ |
6 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
7 | let vm = null | 7 | let vm = null |
... | @@ -45,22 +45,37 @@ class data extends filter { | ... | @@ -45,22 +45,37 @@ class data extends filter { |
45 | } | 45 | } |
46 | }, | 46 | }, |
47 | { | 47 | { |
48 | prop: "qllxmc", | ||
49 | label: "权利类型", | 48 | label: "权利类型", |
50 | width: '120', | 49 | width: '120', |
51 | showOverflowTooltip: true | 50 | render: (h, scope) => { |
51 | return ( | ||
52 | <el-tooltip effect="dark" content={scope.row.qllxmc} placement="top" popper-class="tooltip-width"> | ||
53 | <span class="ellipsis-table"> {scope.row.qllxmc}</span> | ||
54 | </el-tooltip> | ||
55 | ) | ||
56 | } | ||
52 | }, | 57 | }, |
53 | { | 58 | { |
54 | prop: "bdcdyh", | ||
55 | label: "不动产单元号", | 59 | label: "不动产单元号", |
56 | width: '150', | 60 | width: '150', |
57 | showOverflowTooltip: true | 61 | render: (h, scope) => { |
62 | return ( | ||
63 | <el-tooltip effect="dark" content={scope.row.bdcdyh} placement="top" popper-class="tooltip-width"> | ||
64 | <span class="ellipsis-table"> {scope.row.bdcdyh}</span> | ||
65 | </el-tooltip> | ||
66 | ) | ||
67 | } | ||
58 | }, | 68 | }, |
59 | { | 69 | { |
60 | prop: "bdcqzh", | ||
61 | label: "不动产权证号", | 70 | label: "不动产权证号", |
62 | width: '150', | 71 | width: '150', |
63 | showOverflowTooltip: true | 72 | render: (h, scope) => { |
73 | return ( | ||
74 | <el-tooltip effect="dark" content={scope.row.bdcqzh} placement="top" popper-class="tooltip-width"> | ||
75 | <span class="ellipsis-table"> {scope.row.bdcqzh}</span> | ||
76 | </el-tooltip> | ||
77 | ) | ||
78 | } | ||
64 | }, | 79 | }, |
65 | { | 80 | { |
66 | prop: "gyqk", | 81 | prop: "gyqk", |
... | @@ -97,10 +112,15 @@ class data extends filter { | ... | @@ -97,10 +112,15 @@ class data extends filter { |
97 | label: "用途", | 112 | label: "用途", |
98 | }, | 113 | }, |
99 | { | 114 | { |
100 | prop: "zl", | ||
101 | label: "坐落", | 115 | label: "坐落", |
102 | width: '130', | 116 | minWidth: '150', |
103 | showOverflowTooltip: true | 117 | render: (h, scope) => { |
118 | return ( | ||
119 | <el-tooltip effect="dark" content={scope.row.zl} placement="top" popper-class="tooltip-width "> | ||
120 | <span class="ellipsis-table"> {scope.row.zl}</span> | ||
121 | </el-tooltip> | ||
122 | ) | ||
123 | } | ||
104 | }, | 124 | }, |
105 | { | 125 | { |
106 | label: '操作', | 126 | label: '操作', | ... | ... |
... | @@ -78,16 +78,26 @@ class data extends filter { | ... | @@ -78,16 +78,26 @@ class data extends filter { |
78 | width: '90', | 78 | width: '90', |
79 | }, | 79 | }, |
80 | { | 80 | { |
81 | prop: "bdcdyh", | ||
82 | label: "不动产单元号", | 81 | label: "不动产单元号", |
83 | width: '150', | 82 | width: '150', |
84 | showOverflowTooltip: true | 83 | render: (h, scope) => { |
84 | return ( | ||
85 | <el-tooltip effect="dark" content={scope.row.bdcdyh} placement="top" popper-class="tooltip-width "> | ||
86 | <span class="ellipsis-table"> {scope.row.bdcdyh}</span> | ||
87 | </el-tooltip> | ||
88 | ) | ||
89 | } | ||
85 | }, | 90 | }, |
86 | { | 91 | { |
87 | prop: "bdcqzh", | ||
88 | label: "不动产权证号", | 92 | label: "不动产权证号", |
89 | width: '150', | 93 | width: '150', |
90 | showOverflowTooltip: true | 94 | render: (h, scope) => { |
95 | return ( | ||
96 | <el-tooltip effect="dark" content={scope.row.bdcqzh} placement="top" popper-class="tooltip-width "> | ||
97 | <span class="ellipsis-table"> {scope.row.bdcqzh}</span> | ||
98 | </el-tooltip> | ||
99 | ) | ||
100 | } | ||
91 | }, | 101 | }, |
92 | { | 102 | { |
93 | prop: "qlrmc", | 103 | prop: "qlrmc", |
... | @@ -108,10 +118,15 @@ class data extends filter { | ... | @@ -108,10 +118,15 @@ class data extends filter { |
108 | minWidth: '130' | 118 | minWidth: '130' |
109 | }, | 119 | }, |
110 | { | 120 | { |
111 | prop: "zl", | ||
112 | label: "坐落", | 121 | label: "坐落", |
113 | width: '150', | 122 | minWidth: '150', |
114 | showOverflowTooltip: true | 123 | render: (h, scope) => { |
124 | return ( | ||
125 | <el-tooltip effect="dark" content={scope.row.zl} placement="top" popper-class="tooltip-width "> | ||
126 | <span class="ellipsis-table"> {scope.row.zl}</span> | ||
127 | </el-tooltip> | ||
128 | ) | ||
129 | } | ||
115 | }, | 130 | }, |
116 | { | 131 | { |
117 | label: '操作', | 132 | label: '操作', | ... | ... |
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-24 11:00:16 | 4 | * @LastEditTime: 2023-08-29 13:08:08 |
5 | */ | 5 | */ |
6 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
7 | let vm = null | 7 | let vm = null |
... | @@ -54,20 +54,30 @@ class data extends filter { | ... | @@ -54,20 +54,30 @@ class data extends filter { |
54 | minWidth: '130' | 54 | minWidth: '130' |
55 | }, | 55 | }, |
56 | { | 56 | { |
57 | prop: "bdcqzh", | ||
58 | label: "不动产权证号", | 57 | label: "不动产权证号", |
59 | width: '150', | 58 | width: '150', |
60 | showOverflowTooltip: true | 59 | render: (h, scope) => { |
60 | return ( | ||
61 | <el-tooltip effect="dark" content={scope.row.bdcqzh} placement="top" popper-class="tooltip-width "> | ||
62 | <span class="ellipsis-table"> {scope.row.bdcqzh}</span> | ||
63 | </el-tooltip> | ||
64 | ) | ||
65 | } | ||
61 | }, | 66 | }, |
62 | { | 67 | { |
63 | prop: "gyqk", | 68 | prop: "gyqk", |
64 | label: "共有情况", | 69 | label: "共有情况", |
65 | }, | 70 | }, |
66 | { | 71 | { |
67 | prop: "qlrmc", | ||
68 | label: "权利人", | 72 | label: "权利人", |
69 | width: '120', | 73 | width: '120', |
70 | showOverflowTooltip: true | 74 | render: (h, scope) => { |
75 | return ( | ||
76 | <el-tooltip effect="dark" content={scope.row.qlrmc} placement="top" popper-class="tooltip-width "> | ||
77 | <span class="ellipsis-table"> {scope.row.qlrmc}</span> | ||
78 | </el-tooltip> | ||
79 | ) | ||
80 | } | ||
71 | }, | 81 | }, |
72 | { | 82 | { |
73 | prop: "qlrzjhm", | 83 | prop: "qlrzjhm", |
... | @@ -78,20 +88,30 @@ class data extends filter { | ... | @@ -78,20 +88,30 @@ class data extends filter { |
78 | label: "权利性质", | 88 | label: "权利性质", |
79 | }, | 89 | }, |
80 | { | 90 | { |
81 | prop: "qlytmc", | ||
82 | label: "用途", | 91 | label: "用途", |
83 | width: '120', | 92 | width: '120', |
84 | showOverflowTooltip: true | 93 | render: (h, scope) => { |
94 | return ( | ||
95 | <el-tooltip effect="dark" content={scope.row.qlytmc} placement="top" popper-class="tooltip-width "> | ||
96 | <span class="ellipsis-table"> {scope.row.qlytmc}</span> | ||
97 | </el-tooltip> | ||
98 | ) | ||
99 | } | ||
85 | }, | 100 | }, |
86 | { | 101 | { |
87 | prop: "qlmjmc", | 102 | prop: "qlmjmc", |
88 | label: "面积", | 103 | label: "面积", |
89 | }, | 104 | }, |
90 | { | 105 | { |
91 | prop: "zl", | ||
92 | label: "坐落", | 106 | label: "坐落", |
93 | width: '130', | 107 | minWidth: '150', |
94 | showOverflowTooltip: true | 108 | render: (h, scope) => { |
109 | return ( | ||
110 | <el-tooltip effect="dark" content={scope.row.zl} placement="top" popper-class="tooltip-width "> | ||
111 | <span class="ellipsis-table"> {scope.row.zl}</span> | ||
112 | </el-tooltip> | ||
113 | ) | ||
114 | } | ||
95 | }, | 115 | }, |
96 | { | 116 | { |
97 | label: '操作', | 117 | label: '操作', | ... | ... |
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-10 15:35:50 | 4 | * @LastEditTime: 2023-08-29 13:09:15 |
5 | */ | 5 | */ |
6 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
7 | let vm = null | 7 | let vm = null |
... | @@ -54,10 +54,15 @@ class data extends filter { | ... | @@ -54,10 +54,15 @@ class data extends filter { |
54 | minWidth: '150' | 54 | minWidth: '150' |
55 | }, | 55 | }, |
56 | { | 56 | { |
57 | prop: "bdcqzh", | ||
58 | label: "不动产权证号", | 57 | label: "不动产权证号", |
59 | showOverflowTooltip: true, | 58 | width: '150', |
60 | width: '150' | 59 | render: (h, scope) => { |
60 | return ( | ||
61 | <el-tooltip effect="dark" content={scope.row.bdcqzh} placement="top" popper-class="tooltip-width "> | ||
62 | <span class="ellipsis-table"> {scope.row.bdcqzh}</span> | ||
63 | </el-tooltip> | ||
64 | ) | ||
65 | } | ||
61 | }, | 66 | }, |
62 | { | 67 | { |
63 | prop: "gyqk", | 68 | prop: "gyqk", | ... | ... |
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-23 14:49:24 | 4 | * @LastEditTime: 2023-08-29 13:09:45 |
5 | */ | 5 | */ |
6 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
7 | let vm = null | 7 | let vm = null |
... | @@ -44,16 +44,26 @@ class data extends filter { | ... | @@ -44,16 +44,26 @@ class data extends filter { |
44 | label: "权利类型", | 44 | label: "权利类型", |
45 | }, | 45 | }, |
46 | { | 46 | { |
47 | prop: "bdcdyh", | ||
48 | label: "不动产单元号", | 47 | label: "不动产单元号", |
49 | width: '150', | 48 | width: '150', |
50 | showOverflowTooltip: true | 49 | render: (h, scope) => { |
50 | return ( | ||
51 | <el-tooltip effect="dark" content={scope.row.bdcdyh} placement="top" popper-class="tooltip-width "> | ||
52 | <span class="ellipsis-table"> {scope.row.bdcdyh}</span> | ||
53 | </el-tooltip> | ||
54 | ) | ||
55 | } | ||
51 | }, | 56 | }, |
52 | { | 57 | { |
53 | prop: "bdcqzh", | ||
54 | label: "不动产权证号", | 58 | label: "不动产权证号", |
55 | width: '150', | 59 | width: '150', |
56 | showOverflowTooltip: true | 60 | render: (h, scope) => { |
61 | return ( | ||
62 | <el-tooltip effect="dark" content={scope.row.bdcqzh} placement="top" popper-class="tooltip-width "> | ||
63 | <span class="ellipsis-table"> {scope.row.bdcqzh}</span> | ||
64 | </el-tooltip> | ||
65 | ) | ||
66 | } | ||
57 | }, | 67 | }, |
58 | { | 68 | { |
59 | prop: "qlrmc", | 69 | prop: "qlrmc", | ... | ... |
1 | /* | 1 | /* |
2 | * @Description: 土地所有权对象处理 | 2 | * @Description: 土地所有权对象处理 |
3 | * @Autor: ssq | 3 | * @Autor: ssq |
4 | * @LastEditTime: 2023-07-14 17:00:11 | 4 | * @LastEditTime: 2023-08-29 13:10:12 |
5 | */ | 5 | */ |
6 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
7 | let vm = null | 7 | let vm = null |
... | @@ -49,16 +49,26 @@ class data extends filter { | ... | @@ -49,16 +49,26 @@ class data extends filter { |
49 | label: "权利类型", | 49 | label: "权利类型", |
50 | }, | 50 | }, |
51 | { | 51 | { |
52 | prop: "bdcdyh", | ||
53 | label: "不动产单元号", | 52 | label: "不动产单元号", |
54 | width: '150', | 53 | width: '150', |
55 | showOverflowTooltip: true | 54 | render: (h, scope) => { |
55 | return ( | ||
56 | <el-tooltip effect="dark" content={scope.row.bdcdyh} placement="top" popper-class="tooltip-width "> | ||
57 | <span class="ellipsis-table"> {scope.row.bdcdyh}</span> | ||
58 | </el-tooltip> | ||
59 | ) | ||
60 | } | ||
56 | }, | 61 | }, |
57 | { | 62 | { |
58 | prop: "bdcqzh", | ||
59 | label: "不动产权证号", | 63 | label: "不动产权证号", |
60 | width: '150', | 64 | width: '150', |
61 | showOverflowTooltip: true | 65 | render: (h, scope) => { |
66 | return ( | ||
67 | <el-tooltip effect="dark" content={scope.row.bdcqzh} placement="top" popper-class="tooltip-width "> | ||
68 | <span class="ellipsis-table"> {scope.row.bdcqzh}</span> | ||
69 | </el-tooltip> | ||
70 | ) | ||
71 | } | ||
62 | }, | 72 | }, |
63 | { | 73 | { |
64 | prop: "gyqk", | 74 | prop: "gyqk", | ... | ... |
-
Please register or sign in to post a comment