Merge branch 'dev'
Showing
14 changed files
with
384 additions
and
629 deletions
1 | { | 1 | { |
2 | "TITLE": "不动产登记系统", | 2 | "TITLE": "不动产登记系统", |
3 | "SERVERAPI": "/bdcdj-th", | 3 | "SERVERAPI": "/bdcdj", |
4 | "IDCARDURL": "http://127.0.0.1:33088/function=get_idcard&readnew=0" | 4 | "IDCARDURL": "http://127.0.0.1:33088/function=get_idcard&readnew=0" |
5 | } | 5 | } |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
src/views/components/ywdialog.vue
0 → 100644
1 | <!-- | ||
2 | 功能:初始化功能描述 | ||
3 | 作者:calliope | ||
4 | --> | ||
5 | <template> | ||
6 | <div class='ywdialog'> | ||
7 | <el-link type="danger">{{formData.message}}</el-link> | ||
8 | <el-table | ||
9 | v-if="formData.result" | ||
10 | :data="formData.result" | ||
11 | height="200"> | ||
12 | <el-table-column | ||
13 | prop="bdcdyh" | ||
14 | label="不动产单元号"> | ||
15 | </el-table-column> | ||
16 | <el-table-column | ||
17 | prop="verifyErrorMessage" | ||
18 | label="状态"> | ||
19 | </el-table-column> | ||
20 | </el-table> | ||
21 | </div> | ||
22 | </template> | ||
23 | <script> | ||
24 | export default { | ||
25 | props: { | ||
26 | formData: { | ||
27 | type: Object, | ||
28 | default: {} | ||
29 | } | ||
30 | } | ||
31 | } | ||
32 | </script> | ||
33 | <style scoped lang='scss'> | ||
34 | @import "~@/styles/public.scss"; | ||
35 | </style> | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
... | @@ -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> |
... | @@ -58,12 +109,12 @@ | ... | @@ -58,12 +109,12 @@ |
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="国家/地区"> |
61 | <el-input v-model="ruleForm.gjdq"></el-input> | 112 | <el-input v-model="ruleForm.gj"></el-input> |
62 | </el-form-item> | 113 | </el-form-item> |
63 | </el-col> | 114 | </el-col> |
64 | <el-col :span="8"> | 115 | <el-col :span="8"> |
65 | <el-form-item label="户籍所在省市"> | 116 | <el-form-item label="户籍所在省市"> |
66 | <el-input v-model="ruleForm.szss"></el-input> | 117 | <el-input v-model="ruleForm.hjszss"></el-input> |
67 | </el-form-item> | 118 | </el-form-item> |
68 | </el-col> | 119 | </el-col> |
69 | </el-row> | 120 | </el-row> |
... | @@ -71,7 +122,7 @@ | ... | @@ -71,7 +122,7 @@ |
71 | <el-row> | 122 | <el-row> |
72 | <el-col :span="16"> | 123 | <el-col :span="16"> |
73 | <el-form-item label="地址"> | 124 | <el-form-item label="地址"> |
74 | <el-input v-model="ruleForm.txdz"></el-input> | 125 | <el-input v-model="ruleForm.dz"></el-input> |
75 | </el-form-item> | 126 | </el-form-item> |
76 | </el-col> | 127 | </el-col> |
77 | <el-col :span="8"> | 128 | <el-col :span="8"> |
... | @@ -107,7 +158,7 @@ | ... | @@ -107,7 +158,7 @@ |
107 | </el-col> | 158 | </el-col> |
108 | <el-col :span="16"> | 159 | <el-col :span="16"> |
109 | <el-form-item label="代理机构"> | 160 | <el-form-item label="代理机构"> |
110 | <el-input v-model="ruleForm.dljg"></el-input> | 161 | <el-input v-model="ruleForm.dlrjgmc"></el-input> |
111 | </el-form-item> | 162 | </el-form-item> |
112 | </el-col> | 163 | </el-col> |
113 | </el-row> | 164 | </el-row> |
... | @@ -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.dlrdhhm" | ||
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,50 +208,61 @@ | ... | @@ -143,50 +208,61 @@ |
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 | bsmBdcqz: "", |
161 | sqrmc: "", | 226 | bsmQlr: "", |
162 | zjzl: "", | 227 | bsmQlxx: "", |
163 | zjh: "", | 228 | bz: "", |
229 | cbfbm: "", | ||
164 | dh: "", | 230 | dh: "", |
165 | xb: "", | 231 | dlrdhhm: "", |
232 | dlrjgmc: "", | ||
233 | dlrxm: "", | ||
234 | dlrzjh: "", | ||
235 | dlrzjlx: "", | ||
236 | dz: "", | ||
237 | dzyj: "", | ||
238 | fbfbm: "", | ||
239 | frdh: "", | ||
166 | frmc: "", | 240 | frmc: "", |
167 | gjdq: "", | ||
168 | szss: "", | ||
169 | txdz: "", | ||
170 | yb: "", | ||
171 | fzjg: "", | 241 | fzjg: "", |
172 | dzyj: "", | 242 | gj: "", |
173 | qlbl: "", | ||
174 | gzdw: "", | 243 | gzdw: "", |
175 | dljg: "", | 244 | hjszss: "", |
176 | dlrxm: "", | 245 | qlrlx: "", |
177 | dlrzjlx: "", | 246 | qlrmc: "", |
178 | dlrzjh: "", | 247 | qlrtz: "", |
248 | sfczr: "", | ||
249 | sshy: "", | ||
250 | sxh: 0, | ||
251 | xb: "", | ||
252 | yb: "", | ||
253 | zjh: "", | ||
254 | zjzl: "", | ||
179 | }, | 255 | }, |
180 | rules: { | 256 | rules: { |
181 | sqrlx: [{ required: true, message: "权利人类型", trigger: "change" }], | 257 | qlrlx: [{ required: true, message: "权利人类型", trigger: "change" }], |
182 | sqrmc: [{ required: true, message: "姓名/名称", trigger: "blur" }], | 258 | qlrmc: [{ required: true, message: "姓名/名称", trigger: "blur" }], |
183 | zjzl: [{ required: true, message: "证件种类", trigger: "change" }], | 259 | zjzl: [{ required: true, message: "证件种类", trigger: "change" }], |
184 | zjh: [{ required: true, message: "证件号", trigger: "blur" }], | 260 | zjh: [{ required: true, message: "证件号", trigger: "blur" }], |
185 | }, | 261 | }, |
186 | }; | 262 | }; |
187 | }, | 263 | }, |
188 | watch: { | 264 | watch: { |
189 | value (val) { | 265 | value(val) { |
190 | this.myValue = _.cloneDeep(val); | 266 | this.myValue = _.cloneDeep(val); |
191 | }, | 267 | }, |
192 | details: { | 268 | details: { |
... | @@ -197,11 +273,11 @@ | ... | @@ -197,11 +273,11 @@ |
197 | }, | 273 | }, |
198 | }, | 274 | }, |
199 | methods: { | 275 | methods: { |
200 | closeDialog () { | 276 | closeDialog() { |
201 | this.$emit("input", false); | 277 | this.$emit("input", false); |
202 | this.$refs["ruleForm"].resetFields(); | 278 | this.$refs["ruleForm"].resetFields(); |
203 | }, | 279 | }, |
204 | submitForm () { | 280 | submitForm() { |
205 | this.$refs.ruleForm.validate((valid) => { | 281 | this.$refs.ruleForm.validate((valid) => { |
206 | if (valid) { | 282 | if (valid) { |
207 | this.$emit("input", false); | 283 | this.$emit("input", false); |
... | @@ -212,14 +288,14 @@ | ... | @@ -212,14 +288,14 @@ |
212 | }); | 288 | }); |
213 | }, | 289 | }, |
214 | }, | 290 | }, |
215 | }; | 291 | }; |
216 | </script> | 292 | </script> |
217 | <style scoped lang="scss"> | 293 | <style scoped lang="scss"> |
218 | @import "~@/styles/dialogBoxheader.scss"; | 294 | @import "~@/styles/dialogBoxheader.scss"; |
219 | .submit-button { | 295 | .submit-button { |
220 | text-align: center; | 296 | text-align: center; |
221 | height: 52px; | 297 | height: 52px; |
222 | padding-top: 10px; | 298 | padding-top: 10px; |
223 | background-color: #fff; | 299 | background-color: #fff; |
224 | } | 300 | } |
225 | </style> | 301 | </style> | ... | ... |
... | @@ -9,16 +9,16 @@ | ... | @@ -9,16 +9,16 @@ |
9 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px"> | 9 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px"> |
10 | <el-row> | 10 | <el-row> |
11 | <el-col :span="8"> | 11 | <el-col :span="8"> |
12 | <el-form-item label="义务人类型1" prop="sqrlx"> | 12 | <el-form-item label="义务人类型" prop="ywrlx"> |
13 | <el-select clearable v-model="ruleForm.sqrlx" class="width100" placeholder="请选择"> | 13 | <el-select clearable v-model="ruleForm.ywrlx" class="width100" placeholder="请选择"> |
14 | <el-option v-for="item in dictData['A36']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 14 | <el-option v-for="item in dictData['A36']" :key="item.dcode" :label="item.dname" :value="item.dcode"> |
15 | </el-option> | 15 | </el-option> |
16 | </el-select> | 16 | </el-select> |
17 | </el-form-item> | 17 | </el-form-item> |
18 | </el-col> | 18 | </el-col> |
19 | <el-col :span="8"> | 19 | <el-col :span="8"> |
20 | <el-form-item label="姓名/名称" prop="sqrmc"> | 20 | <el-form-item label="姓名/名称" prop="ywrmc"> |
21 | <el-input v-model="ruleForm.sqrmc" maxlegth="15"></el-input> | 21 | <el-input v-model="ruleForm.ywrmc" maxlegth="15"></el-input> |
22 | </el-form-item> | 22 | </el-form-item> |
23 | </el-col> | 23 | </el-col> |
24 | <el-col :span="8"> | 24 | <el-col :span="8"> |
... | @@ -157,8 +157,8 @@ | ... | @@ -157,8 +157,8 @@ |
157 | return { | 157 | return { |
158 | myValue: this.value, | 158 | myValue: this.value, |
159 | ruleForm: { | 159 | ruleForm: { |
160 | sqrlx: "", | 160 | ywrlx: "", |
161 | sqrmc: "", | 161 | ywrmc: "", |
162 | zjzl: "", | 162 | zjzl: "", |
163 | zjh: "", | 163 | zjh: "", |
164 | dh: "", | 164 | dh: "", |
... | @@ -178,8 +178,8 @@ | ... | @@ -178,8 +178,8 @@ |
178 | dlrzjh: "", | 178 | dlrzjh: "", |
179 | }, | 179 | }, |
180 | rules: { | 180 | rules: { |
181 | sqrlx: [{ required: true, message: "义务人类型", trigger: "change" }], | 181 | ywrlx: [{ required: true, message: "义务人类型", trigger: "change" }], |
182 | sqrmc: [{ required: true, message: "姓名/名称", trigger: "blur" }], | 182 | ywrmc: [{ required: true, message: "姓名/名称", trigger: "blur" }], |
183 | zjzl: [{ required: true, message: "证件种类", trigger: "change" }], | 183 | zjzl: [{ required: true, message: "证件种类", trigger: "change" }], |
184 | zjh: [{ required: true, message: "证件号", trigger: "blur" }], | 184 | zjh: [{ required: true, message: "证件号", trigger: "blur" }], |
185 | }, | 185 | }, | ... | ... |
... | @@ -70,7 +70,7 @@ | ... | @@ -70,7 +70,7 @@ |
70 | } | 70 | } |
71 | }, | 71 | }, |
72 | { | 72 | { |
73 | prop: "sqrmc", | 73 | prop: "qlrmc", |
74 | label: "姓名/名称" | 74 | label: "姓名/名称" |
75 | }, | 75 | }, |
76 | { | 76 | { |
... | @@ -121,7 +121,7 @@ | ... | @@ -121,7 +121,7 @@ |
121 | this.$nextTick(() => { | 121 | this.$nextTick(() => { |
122 | if (val.length == 0 || !val) { | 122 | if (val.length == 0 || !val) { |
123 | that.tableDataList = _.cloneDeep([{ | 123 | that.tableDataList = _.cloneDeep([{ |
124 | sqrmc: '', | 124 | qlrmc: '', |
125 | dlrzjlx: '', | 125 | dlrzjlx: '', |
126 | dlrzjh: '', | 126 | dlrzjh: '', |
127 | fr: '' | 127 | fr: '' | ... | ... |
... | @@ -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="区县代码:"> |
... | @@ -153,6 +200,36 @@ | ... | @@ -153,6 +200,36 @@ |
153 | </el-form-item> | 200 | </el-form-item> |
154 | </el-col> | 201 | </el-col> |
155 | <el-col :span="8"> | 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> | ||
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> |
158 | </el-form-item> | 235 | </el-form-item> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-07-05 10:05:46 | 4 | * @LastEditTime: 2023-07-05 16:15:28 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
... | @@ -36,8 +36,8 @@ | ... | @@ -36,8 +36,8 @@ |
36 | </el-form-item> | 36 | </el-form-item> |
37 | </el-col> | 37 | </el-col> |
38 | </el-row> | 38 | </el-row> |
39 | <div class="slxx_title title-block"> | 39 | <div class="slxx_title title-block flex"> |
40 | 抵押不动产情况 | 40 | 抵押不动产情况 <el-divider direction="vertical"></el-divider> |
41 | <el-row :gutter="10"> | 41 | <el-row :gutter="10"> |
42 | <el-col :span="8"> | 42 | <el-col :span="8"> |
43 | <el-form-item label="抵押不动产信息:"> | 43 | <el-form-item label="抵押不动产信息:"> | ... | ... |
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-06-25 15:52:42 | ||
5 | --> | ||
6 | <template> | ||
7 | <!-- 受理信息 --> | ||
8 | <div class="slxx"> | ||
9 | <el-form | ||
10 | :model="ruleForm" | ||
11 | :rules="rules" | ||
12 | class="loadingtext" | ||
13 | ref="ruleForm" | ||
14 | :label-position="flag ? 'top' : ''" | ||
15 | :inline="flag" | ||
16 | label-width="127px" | ||
17 | > | ||
18 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | ||
19 | <div class="slxx_title title-block"> | ||
20 | 补录信息 | ||
21 | <div class="triangle"></div> | ||
22 | </div> | ||
23 | <el-row :gutter="10"> | ||
24 | <el-col :span="8"> | ||
25 | <el-form-item label="补录编号:"> | ||
26 | <el-input disabled v-model="ruleForm.repair.ywh"></el-input> | ||
27 | </el-form-item> | ||
28 | </el-col> | ||
29 | <el-col :span="8"> | ||
30 | <el-form-item label="补录人员:"> | ||
31 | <el-input disabled v-model="ruleForm.repair.slry"></el-input> | ||
32 | </el-form-item> | ||
33 | </el-col> | ||
34 | <el-col :span="8"> | ||
35 | <el-form-item label="补录时间:"> | ||
36 | <el-input disabled v-model="ruleForm.repair.slsj"></el-input> | ||
37 | </el-form-item> | ||
38 | </el-col> | ||
39 | </el-row> | ||
40 | <div class="slxx_title title-block"> | ||
41 | 预告抵押登记信息 | ||
42 | <div class="triangle"></div> | ||
43 | </div> | ||
44 | <el-row :gutter="10"> | ||
45 | <el-col :span="8"> | ||
46 | <el-form-item label="不动产单元号:"> | ||
47 | <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> | ||
48 | </el-form-item> | ||
49 | </el-col> | ||
50 | <el-col :span="8"> | ||
51 | <el-form-item label="业务号:"> | ||
52 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | ||
53 | </el-form-item> | ||
54 | </el-col> | ||
55 | <el-col :span="8"> | ||
56 | <el-form-item label="上手业务号:"> | ||
57 | <el-input v-model="ruleForm.qlxx.ssywh"></el-input> | ||
58 | </el-form-item> | ||
59 | </el-col> | ||
60 | </el-row> | ||
61 | <el-row :gutter="10"> | ||
62 | <el-col :span="8"> | ||
63 | <el-form-item label="权利类型:"> | ||
64 | <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input> | ||
65 | </el-form-item> | ||
66 | </el-col> | ||
67 | <el-col :span="8"> | ||
68 | <el-form-item label="登记原因:"> | ||
69 | <el-input disabled v-model="ruleForm.ygdj.djyy"></el-input> | ||
70 | </el-form-item> | ||
71 | </el-col> | ||
72 | <el-col :span="8"> | ||
73 | <el-form-item label="登记类型:"> | ||
74 | <el-select v-model="ruleForm.qlxx.djlx"> | ||
75 | <el-option | ||
76 | v-for="item in dictData['A21']" | ||
77 | :key="item.dcode" | ||
78 | :label="item.dname" | ||
79 | :value="item.dcode" | ||
80 | > | ||
81 | </el-option> | ||
82 | </el-select> | ||
83 | </el-form-item> | ||
84 | </el-col> | ||
85 | <el-col :span="8"> | ||
86 | <el-form-item label="不动产坐落:"> | ||
87 | <el-input v-model="ruleForm.qlxx.zl"></el-input> | ||
88 | </el-form-item> | ||
89 | </el-col> | ||
90 | <el-col :span="8"> | ||
91 | <el-form-item label="不动产权证号:"> | ||
92 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | ||
93 | </el-form-item> | ||
94 | </el-col> | ||
95 | <el-col :span="8"> | ||
96 | <el-form-item label="区县代码:"> | ||
97 | <el-input v-model="ruleForm.qlxx.qxdm"></el-input> | ||
98 | </el-form-item> | ||
99 | </el-col> | ||
100 | <el-col :span="8"> | ||
101 | <el-form-item label="登记机构:"> | ||
102 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | ||
103 | </el-form-item> | ||
104 | </el-col> | ||
105 | <el-col :span="8"> | ||
106 | <el-form-item label="登簿人:"> | ||
107 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | ||
108 | </el-form-item> | ||
109 | </el-col> | ||
110 | <el-col :span="8"> | ||
111 | <el-form-item label="登记时间:"> | ||
112 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | ||
113 | </el-form-item> | ||
114 | </el-col> | ||
115 | <el-col :span="8"> | ||
116 | <el-form-item label="权属状态:"> | ||
117 | <el-select v-model="ruleForm.qlxx.qszt"> | ||
118 | <el-option | ||
119 | v-for="item in qsztlist" | ||
120 | :key="item.dcode" | ||
121 | :label="item.dname" | ||
122 | :value="item.dcode" | ||
123 | > | ||
124 | </el-option> | ||
125 | </el-select> | ||
126 | </el-form-item> | ||
127 | </el-col> | ||
128 | |||
129 | <el-col :span="8"> | ||
130 | <el-form-item label="预告登记种类"> | ||
131 | <el-select v-model="ruleForm.ygdj.ygdjlx"> | ||
132 | <el-option | ||
133 | v-for="item in dictData['A29']" | ||
134 | :key="item.dcode" | ||
135 | :label="item.dname" | ||
136 | :value="item.dcode" | ||
137 | > | ||
138 | </el-option> | ||
139 | </el-select> | ||
140 | </el-form-item> | ||
141 | </el-col> | ||
142 | <el-col :span="8"> | ||
143 | <el-form-item label="土地使用权人"> | ||
144 | <el-input v-model="ruleForm.ygdj.tdsyqr"></el-input> | ||
145 | </el-form-item> | ||
146 | </el-col> | ||
147 | <el-col :span="8"> | ||
148 | <el-form-item label="规划用途"> | ||
149 | <el-select v-model="ruleForm.ygdj.ghyt"> | ||
150 | <el-option | ||
151 | v-for="item in dictData['A17']" | ||
152 | :key="item.dcode" | ||
153 | :label="item.dname" | ||
154 | :value="item.dcode" | ||
155 | > | ||
156 | </el-option> | ||
157 | </el-select> | ||
158 | </el-form-item> | ||
159 | </el-col> | ||
160 | <el-col :span="8"> | ||
161 | <el-form-item label="用途名称"> | ||
162 | <el-input v-model="ruleForm.ygdj.ytmc"></el-input> | ||
163 | </el-form-item> | ||
164 | </el-col> | ||
165 | <el-col :span="8"> | ||
166 | <el-form-item label="房屋性质"> | ||
167 | <el-select v-model="ruleForm.ygdj.fwxz"> | ||
168 | <el-option | ||
169 | v-for="item in dictData['A19']" | ||
170 | :key="item.dcode" | ||
171 | :label="item.dname" | ||
172 | :value="item.dcode" | ||
173 | > | ||
174 | </el-option> | ||
175 | </el-select> | ||
176 | </el-form-item> | ||
177 | </el-col> | ||
178 | <el-col :span="8"> | ||
179 | <el-form-item label="房屋性质名称"> | ||
180 | <el-input v-model="ruleForm.ygdj.fwxzmc"></el-input> | ||
181 | </el-form-item> | ||
182 | </el-col> | ||
183 | <el-col :span="8"> | ||
184 | <el-form-item label="房屋结构"> | ||
185 | <el-select v-model="ruleForm.ygdj.fwjg"> | ||
186 | <el-option | ||
187 | v-for="item in dictData['A46']" | ||
188 | :key="item.dcode" | ||
189 | :label="item.dname" | ||
190 | :value="item.dcode" | ||
191 | > | ||
192 | </el-option> | ||
193 | </el-select> | ||
194 | </el-form-item> | ||
195 | </el-col> | ||
196 | <el-col :span="8"> | ||
197 | <el-form-item label="所在层"> | ||
198 | <el-input v-model="ruleForm.ygdj.szc"></el-input> | ||
199 | </el-form-item> | ||
200 | </el-col> | ||
201 | <el-col :span="8"> | ||
202 | <el-form-item label="总层数"> | ||
203 | <el-input v-model="ruleForm.ygdj.zcs"></el-input> | ||
204 | </el-form-item> | ||
205 | </el-col> | ||
206 | <el-col :span="8"> | ||
207 | <el-form-item label="建筑面积"> | ||
208 | <el-input v-model="ruleForm.ygdj.jzmj"></el-input> | ||
209 | </el-form-item> | ||
210 | </el-col> | ||
211 | <el-col :span="8"> | ||
212 | <el-form-item label="注销预告业务号"> | ||
213 | <el-input v-model="ruleForm.ygdj.zxygywh"></el-input> | ||
214 | </el-form-item> | ||
215 | </el-col> | ||
216 | <el-col :span="8"> | ||
217 | <el-form-item label="注销预告原因"> | ||
218 | <el-input v-model="ruleForm.ygdj.zxygyy"></el-input> | ||
219 | </el-form-item> | ||
220 | </el-col> | ||
221 | <el-col :span="8"> | ||
222 | <el-form-item label="注销时间"> | ||
223 | <el-input v-model="ruleForm.ygdj.zxsj"></el-input> | ||
224 | </el-form-item> | ||
225 | </el-col> | ||
226 | <el-col :span="8"> | ||
227 | <el-form-item label="取得价格/被担保主债权数额"> | ||
228 | <el-input v-model="ruleForm.ygdj.qdjg"></el-input> | ||
229 | </el-form-item> | ||
230 | </el-col> | ||
231 | <el-col :span="8"> | ||
232 | <el-form-item label="金额单位"> | ||
233 | <el-input v-model="ruleForm.ygdj.jedw"></el-input> | ||
234 | </el-form-item> | ||
235 | </el-col> | ||
236 | <el-col :span="8"> | ||
237 | <el-form-item label="担保范围"> | ||
238 | <el-input v-model="ruleForm.ygdj.dbfw"></el-input> | ||
239 | </el-form-item> | ||
240 | </el-col> | ||
241 | <el-col :span="8"> | ||
242 | <el-form-item label="是否存在禁止或限制转让抵押不动产的约定"> | ||
243 | <el-input v-model="ruleForm.ygdj.sfczjzhxz"></el-input> | ||
244 | </el-form-item> | ||
245 | </el-col> | ||
246 | <el-col :span="8"> | ||
247 | <el-form-item label="不动产登记证明号"> | ||
248 | <el-input v-model="ruleForm.ygdj.bdcdjzmh"></el-input> | ||
249 | </el-form-item> | ||
250 | </el-col> | ||
251 | <el-col :span="24"> | ||
252 | <el-form-item label="附记:"> | ||
253 | <el-input v-model="ruleForm.ygdj.fj"></el-input> | ||
254 | </el-form-item> | ||
255 | </el-col> | ||
256 | </el-row> | ||
257 | <div class="slxx_title title-block"> | ||
258 | 权利人信息 | ||
259 | <div class="triangle"></div> | ||
260 | </div> | ||
261 | <el-row :gutter="10"> | ||
262 | <el-col :span="12"> | ||
263 | <el-form-item label="共有方式:"> | ||
264 | <el-radio-group v-model="ruleForm.qlxx.gyqk"> | ||
265 | <el-radio label="0">单独所有</el-radio> | ||
266 | <el-radio label="1">共同共有</el-radio> | ||
267 | <el-radio label="2">按份所有</el-radio> | ||
268 | <el-radio label="3">其它共有</el-radio> | ||
269 | </el-radio-group> | ||
270 | </el-form-item> | ||
271 | </el-col> | ||
272 | </el-row> | ||
273 | <qlrCommonTable | ||
274 | :tableData="ruleForm.qlrData" | ||
275 | @upDateQlrxxList="upDateQlrxxList" | ||
276 | :key="key" | ||
277 | :gyfs="ruleForm.qlxx.gyfs" | ||
278 | /> | ||
279 | |||
280 | <div> | ||
281 | <div class="slxx_title title-block"> | ||
282 | 义务人信息 | ||
283 | <div class="triangle"></div> | ||
284 | </div> | ||
285 | <ywrCommonTable | ||
286 | v-if="ruleForm.ywrData" | ||
287 | :tableData="ruleForm.ywrData" | ||
288 | :key="key" | ||
289 | @upDateQlrxxList="upDateYwrxxList" | ||
290 | /> | ||
291 | </div> | ||
292 | </div> | ||
293 | <el-row class="btn"> | ||
294 | <el-form-item> | ||
295 | <el-button type="primary" @click="onSubmit">保存</el-button> | ||
296 | </el-form-item> | ||
297 | </el-row> | ||
298 | </el-form> | ||
299 | </div> | ||
300 | </template> | ||
301 | <script> | ||
302 | import { mapGetters } from "vuex"; | ||
303 | import { init, save } from "@/api/djbbl.js"; | ||
304 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; | ||
305 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; | ||
306 | import tdytTable from "@/views/workflow/components/tdytTable"; | ||
307 | export default { | ||
308 | components: { qlrCommonTable, ywrCommonTable, tdytTable }, | ||
309 | computed: { | ||
310 | ...mapGetters(["dictData", "flag"]), | ||
311 | }, | ||
312 | data() { | ||
313 | return { | ||
314 | //表单是否可操作 | ||
315 | propsParam: this.$attrs, | ||
316 | key: 0, | ||
317 | isShow: false, | ||
318 | disabled: true, | ||
319 | czrOptions: [], | ||
320 | ruleForm: {}, | ||
321 | // 权属状态 | ||
322 | qsztlist: [ | ||
323 | { | ||
324 | dcode: "1", | ||
325 | dname: "现势", | ||
326 | }, | ||
327 | { | ||
328 | dcode: "2", | ||
329 | dname: "历史", | ||
330 | }, | ||
331 | ], | ||
332 | //传递参数\ | ||
333 | rules: {}, | ||
334 | }; | ||
335 | }, | ||
336 | created() { | ||
337 | this.loadData(); | ||
338 | }, | ||
339 | mounted() {}, | ||
340 | methods: { | ||
341 | loadData() { | ||
342 | console.log("预告登记", this.propsParam); | ||
343 | this.propsParam.isEdit=this.$parent.isEdit | ||
344 | init(this.propsParam).then((res) => { | ||
345 | if (res.code == 200) { | ||
346 | this.ruleForm = res.result; | ||
347 | console.log("this.ruleForm", this.ruleForm); | ||
348 | this.isShow = true; | ||
349 | } | ||
350 | }); | ||
351 | }, | ||
352 | // 更新土地用途信息 | ||
353 | upDateTdytxxList(val) { | ||
354 | console.log("VAL", val); | ||
355 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
356 | this.key++; | ||
357 | }, | ||
358 | // 更新权利人信息 | ||
359 | upDateQlrxxList(val) { | ||
360 | console.log("val", val); | ||
361 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | ||
362 | console.log("this.ruleForm.qlrData", this.ruleForm.qlrData); | ||
363 | this.czrOptions = this.ruleForm.qlrData; | ||
364 | this.key++; | ||
365 | }, | ||
366 | // 更新义务人信息 | ||
367 | upDateYwrxxList(val) { | ||
368 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); | ||
369 | this.key++; | ||
370 | }, | ||
371 | onSubmit() { | ||
372 | console.log("this.ruleForm大信息", this.ruleForm); | ||
373 | if (this.ruleForm.qlrData.length == 0) { | ||
374 | this.$message({ | ||
375 | showClose: true, | ||
376 | message: "请确认权利人信息", | ||
377 | type: "error", | ||
378 | }); | ||
379 | return false; | ||
380 | } | ||
381 | |||
382 | if (this.ruleForm.qlxx.gyfs == "0") { | ||
383 | if (this.ruleForm.qlrData.length > 1) { | ||
384 | this.$message({ | ||
385 | showClose: true, | ||
386 | message: "共有方式:单独所有,权利人只能是一个人", | ||
387 | type: "error", | ||
388 | }); | ||
389 | return false; | ||
390 | } | ||
391 | this.ruleForm.qlrData[0].sfczr = "1"; | ||
392 | } | ||
393 | if (this.ruleForm.qlxx.gyfs == "1") { | ||
394 | //是否分别持证 | ||
395 | if (this.ruleForm.qlxx.sqfbcz == "1") { | ||
396 | //是 | ||
397 | this.ruleForm.qlrData.forEach((item, index) => { | ||
398 | item.sfczr = "1"; | ||
399 | }); | ||
400 | } else { | ||
401 | this.ruleForm.qlrData.forEach((item, index) => { | ||
402 | if (item.zjh == this.ruleForm.czr) { | ||
403 | item.sfczr = "1"; | ||
404 | } else { | ||
405 | item.sfczr = "0"; | ||
406 | } | ||
407 | }); | ||
408 | } | ||
409 | } | ||
410 | save(this.ruleForm).then((res) => { | ||
411 | if (res.code === 200) { | ||
412 | this.$message({ | ||
413 | showClose: true, | ||
414 | message: "保存成功!", | ||
415 | type: "success", | ||
416 | }); | ||
417 | this.$store.dispatch("user/refreshPage", true); | ||
418 | } else { | ||
419 | this.$message({ | ||
420 | showClose: true, | ||
421 | message: res.message, | ||
422 | type: "error", | ||
423 | }); | ||
424 | } | ||
425 | }); | ||
426 | }, | ||
427 | }, | ||
428 | }; | ||
429 | </script> | ||
430 | <style scoped lang="scss"> | ||
431 | @import "~@/styles/public.scss"; | ||
432 | @import "~@/styles/slxx/slxx.scss"; | ||
433 | </style> |
... | @@ -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> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-07-04 15:04:59 | 4 | * @LastEditTime: 2023-07-05 16:57:08 |
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;"> |
... | @@ -20,7 +20,6 @@ | ... | @@ -20,7 +20,6 @@ |
20 | <script> | 20 | <script> |
21 | import { datas } from "../../javascript/zsyl.js"; | 21 | import { datas } from "../../javascript/zsyl.js"; |
22 | import { getSlsqBdcqzList } from "@/api/bdcqz.js" | 22 | import { getSlsqBdcqzList } from "@/api/bdcqz.js" |
23 | import { log } from 'bpmn-js-token-simulation'; | ||
24 | export default { | 23 | export default { |
25 | name: "zsyl", | 24 | name: "zsyl", |
26 | props: { | 25 | props: { | ... | ... |
... | @@ -5,15 +5,78 @@ | ... | @@ -5,15 +5,78 @@ |
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" |
13 | :header-cell-style="{'text-align':'center'}" | ||
12 | :heightNumSetting="true" | 14 | :heightNumSetting="true" |
13 | :minHeight="150" | 15 | :minHeight="150" |
14 | :data="tableDataList" | 16 | height="150" |
17 | style="width: 100%" | ||
15 | > | 18 | > |
16 | </lb-table> | 19 | <el-table-column |
20 | prop="index" | ||
21 | width="50" | ||
22 | :render-header="renderHeader" | ||
23 | > | ||
24 | <template slot-scope="scope"> | ||
25 | <i | ||
26 | class="el-icon-minus pointer" | ||
27 | @click="deleClick(scope.$index, scope.row)" | ||
28 | ></i> | ||
29 | </template> | ||
30 | </el-table-column> | ||
31 | <el-table-column prop="yt" label="土地用途" min-width="100"> | ||
32 | <template slot-scope="scope"> | ||
33 | <treeselect | ||
34 | v-model="tdyt" | ||
35 | noOptionsText="暂无数据" | ||
36 | placeholder="" | ||
37 | :show-count="true" | ||
38 | :options="dictData['tdyt']" | ||
39 | :normalizer="normalizer" | ||
40 | :appendToBody="true" z-index="9999" | ||
41 | @input="addrow(scope.row)" | ||
42 | /> | ||
43 | </template> | ||
44 | </el-table-column> | ||
45 | <el-table-column prop="qssj" label="土地使用起始时间" min-width="100"> | ||
46 | <template slot-scope="scope"> | ||
47 | <el-date-picker | ||
48 | v-model='scope.row.qssj' | ||
49 | type="date" | ||
50 | placeholder="选择日期" | ||
51 | value-format="yyyy/MM/dd HH:mm:ss" | ||
52 | format="yyyy/MM/dd" | ||
53 | @blur="addrow(scope.row)"> | ||
54 | </el-date-picker> | ||
55 | </template> | ||
56 | </el-table-column> | ||
57 | <el-table-column prop="jssj" label="土地使用结束时间" min-width="100"> | ||
58 | <template slot-scope="scope"> | ||
59 | <el-date-picker | ||
60 | v-model='scope.row.jssj' | ||
61 | type="date" | ||
62 | placeholder="选择日期" | ||
63 | value-format="yyyy/MM/dd HH:mm:ss" | ||
64 | format="yyyy/MM/dd" | ||
65 | @blur="addrow(scope.row)"> | ||
66 | </el-date-picker> | ||
67 | </template> | ||
68 | </el-table-column> | ||
69 | <el-table-column prop="syqx" label="土地使用期限" min-width="100"> | ||
70 | <template slot-scope="scope"> | ||
71 | <el-input | ||
72 | class="item" | ||
73 | v-model="scope.row.syqx" | ||
74 | placeholder="请输入内容" | ||
75 | @blur="addrow(scope.row)"> | ||
76 | ></el-input> | ||
77 | </template> | ||
78 | </el-table-column> | ||
79 | </el-table> | ||
17 | </div> | 80 | </div> |
18 | </template> | 81 | </template> |
19 | <script> | 82 | <script> |
... | @@ -32,6 +95,8 @@ export default { | ... | @@ -32,6 +95,8 @@ export default { |
32 | }, | 95 | }, |
33 | data() { | 96 | data() { |
34 | return { | 97 | return { |
98 | // 键名转换,方法默认是label和children进行树状渲染 | ||
99 | tdyt:null, | ||
35 | key: 0, | 100 | key: 0, |
36 | newdata: { | 101 | newdata: { |
37 | yt: "", | 102 | yt: "", |
... | @@ -40,118 +105,15 @@ export default { | ... | @@ -40,118 +105,15 @@ export default { |
40 | syqx: "", | 105 | syqx: "", |
41 | }, | 106 | }, |
42 | tableDataList: [], | 107 | tableDataList: [], |
43 | InformationTable: [ | 108 | normalizer(node) { |
44 | { | 109 | if (node.children == null || node.children == "null") { |
45 | width: "50", | 110 | delete node.children; |
46 | renderHeader: (h, scope) => { | 111 | } |
47 | return ( | 112 | return { |
48 | <div> | 113 | id: node.dcode, |
49 | {" "} | 114 | label: node.dname, |
50 | {this.$route.query.viewtype == 1 ? ( | 115 | }; |
51 | "序号" | ||
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 | }, | 116 | }, |
154 | ], | ||
155 | }; | 117 | }; |
156 | }, | 118 | }, |
157 | watch: { | 119 | watch: { |
... | @@ -168,8 +130,18 @@ export default { | ... | @@ -168,8 +130,18 @@ export default { |
168 | syqx: "", | 130 | syqx: "", |
169 | }, | 131 | }, |
170 | ]); | 132 | ]); |
133 | if( that.tableDataList.length>0){ | ||
134 | this.tdyt=that.tableDataList[0].yt?that.tableDataList[0].yt:null | ||
135 | }else{ | ||
136 | this.tdyt=null | ||
137 | } | ||
171 | } else { | 138 | } else { |
172 | that.tableDataList = _.cloneDeep(val); | 139 | that.tableDataList = _.cloneDeep(val); |
140 | if( that.tableDataList.length>0){ | ||
141 | this.tdyt=that.tableDataList[0].yt?that.tableDataList[0].yt:null | ||
142 | }else{ | ||
143 | this.tdyt=null | ||
144 | } | ||
173 | } | 145 | } |
174 | }); | 146 | }); |
175 | }, | 147 | }, |
... | @@ -178,21 +150,42 @@ export default { | ... | @@ -178,21 +150,42 @@ export default { |
178 | }, | 150 | }, |
179 | }, | 151 | }, |
180 | methods: { | 152 | methods: { |
153 | renderHeader() { | ||
154 | return ( | ||
155 | <div> | ||
156 | {" "} | ||
157 | {this.$route.query.viewtype == 1 ? ( | ||
158 | "序号" | ||
159 | ) : ( | ||
160 | <i | ||
161 | class="el-icon-plus pointer" | ||
162 | onClick={() => { | ||
163 | this.addClick(); | ||
164 | }} | ||
165 | ></i> | ||
166 | )} | ||
167 | </div> | ||
168 | ); | ||
169 | }, | ||
181 | // 修改事件 | 170 | // 修改事件 |
182 | addrow() { | 171 | addrow() { |
183 | console.log("this.$parent.bsmqlxx",this.$parent.$parent.bsmqlxx); | 172 | this.tableDataList = this.tableDataList.map((item) => { |
184 | 173 | return{ | |
174 | ...item, | ||
175 | yt:this.tdyt | ||
176 | } | ||
177 | }) | ||
185 | this.$emit("upDateTdytxxList", this.tableDataList); | 178 | this.$emit("upDateTdytxxList", this.tableDataList); |
186 | }, | 179 | }, |
187 | // 新增 | 180 | // 新增 |
188 | addClick() { | 181 | addClick() { |
189 | this.tableDataList[this.tableDataList.length] = _.cloneDeep(this.newdata); | 182 | this.tableDataList[this.tableDataList.length] = _.cloneDeep(this.newdata); |
183 | |||
190 | this.$emit("upDateTdytxxList", this.tableDataList); | 184 | this.$emit("upDateTdytxxList", this.tableDataList); |
191 | }, | 185 | }, |
192 | 186 | ||
193 | // 删除 | 187 | // 删除 |
194 | deleClick(index, row) { | 188 | deleClick(index, row) { |
195 | console.log("删除"); | ||
196 | this.$confirm("确定要删除吗, 是否继续?", "提示", { | 189 | this.$confirm("确定要删除吗, 是否继续?", "提示", { |
197 | confirmButtonText: "确定", | 190 | confirmButtonText: "确定", |
198 | cancelButtonText: "取消", | 191 | cancelButtonText: "取消", |
... | @@ -210,4 +203,8 @@ export default { | ... | @@ -210,4 +203,8 @@ export default { |
210 | .el-input { | 203 | .el-input { |
211 | border: none !important; | 204 | border: none !important; |
212 | } | 205 | } |
206 | /deep/.el-table__row{ | ||
207 | border: none !important; | ||
208 | |||
209 | } | ||
213 | </style> | 210 | </style> | ... | ... |
... | @@ -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"> | ... | ... |
... | @@ -47,12 +47,13 @@ | ... | @@ -47,12 +47,13 @@ |
47 | </template> | 47 | </template> |
48 | <script> | 48 | <script> |
49 | //首次登记 | 49 | //首次登记 |
50 | import jump from "./mixin/jump"; | ||
50 | import store from '@/store/index.js' | 51 | import store from '@/store/index.js' |
51 | import { datas, sendThis } from "../javascript/selectQjzdjbxx.js"; | ||
52 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; | ||
53 | import table from "@/utils/mixin/table"; | 52 | import table from "@/utils/mixin/table"; |
54 | import jump from "./mixin/jump"; | 53 | import { popupDialog, popupCacel } from "@/utils/popup.js"; |
55 | import { startBusinessFlow, selectZdjbxx } from "@/api/ywbl.js"; | 54 | import { startBusinessFlow, selectZdjbxx } from "@/api/ywbl.js"; |
55 | import { datas, sendThis } from "../javascript/selectQjzdjbxx.js"; | ||
56 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; | ||
56 | export default { | 57 | export default { |
57 | mixins: [table, jump], | 58 | mixins: [table, jump], |
58 | props: { | 59 | props: { |
... | @@ -115,9 +116,8 @@ | ... | @@ -115,9 +116,8 @@ |
115 | } | 116 | } |
116 | this.$popupCacel() | 117 | this.$popupCacel() |
117 | } else { | 118 | } else { |
118 | this.$message.error(res.message) | 119 | popupDialog("状态", "components/ywdialog", { message: res.message, result: res.result }, '36%', true) |
119 | } | 120 | } |
120 | |||
121 | }) | 121 | }) |
122 | }, | 122 | }, |
123 | handleSelectionChange (val) { | 123 | handleSelectionChange (val) { | ... | ... |
-
Please register or sign in to post a comment