--no commit message
Showing
6 changed files
with
386 additions
and
215 deletions
... | @@ -4,27 +4,60 @@ | ... | @@ -4,27 +4,60 @@ |
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="权利人类型1" prop="sqrlx"> | 25 | <el-form-item label="权利人类型" prop="qlrlx"> |
13 | <el-select clearable v-model="ruleForm.sqrlx" 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.qlrlx" | ||
29 | class="width100" | ||
30 | placeholder="请选择" | ||
31 | > | ||
32 | <el-option | ||
33 | v-for="item in dictData['A36']" | ||
34 | :key="item.dcode" | ||
35 | :label="item.dname" | ||
36 | :value="item.dcode" | ||
37 | > | ||
15 | </el-option> | 38 | </el-option> |
16 | </el-select> | 39 | </el-select> |
17 | </el-form-item> | 40 | </el-form-item> |
18 | </el-col> | 41 | </el-col> |
19 | <el-col :span="8"> | 42 | <el-col :span="8"> |
20 | <el-form-item label="姓名/名称" prop="sqrmc"> | 43 | <el-form-item label="姓名/名称" prop="qlrmc"> |
21 | <el-input v-model="ruleForm.sqrmc" maxlegth="15"></el-input> | 44 | <el-input v-model="ruleForm.qlrmc" maxlegth="15"></el-input> |
22 | </el-form-item> | 45 | </el-form-item> |
23 | </el-col> | 46 | </el-col> |
24 | <el-col :span="8"> | 47 | <el-col :span="8"> |
25 | <el-form-item label="证件种类" prop="zjzl"> | 48 | <el-form-item label="证件种类" prop="zjzl"> |
26 | <el-select clearable v-model="ruleForm.zjzl" class="width100" placeholder="请选择"> | 49 | <el-select |
27 | <el-option v-for="item in dictData['A30']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 50 | clearable |
51 | v-model="ruleForm.zjzl" | ||
52 | class="width100" | ||
53 | placeholder="请选择" | ||
54 | > | ||
55 | <el-option | ||
56 | v-for="item in dictData['A30']" | ||
57 | :key="item.dcode" | ||
58 | :label="item.dname" | ||
59 | :value="item.dcode" | ||
60 | > | ||
28 | </el-option> | 61 | </el-option> |
29 | </el-select> | 62 | </el-select> |
30 | </el-form-item> | 63 | </el-form-item> |
... | @@ -33,18 +66,36 @@ | ... | @@ -33,18 +66,36 @@ |
33 | <el-row> | 66 | <el-row> |
34 | <el-col :span="8"> | 67 | <el-col :span="8"> |
35 | <el-form-item label="证件号" prop="zjh"> | 68 | <el-form-item label="证件号" prop="zjh"> |
36 | <el-input v-model="ruleForm.zjh" maxlength="15" oninput="value=value.replace(/[^\X0-9]/g,'')"></el-input> | 69 | <el-input |
70 | v-model="ruleForm.zjh" | ||
71 | maxlength="15" | ||
72 | oninput="value=value.replace(/[^\X0-9]/g,'')" | ||
73 | ></el-input> | ||
37 | </el-form-item> | 74 | </el-form-item> |
38 | </el-col> | 75 | </el-col> |
39 | <el-col :span="8"> | 76 | <el-col :span="8"> |
40 | <el-form-item label="联系电话" prop="dh"> | 77 | <el-form-item label="联系电话" prop="dh"> |
41 | <el-input v-model="ruleForm.dh" maxlength="11" oninput="value=value.replace(/[^\d]/g,'')"></el-input> | 78 | <el-input |
79 | v-model="ruleForm.dh" | ||
80 | maxlength="11" | ||
81 | oninput="value=value.replace(/[^\d]/g,'')" | ||
82 | ></el-input> | ||
42 | </el-form-item> | 83 | </el-form-item> |
43 | </el-col> | 84 | </el-col> |
44 | <el-col :span="8"> | 85 | <el-col :span="8"> |
45 | <el-form-item label="性别"> | 86 | <el-form-item label="性别"> |
46 | <el-select clearable v-model="ruleForm.xb" class="width100" placeholder="请选择"> | 87 | <el-select |
47 | <el-option v-for="item in dictData['A43']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 88 | clearable |
89 | v-model="ruleForm.xb" | ||
90 | class="width100" | ||
91 | placeholder="请选择" | ||
92 | > | ||
93 | <el-option | ||
94 | v-for="item in dictData['A43']" | ||
95 | :key="item.dcode" | ||
96 | :label="item.dname" | ||
97 | :value="item.dcode" | ||
98 | > | ||
48 | </el-option> | 99 | </el-option> |
49 | </el-select> | 100 | </el-select> |
50 | </el-form-item> | 101 | </el-form-item> |
... | @@ -115,7 +166,11 @@ | ... | @@ -115,7 +166,11 @@ |
115 | <el-row> | 166 | <el-row> |
116 | <el-col :span="8"> | 167 | <el-col :span="8"> |
117 | <el-form-item label="联系电话"> | 168 | <el-form-item label="联系电话"> |
118 | <el-input v-model="ruleForm.lxdh" maxlength="11" oninput="value=value.replace(/[^\d]/g,'')"></el-input> | 169 | <el-input |
170 | v-model="ruleForm.lxdh" | ||
171 | maxlength="11" | ||
172 | oninput="value=value.replace(/[^\d]/g,'')" | ||
173 | ></el-input> | ||
119 | </el-form-item> | 174 | </el-form-item> |
120 | </el-col> | 175 | </el-col> |
121 | <el-col :span="8"> | 176 | <el-col :span="8"> |
... | @@ -125,8 +180,18 @@ | ... | @@ -125,8 +180,18 @@ |
125 | </el-col> | 180 | </el-col> |
126 | <el-col :span="8"> | 181 | <el-col :span="8"> |
127 | <el-form-item label="代理人证件类型"> | 182 | <el-form-item label="代理人证件类型"> |
128 | <el-select clearable v-model="ruleForm.dlrzjlx" class="width100" placeholder="请选择"> | 183 | <el-select |
129 | <el-option v-for="item in dictData['A30']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 184 | clearable |
185 | v-model="ruleForm.dlrzjlx" | ||
186 | class="width100" | ||
187 | placeholder="请选择" | ||
188 | > | ||
189 | <el-option | ||
190 | v-for="item in dictData['A30']" | ||
191 | :key="item.dcode" | ||
192 | :label="item.dname" | ||
193 | :value="item.dcode" | ||
194 | > | ||
130 | </el-option> | 195 | </el-option> |
131 | </el-select> | 196 | </el-select> |
132 | </el-form-item> | 197 | </el-form-item> |
... | @@ -143,83 +208,115 @@ | ... | @@ -143,83 +208,115 @@ |
143 | </dialogBox> | 208 | </dialogBox> |
144 | </template> | 209 | </template> |
145 | <script> | 210 | <script> |
146 | import { mapGetters } from "vuex"; | 211 | import { mapGetters } from "vuex"; |
147 | export default { | 212 | export default { |
148 | props: { | 213 | props: { |
149 | value: { type: Boolean, default: false }, | 214 | value: { type: Boolean, default: false }, |
150 | details: { type: Object, default: {} }, | 215 | details: { type: Object, default: {} }, |
151 | showButton: { type: Boolean, default: false } | 216 | showButton: { type: Boolean, default: false }, |
152 | }, | 217 | }, |
153 | computed: { | 218 | computed: { |
154 | ...mapGetters(["dictData"]), | 219 | ...mapGetters(["dictData"]), |
155 | }, | 220 | }, |
156 | data () { | 221 | data() { |
157 | return { | 222 | return { |
158 | myValue: this.value, | 223 | myValue: this.value, |
159 | ruleForm: { | 224 | ruleForm: { |
160 | sqrlx: "", | 225 | sqrlx: "", |
161 | sqrmc: "", | 226 | sqrmc: "", |
162 | zjzl: "", | 227 | zjzl: "", |
163 | zjh: "", | 228 | zjh: "", |
164 | dh: "", | 229 | dh: "", |
165 | xb: "", | 230 | xb: "", |
166 | frmc: "", | 231 | frmc: "", |
167 | gjdq: "", | 232 | gjdq: "", |
168 | szss: "", | 233 | szss: "", |
169 | txdz: "", | 234 | txdz: "", |
170 | yb: "", | 235 | yb: "", |
171 | fzjg: "", | 236 | fzjg: "", |
172 | dzyj: "", | 237 | dzyj: "", |
173 | qlbl: "", | 238 | qlbl: "", |
174 | gzdw: "", | 239 | gzdw: "", |
175 | dljg: "", | 240 | dljg: "", |
176 | dlrxm: "", | 241 | dlrxm: "", |
177 | dlrzjlx: "", | 242 | dlrzjlx: "", |
178 | dlrzjh: "", | 243 | dlrzjh: "", |
179 | }, | ||
180 | rules: { | ||
181 | sqrlx: [{ required: true, message: "权利人类型", trigger: "change" }], | ||
182 | sqrmc: [{ 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 | }, | 244 | }, |
192 | details: { | 245 | ruleForm: { |
193 | handler: function (val, oldVal) { | 246 | bsmBdcqz: "", |
194 | this.ruleForm = val; | 247 | bsmQlr: "", |
195 | }, | 248 | bsmQlxx: "", |
196 | deep: true, | 249 | bz: "", |
250 | cbfbm: "", | ||
251 | dh: "", | ||
252 | dlrdhhm: "", | ||
253 | dlrjgmc: "", | ||
254 | dlrxm: "", | ||
255 | dlrzjh: "", | ||
256 | dlrzjlx: "", | ||
257 | dz: "", | ||
258 | dzyj: "", | ||
259 | fbfbm: "", | ||
260 | frdh: "", | ||
261 | frmc: "", | ||
262 | fzjg: "", | ||
263 | gj: "", | ||
264 | gzdw: "", | ||
265 | hjszss: "", | ||
266 | qlrlx: "", | ||
267 | qlrmc: "", | ||
268 | qlrtz: "", | ||
269 | sfczr: "", | ||
270 | sshy: "", | ||
271 | sxh: 0, | ||
272 | xb: "", | ||
273 | yb: "", | ||
274 | zjh: "", | ||
275 | zjzl: "", | ||
197 | }, | 276 | }, |
198 | }, | 277 | rules: { |
199 | methods: { | 278 | qlrlx: [{ required: true, message: "权利人类型", trigger: "change" }], |
200 | closeDialog () { | 279 | qlrmc: [{ required: true, message: "姓名/名称", trigger: "blur" }], |
201 | this.$emit("input", false); | 280 | zjzl: [{ required: true, message: "证件种类", trigger: "change" }], |
202 | this.$refs["ruleForm"].resetFields(); | 281 | zjh: [{ required: true, message: "证件号", trigger: "blur" }], |
203 | }, | 282 | }, |
204 | submitForm () { | 283 | }; |
205 | this.$refs.ruleForm.validate((valid) => { | 284 | }, |
206 | if (valid) { | 285 | watch: { |
207 | this.$emit("input", false); | 286 | value(val) { |
208 | this.$emit("updateDetail", _.cloneDeep(this.ruleForm)); | 287 | this.myValue = _.cloneDeep(val); |
209 | } else { | 288 | }, |
210 | return false; | 289 | details: { |
211 | } | 290 | handler: function (val, oldVal) { |
212 | }); | 291 | this.ruleForm = val; |
213 | }, | 292 | }, |
293 | deep: true, | ||
294 | }, | ||
295 | }, | ||
296 | methods: { | ||
297 | closeDialog() { | ||
298 | this.$emit("input", false); | ||
299 | this.$refs["ruleForm"].resetFields(); | ||
300 | }, | ||
301 | submitForm() { | ||
302 | this.$refs.ruleForm.validate((valid) => { | ||
303 | if (valid) { | ||
304 | this.$emit("input", false); | ||
305 | this.$emit("updateDetail", _.cloneDeep(this.ruleForm)); | ||
306 | } else { | ||
307 | return false; | ||
308 | } | ||
309 | }); | ||
214 | }, | 310 | }, |
215 | }; | 311 | }, |
312 | }; | ||
216 | </script> | 313 | </script> |
217 | <style scoped lang="scss"> | 314 | <style scoped lang="scss"> |
218 | @import "~@/styles/dialogBoxheader.scss"; | 315 | @import "~@/styles/dialogBoxheader.scss"; |
219 | .submit-button { | 316 | .submit-button { |
220 | text-align: center; | 317 | text-align: center; |
221 | height: 52px; | 318 | height: 52px; |
222 | padding-top: 10px; | 319 | padding-top: 10px; |
223 | background-color: #fff; | 320 | background-color: #fff; |
224 | } | 321 | } |
225 | </style> | 322 | </style> | ... | ... |
... | @@ -42,7 +42,7 @@ | ... | @@ -42,7 +42,7 @@ |
42 | <div>请选择查封不动产信息,请选择上手权利信息</div> | 42 | <div>请选择查封不动产信息,请选择上手权利信息</div> |
43 | <div class="triangle"></div> | 43 | <div class="triangle"></div> |
44 | </div> | 44 | </div> |
45 | <el-row :gutter="10" v-if="ruleForm.ztQlxx!=null"> | 45 | <el-row :gutter="10" v-if="ruleForm.ztQlxx != null"> |
46 | <el-col :span="8"> | 46 | <el-col :span="8"> |
47 | <el-form-item label="权利人:"> | 47 | <el-form-item label="权利人:"> |
48 | <el-input disabled v-model="ruleForm.ztQlxx.qlrmc"></el-input> | 48 | <el-input disabled v-model="ruleForm.ztQlxx.qlrmc"></el-input> |
... | @@ -59,7 +59,7 @@ | ... | @@ -59,7 +59,7 @@ |
59 | </el-form-item> | 59 | </el-form-item> |
60 | </el-col> | 60 | </el-col> |
61 | </el-row> | 61 | </el-row> |
62 | <el-row :gutter="10" v-if="ruleForm.ztQlxx!=null"> | 62 | <el-row :gutter="10" v-if="ruleForm.ztQlxx != null"> |
63 | <el-col :span="8"> | 63 | <el-col :span="8"> |
64 | <el-form-item label="权利类型:"> | 64 | <el-form-item label="权利类型:"> |
65 | <el-input disabled v-model="ruleForm.ztQlxx.qllxmc"></el-input> | 65 | <el-input disabled v-model="ruleForm.ztQlxx.qllxmc"></el-input> |
... | @@ -76,7 +76,7 @@ | ... | @@ -76,7 +76,7 @@ |
76 | </el-form-item> | 76 | </el-form-item> |
77 | </el-col> | 77 | </el-col> |
78 | </el-row> | 78 | </el-row> |
79 | <el-row :gutter="10" v-if="ruleForm.ztQlxx!=null"> | 79 | <el-row :gutter="10" v-if="ruleForm.ztQlxx != null"> |
80 | <el-col :span="8"> | 80 | <el-col :span="8"> |
81 | <el-form-item label="不动产单元号:"> | 81 | <el-form-item label="不动产单元号:"> |
82 | <el-input disabled v-model="ruleForm.ztQlxx.bdcdyh"></el-input> | 82 | <el-input disabled v-model="ruleForm.ztQlxx.bdcdyh"></el-input> |
... | @@ -115,7 +115,7 @@ | ... | @@ -115,7 +115,7 @@ |
115 | </el-col> | 115 | </el-col> |
116 | </el-row> | 116 | </el-row> |
117 | <el-row :gutter="10"> | 117 | <el-row :gutter="10"> |
118 | <el-col :span="8"> | 118 | <!-- <el-col :span="8"> |
119 | <el-form-item label="权利类型:"> | 119 | <el-form-item label="权利类型:"> |
120 | <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input> | 120 | <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input> |
121 | </el-form-item> | 121 | </el-form-item> |
... | @@ -141,6 +141,53 @@ | ... | @@ -141,6 +141,53 @@ |
141 | <el-form-item label="不动产权证号:"> | 141 | <el-form-item label="不动产权证号:"> |
142 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | 142 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> |
143 | </el-form-item> | 143 | </el-form-item> |
144 | </el-col> --> | ||
145 | <el-col :span="8"> | ||
146 | <el-form-item label="登记机构:"> | ||
147 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | ||
148 | </el-form-item> | ||
149 | </el-col> | ||
150 | <el-col :span="8"> | ||
151 | <el-form-item label="查封机关"> | ||
152 | <el-input v-model="ruleForm.cfdj.cfjg"></el-input> | ||
153 | </el-form-item> | ||
154 | </el-col> | ||
155 | <el-col :span="8"> | ||
156 | <el-form-item label="查封类型"> | ||
157 | <el-select v-model="ruleForm.cfdj.cflx"> | ||
158 | <el-option | ||
159 | v-for="item in dictData['A32']" | ||
160 | :key="item.dcode" | ||
161 | :label="item.dname" | ||
162 | :value="item.dcode" | ||
163 | ></el-option> | ||
164 | </el-select> | ||
165 | </el-form-item> | ||
166 | </el-col> | ||
167 | <el-col :span="8"> | ||
168 | <el-form-item label="查封文号"> | ||
169 | <el-input v-model="ruleForm.cfdj.cfwh"></el-input> | ||
170 | </el-form-item> | ||
171 | </el-col> | ||
172 | <el-col :span="8"> | ||
173 | <el-form-item label="查封起始时间"> | ||
174 | <el-input v-model="ruleForm.cfdj.cfqssj"></el-input> | ||
175 | </el-form-item> | ||
176 | </el-col> | ||
177 | <el-col :span="8"> | ||
178 | <el-form-item label="查封结束时间"> | ||
179 | <el-input v-model="ruleForm.cfdj.cfjssj"></el-input> | ||
180 | </el-form-item> | ||
181 | </el-col> | ||
182 | <el-col :span="8"> | ||
183 | <el-form-item label="查封期限"> | ||
184 | <el-input v-model="ruleForm.cfdj.cfqx"></el-input> | ||
185 | </el-form-item> | ||
186 | </el-col> | ||
187 | <el-col :span="8"> | ||
188 | <el-form-item label="查封范围"> | ||
189 | <el-input v-model="ruleForm.cfdj.cffw"></el-input> | ||
190 | </el-form-item> | ||
144 | </el-col> | 191 | </el-col> |
145 | <el-col :span="8"> | 192 | <el-col :span="8"> |
146 | <el-form-item label="区县代码:"> | 193 | <el-form-item label="区县代码:"> |
... | @@ -152,6 +199,36 @@ | ... | @@ -152,6 +199,36 @@ |
152 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | 199 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> |
153 | </el-form-item> | 200 | </el-form-item> |
154 | </el-col> | 201 | </el-col> |
202 | <el-col :span="8"> | ||
203 | <el-form-item label="解封业务号"> | ||
204 | <el-input v-model="ruleForm.cfdj.jfywh"></el-input> | ||
205 | </el-form-item> | ||
206 | </el-col> | ||
207 | <el-col :span="8"> | ||
208 | <el-form-item label="解封机关"> | ||
209 | <el-input v-model="ruleForm.cfdj.jfjg"></el-input> | ||
210 | </el-form-item> | ||
211 | </el-col> | ||
212 | <el-col :span="8"> | ||
213 | <el-form-item label="解封文件"> | ||
214 | <el-input v-model="ruleForm.cfdj.jfwj"></el-input> | ||
215 | </el-form-item> | ||
216 | </el-col> | ||
217 | <el-col :span="8"> | ||
218 | <el-form-item label="解封文号"> | ||
219 | <el-input v-model="ruleForm.cfdj.jfwh"></el-input> | ||
220 | </el-form-item> | ||
221 | </el-col> | ||
222 | <el-col :span="8"> | ||
223 | <el-form-item label="解封登簿人"> | ||
224 | <el-input v-model="ruleForm.cfdj.jfdbr"></el-input> | ||
225 | </el-form-item> | ||
226 | </el-col> | ||
227 | <el-col :span="8"> | ||
228 | <el-form-item label="解封登记时间"> | ||
229 | <el-input v-model="ruleForm.cfdj.jfdjsj"></el-input> | ||
230 | </el-form-item> | ||
231 | </el-col> | ||
155 | <el-col :span="8"> | 232 | <el-col :span="8"> |
156 | <el-form-item label="登簿人:"> | 233 | <el-form-item label="登簿人:"> |
157 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | 234 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | ... | ... |
This diff is collapsed.
Click to expand it.
... | @@ -203,7 +203,7 @@ | ... | @@ -203,7 +203,7 @@ |
203 | /> | 203 | /> |
204 | </div> | 204 | </div> |
205 | </div> | 205 | </div> |
206 | <el-row class="btn"> | 206 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> |
207 | <el-form-item> | 207 | <el-form-item> |
208 | <el-button type="primary" @click="onSubmit">保存</el-button> | 208 | <el-button type="primary" @click="onSubmit">保存</el-button> |
209 | </el-form-item> | 209 | </el-form-item> | ... | ... |
... | @@ -5,15 +5,77 @@ | ... | @@ -5,15 +5,77 @@ |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div> | 7 | <div> |
8 | <lb-table | 8 | <el-table |
9 | :column="InformationTable" | 9 | :data="tableDataList" |
10 | border | ||
10 | :pagination="false" | 11 | :pagination="false" |
11 | :key="key" | 12 | :key="key" |
12 | :heightNumSetting="true" | 13 | :heightNumSetting="true" |
13 | :minHeight="150" | 14 | :minHeight="150" |
14 | :data="tableDataList" | 15 | height="150" |
16 | style="width: 100%" | ||
15 | > | 17 | > |
16 | </lb-table> | 18 | <el-table-column |
19 | prop="index" | ||
20 | width="50" | ||
21 | :render-header="renderHeader" | ||
22 | > | ||
23 | <template slot-scope="scope"> | ||
24 | <i | ||
25 | class="el-icon-minus pointer" | ||
26 | @click="deleClick(scope.$index, scope.row)" | ||
27 | ></i> | ||
28 | </template> | ||
29 | </el-table-column> | ||
30 | <el-table-column prop="yt" label="土地用途" min-width="100"> | ||
31 | <template slot-scope="scope"> | ||
32 | <treeselect | ||
33 | v-model="tdyt" | ||
34 | noOptionsText="暂无数据" | ||
35 | placeholder="" | ||
36 | :show-count="true" | ||
37 | :options="dictData['tdyt']" | ||
38 | :normalizer="normalizer" | ||
39 | :appendToBody="true" z-index="9999" | ||
40 | @input="addrow(scope.row)" | ||
41 | /> | ||
42 | </template> | ||
43 | </el-table-column> | ||
44 | <el-table-column prop="qssj" label="土地使用起始时间" min-width="100"> | ||
45 | <template slot-scope="scope"> | ||
46 | <el-date-picker | ||
47 | v-model='scope.row.qssj' | ||
48 | type="date" | ||
49 | placeholder="选择日期" | ||
50 | value-format="yyyy/MM/dd HH:mm:ss" | ||
51 | format="yyyy/MM/dd" | ||
52 | @blur="addrow(scope.row)"> | ||
53 | </el-date-picker> | ||
54 | </template> | ||
55 | </el-table-column> | ||
56 | <el-table-column prop="jssj" label="土地使用结束时间" min-width="100"> | ||
57 | <template slot-scope="scope"> | ||
58 | <el-date-picker | ||
59 | v-model='scope.row.jssj' | ||
60 | type="date" | ||
61 | placeholder="选择日期" | ||
62 | value-format="yyyy/MM/dd HH:mm:ss" | ||
63 | format="yyyy/MM/dd" | ||
64 | @blur="addrow(scope.row)"> | ||
65 | </el-date-picker> | ||
66 | </template> | ||
67 | </el-table-column> | ||
68 | <el-table-column prop="syqx" label="土地使用期限" min-width="100"> | ||
69 | <template slot-scope="scope"> | ||
70 | <el-input | ||
71 | class="item" | ||
72 | v-model="scope.row.syqx" | ||
73 | placeholder="请输入内容" | ||
74 | @blur="addrow(scope.row)"> | ||
75 | ></el-input> | ||
76 | </template> | ||
77 | </el-table-column> | ||
78 | </el-table> | ||
17 | </div> | 79 | </div> |
18 | </template> | 80 | </template> |
19 | <script> | 81 | <script> |
... | @@ -32,6 +94,8 @@ export default { | ... | @@ -32,6 +94,8 @@ export default { |
32 | }, | 94 | }, |
33 | data() { | 95 | data() { |
34 | return { | 96 | return { |
97 | // 键名转换,方法默认是label和children进行树状渲染 | ||
98 | tdyt:null, | ||
35 | key: 0, | 99 | key: 0, |
36 | newdata: { | 100 | newdata: { |
37 | yt: "", | 101 | yt: "", |
... | @@ -40,118 +104,15 @@ export default { | ... | @@ -40,118 +104,15 @@ export default { |
40 | syqx: "", | 104 | syqx: "", |
41 | }, | 105 | }, |
42 | tableDataList: [], | 106 | tableDataList: [], |
43 | InformationTable: [ | 107 | normalizer(node) { |
44 | { | 108 | if (node.children == null || node.children == "null") { |
45 | width: "50", | 109 | delete node.children; |
46 | renderHeader: (h, scope) => { | 110 | } |
47 | return ( | 111 | return { |
48 | <div> | 112 | id: node.dcode, |
49 | {" "} | 113 | label: node.dname, |
50 | {this.$route.query.viewtype == 1 ? ( | 114 | }; |
51 | "序号" | 115 | }, |
52 | ) : ( | ||
53 | <i | ||
54 | class="el-icon-plus pointer" | ||
55 | onClick={() => { | ||
56 | this.addClick(); | ||
57 | }} | ||
58 | ></i> | ||
59 | )} | ||
60 | </div> | ||
61 | ); | ||
62 | }, | ||
63 | render: (h, scope) => { | ||
64 | return ( | ||
65 | <div> | ||
66 | {this.$route.query.viewtype == 1 ? ( | ||
67 | <span>{scope.$index + 1}</span> | ||
68 | ) : ( | ||
69 | <i | ||
70 | class="el-icon-minus pointer" | ||
71 | onClick={() => { | ||
72 | this.deleClick(scope.$index, scope.row); | ||
73 | }} | ||
74 | ></i> | ||
75 | )} | ||
76 | </div> | ||
77 | ); | ||
78 | }, | ||
79 | }, | ||
80 | { | ||
81 | label: "土地用途", | ||
82 | align: "center", | ||
83 | render: (h, scope) => { | ||
84 | return ( | ||
85 | <el-select | ||
86 | value={scope.row.yt} | ||
87 | onChange={(val) => { | ||
88 | scope.row.yt = val; | ||
89 | }} | ||
90 | clearable | ||
91 | onblur={() => { | ||
92 | this.addrow(scope); | ||
93 | }} | ||
94 | > | ||
95 | {this.dictData["tdyt"].map((option) => { | ||
96 | return ( | ||
97 | <el-option | ||
98 | label={option.dname} | ||
99 | value={option.dcode} | ||
100 | ></el-option> | ||
101 | ); | ||
102 | })} | ||
103 | </el-select> | ||
104 | ); | ||
105 | }, | ||
106 | }, | ||
107 | { | ||
108 | label: "土地使用起始时间", | ||
109 | render: (h, scope) => { | ||
110 | return ( | ||
111 | <el-date-picker | ||
112 | v-model={scope.row.qssj} | ||
113 | type="date" | ||
114 | placeholder="选择日期" | ||
115 | value-format="yyyy/MM/dd HH:mm:ss" | ||
116 | format="yyyy/MM/dd HH:mm:ss" | ||
117 | onblur={() => { | ||
118 | this.addrow(scope.row); | ||
119 | }} | ||
120 | ></el-date-picker> | ||
121 | ); | ||
122 | }, | ||
123 | }, | ||
124 | { | ||
125 | label: "土地使用结束时间", | ||
126 | render: (h, scope) => { | ||
127 | return ( | ||
128 | <el-date-picker | ||
129 | v-model={scope.row.jssj} | ||
130 | type="date" | ||
131 | placeholder="选择日期" | ||
132 | value-format="yyyy/MM/dd HH:mm:ss" | ||
133 | format="yyyy/MM/dd HH:mm:ss" | ||
134 | onblur={() => { | ||
135 | this.addrow(scope.row); | ||
136 | }} | ||
137 | ></el-date-picker> | ||
138 | ); | ||
139 | }, | ||
140 | }, | ||
141 | { | ||
142 | label: "土地使用期限", | ||
143 | render: (h, scope) => { | ||
144 | return ( | ||
145 | <el-input | ||
146 | v-model={scope.row.syqx} | ||
147 | onblur={() => { | ||
148 | this.addrow(scope.row); | ||
149 | }} | ||
150 | ></el-input> | ||
151 | ); | ||
152 | }, | ||
153 | }, | ||
154 | ], | ||
155 | }; | 116 | }; |
156 | }, | 117 | }, |
157 | watch: { | 118 | watch: { |
... | @@ -160,6 +121,7 @@ export default { | ... | @@ -160,6 +121,7 @@ export default { |
160 | let that = this; | 121 | let that = this; |
161 | this.$nextTick(() => { | 122 | this.$nextTick(() => { |
162 | if (val.length == 0 || !val) { | 123 | if (val.length == 0 || !val) { |
124 | console.log("看见1"); | ||
163 | that.tableDataList = _.cloneDeep([ | 125 | that.tableDataList = _.cloneDeep([ |
164 | { | 126 | { |
165 | yt: "", | 127 | yt: "", |
... | @@ -168,8 +130,19 @@ export default { | ... | @@ -168,8 +130,19 @@ export default { |
168 | syqx: "", | 130 | syqx: "", |
169 | }, | 131 | }, |
170 | ]); | 132 | ]); |
133 | if( that.tableDataList.length>0){ | ||
134 | this.tdyt=that.tableDataList[0].yt | ||
135 | }else{ | ||
136 | this.tdyt=null | ||
137 | } | ||
171 | } else { | 138 | } else { |
139 | console.log("看见2"); | ||
172 | that.tableDataList = _.cloneDeep(val); | 140 | that.tableDataList = _.cloneDeep(val); |
141 | if( that.tableDataList.length>0){ | ||
142 | this.tdyt=that.tableDataList[0].yt | ||
143 | }else{ | ||
144 | this.tdyt=null | ||
145 | } | ||
173 | } | 146 | } |
174 | }); | 147 | }); |
175 | }, | 148 | }, |
... | @@ -178,15 +151,39 @@ export default { | ... | @@ -178,15 +151,39 @@ export default { |
178 | }, | 151 | }, |
179 | }, | 152 | }, |
180 | methods: { | 153 | methods: { |
154 | renderHeader() { | ||
155 | return ( | ||
156 | <div> | ||
157 | {" "} | ||
158 | {this.$route.query.viewtype == 1 ? ( | ||
159 | "序号" | ||
160 | ) : ( | ||
161 | <i | ||
162 | class="el-icon-plus pointer" | ||
163 | onClick={() => { | ||
164 | this.addClick(); | ||
165 | }} | ||
166 | ></i> | ||
167 | )} | ||
168 | </div> | ||
169 | ); | ||
170 | }, | ||
181 | // 修改事件 | 171 | // 修改事件 |
182 | addrow() { | 172 | addrow() { |
183 | console.log("this.$parent.bsmqlxx",this.$parent.$parent.bsmqlxx); | 173 | console.log("this.$parent.bsmqlxx", this.$parent.$parent.bsmqlxx); |
184 | 174 | this.tableDataList = this.tableDataList.map((item) => { | |
175 | return{ | ||
176 | ...item, | ||
177 | yt:this.tdyt | ||
178 | } | ||
179 | }) | ||
180 | console.log("this.tableDataList",this.tableDataList); | ||
185 | this.$emit("upDateTdytxxList", this.tableDataList); | 181 | this.$emit("upDateTdytxxList", this.tableDataList); |
186 | }, | 182 | }, |
187 | // 新增 | 183 | // 新增 |
188 | addClick() { | 184 | addClick() { |
189 | this.tableDataList[this.tableDataList.length] = _.cloneDeep(this.newdata); | 185 | this.tableDataList[this.tableDataList.length] = _.cloneDeep(this.newdata); |
186 | |||
190 | this.$emit("upDateTdytxxList", this.tableDataList); | 187 | this.$emit("upDateTdytxxList", this.tableDataList); |
191 | }, | 188 | }, |
192 | 189 | ... | ... |
... | @@ -15,7 +15,7 @@ | ... | @@ -15,7 +15,7 @@ |
15 | </div> | 15 | </div> |
16 | <el-row :gutter="10"> | 16 | <el-row :gutter="10"> |
17 | <el-col :span="8"> | 17 | <el-col :span="8"> |
18 | <el-form-item label="业务号:"> | 18 | <el-form-item label="业务号111:"> |
19 | <el-input disabled v-model="ruleForm.flow.ywh"></el-input> | 19 | <el-input disabled v-model="ruleForm.flow.ywh"></el-input> |
20 | </el-form-item> | 20 | </el-form-item> |
21 | </el-col> | 21 | </el-col> |
... | @@ -131,14 +131,14 @@ | ... | @@ -131,14 +131,14 @@ |
131 | </el-form-item> | 131 | </el-form-item> |
132 | </el-col> | 132 | </el-col> |
133 | 133 | ||
134 | <el-col :span="8"> | 134 | <!-- <el-col :span="8"> |
135 | <el-form-item label="下拉表格测试:"> | 135 | <el-form-item label="下拉表格测试:"> |
136 | <select-table v-model="value2" :table-width="600" :props="props" @change="change"> | 136 | <select-table v-model="value2" :table-width="600" :props="props" @change="change"> |
137 | <el-table-column prop="id" label="ID" width="180"></el-table-column> | 137 | <el-table-column prop="id" label="ID" width="180"></el-table-column> |
138 | <el-table-column prop="user" label="姓名"></el-table-column> | 138 | <el-table-column prop="user" label="姓名"></el-table-column> |
139 | </select-table> | 139 | </select-table> |
140 | </el-form-item> | 140 | </el-form-item> |
141 | </el-col> | 141 | </el-col> --> |
142 | 142 | ||
143 | </el-row> | 143 | </el-row> |
144 | <div class="slxx_title title-block"> | 144 | <div class="slxx_title title-block"> | ... | ... |
-
Please register or sign in to post a comment