Merge branch 'dev'
Showing
30 changed files
with
1670 additions
and
985 deletions
... | @@ -8,28 +8,36 @@ let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('Ap | ... | @@ -8,28 +8,36 @@ let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('Ap |
8 | 8 | ||
9 | // 初始化内容 | 9 | // 初始化内容 |
10 | export function Init (data) { | 10 | export function Init (data) { |
11 | return request({ | ||
12 | url: SERVER.SERVERAPI + "/rest/ywbl/zjgcdy/init", | ||
13 | method: 'post', | ||
14 | data | ||
15 | }) | ||
16 | } | ||
17 | // 批量初始化内容 | ||
18 | export function bacthInit (data) { | ||
11 | let apiUrl = ""; | 19 | let apiUrl = ""; |
12 | switch (data.get("djlx")) { | 20 | switch (data.get("djlx")) { |
13 | case "100": | 21 | case "100": |
14 | apiUrl = "/rest/ywbl/zjgcdy/fristInit"; | 22 | apiUrl = "/rest/ywbl/zjgcdy/fristBatchInit"; |
15 | break; | 23 | break; |
16 | case "200": | 24 | case "200": |
17 | apiUrl = "/rest/ywbl/zjgcdy/transferInit"; | 25 | apiUrl = "/rest/ywbl/zjgcdy/transferBatchInit"; |
18 | break; | 26 | break; |
19 | case "300": | 27 | case "300": |
20 | apiUrl = "/rest/ywbl/zjgcdy/changeInit"; | 28 | apiUrl = "/rest/ywbl/zjgcdy/changeBatchInit"; |
21 | break; | 29 | break; |
22 | case "400": | 30 | case "400": |
23 | apiUrl = "/rest/ywbl/zjgcdy/logoutInit"; | 31 | apiUrl = "/rest/ywbl/zjgcdy/logoutBatchInit"; |
24 | break; | 32 | break; |
25 | case "500": | 33 | case "500": |
26 | apiUrl = "/rest/ywbl/zjgcdy/riviseInit"; | 34 | apiUrl = "/rest/ywbl/zjgcdy/riviseBatchInit"; |
27 | break; | 35 | break; |
28 | case "901": | 36 | case "901": |
29 | apiUrl = "/rest/ywbl/zjgcdy/renewalInit"; | 37 | apiUrl = "/rest/ywbl/zjgcdy/renewaBatchlInit"; |
30 | break; | 38 | break; |
31 | case "902": | 39 | case "902": |
32 | apiUrl = "/rest/ywbl/zjgcdy/replaceInit"; | 40 | apiUrl = "/rest/ywbl/zjgcdy/replaceBatchInit"; |
33 | break; | 41 | break; |
34 | } | 42 | } |
35 | return request({ | 43 | return request({ |
... | @@ -51,6 +59,15 @@ export function saveData (data, djlx) { | ... | @@ -51,6 +59,15 @@ export function saveData (data, djlx) { |
51 | }) | 59 | }) |
52 | } | 60 | } |
53 | 61 | ||
62 | // 受理信息保存 | ||
63 | export function saveBatchData (data, djlx) { | ||
64 | return request({ | ||
65 | url: SERVER.SERVERAPI + "/rest/ywbl/zjgcdy/saveBatchData", | ||
66 | method: 'post', | ||
67 | data | ||
68 | }) | ||
69 | } | ||
70 | |||
54 | // 流程图 | 71 | // 流程图 |
55 | export function getWorkFlowImage (bsmSlsq, bestepid) { | 72 | export function getWorkFlowImage (bsmSlsq, bestepid) { |
56 | return request({ | 73 | return request({ | ... | ... |
src/components/selectTable/index.vue
0 → 100644
1 | <!-- | ||
2 | * @Descripttion: 表格选择器组件 | ||
3 | * @version: 1.3 | ||
4 | * @Author: sakuya | ||
5 | * @Date: 2021年6月10日10:04:07 | ||
6 | * @LastEditors: Please set LastEditors | ||
7 | * @LastEditTime: 2023-06-29 11:14:11 | ||
8 | --> | ||
9 | |||
10 | <template> | ||
11 | <el-select ref="select" v-model="defaultValue" :size="size" :clearable="clearable" :multiple="multiple" :collapse-tags="collapseTags" | ||
12 | :collapse-tags-tooltip="collapseTagsTooltip" :filterable="filterable" :placeholder="placeholder" :disabled="disabled" :filter-method="filterMethod" | ||
13 | @remove-tag="removeTag" @visible-change="visibleChange" @clear="clear"> | ||
14 | <template #empty> | ||
15 | <div class="sc-table-select__table" :style="{width: tableWidth+'px'}" v-loading="loading"> | ||
16 | <div class="sc-table-select__header"> | ||
17 | <slot name="header" :form="formData" :submit="formSubmit"></slot> | ||
18 | </div> | ||
19 | <el-table ref="table" :data="tableData" :height="245" :highlight-current-row="!multiple" @row-click="click" @select="select" @select-all="selectAll"> | ||
20 | <el-table-column v-if="multiple" type="selection" width="45"></el-table-column> | ||
21 | <el-table-column v-else type="index" width="45"> | ||
22 | <template #default="scope"><span>{{scope.$index+(currentPage - 1) * pageSize + 1}}</span></template> | ||
23 | </el-table-column> | ||
24 | <slot></slot> | ||
25 | </el-table> | ||
26 | <div class="sc-table-select__page"> | ||
27 | <el-pagination small background layout="prev, pager, next" :total="total" :page-size="pageSize" v-model:currentPage="currentPage" | ||
28 | @current-change="reload"></el-pagination> | ||
29 | </div> | ||
30 | </div> | ||
31 | </template> | ||
32 | </el-select> | ||
33 | </template> | ||
34 | |||
35 | <script> | ||
36 | import config from "./tableSelect"; | ||
37 | export default { | ||
38 | props: { | ||
39 | modelValue: null, | ||
40 | apiObj: { type: Object, default: () => { } }, | ||
41 | placeholder: { type: String, default: "请选择" }, | ||
42 | size: { type: String, default: "small" }, | ||
43 | clearable: { type: Boolean, default: false }, | ||
44 | multiple: { type: Boolean, default: false }, | ||
45 | filterable: { type: Boolean, default: false }, | ||
46 | collapseTags: { type: Boolean, default: false }, | ||
47 | collapseTagsTooltip: { type: Boolean, default: false }, | ||
48 | disabled: { type: Boolean, default: false }, | ||
49 | tableWidth: { type: Number, default: 400 }, | ||
50 | mode: { type: String, default: "popover" }, | ||
51 | props: { type: Object, default: () => { } } | ||
52 | }, | ||
53 | data () { | ||
54 | return { | ||
55 | loading: false, | ||
56 | keyword: null, | ||
57 | defaultValue: [], | ||
58 | tableData: [], | ||
59 | pageSize: config.pageSize, | ||
60 | total: 0, | ||
61 | currentPage: 1, | ||
62 | defaultProps: { | ||
63 | label: config.props.label, | ||
64 | value: config.props.value, | ||
65 | page: config.request.page, | ||
66 | pageSize: config.request.pageSize, | ||
67 | keyword: config.request.keyword | ||
68 | }, | ||
69 | formData: {} | ||
70 | } | ||
71 | }, | ||
72 | computed: { | ||
73 | |||
74 | }, | ||
75 | watch: { | ||
76 | modelValue: { | ||
77 | handler () { | ||
78 | this.defaultValue = this.modelValue | ||
79 | this.autoCurrentLabel() | ||
80 | }, | ||
81 | deep: true | ||
82 | } | ||
83 | }, | ||
84 | mounted () { | ||
85 | this.defaultProps = Object.assign(this.defaultProps, this.props); | ||
86 | this.defaultValue = this.modelValue | ||
87 | this.autoCurrentLabel() | ||
88 | }, | ||
89 | methods: { | ||
90 | //表格显示隐藏回调 | ||
91 | visibleChange (visible) { | ||
92 | if (visible) { | ||
93 | this.currentPage = 1 | ||
94 | this.keyword = null | ||
95 | this.formData = {} | ||
96 | this.getData() | ||
97 | } else { | ||
98 | this.autoCurrentLabel() | ||
99 | } | ||
100 | }, | ||
101 | //获取表格数据 | ||
102 | async getData () { | ||
103 | this.loading = true; | ||
104 | var reqData = { | ||
105 | [this.defaultProps.page]: this.currentPage, | ||
106 | [this.defaultProps.pageSize]: this.pageSize, | ||
107 | [this.defaultProps.keyword]: this.keyword | ||
108 | } | ||
109 | Object.assign(reqData, this.formData) | ||
110 | // var res = await this.apiObj.get(reqData); | ||
111 | let res = { | ||
112 | code: 200, | ||
113 | data: { | ||
114 | total: 2, rows: [ | ||
115 | { | ||
116 | user: 11111111111, | ||
117 | id: 111111111111 | ||
118 | }, | ||
119 | { | ||
120 | user: 2222222222222, | ||
121 | id: 22222222222 | ||
122 | } | ||
123 | ] | ||
124 | }, | ||
125 | message: "" | ||
126 | } | ||
127 | var parseData = config.parseData(res) | ||
128 | this.tableData = parseData.rows; | ||
129 | this.total = parseData.total; | ||
130 | this.loading = false; | ||
131 | //表格默认赋值 | ||
132 | this.$nextTick(() => { | ||
133 | if (this.multiple) { | ||
134 | this.defaultValue.forEach(row => { | ||
135 | var setrow = this.tableData.filter(item => item[this.defaultProps.value] === row[this.defaultProps.value]) | ||
136 | if (setrow.length > 0) { | ||
137 | this.$refs.table.toggleRowSelection(setrow[0], true); | ||
138 | } | ||
139 | }) | ||
140 | } else { | ||
141 | var setrow = this.tableData.filter(item => item[this.defaultProps.value] === this.defaultValue[this.defaultProps.value]) | ||
142 | this.$refs.table.setCurrentRow(setrow[0]); | ||
143 | } | ||
144 | this.$refs.table.setScrollTop(0) | ||
145 | }) | ||
146 | }, | ||
147 | //插糟表单提交 | ||
148 | formSubmit () { | ||
149 | this.currentPage = 1 | ||
150 | this.keyword = null | ||
151 | this.getData() | ||
152 | }, | ||
153 | //分页刷新表格 | ||
154 | reload () { | ||
155 | this.getData() | ||
156 | }, | ||
157 | //自动模拟options赋值 | ||
158 | autoCurrentLabel () { | ||
159 | this.$nextTick(() => { | ||
160 | if (this.multiple) { | ||
161 | this.$refs.select.selected.forEach(item => { | ||
162 | item.currentLabel = item.value[this.defaultProps.label] | ||
163 | }) | ||
164 | } else { | ||
165 | this.$refs.select.selectedLabel = this.defaultValue[this.defaultProps.label] | ||
166 | } | ||
167 | }) | ||
168 | }, | ||
169 | //表格勾选事件 | ||
170 | select (rows, row) { | ||
171 | var isSelect = rows.length && rows.indexOf(row) !== -1 | ||
172 | if (isSelect) { | ||
173 | this.defaultValue.push(row) | ||
174 | } else { | ||
175 | this.defaultValue.splice(this.defaultValue.findIndex(item => item[this.defaultProps.value] == row[this.defaultProps.value]), 1) | ||
176 | } | ||
177 | this.autoCurrentLabel() | ||
178 | this.$emit('update:modelValue', this.defaultValue); | ||
179 | this.$emit('change', this.defaultValue); | ||
180 | }, | ||
181 | //表格全选事件 | ||
182 | selectAll (rows) { | ||
183 | var isAllSelect = rows.length > 0 | ||
184 | if (isAllSelect) { | ||
185 | rows.forEach(row => { | ||
186 | var isHas = this.defaultValue.find(item => item[this.defaultProps.value] == row[this.defaultProps.value]) | ||
187 | if (!isHas) { | ||
188 | this.defaultValue.push(row) | ||
189 | } | ||
190 | }) | ||
191 | } else { | ||
192 | this.tableData.forEach(row => { | ||
193 | var isHas = this.defaultValue.find(item => item[this.defaultProps.value] == row[this.defaultProps.value]) | ||
194 | if (isHas) { | ||
195 | this.defaultValue.splice(this.defaultValue.findIndex(item => item[this.defaultProps.value] == row[this.defaultProps.value]), 1) | ||
196 | } | ||
197 | }) | ||
198 | } | ||
199 | this.autoCurrentLabel() | ||
200 | this.$emit('update:modelValue', this.defaultValue); | ||
201 | this.$emit('change', this.defaultValue); | ||
202 | }, | ||
203 | click (row) { | ||
204 | if (this.multiple) { | ||
205 | //处理多选点击行 | ||
206 | } else { | ||
207 | this.defaultValue = row | ||
208 | this.$refs.select.blur() | ||
209 | this.autoCurrentLabel() | ||
210 | this.$emit('update:modelValue', this.defaultValue); | ||
211 | this.$emit('change', this.defaultValue); | ||
212 | } | ||
213 | }, | ||
214 | //tags删除后回调 | ||
215 | removeTag (tag) { | ||
216 | var row = this.findRowByKey(tag[this.defaultProps.value]) | ||
217 | this.$refs.table.toggleRowSelection(row, false); | ||
218 | this.$emit('update:modelValue', this.defaultValue); | ||
219 | }, | ||
220 | //清空后的回调 | ||
221 | clear () { | ||
222 | this.$emit('update:modelValue', this.defaultValue); | ||
223 | }, | ||
224 | // 关键值查询表格数据行 | ||
225 | findRowByKey (value) { | ||
226 | return this.tableData.find(item => item[this.defaultProps.value] === value) | ||
227 | }, | ||
228 | filterMethod (keyword) { | ||
229 | if (!keyword) { | ||
230 | this.keyword = null; | ||
231 | return false; | ||
232 | } | ||
233 | this.keyword = keyword; | ||
234 | this.getData() | ||
235 | }, | ||
236 | // 触发select隐藏 | ||
237 | blur () { | ||
238 | this.$refs.select.blur(); | ||
239 | }, | ||
240 | // 触发select显示 | ||
241 | focus () { | ||
242 | this.$refs.select.focus(); | ||
243 | } | ||
244 | } | ||
245 | } | ||
246 | </script> | ||
247 | |||
248 | <style scoped> | ||
249 | .sc-table-select__table { | ||
250 | padding: 12px; | ||
251 | } | ||
252 | .sc-table-select__page { | ||
253 | padding-top: 12px; | ||
254 | } | ||
255 | </style> |
src/components/selectTable/tableSelect.js
0 → 100644
1 | /* | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-06-29 11:05:49 | ||
5 | */ | ||
6 | //表格选择器配置 | ||
7 | |||
8 | export default { | ||
9 | pageSize: 10, //表格每一页条数 | ||
10 | parseData: function (res) { | ||
11 | return { | ||
12 | data: res.data, | ||
13 | rows: res.data.rows, //分析行数据字段结构 | ||
14 | total: res.data.total, //分析总数字段结构 | ||
15 | msg: res.message, //分析描述字段结构 | ||
16 | code: res.code //分析状态字段结构 | ||
17 | } | ||
18 | }, | ||
19 | request: { | ||
20 | page: 'page', //规定当前分页字段 | ||
21 | pageSize: 'pageSize', //规定一页条数字段 | ||
22 | keyword: 'keyword' //规定搜索字段 | ||
23 | }, | ||
24 | props: { | ||
25 | label: 'label', //映射label显示字段 | ||
26 | value: 'value', //映射value值字段 | ||
27 | } | ||
28 | } |
... | @@ -56,7 +56,7 @@ router.beforeEach(async (to, from, next) => { | ... | @@ -56,7 +56,7 @@ router.beforeEach(async (to, from, next) => { |
56 | await store.dispatch('user/getUserInfo') | 56 | await store.dispatch('user/getUserInfo') |
57 | router.addRoutes([...accessRoutes, { path: '*', redirect: '/404', hidden: true }]) | 57 | router.addRoutes([...accessRoutes, { path: '*', redirect: '/404', hidden: true }]) |
58 | const routeTo = Cookies.get('routerTo') | 58 | const routeTo = Cookies.get('routerTo') |
59 | if (routeTo && routeTo !== '/') { | 59 | if (to.fullPath||routeTo && routeTo !== '/') { |
60 | next({ ...to, replace: true }) | 60 | next({ ...to, replace: true }) |
61 | } else { | 61 | } else { |
62 | next('/home') | 62 | next('/home') | ... | ... |
... | @@ -9,7 +9,7 @@ | ... | @@ -9,7 +9,7 @@ |
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="权利人类型" prop="sqrlx"> | 12 | <el-form-item label="权利人类型1" prop="sqrlx"> |
13 | <el-select clearable v-model="ruleForm.sqrlx" class="width100" placeholder="请选择"> | 13 | <el-select clearable v-model="ruleForm.sqrlx" 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> | ... | ... |
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-05-17 10:39:47 | ||
5 | --> | ||
6 | <template> | ||
7 | <dialogBox title="申请人信息" width="60%" isMain v-model="myValue" :isFullscreen="false" @submitForm="submitForm" | ||
8 | @closeDialog="closeDialog" :isButton="showButton"> | ||
9 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px"> | ||
10 | <el-row> | ||
11 | <el-col :span="8"> | ||
12 | <el-form-item label="义务人类型1" prop="sqrlx"> | ||
13 | <el-select clearable v-model="ruleForm.sqrlx" class="width100" placeholder="请选择"> | ||
14 | <el-option v-for="item in dictData['A36']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
15 | </el-option> | ||
16 | </el-select> | ||
17 | </el-form-item> | ||
18 | </el-col> | ||
19 | <el-col :span="8"> | ||
20 | <el-form-item label="姓名/名称" prop="sqrmc"> | ||
21 | <el-input v-model="ruleForm.sqrmc" maxlegth="15"></el-input> | ||
22 | </el-form-item> | ||
23 | </el-col> | ||
24 | <el-col :span="8"> | ||
25 | <el-form-item label="证件种类" prop="zjzl"> | ||
26 | <el-select clearable v-model="ruleForm.zjzl" class="width100" placeholder="请选择"> | ||
27 | <el-option v-for="item in dictData['A30']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
28 | </el-option> | ||
29 | </el-select> | ||
30 | </el-form-item> | ||
31 | </el-col> | ||
32 | </el-row> | ||
33 | <el-row> | ||
34 | <el-col :span="8"> | ||
35 | <el-form-item label="证件号" prop="zjh"> | ||
36 | <el-input v-model="ruleForm.zjh" maxlength="15" oninput="value=value.replace(/[^\X0-9]/g,'')"></el-input> | ||
37 | </el-form-item> | ||
38 | </el-col> | ||
39 | <el-col :span="8"> | ||
40 | <el-form-item label="联系电话" prop="dh"> | ||
41 | <el-input v-model="ruleForm.dh" maxlength="11" oninput="value=value.replace(/[^\d]/g,'')"></el-input> | ||
42 | </el-form-item> | ||
43 | </el-col> | ||
44 | <el-col :span="8"> | ||
45 | <el-form-item label="性别"> | ||
46 | <el-select clearable v-model="ruleForm.xb" class="width100" placeholder="请选择"> | ||
47 | <el-option v-for="item in dictData['A43']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
48 | </el-option> | ||
49 | </el-select> | ||
50 | </el-form-item> | ||
51 | </el-col> | ||
52 | </el-row> | ||
53 | <el-row> | ||
54 | <el-col :span="8"> | ||
55 | <el-form-item label="法人名称"> | ||
56 | <el-input v-model="ruleForm.frmc"></el-input> | ||
57 | </el-form-item> | ||
58 | </el-col> | ||
59 | <el-col :span="8"> | ||
60 | <el-form-item label="国家/地区"> | ||
61 | <el-input v-model="ruleForm.gjdq"></el-input> | ||
62 | </el-form-item> | ||
63 | </el-col> | ||
64 | <el-col :span="8"> | ||
65 | <el-form-item label="户籍所在省市"> | ||
66 | <el-input v-model="ruleForm.szss"></el-input> | ||
67 | </el-form-item> | ||
68 | </el-col> | ||
69 | </el-row> | ||
70 | |||
71 | <el-row> | ||
72 | <el-col :span="16"> | ||
73 | <el-form-item label="地址"> | ||
74 | <el-input v-model="ruleForm.txdz"></el-input> | ||
75 | </el-form-item> | ||
76 | </el-col> | ||
77 | <el-col :span="8"> | ||
78 | <el-form-item label="邮编"> | ||
79 | <el-input v-model="ruleForm.yb"></el-input> | ||
80 | </el-form-item> | ||
81 | </el-col> | ||
82 | </el-row> | ||
83 | |||
84 | <el-row> | ||
85 | <el-col :span="8"> | ||
86 | <el-form-item label="发证机关"> | ||
87 | <el-input v-model="ruleForm.fzjg"></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.dzyj"></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.qlbl"></el-input> | ||
98 | </el-form-item> | ||
99 | </el-col> | ||
100 | </el-row> | ||
101 | |||
102 | <el-row> | ||
103 | <el-col :span="8"> | ||
104 | <el-form-item label="工作单位"> | ||
105 | <el-input v-model="ruleForm.gzdw"></el-input> | ||
106 | </el-form-item> | ||
107 | </el-col> | ||
108 | <el-col :span="16"> | ||
109 | <el-form-item label="代理机构"> | ||
110 | <el-input v-model="ruleForm.dljg"></el-input> | ||
111 | </el-form-item> | ||
112 | </el-col> | ||
113 | </el-row> | ||
114 | |||
115 | <el-row> | ||
116 | <el-col :span="8"> | ||
117 | <el-form-item label="联系电话"> | ||
118 | <el-input v-model="ruleForm.lxdh" maxlength="11" oninput="value=value.replace(/[^\d]/g,'')"></el-input> | ||
119 | </el-form-item> | ||
120 | </el-col> | ||
121 | <el-col :span="8"> | ||
122 | <el-form-item label="代理人姓名"> | ||
123 | <el-input v-model="ruleForm.dlrxm"></el-input> | ||
124 | </el-form-item> | ||
125 | </el-col> | ||
126 | <el-col :span="8"> | ||
127 | <el-form-item label="代理人证件类型"> | ||
128 | <el-select clearable v-model="ruleForm.dlrzjlx" class="width100" placeholder="请选择"> | ||
129 | <el-option v-for="item in dictData['A30']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
130 | </el-option> | ||
131 | </el-select> | ||
132 | </el-form-item> | ||
133 | </el-col> | ||
134 | </el-row> | ||
135 | <el-row> | ||
136 | <el-col :span="8"> | ||
137 | <el-form-item label="代理人证件号"> | ||
138 | <el-input v-model="ruleForm.dlrzjh" maxlength="20"></el-input> | ||
139 | </el-form-item> | ||
140 | </el-col> | ||
141 | </el-row> | ||
142 | </el-form> | ||
143 | </dialogBox> | ||
144 | </template> | ||
145 | <script> | ||
146 | import { mapGetters } from "vuex"; | ||
147 | export default { | ||
148 | props: { | ||
149 | value: { type: Boolean, default: false }, | ||
150 | details: { type: Object, default: {} }, | ||
151 | showButton: { type: Boolean, default: false } | ||
152 | }, | ||
153 | computed: { | ||
154 | ...mapGetters(["dictData"]), | ||
155 | }, | ||
156 | data () { | ||
157 | return { | ||
158 | myValue: this.value, | ||
159 | ruleForm: { | ||
160 | sqrlx: "", | ||
161 | sqrmc: "", | ||
162 | zjzl: "", | ||
163 | zjh: "", | ||
164 | dh: "", | ||
165 | xb: "", | ||
166 | frmc: "", | ||
167 | gjdq: "", | ||
168 | szss: "", | ||
169 | txdz: "", | ||
170 | yb: "", | ||
171 | fzjg: "", | ||
172 | dzyj: "", | ||
173 | qlbl: "", | ||
174 | gzdw: "", | ||
175 | dljg: "", | ||
176 | dlrxm: "", | ||
177 | dlrzjlx: "", | ||
178 | 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 | }, | ||
192 | details: { | ||
193 | handler: function (val, oldVal) { | ||
194 | this.ruleForm = val; | ||
195 | }, | ||
196 | deep: true, | ||
197 | }, | ||
198 | }, | ||
199 | methods: { | ||
200 | closeDialog () { | ||
201 | this.$emit("input", false); | ||
202 | this.$refs["ruleForm"].resetFields(); | ||
203 | }, | ||
204 | submitForm () { | ||
205 | this.$refs.ruleForm.validate((valid) => { | ||
206 | if (valid) { | ||
207 | this.$emit("input", false); | ||
208 | this.$emit("updateDetail", _.cloneDeep(this.ruleForm)); | ||
209 | } else { | ||
210 | return false; | ||
211 | } | ||
212 | }); | ||
213 | }, | ||
214 | }, | ||
215 | }; | ||
216 | </script> | ||
217 | <style scoped lang="scss"> | ||
218 | @import "~@/styles/dialogBoxheader.scss"; | ||
219 | .submit-button { | ||
220 | text-align: center; | ||
221 | height: 52px; | ||
222 | padding-top: 10px; | ||
223 | background-color: #fff; | ||
224 | } | ||
225 | </style> |
... | @@ -4,7 +4,7 @@ import { log } from "bpmn-js-token-simulation"; | ... | @@ -4,7 +4,7 @@ import { log } from "bpmn-js-token-simulation"; |
4 | var qlxxPage = [ | 4 | var qlxxPage = [ |
5 | { qllx: "A01", id: "jsydsyq", form: "jsydsyq.vue", label: "集体土地所有权" }, | 5 | { qllx: "A01", id: "jsydsyq", form: "jsydsyq.vue", label: "集体土地所有权" }, |
6 | { qllx: "A02", id: "jsydsyq", form: "jsydsyq.vue", label: "国家土地所有权" }, | 6 | { qllx: "A02", id: "jsydsyq", form: "jsydsyq.vue", label: "国家土地所有权" }, |
7 | { qllx: "A03", id: "fdcq2", form: "jsydsyq.vue", label: "国有建设用地使用权" }, | 7 | { qllx: "A03", id: "jsydsyq", form: "jsydsyq.vue", label: "国有建设用地使用权" }, |
8 | { qllx: "A04", id: "", form: "", label: "国有建设用地使用权/房屋所有权" }, | 8 | { qllx: "A04", id: "", form: "", label: "国有建设用地使用权/房屋所有权" }, |
9 | { qllx: "A05", id: "jsydsyq", form: "jsydsyq.vue", label: "宅基地使用权" }, | 9 | { qllx: "A05", id: "jsydsyq", form: "jsydsyq.vue", label: "宅基地使用权" }, |
10 | { qllx: "A06", id: "", form: "", label: "宅基地使用权/房屋所有权" }, | 10 | { qllx: "A06", id: "", form: "", label: "宅基地使用权/房屋所有权" }, |
... | @@ -75,12 +75,12 @@ export function getNode(qllx, qlxx, bdcdylx) { | ... | @@ -75,12 +75,12 @@ export function getNode(qllx, qlxx, bdcdylx) { |
75 | if (bdcdylx == "4") { | 75 | if (bdcdylx == "4") { |
76 | node = { id: "fdcq1", form: "fdcq1.vue", label: qlxxPage[i].label}; | 76 | node = { id: "fdcq1", form: "fdcq1.vue", label: qlxxPage[i].label}; |
77 | } else { | 77 | } else { |
78 | |||
78 | node = { id: "fdcq2", form: "fdcq2.vue", label: qlxxPage[i].label}; | 79 | node = { id: "fdcq2", form: "fdcq2.vue", label: qlxxPage[i].label}; |
79 | } | 80 | } |
80 | } else { | 81 | } else { |
81 | console.log("jin1111"); | 82 | console.log("jin1111"); |
82 | node = { id: qlxxPage[i].id, form: qlxxPage[i].form, label: qlxxPage[i].label}; | 83 | node = { id: qlxxPage[i].id, form: qlxxPage[i].form, label: qlxxPage[i].label}; |
83 | console.log("nodenodenodenode",node); | ||
84 | } | 84 | } |
85 | break; | 85 | break; |
86 | } | 86 | } | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-05-17 10:41:35 | 4 | * @LastEditTime: 2023-05-17 10:41:20 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <lb-table :column="column" :maxHeight="300" heightNumSetting :pagination="false" :key="key" :data="tableData"> | 7 | <div> |
8 | <lb-table :column="column" :pagination="false" :key="key" :heightNumSetting="true" :minHeight="150" | ||
9 | :data="tableDataList"> | ||
8 | </lb-table> | 10 | </lb-table> |
11 | <addYwr v-model="dialog" :details="details" :showButton="showButton" @updateDetail="handleupdateDetail" /> | ||
12 | </div> | ||
9 | </template> | 13 | </template> |
10 | <script> | 14 | <script> |
11 | import addQlr from './dialog/addQlr.vue' | 15 | import addYwr from './dialog/addYwr.vue' |
12 | import { mapGetters } from 'vuex' | 16 | import { mapGetters } from 'vuex' |
13 | export default { | 17 | export default { |
14 | components: { | 18 | components: { |
15 | addQlr | 19 | addYwr |
16 | }, | 20 | }, |
17 | computed: { | 21 | computed: { |
18 | ...mapGetters(["dictData"]), | 22 | ...mapGetters(["dictData"]), |
... | @@ -34,14 +38,16 @@ | ... | @@ -34,14 +38,16 @@ |
34 | key: 0, | 38 | key: 0, |
35 | dataIndex: 0, | 39 | dataIndex: 0, |
36 | dialog: false, | 40 | dialog: false, |
41 | isaddupdate: false, | ||
42 | showButton: this.$route.query.viewtype ? false : true, | ||
37 | details: {}, | 43 | details: {}, |
38 | tableDataList: [], | 44 | tableDataList: [], |
39 | qlrCommonTable: [ | 45 | InformationTable: [ |
40 | { | 46 | { |
41 | width: '50', | 47 | width: '50', |
42 | renderHeader: (h, scope) => { | 48 | renderHeader: (h, scope) => { |
43 | return <div> { | 49 | return <div> { |
44 | this.$route.query.viewtype == 1 ? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.handleAdd() }}></i> | 50 | this.$route.query.viewtype == 1 ? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.addClick() }}></i> |
45 | } | 51 | } |
46 | </div> | 52 | </div> |
47 | }, | 53 | }, |
... | @@ -50,19 +56,33 @@ | ... | @@ -50,19 +56,33 @@ |
50 | <div> | 56 | <div> |
51 | { | 57 | { |
52 | this.$route.query.viewtype == 1 ? <span>{scope.$index + 1}</span> : | 58 | this.$route.query.viewtype == 1 ? <span>{scope.$index + 1}</span> : |
53 | <i class="el-icon-minus pointer" onClick={() => { this.handleMinus(scope.$index, scope.row) }}></i> | 59 | <i class="el-icon-minus pointer" onClick={() => { this.deleClick(scope.$index, scope.row) }}></i> |
54 | } | 60 | } |
55 | </div> | 61 | </div> |
56 | ) | 62 | ) |
57 | } | 63 | } |
58 | }, | 64 | }, |
59 | { | 65 | { |
66 | label: '身份证读卡器', | ||
67 | align: 'center', | ||
68 | render: (h, scope) => { | ||
69 | return <el-button type="text" icon="el-icon-tickets" onClick={() => { this.readClick(scope) }}>读取</el-button> | ||
70 | } | ||
71 | }, | ||
72 | { | ||
60 | prop: "sqrmc", | 73 | prop: "sqrmc", |
61 | label: "姓名/名称" | 74 | label: "姓名/名称" |
62 | }, | 75 | }, |
63 | { | 76 | { |
64 | prop: "zjzl", | 77 | prop: "zjzl", |
65 | label: "证件种类" | 78 | label: "证件种类", |
79 | render: (h, scope) => { | ||
80 | return this.dictData['A30'] && this.dictData['A30'].map(option => { | ||
81 | if (option.dcode == scope.row.zjzl) { | ||
82 | return <span>{option.dname}</span> | ||
83 | } | ||
84 | }) | ||
85 | } | ||
66 | }, | 86 | }, |
67 | { | 87 | { |
68 | prop: "zjh", | 88 | prop: "zjh", |
... | @@ -73,29 +93,32 @@ | ... | @@ -73,29 +93,32 @@ |
73 | label: "联系电话" | 93 | label: "联系电话" |
74 | }, | 94 | }, |
75 | { | 95 | { |
76 | prop: "frmc", | ||
77 | label: "法人" | ||
78 | }, | ||
79 | { | ||
80 | label: '操作', | 96 | label: '操作', |
81 | render: (h, scope) => { | 97 | render: (h, scope) => { |
82 | return ( | 98 | return ( |
83 | <div> | 99 | <div> |
84 | { | 100 | { |
85 | <el-button icon="el-icon-view" type="text" onClick={() => { this.handleView(scope.$index, scope.row) }}>查看</el-button> | 101 | this.$route.query.viewtype ? <el-button |
102 | icon="el-icon-view" | ||
103 | type="text" | ||
104 | onClick={() => { this.queryViewClick(scope.$index, scope.row) }}>查看</el-button> : <el-button | ||
105 | icon="el-icon-edit-outline" | ||
106 | type="text" | ||
107 | onClick={() => { this.editClick(scope.$index, scope.row) }}>编辑</el-button> | ||
86 | } | 108 | } |
87 | </div> | 109 | </div> |
88 | ) | 110 | ) |
89 | } | 111 | } |
90 | } | 112 | } |
91 | ], | 113 | ], |
92 | column: this.qlrCommonTable | 114 | column: [] |
93 | } | 115 | } |
94 | }, | 116 | }, |
95 | watch: { | 117 | watch: { |
96 | tableData: { | 118 | tableData: { |
97 | handler: function (val, oldVal) { | 119 | handler: function (val, oldVal) { |
98 | let that = this | 120 | let that = this |
121 | this.$nextTick(() => { | ||
99 | if (val.length == 0 || !val) { | 122 | if (val.length == 0 || !val) { |
100 | that.tableDataList = _.cloneDeep([{ | 123 | that.tableDataList = _.cloneDeep([{ |
101 | sqrmc: '', | 124 | sqrmc: '', |
... | @@ -106,16 +129,19 @@ | ... | @@ -106,16 +129,19 @@ |
106 | } else { | 129 | } else { |
107 | that.tableDataList = _.cloneDeep(val) | 130 | that.tableDataList = _.cloneDeep(val) |
108 | } | 131 | } |
132 | }) | ||
109 | }, | 133 | }, |
110 | immediate: true, | 134 | immediate: true, |
111 | deep: true | 135 | deep: true |
112 | }, | 136 | }, |
113 | gyfs: { | 137 | gyfs: { |
114 | handler (newVal, oldValue) { | 138 | handler (newVal, oldValue) { |
115 | let dataList = _.cloneDeep(this.qlrCommonTable) | 139 | let dataList = _.cloneDeep(this.InformationTable) |
116 | if (newVal == '1') { | 140 | if (newVal == 0) { |
117 | this.column = _.cloneDeep(dataList).slice(1, dataList.length) | 141 | // this.column = _.cloneDeep(dataList).slice(1, dataList.length) |
118 | } else if ((newVal == '2')) { | 142 | this.column = _.cloneDeep(dataList) |
143 | |||
144 | } else if ((newVal == '1' || newVal == '3')) { | ||
119 | this.column = dataList | 145 | this.column = dataList |
120 | } else { | 146 | } else { |
121 | this.column = _.cloneDeep(dataList) | 147 | this.column = _.cloneDeep(dataList) |
... | @@ -130,33 +156,66 @@ | ... | @@ -130,33 +156,66 @@ |
130 | } | 156 | } |
131 | }, | 157 | }, |
132 | methods: { | 158 | methods: { |
133 | updateDetail (value) { | 159 | handleupdateDetail (value) { |
134 | this.tableDataList[this.dataIndex] = value | 160 | if (this.isaddupdate) { |
135 | this.key++ | 161 | if (!_.isEqual(value, this.tableData)) { |
162 | this.tableDataList[this.tableDataList.length] = _.cloneDeep(value); | ||
163 | this.$emit('upDateQlrxxList', this.tableDataList) | ||
164 | } | ||
165 | } else { | ||
166 | if (!_.isEqual(value, this.tableData)) { | ||
167 | this.tableDataList[this.dataIndex] = _.cloneDeep(value); | ||
136 | this.$emit('upDateQlrxxList', this.tableDataList) | 168 | this.$emit('upDateQlrxxList', this.tableDataList) |
169 | } | ||
170 | } | ||
171 | this.key++ | ||
137 | }, | 172 | }, |
138 | // 添加 | 173 | // 新增 |
139 | handleAdd () { | 174 | addClick () { |
175 | if (this.gyfs == '0' && this.tableDataList.length > 0) { | ||
176 | this.$message.warning("当前共有方式为单独所有,无法添加多个权利人") | ||
177 | } else { | ||
140 | this.dialog = true | 178 | this.dialog = true |
179 | this.isaddupdate = true | ||
180 | } | ||
141 | }, | 181 | }, |
142 | // 减 | 182 | |
143 | handleMinus (index, row) { | 183 | // 删除 |
184 | deleClick (index, row) { | ||
185 | this.$confirm('确定要删除吗, 是否继续?', '提示', { | ||
186 | confirmButtonText: '确定', | ||
187 | cancelButtonText: '取消', | ||
188 | type: 'warning' | ||
189 | }).then(() => { | ||
144 | this.tableData.splice(index, 1) | 190 | this.tableData.splice(index, 1) |
191 | }).catch(() => { | ||
192 | }); | ||
145 | }, | 193 | }, |
194 | |||
146 | // 身份证读取 | 195 | // 身份证读取 |
147 | readClick () { }, | 196 | readClick () { }, |
197 | |||
148 | // 修改 | 198 | // 修改 |
149 | handleEdit (index, row) { | 199 | editClick (index, row) { |
150 | console.log(row, 'rowrowrowrowrow'); | 200 | // popupDialog("申请人信息", "workflow/components/addYwr", { |
201 | // showButton: this.$route.query.viewtype ? false : true, | ||
202 | // dataIndex :index, | ||
203 | // details :row, | ||
204 | // isaddupdate :false | ||
205 | // }); | ||
151 | this.dataIndex = index | 206 | this.dataIndex = index |
152 | this.dialog = true | 207 | this.dialog = true |
153 | this.details = row | 208 | this.details = row |
209 | this.isaddupdate = false | ||
154 | }, | 210 | }, |
155 | handleView () { | 211 | queryViewClick (index, row) { |
212 | // popupDialog("申请人信息", "workflow/components/addYwr", { | ||
213 | // showButton: this.$route.query.viewtype ? false : true, | ||
214 | // details: row, | ||
215 | // }); | ||
156 | this.dialog = true | 216 | this.dialog = true |
217 | this.details = row | ||
157 | } | 218 | } |
158 | } | 219 | } |
159 | } | 220 | } |
160 | </script> | 221 | </script> |
161 | <style scoped lang='scss'> | ||
162 | </style> | ||
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-05-25 08:59:02 | 4 | * @LastEditTime: 2023-06-25 15:52:42 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
... | @@ -13,8 +13,7 @@ | ... | @@ -13,8 +13,7 @@ |
13 | ref="ruleForm" | 13 | ref="ruleForm" |
14 | :label-position="flag ? 'top' : ''" | 14 | :label-position="flag ? 'top' : ''" |
15 | :inline="flag" | 15 | :inline="flag" |
16 | label-width="120px" | 16 | label-width="127px"> |
17 | > | ||
18 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 17 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
19 | <div class="slxx_title title-block"> | 18 | <div class="slxx_title title-block"> |
20 | 补录信息 | 19 | 补录信息 |
... | @@ -73,120 +72,11 @@ | ... | @@ -73,120 +72,11 @@ |
73 | </el-form-item> | 72 | </el-form-item> |
74 | </el-col> | 73 | </el-col> |
75 | <el-col :span="8"> | 74 | <el-col :span="8"> |
76 | <el-form-item label="房地坐落:"> | 75 | <el-form-item label="不动产坐落:"> |
77 | <el-input v-model="ruleForm.qlxx.zl"></el-input> | 76 | <el-input v-model="ruleForm.qlxx.zl"></el-input> |
78 | </el-form-item> | 77 | </el-form-item> |
79 | </el-col> | 78 | </el-col> |
80 | <el-col :span="8"> | 79 | <el-col :span="8"> |
81 | <el-form-item label="土地使用权人:"> | ||
82 | <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input> | ||
83 | </el-form-item> | ||
84 | </el-col> | ||
85 | <el-col :span="8"> | ||
86 | <el-form-item label="独用土地面积:"> | ||
87 | <el-input v-model="ruleForm.fdcq2.dytdmj"></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.fdcq2.fttdmj"></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.ywh"></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.ywh"></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.ywh"></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.ywh"></el-input> | ||
113 | </el-form-item> | ||
114 | </el-col> | ||
115 | <el-col :span="8"> | ||
116 | <el-form-item label="房地产交易价格:"> | ||
117 | <el-input v-model="ruleForm.fdcq2.qjjg"></el-input> | ||
118 | <el-select v-model="ruleForm.fdcq2.jedw"> | ||
119 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
120 | </el-option> | ||
121 | </el-select> | ||
122 | </el-form-item> | ||
123 | </el-col> | ||
124 | <el-col :span="8"> | ||
125 | <el-form-item label="规划用途:"> | ||
126 | <el-select v-model="ruleForm.fdcq2.ghyt"> | ||
127 | <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
128 | </el-option> | ||
129 | </el-select> | ||
130 | </el-form-item> | ||
131 | </el-col> | ||
132 | <el-col :span="8"> | ||
133 | <el-form-item label="批准用途:"> | ||
134 | <el-input v-model="ruleForm.fdcq2.pzyt"></el-input> | ||
135 | </el-form-item> | ||
136 | </el-col> | ||
137 | <el-col :span="8"> | ||
138 | <el-form-item label="实际用途:"> | ||
139 | <el-input v-model="ruleForm.fdcq2.sjyt"></el-input> | ||
140 | </el-form-item> | ||
141 | </el-col> | ||
142 | <el-col :span="8"> | ||
143 | <el-form-item label="房屋性质:"> | ||
144 | <el-select v-model="ruleForm.fdcq2.fwxz"> | ||
145 | <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
146 | </el-option> | ||
147 | </el-select> | ||
148 | </el-form-item> | ||
149 | </el-col> | ||
150 | <el-col :span="8"> | ||
151 | <el-form-item label="房屋结构:"> | ||
152 | <el-select v-model="ruleForm.fdcq2.fwjg"> | ||
153 | <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
154 | </el-option> | ||
155 | </el-select> | ||
156 | </el-form-item> | ||
157 | </el-col> | ||
158 | <el-col :span="8"> | ||
159 | <el-form-item label="所在层:"> | ||
160 | <el-input v-model="ruleForm.fdcq2.szc"></el-input> | ||
161 | </el-form-item> | ||
162 | </el-col> | ||
163 | <el-col :span="8"> | ||
164 | <el-form-item label="总层数:"> | ||
165 | <el-input v-model="ruleForm.fdcq2.zcs"></el-input> | ||
166 | </el-form-item> | ||
167 | </el-col> | ||
168 | <el-col :span="8"> | ||
169 | <el-form-item label="建筑面积:"> | ||
170 | <el-input v-model="ruleForm.fdcq2.jzmj"></el-input> | ||
171 | </el-form-item> | ||
172 | </el-col> | ||
173 | <el-col :span="8"> | ||
174 | <el-form-item label="专有建筑面积:"> | ||
175 | <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input> | ||
176 | </el-form-item> | ||
177 | </el-col> | ||
178 | <el-col :span="8"> | ||
179 | <el-form-item label="分摊建筑面积:"> | ||
180 | <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input> | ||
181 | </el-form-item> | ||
182 | </el-col> | ||
183 | <el-col :span="8"> | ||
184 | <el-form-item label="竣工时间:"> | ||
185 | <el-input v-model="ruleForm.fdcq2.jgsj"></el-input> | ||
186 | </el-form-item> | ||
187 | </el-col> | ||
188 | |||
189 | <el-col :span="8"> | ||
190 | <el-form-item label="不动产权证号:"> | 80 | <el-form-item label="不动产权证号:"> |
191 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | 81 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> |
192 | </el-form-item> | 82 | </el-form-item> |
... | @@ -212,30 +102,6 @@ | ... | @@ -212,30 +102,6 @@ |
212 | </el-form-item> | 102 | </el-form-item> |
213 | </el-col> | 103 | </el-col> |
214 | </el-row> | 104 | </el-row> |
215 | <el-row> | ||
216 | <el-col :span="24"> | ||
217 | <el-form-item label="登记原因:"> | ||
218 | <el-input v-model="ruleForm.fdcq2.djyy"></el-input> | ||
219 | </el-form-item> | ||
220 | </el-col> | ||
221 | </el-row> | ||
222 | <el-row> | ||
223 | <el-col :span="24"> | ||
224 | <el-form-item label="附记:"> | ||
225 | <el-input v-model="ruleForm.fdcq2.fj"></el-input> | ||
226 | </el-form-item> | ||
227 | </el-col> | ||
228 | </el-row> | ||
229 | <div class="slxx_title title-block"> | ||
230 | 土地用途 | ||
231 | <div class="triangle"></div> | ||
232 | </div> | ||
233 | <tdytTable | ||
234 | :tableData="ruleForm.tdxxList" | ||
235 | @upDateQlrxxList="upDateQlrxxList" | ||
236 | :viewtype="$route.query.viewtype" | ||
237 | :gyfs="ruleForm.qlxx.gyfs" | ||
238 | /> | ||
239 | <div class="slxx_title title-block"> | 105 | <div class="slxx_title title-block"> |
240 | 权利人信息 | 106 | 权利人信息 |
241 | <div class="triangle"></div> | 107 | <div class="triangle"></div> |
... | @@ -244,9 +110,7 @@ | ... | @@ -244,9 +110,7 @@ |
244 | <el-col :span="12"> | 110 | <el-col :span="12"> |
245 | <el-form-item label="共有方式:"> | 111 | <el-form-item label="共有方式:"> |
246 | <el-radio-group | 112 | <el-radio-group |
247 | :disabled="$route.query.viewtype == 0" | 113 | v-model="ruleForm.qlxx.gyqk"> |
248 | v-model="ruleForm.qlxx.gyqk" | ||
249 | > | ||
250 | <el-radio label="0">单独所有</el-radio> | 114 | <el-radio label="0">单独所有</el-radio> |
251 | <el-radio label="1">共同共有</el-radio> | 115 | <el-radio label="1">共同共有</el-radio> |
252 | <el-radio label="2">按份所有</el-radio> | 116 | <el-radio label="2">按份所有</el-radio> |
... | @@ -254,46 +118,26 @@ | ... | @@ -254,46 +118,26 @@ |
254 | </el-radio-group> | 118 | </el-radio-group> |
255 | </el-form-item> | 119 | </el-form-item> |
256 | </el-col> | 120 | </el-col> |
257 | <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'"> | ||
258 | <el-form-item label="是否分别持证:"> | ||
259 | <el-radio-group v-model="ruleForm.qlxx.sqfbcz"> | ||
260 | <el-radio :label=1>是</el-radio> | ||
261 | <el-radio :label=0>否</el-radio> | ||
262 | </el-radio-group> | ||
263 | </el-form-item> | ||
264 | </el-col> | ||
265 | <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'"> | ||
266 | <el-form-item label="持证人:"> | ||
267 | <el-select v-model="ruleForm.czr" placeholder="持证人"> | ||
268 | <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh"> | ||
269 | </el-option> | ||
270 | </el-select> | ||
271 | </el-form-item> | ||
272 | </el-col> | ||
273 | </el-row> | 121 | </el-row> |
274 | <qlrCommonTable | 122 | <qlrCommonTable |
275 | :tableData="ruleForm.qlrList" | 123 | :tableData="ruleForm.qlrData" |
276 | @upDateQlrxxList="upDateQlrxxList" | 124 | @upDateQlrxxList="upDateQlrxxList" |
277 | :key="key" | 125 | :key="key" |
278 | :viewtype="$route.query.viewtype" | 126 | :gyfs="ruleForm.qlxx.gyfs" /> |
279 | :gyfs="ruleForm.qlxx.gyfs" | ||
280 | /> | ||
281 | 127 | ||
282 | <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> | 128 | <div> |
283 | <div class="slxx_title title-block"> | 129 | <div class="slxx_title title-block"> |
284 | 义务人信息 | 130 | 义务人信息 |
285 | <div class="triangle"></div> | 131 | <div class="triangle"></div> |
286 | </div> | 132 | </div> |
287 | <qlrCommonTable | 133 | <ywrCommonTable |
288 | v-if="ruleForm.ywrList" | 134 | v-if="ruleForm.ywrData" |
289 | :tableData="ruleForm.ywrList" | 135 | :tableData="ruleForm.ywrData" |
290 | :key="key" | 136 | :key="key" |
291 | @upDateQlrxxList="upDateYwrxxList" | 137 | @upDateQlrxxList="upDateYwrxxList" /> |
292 | :viewtype="$route.query.viewtype" | ||
293 | /> | ||
294 | </div> | 138 | </div> |
295 | </div> | 139 | </div> |
296 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | 140 | <el-row class="btn"> |
297 | <el-form-item> | 141 | <el-form-item> |
298 | <el-button type="primary" @click="onSubmit">保存</el-button> | 142 | <el-button type="primary" @click="onSubmit">保存</el-button> |
299 | </el-form-item> | 143 | </el-form-item> |
... | @@ -303,12 +147,12 @@ | ... | @@ -303,12 +147,12 @@ |
303 | </template> | 147 | </template> |
304 | <script> | 148 | <script> |
305 | import { mapGetters } from "vuex"; | 149 | import { mapGetters } from "vuex"; |
306 | import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; | 150 | import { init,save } from "@/api/djbbl.js"; |
307 | import { init } from "@/api/djbbl.js"; | 151 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
308 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 152 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; |
309 | import tdytTable from "@/views/workflow/components/tdytTable"; | 153 | import tdytTable from "@/views/workflow/components/tdytTable"; |
310 | export default { | 154 | export default { |
311 | components: { qlrCommonTable,tdytTable }, | 155 | components: { qlrCommonTable,ywrCommonTable,tdytTable }, |
312 | computed: { | 156 | computed: { |
313 | ...mapGetters(["dictData", "flag"]), | 157 | ...mapGetters(["dictData", "flag"]), |
314 | }, | 158 | }, |
... | @@ -316,7 +160,6 @@ export default { | ... | @@ -316,7 +160,6 @@ export default { |
316 | return { | 160 | return { |
317 | //表单是否可操作 | 161 | //表单是否可操作 |
318 | propsParam: this.$attrs, | 162 | propsParam: this.$attrs, |
319 | ableOperation: true, | ||
320 | key: 0, | 163 | key: 0, |
321 | isShow: false, | 164 | isShow: false, |
322 | disabled: true, | 165 | disabled: true, |
... | @@ -332,35 +175,37 @@ export default { | ... | @@ -332,35 +175,37 @@ export default { |
332 | mounted() {}, | 175 | mounted() {}, |
333 | methods: { | 176 | methods: { |
334 | loadData() { | 177 | loadData() { |
178 | console.log("预告登记",this.propsParam); | ||
335 | init(this.propsParam.bsmRepair).then((res) => { | 179 | init(this.propsParam.bsmRepair).then((res) => { |
336 | if (res.code == 200) { | 180 | if (res.code == 200) { |
337 | |||
338 | this.ruleForm = res.result; | 181 | this.ruleForm = res.result; |
339 | console.log("this.ruleFormssssssssssssssssssssssssssssss",this.ruleForm); | 182 | console.log("this.ruleForm",this.ruleForm); |
340 | this.isShow = true; | 183 | this.isShow = true; |
341 | // this.tableData = res.result; | ||
342 | // if (this.tableData.length < datas.columns().emptycolNum) { | ||
343 | // this.emptycolNum = | ||
344 | // datas.columns().emptycolNum - this.tableData.length; | ||
345 | // } else { | ||
346 | // this.emptycolNum = 0; | ||
347 | // } | ||
348 | } | 184 | } |
349 | }); | 185 | }); |
350 | }, | 186 | }, |
187 | // 更新土地用途信息 | ||
188 | upDateTdytxxList(val) { | ||
189 | console.log("VAL",val); | ||
190 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
191 | this.key++; | ||
192 | }, | ||
351 | // 更新权利人信息 | 193 | // 更新权利人信息 |
352 | upDateQlrxxList(val) { | 194 | upDateQlrxxList(val) { |
353 | this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); | 195 | console.log("val",val); |
354 | this.czrOptions = this.ruleForm.qlrList; | 196 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); |
197 | console.log("this.ruleForm.qlrData",this.ruleForm.qlrData); | ||
198 | this.czrOptions = this.ruleForm.qlrData; | ||
355 | this.key++; | 199 | this.key++; |
356 | }, | 200 | }, |
357 | // 更新义务人信息 | 201 | // 更新义务人信息 |
358 | upDateYwrxxList(val) { | 202 | upDateYwrxxList(val) { |
359 | this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)); | 203 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); |
360 | this.key++; | 204 | this.key++; |
361 | }, | 205 | }, |
362 | onSubmit() { | 206 | onSubmit() { |
363 | if (this.ruleForm.qlrList.length == 0) { | 207 | console.log("this.ruleForm大信息",this.ruleForm); |
208 | if (this.ruleForm.qlrData.length == 0) { | ||
364 | this.$message({ | 209 | this.$message({ |
365 | showClose: true, | 210 | showClose: true, |
366 | message: "请确认权利人信息", | 211 | message: "请确认权利人信息", |
... | @@ -370,7 +215,7 @@ export default { | ... | @@ -370,7 +215,7 @@ export default { |
370 | } | 215 | } |
371 | 216 | ||
372 | if (this.ruleForm.qlxx.gyfs == "0") { | 217 | if (this.ruleForm.qlxx.gyfs == "0") { |
373 | if (this.ruleForm.qlrList.length > 1) { | 218 | if (this.ruleForm.qlrData.length > 1) { |
374 | this.$message({ | 219 | this.$message({ |
375 | showClose: true, | 220 | showClose: true, |
376 | message: "共有方式:单独所有,权利人只能是一个人", | 221 | message: "共有方式:单独所有,权利人只能是一个人", |
... | @@ -378,17 +223,17 @@ export default { | ... | @@ -378,17 +223,17 @@ export default { |
378 | }); | 223 | }); |
379 | return false; | 224 | return false; |
380 | } | 225 | } |
381 | this.ruleForm.qlrList[0].sfczr = "1"; | 226 | this.ruleForm.qlrData[0].sfczr = "1"; |
382 | } | 227 | } |
383 | if (this.ruleForm.qlxx.gyfs == "1") { | 228 | if (this.ruleForm.qlxx.gyfs == "1") { |
384 | //是否分别持证 | 229 | //是否分别持证 |
385 | if (this.ruleForm.qlxx.sqfbcz == "1") { | 230 | if (this.ruleForm.qlxx.sqfbcz == "1") { |
386 | //是 | 231 | //是 |
387 | this.ruleForm.qlrList.forEach((item, index) => { | 232 | this.ruleForm.qlrData.forEach((item, index) => { |
388 | item.sfczr = "1"; | 233 | item.sfczr = "1"; |
389 | }); | 234 | }); |
390 | } else { | 235 | } else { |
391 | this.ruleForm.qlrList.forEach((item, index) => { | 236 | this.ruleForm.qlrData.forEach((item, index) => { |
392 | if (item.zjh == this.ruleForm.czr) { | 237 | if (item.zjh == this.ruleForm.czr) { |
393 | item.sfczr = "1"; | 238 | item.sfczr = "1"; |
394 | } else { | 239 | } else { |
... | @@ -397,7 +242,7 @@ export default { | ... | @@ -397,7 +242,7 @@ export default { |
397 | }); | 242 | }); |
398 | } | 243 | } |
399 | } | 244 | } |
400 | saveData(this.ruleForm).then((res) => { | 245 | save(this.ruleForm).then((res) => { |
401 | if (res.code === 200) { | 246 | if (res.code === 200) { |
402 | this.$message({ | 247 | this.$message({ |
403 | showClose: true, | 248 | showClose: true, | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-05-25 08:59:02 | 4 | * @LastEditTime: 2023-06-25 15:52:42 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
... | @@ -13,8 +13,7 @@ | ... | @@ -13,8 +13,7 @@ |
13 | ref="ruleForm" | 13 | ref="ruleForm" |
14 | :label-position="flag ? 'top' : ''" | 14 | :label-position="flag ? 'top' : ''" |
15 | :inline="flag" | 15 | :inline="flag" |
16 | label-width="120px" | 16 | label-width="145px"> |
17 | > | ||
18 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 17 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
19 | <div class="slxx_title title-block"> | 18 | <div class="slxx_title title-block"> |
20 | 补录信息 | 19 | 补录信息 |
... | @@ -38,7 +37,7 @@ | ... | @@ -38,7 +37,7 @@ |
38 | </el-col> | 37 | </el-col> |
39 | </el-row> | 38 | </el-row> |
40 | <div class="slxx_title title-block"> | 39 | <div class="slxx_title title-block"> |
41 | 房地产权(独幢、层、套、间房屋) | 40 | 抵押权 |
42 | <div class="triangle"></div> | 41 | <div class="triangle"></div> |
43 | </div> | 42 | </div> |
44 | <el-row :gutter="10"> | 43 | <el-row :gutter="10"> |
... | @@ -73,170 +72,240 @@ | ... | @@ -73,170 +72,240 @@ |
73 | </el-form-item> | 72 | </el-form-item> |
74 | </el-col> | 73 | </el-col> |
75 | <el-col :span="8"> | 74 | <el-col :span="8"> |
76 | <el-form-item label="房地坐落:"> | 75 | <el-form-item label="权属状态:"> |
77 | <el-input v-model="ruleForm.qlxx.zl"></el-input> | 76 | <el-select v-model="ruleForm.qlxx.qszt"> |
77 | <el-option | ||
78 | v-for="item in qsztlist" | ||
79 | :key="item.dcode" | ||
80 | :label="item.dname" | ||
81 | :value="item.dcode" | ||
82 | > | ||
83 | </el-option> | ||
84 | </el-select> | ||
78 | </el-form-item> | 85 | </el-form-item> |
79 | </el-col> | 86 | </el-col> |
80 | <el-col :span="8"> | 87 | <el-col :span="8"> |
81 | <el-form-item label="土地使用权人:"> | 88 | <el-form-item label="不动产坐落:"> |
82 | <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input> | 89 | <el-input v-model="ruleForm.qlxx.zl"></el-input> |
83 | </el-form-item> | 90 | </el-form-item> |
84 | </el-col> | 91 | </el-col> |
85 | <el-col :span="8"> | 92 | <el-col :span="8"> |
86 | <el-form-item label="独用土地面积:"> | 93 | <el-form-item label="不动产权证号:"> |
87 | <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input> | 94 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> |
88 | </el-form-item> | 95 | </el-form-item> |
89 | </el-col> | 96 | </el-col> |
90 | <el-col :span="8"> | 97 | <el-col :span="8"> |
91 | <el-form-item label="分摊土地面积:"> | 98 | <el-form-item label="区县代码:"> |
92 | <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input> | 99 | <el-input v-model="ruleForm.qlxx.qxdm"></el-input> |
93 | </el-form-item> | 100 | </el-form-item> |
94 | </el-col> | 101 | </el-col> |
95 | <el-col :span="8"> | 102 | <el-col :span="8"> |
96 | <el-form-item label="土地用途:"> | 103 | <el-form-item label="登记机构:"> |
97 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | 104 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> |
98 | </el-form-item> | 105 | </el-form-item> |
99 | </el-col> | 106 | </el-col> |
100 | <el-col :span="8"> | 107 | <el-col :span="8"> |
101 | <el-form-item label="土地使用起始时间:"> | 108 | <el-form-item label="登簿人:"> |
102 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | 109 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> |
103 | </el-form-item> | 110 | </el-form-item> |
104 | </el-col> | 111 | </el-col> |
105 | <el-col :span="8"> | 112 | <el-col :span="8"> |
106 | <el-form-item label="土地使用结束时间:"> | 113 | <el-form-item label="登记时间:"> |
107 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | 114 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
108 | </el-form-item> | 115 | </el-form-item> |
109 | </el-col> | 116 | </el-col> |
110 | <el-col :span="8"> | 117 | <el-col :span="8"> |
111 | <el-form-item label="土地使用期限:"> | 118 | <el-form-item label="登记原因:"> |
112 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | 119 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
113 | </el-form-item> | 120 | </el-form-item> |
114 | </el-col> | 121 | </el-col> |
115 | <el-col :span="8"> | 122 | <el-col :span="8"> |
116 | <el-form-item label="房地产交易价格:"> | 123 | <!-- <el-form-item label="抵押不动产类型"> |
117 | <el-input v-model="ruleForm.fdcq2.qjjg"></el-input> | 124 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
118 | <el-select v-model="ruleForm.fdcq2.jedw"> | 125 | </el-form-item> --> |
119 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 126 | <el-form-item label="抵押不动产类型:"> |
127 | <el-select v-model="ruleForm.qlxx.djlx"> | ||
128 | <el-option v-for="item in dictData['A27']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
120 | </el-option> | 129 | </el-option> |
121 | </el-select> | 130 | </el-select> |
122 | </el-form-item> | 131 | </el-form-item> |
123 | </el-col> | 132 | </el-col> |
124 | <el-col :span="8"> | 133 | <el-col :span="8"> |
125 | <el-form-item label="规划用途:"> | 134 | <el-form-item label="抵押人:"> |
126 | <el-select v-model="ruleForm.fdcq2.ghyt"> | 135 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
127 | <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 136 | </el-form-item> |
137 | </el-col> | ||
138 | <el-col :span="8"> | ||
139 | <el-form-item label="抵押人类型:"> | ||
140 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | ||
141 | </el-form-item> | ||
142 | </el-col> | ||
143 | <el-col :span="8"> | ||
144 | <el-form-item label="抵押方式:"> | ||
145 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | ||
146 | </el-form-item> | ||
147 | </el-col> | ||
148 | <el-col :span="8"> | ||
149 | <el-form-item label="抵押权顺位:"> | ||
150 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | ||
151 | </el-form-item> | ||
152 | </el-col> | ||
153 | <el-col :span="8"> | ||
154 | <el-form-item label="抵押金额类型:"> | ||
155 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | ||
156 | </el-form-item> | ||
157 | </el-col> | ||
158 | <el-col :span="8"> | ||
159 | <el-form-item label="是否预告登记:"> | ||
160 | <el-select v-model="ruleForm.qlxx.djlx"> | ||
161 | <el-option v-for="item in dictData['A6']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
128 | </el-option> | 162 | </el-option> |
129 | </el-select> | 163 | </el-select> |
130 | </el-form-item> | 164 | </el-form-item> |
131 | </el-col> | 165 | </el-col> |
132 | <el-col :span="8"> | 166 | <el-col :span="8"> |
133 | <el-form-item label="批准用途:"> | 167 | <el-form-item label="在建建筑物坐落:"> |
134 | <el-input v-model="ruleForm.fdcq2.pzyt"></el-input> | 168 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
135 | </el-form-item> | 169 | </el-form-item> |
136 | </el-col> | 170 | </el-col> |
137 | <el-col :span="8"> | 171 | <el-col :span="8"> |
138 | <el-form-item label="实际用途:"> | 172 | <el-form-item label="在建建筑物抵押范围:"> |
139 | <el-input v-model="ruleForm.fdcq2.sjyt"></el-input> | 173 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
140 | </el-form-item> | 174 | </el-form-item> |
141 | </el-col> | 175 | </el-col> |
142 | <el-col :span="8"> | 176 | <el-col :span="8"> |
143 | <el-form-item label="房屋性质:"> | 177 | <el-form-item label="抵押面积:"> |
144 | <el-select v-model="ruleForm.fdcq2.fwxz"> | 178 | <div style="display:flex"> |
145 | <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 179 | <el-input v-model="ruleForm.diyaq.dymj" style="width:500%" |
180 | oninput="value=value.replace(/[^\d.]/g,'')"></el-input> | ||
181 | <el-select v-model="ruleForm.diyaq.mjdw"> | ||
182 | <el-option v-for="item in dictData['A7']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
146 | </el-option> | 183 | </el-option> |
147 | </el-select> | 184 | </el-select> |
185 | </div> | ||
148 | </el-form-item> | 186 | </el-form-item> |
149 | </el-col> | 187 | </el-col > |
150 | <el-col :span="8"> | 188 | <el-col :span="8"> |
151 | <el-form-item label="房屋结构:"> | 189 | <el-form-item label="最高债权额"> |
152 | <el-select v-model="ruleForm.fdcq2.fwjg"> | 190 | <div style="display:flex"> |
153 | <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 191 | <el-input v-model="ruleForm.diyaq.zgzqse" style="width:500%" |
192 | oninput="value=value.replace(/[^\d.]/g,'')"></el-input> | ||
193 | <el-select v-model="ruleForm.diyaq.jedw"> | ||
194 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
154 | </el-option> | 195 | </el-option> |
155 | </el-select> | 196 | </el-select> |
197 | </div> | ||
198 | </el-form-item> | ||
199 | </el-col > | ||
200 | <el-col :span="8"> | ||
201 | <el-form-item label="被担保主债权数额"> | ||
202 | <div style="display:flex"> | ||
203 | <el-input v-model="ruleForm.diyaq.bdbzzqse" style="width:500%" | ||
204 | oninput="value=value.replace(/[^\d.]/g,'')"></el-input> | ||
205 | <el-select v-model="ruleForm.diyaq.jedw"> | ||
206 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
207 | </el-option> | ||
208 | </el-select> | ||
209 | </div> | ||
210 | </el-form-item> | ||
211 | </el-col > | ||
212 | <el-col :span="8"> | ||
213 | <el-form-item label="币种"> | ||
214 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | ||
156 | </el-form-item> | 215 | </el-form-item> |
157 | </el-col> | 216 | </el-col> |
158 | <el-col :span="8"> | 217 | <el-col :span="8"> |
159 | <el-form-item label="所在层:"> | 218 | <el-form-item label="担保范围"> |
160 | <el-input v-model="ruleForm.fdcq2.szc"></el-input> | 219 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
161 | </el-form-item> | 220 | </el-form-item> |
162 | </el-col> | 221 | </el-col> |
163 | <el-col :span="8"> | 222 | <el-col :span="8"> |
164 | <el-form-item label="总层数:"> | 223 | <el-form-item label="债务履行期限(债务确定期间)"> |
165 | <el-input v-model="ruleForm.fdcq2.zcs"></el-input> | 224 | <el-input v-model="ruleForm.diyaq.bdbzzqse"></el-input> |
166 | </el-form-item> | 225 | </el-form-item> |
167 | </el-col> | 226 | </el-col> |
168 | <el-col :span="8"> | 227 | <el-col :span="8"> |
169 | <el-form-item label="建筑面积:"> | 228 | <el-form-item label="债务履行起始时间"> |
170 | <el-input v-model="ruleForm.fdcq2.jzmj"></el-input> | 229 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
171 | </el-form-item> | 230 | </el-form-item> |
172 | </el-col> | 231 | </el-col> |
173 | <el-col :span="8"> | 232 | <el-col :span="8"> |
174 | <el-form-item label="专有建筑面积:"> | 233 | <el-form-item label="债务履行结束时间"> |
175 | <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input> | 234 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
176 | </el-form-item> | 235 | </el-form-item> |
177 | </el-col> | 236 | </el-col> |
178 | <el-col :span="8"> | 237 | <el-col :span="8"> |
179 | <el-form-item label="分摊建筑面积:"> | 238 | <el-form-item label="最高债权确定事实和数额"> |
180 | <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input> | 239 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
181 | </el-form-item> | 240 | </el-form-item> |
182 | </el-col> | 241 | </el-col> |
183 | <el-col :span="8"> | 242 | <el-col :span="8"> |
184 | <el-form-item label="竣工时间:"> | 243 | <el-form-item label="是否存在禁止或者限制转让抵押不动产的约定"> |
185 | <el-input v-model="ruleForm.fdcq2.jgsj"></el-input> | 244 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
186 | </el-form-item> | 245 | </el-form-item> |
187 | </el-col> | 246 | </el-col> |
188 | |||
189 | <el-col :span="8"> | 247 | <el-col :span="8"> |
190 | <el-form-item label="不动产权证号:"> | 248 | <el-form-item label="不动产登记证明号"> |
191 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | 249 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
192 | </el-form-item> | 250 | </el-form-item> |
193 | </el-col> | 251 | </el-col> |
194 | <el-col :span="8"> | 252 | <el-col :span="8"> |
195 | <el-form-item label="区县代码:"> | 253 | <el-form-item label="注销抵押业务号"> |
196 | <el-input v-model="ruleForm.qlxx.qxdm"></el-input> | 254 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
197 | </el-form-item> | 255 | </el-form-item> |
198 | </el-col> | 256 | </el-col> |
199 | <el-col :span="8"> | 257 | <el-col :span="8"> |
200 | <el-form-item label="登记机构:"> | 258 | <el-form-item label="注销抵押原因"> |
201 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | 259 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
202 | </el-form-item> | 260 | </el-form-item> |
203 | </el-col> | 261 | </el-col> |
204 | <el-col :span="8"> | 262 | <el-col :span="8"> |
205 | <el-form-item label="登簿人:"> | 263 | <el-form-item label="注销时间"> |
206 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | 264 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
207 | </el-form-item> | 265 | </el-form-item> |
208 | </el-col> | 266 | </el-col> |
209 | <el-col :span="8"> | 267 | <el-col :span="8"> |
210 | <el-form-item label="登记时间:"> | 268 | <el-form-item label="注销登簿人"> |
211 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | 269 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
212 | </el-form-item> | 270 | </el-form-item> |
213 | </el-col> | 271 | </el-col> |
214 | </el-row> | 272 | <el-col :span="8"> |
215 | <el-row> | 273 | <el-form-item label="注销登簿人"> |
216 | <el-col :span="24"> | 274 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
217 | <el-form-item label="登记原因:"> | 275 | </el-form-item> |
218 | <el-input v-model="ruleForm.fdcq2.djyy"></el-input> | 276 | </el-col> |
277 | <el-col :span="8"> | ||
278 | <el-form-item label="注销登簿人"> | ||
279 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | ||
280 | </el-form-item> | ||
281 | </el-col> | ||
282 | <el-col :span="8"> | ||
283 | <el-form-item label="注销登簿人"> | ||
284 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | ||
285 | </el-form-item> | ||
286 | </el-col> | ||
287 | <el-col :span="8"> | ||
288 | <el-form-item label="注销登簿人"> | ||
289 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | ||
290 | </el-form-item> | ||
291 | </el-col> | ||
292 | <el-col :span="8"> | ||
293 | <el-form-item label="注销登簿人"> | ||
294 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | ||
295 | </el-form-item> | ||
296 | </el-col> | ||
297 | <el-col :span="8"> | ||
298 | <el-form-item label="注销登簿人"> | ||
299 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | ||
219 | </el-form-item> | 300 | </el-form-item> |
220 | </el-col> | 301 | </el-col> |
221 | </el-row> | ||
222 | <el-row> | ||
223 | <el-col :span="24"> | 302 | <el-col :span="24"> |
224 | <el-form-item label="附记:"> | 303 | <el-form-item label="附记:"> |
225 | <el-input v-model="ruleForm.fdcq2.fj"></el-input> | 304 | <el-input v-model="ruleForm.diyaq.fj"></el-input> |
226 | </el-form-item> | 305 | </el-form-item> |
227 | </el-col> | 306 | </el-col> |
228 | </el-row> | 307 | </el-row> |
229 | <div class="slxx_title title-block"> | 308 | <div class="slxx_title title-block"> |
230 | 土地用途 | ||
231 | <div class="triangle"></div> | ||
232 | </div> | ||
233 | <tdytTable | ||
234 | :tableData="ruleForm.tdxxList" | ||
235 | @upDateQlrxxList="upDateQlrxxList" | ||
236 | :viewtype="$route.query.viewtype" | ||
237 | :gyfs="ruleForm.qlxx.gyfs" | ||
238 | /> | ||
239 | <div class="slxx_title title-block"> | ||
240 | 权利人信息 | 309 | 权利人信息 |
241 | <div class="triangle"></div> | 310 | <div class="triangle"></div> |
242 | </div> | 311 | </div> |
... | @@ -244,9 +313,7 @@ | ... | @@ -244,9 +313,7 @@ |
244 | <el-col :span="12"> | 313 | <el-col :span="12"> |
245 | <el-form-item label="共有方式:"> | 314 | <el-form-item label="共有方式:"> |
246 | <el-radio-group | 315 | <el-radio-group |
247 | :disabled="$route.query.viewtype == 0" | 316 | v-model="ruleForm.qlxx.gyqk"> |
248 | v-model="ruleForm.qlxx.gyqk" | ||
249 | > | ||
250 | <el-radio label="0">单独所有</el-radio> | 317 | <el-radio label="0">单独所有</el-radio> |
251 | <el-radio label="1">共同共有</el-radio> | 318 | <el-radio label="1">共同共有</el-radio> |
252 | <el-radio label="2">按份所有</el-radio> | 319 | <el-radio label="2">按份所有</el-radio> |
... | @@ -254,46 +321,26 @@ | ... | @@ -254,46 +321,26 @@ |
254 | </el-radio-group> | 321 | </el-radio-group> |
255 | </el-form-item> | 322 | </el-form-item> |
256 | </el-col> | 323 | </el-col> |
257 | <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'"> | ||
258 | <el-form-item label="是否分别持证:"> | ||
259 | <el-radio-group v-model="ruleForm.qlxx.sqfbcz"> | ||
260 | <el-radio :label=1>是</el-radio> | ||
261 | <el-radio :label=0>否</el-radio> | ||
262 | </el-radio-group> | ||
263 | </el-form-item> | ||
264 | </el-col> | ||
265 | <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'"> | ||
266 | <el-form-item label="持证人:"> | ||
267 | <el-select v-model="ruleForm.czr" placeholder="持证人"> | ||
268 | <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh"> | ||
269 | </el-option> | ||
270 | </el-select> | ||
271 | </el-form-item> | ||
272 | </el-col> | ||
273 | </el-row> | 324 | </el-row> |
274 | <qlrCommonTable | 325 | <qlrCommonTable |
275 | :tableData="ruleForm.qlrList" | 326 | :tableData="ruleForm.qlrData" |
276 | @upDateQlrxxList="upDateQlrxxList" | 327 | @upDateQlrxxList="upDateQlrxxList" |
277 | :key="key" | 328 | :key="key" |
278 | :viewtype="$route.query.viewtype" | 329 | :gyfs="ruleForm.qlxx.gyfs" /> |
279 | :gyfs="ruleForm.qlxx.gyfs" | ||
280 | /> | ||
281 | 330 | ||
282 | <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> | 331 | <div> |
283 | <div class="slxx_title title-block"> | 332 | <div class="slxx_title title-block"> |
284 | 义务人信息 | 333 | 义务人信息 |
285 | <div class="triangle"></div> | 334 | <div class="triangle"></div> |
286 | </div> | 335 | </div> |
287 | <qlrCommonTable | 336 | <ywrCommonTable |
288 | v-if="ruleForm.ywrList" | 337 | v-if="ruleForm.ywrData" |
289 | :tableData="ruleForm.ywrList" | 338 | :tableData="ruleForm.ywrData" |
290 | :key="key" | 339 | :key="key" |
291 | @upDateQlrxxList="upDateYwrxxList" | 340 | @upDateQlrxxList="upDateYwrxxList" /> |
292 | :viewtype="$route.query.viewtype" | ||
293 | /> | ||
294 | </div> | 341 | </div> |
295 | </div> | 342 | </div> |
296 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | 343 | <el-row class="btn"> |
297 | <el-form-item> | 344 | <el-form-item> |
298 | <el-button type="primary" @click="onSubmit">保存</el-button> | 345 | <el-button type="primary" @click="onSubmit">保存</el-button> |
299 | </el-form-item> | 346 | </el-form-item> |
... | @@ -303,12 +350,13 @@ | ... | @@ -303,12 +350,13 @@ |
303 | </template> | 350 | </template> |
304 | <script> | 351 | <script> |
305 | import { mapGetters } from "vuex"; | 352 | import { mapGetters } from "vuex"; |
306 | import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; | 353 | import { init,save } from "@/api/djbbl.js"; |
307 | import { init } from "@/api/djbbl.js"; | 354 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
308 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 355 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; |
356 | |||
309 | import tdytTable from "@/views/workflow/components/tdytTable"; | 357 | import tdytTable from "@/views/workflow/components/tdytTable"; |
310 | export default { | 358 | export default { |
311 | components: { qlrCommonTable,tdytTable }, | 359 | components: { qlrCommonTable,ywrCommonTable,tdytTable }, |
312 | computed: { | 360 | computed: { |
313 | ...mapGetters(["dictData", "flag"]), | 361 | ...mapGetters(["dictData", "flag"]), |
314 | }, | 362 | }, |
... | @@ -316,7 +364,6 @@ export default { | ... | @@ -316,7 +364,6 @@ export default { |
316 | return { | 364 | return { |
317 | //表单是否可操作 | 365 | //表单是否可操作 |
318 | propsParam: this.$attrs, | 366 | propsParam: this.$attrs, |
319 | ableOperation: true, | ||
320 | key: 0, | 367 | key: 0, |
321 | isShow: false, | 368 | isShow: false, |
322 | disabled: true, | 369 | disabled: true, |
... | @@ -324,6 +371,16 @@ export default { | ... | @@ -324,6 +371,16 @@ export default { |
324 | ruleForm: {}, | 371 | ruleForm: {}, |
325 | //传递参数\ | 372 | //传递参数\ |
326 | rules: {}, | 373 | rules: {}, |
374 | qsztlist: [ | ||
375 | { | ||
376 | dcode: "1", | ||
377 | dname: "现势", | ||
378 | }, | ||
379 | { | ||
380 | dcode: "2", | ||
381 | dname: "历史", | ||
382 | }, | ||
383 | ], | ||
327 | }; | 384 | }; |
328 | }, | 385 | }, |
329 | created() { | 386 | created() { |
... | @@ -332,36 +389,37 @@ export default { | ... | @@ -332,36 +389,37 @@ export default { |
332 | mounted() {}, | 389 | mounted() {}, |
333 | methods: { | 390 | methods: { |
334 | loadData() { | 391 | loadData() { |
335 | console.log("抵押权"); | 392 | console.log("预告登记",this.propsParam); |
336 | init(this.propsParam.bsmRepair).then((res) => { | 393 | init(this.propsParam.bsmRepair).then((res) => { |
337 | if (res.code == 200) { | 394 | if (res.code == 200) { |
338 | |||
339 | this.ruleForm = res.result; | 395 | this.ruleForm = res.result; |
340 | console.log("this.ruleFormssssssssssssssssssssssssssssss",this.ruleForm); | 396 | console.log("this.ruleForm",this.ruleForm); |
341 | this.isShow = true; | 397 | this.isShow = true; |
342 | // this.tableData = res.result; | ||
343 | // if (this.tableData.length < datas.columns().emptycolNum) { | ||
344 | // this.emptycolNum = | ||
345 | // datas.columns().emptycolNum - this.tableData.length; | ||
346 | // } else { | ||
347 | // this.emptycolNum = 0; | ||
348 | // } | ||
349 | } | 398 | } |
350 | }); | 399 | }); |
351 | }, | 400 | }, |
401 | // 更新土地用途信息 | ||
402 | upDateTdytxxList(val) { | ||
403 | console.log("VAL",val); | ||
404 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
405 | this.key++; | ||
406 | }, | ||
352 | // 更新权利人信息 | 407 | // 更新权利人信息 |
353 | upDateQlrxxList(val) { | 408 | upDateQlrxxList(val) { |
354 | this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); | 409 | console.log("val",val); |
355 | this.czrOptions = this.ruleForm.qlrList; | 410 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); |
411 | console.log("this.ruleForm.qlrData",this.ruleForm.qlrData); | ||
412 | this.czrOptions = this.ruleForm.qlrData; | ||
356 | this.key++; | 413 | this.key++; |
357 | }, | 414 | }, |
358 | // 更新义务人信息 | 415 | // 更新义务人信息 |
359 | upDateYwrxxList(val) { | 416 | upDateYwrxxList(val) { |
360 | this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)); | 417 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); |
361 | this.key++; | 418 | this.key++; |
362 | }, | 419 | }, |
363 | onSubmit() { | 420 | onSubmit() { |
364 | if (this.ruleForm.qlrList.length == 0) { | 421 | console.log("this.ruleForm大信息",this.ruleForm); |
422 | if (this.ruleForm.qlrData.length == 0) { | ||
365 | this.$message({ | 423 | this.$message({ |
366 | showClose: true, | 424 | showClose: true, |
367 | message: "请确认权利人信息", | 425 | message: "请确认权利人信息", |
... | @@ -371,7 +429,7 @@ export default { | ... | @@ -371,7 +429,7 @@ export default { |
371 | } | 429 | } |
372 | 430 | ||
373 | if (this.ruleForm.qlxx.gyfs == "0") { | 431 | if (this.ruleForm.qlxx.gyfs == "0") { |
374 | if (this.ruleForm.qlrList.length > 1) { | 432 | if (this.ruleForm.qlrData.length > 1) { |
375 | this.$message({ | 433 | this.$message({ |
376 | showClose: true, | 434 | showClose: true, |
377 | message: "共有方式:单独所有,权利人只能是一个人", | 435 | message: "共有方式:单独所有,权利人只能是一个人", |
... | @@ -379,17 +437,17 @@ export default { | ... | @@ -379,17 +437,17 @@ export default { |
379 | }); | 437 | }); |
380 | return false; | 438 | return false; |
381 | } | 439 | } |
382 | this.ruleForm.qlrList[0].sfczr = "1"; | 440 | this.ruleForm.qlrData[0].sfczr = "1"; |
383 | } | 441 | } |
384 | if (this.ruleForm.qlxx.gyfs == "1") { | 442 | if (this.ruleForm.qlxx.gyfs == "1") { |
385 | //是否分别持证 | 443 | //是否分别持证 |
386 | if (this.ruleForm.qlxx.sqfbcz == "1") { | 444 | if (this.ruleForm.qlxx.sqfbcz == "1") { |
387 | //是 | 445 | //是 |
388 | this.ruleForm.qlrList.forEach((item, index) => { | 446 | this.ruleForm.qlrData.forEach((item, index) => { |
389 | item.sfczr = "1"; | 447 | item.sfczr = "1"; |
390 | }); | 448 | }); |
391 | } else { | 449 | } else { |
392 | this.ruleForm.qlrList.forEach((item, index) => { | 450 | this.ruleForm.qlrData.forEach((item, index) => { |
393 | if (item.zjh == this.ruleForm.czr) { | 451 | if (item.zjh == this.ruleForm.czr) { |
394 | item.sfczr = "1"; | 452 | item.sfczr = "1"; |
395 | } else { | 453 | } else { |
... | @@ -398,7 +456,7 @@ export default { | ... | @@ -398,7 +456,7 @@ export default { |
398 | }); | 456 | }); |
399 | } | 457 | } |
400 | } | 458 | } |
401 | saveData(this.ruleForm).then((res) => { | 459 | save(this.ruleForm).then((res) => { |
402 | if (res.code === 200) { | 460 | if (res.code === 200) { |
403 | this.$message({ | 461 | this.$message({ |
404 | showClose: true, | 462 | showClose: true, | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-05-25 08:59:02 | 4 | * @LastEditTime: 2023-06-25 15:52:42 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
... | @@ -13,8 +13,7 @@ | ... | @@ -13,8 +13,7 @@ |
13 | ref="ruleForm" | 13 | ref="ruleForm" |
14 | :label-position="flag ? 'top' : ''" | 14 | :label-position="flag ? 'top' : ''" |
15 | :inline="flag" | 15 | :inline="flag" |
16 | label-width="120px" | 16 | label-width="127px"> |
17 | > | ||
18 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 17 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
19 | <div class="slxx_title title-block"> | 18 | <div class="slxx_title title-block"> |
20 | 补录信息 | 19 | 补录信息 |
... | @@ -65,6 +64,11 @@ | ... | @@ -65,6 +64,11 @@ |
65 | </el-form-item> | 64 | </el-form-item> |
66 | </el-col> | 65 | </el-col> |
67 | <el-col :span="8"> | 66 | <el-col :span="8"> |
67 | <el-form-item label="登记原因:"> | ||
68 | <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input> | ||
69 | </el-form-item> | ||
70 | </el-col> | ||
71 | <el-col :span="8"> | ||
68 | <el-form-item label="登记类型:"> | 72 | <el-form-item label="登记类型:"> |
69 | <el-select v-model="ruleForm.qlxx.djlx"> | 73 | <el-select v-model="ruleForm.qlxx.djlx"> |
70 | <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 74 | <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> |
... | @@ -73,170 +77,150 @@ | ... | @@ -73,170 +77,150 @@ |
73 | </el-form-item> | 77 | </el-form-item> |
74 | </el-col> | 78 | </el-col> |
75 | <el-col :span="8"> | 79 | <el-col :span="8"> |
76 | <el-form-item label="房地坐落:"> | 80 | <el-form-item label="不动产坐落:"> |
77 | <el-input v-model="ruleForm.qlxx.zl"></el-input> | 81 | <el-input v-model="ruleForm.qlxx.zl"></el-input> |
78 | </el-form-item> | 82 | </el-form-item> |
79 | </el-col> | 83 | </el-col> |
80 | <el-col :span="8"> | 84 | <el-col :span="8"> |
81 | <el-form-item label="土地使用权人:"> | 85 | <el-form-item label="不动产权证号:"> |
82 | <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input> | 86 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> |
83 | </el-form-item> | ||
84 | </el-col> | ||
85 | <el-col :span="8"> | ||
86 | <el-form-item label="独用土地面积:"> | ||
87 | <el-input v-model="ruleForm.fdcq2.dytdmj"></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.fdcq2.fttdmj"></el-input> | ||
93 | </el-form-item> | 87 | </el-form-item> |
94 | </el-col> | 88 | </el-col> |
95 | <el-col :span="8"> | 89 | <el-col :span="8"> |
96 | <el-form-item label="土地用途:"> | 90 | <el-form-item label="区县代码:"> |
97 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | 91 | <el-input v-model="ruleForm.qlxx.qxdm"></el-input> |
98 | </el-form-item> | 92 | </el-form-item> |
99 | </el-col> | 93 | </el-col> |
100 | <el-col :span="8"> | 94 | <el-col :span="8"> |
101 | <el-form-item label="土地使用起始时间:"> | 95 | <el-form-item label="登记机构:"> |
102 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | 96 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> |
103 | </el-form-item> | 97 | </el-form-item> |
104 | </el-col> | 98 | </el-col> |
105 | <el-col :span="8"> | 99 | <el-col :span="8"> |
106 | <el-form-item label="土地使用结束时间:"> | 100 | <el-form-item label="登簿人:"> |
107 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | 101 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> |
108 | </el-form-item> | 102 | </el-form-item> |
109 | </el-col> | 103 | </el-col> |
110 | <el-col :span="8"> | 104 | <el-col :span="8"> |
111 | <el-form-item label="土地使用期限:"> | 105 | <el-form-item label="登记时间:"> |
112 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | 106 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
113 | </el-form-item> | 107 | </el-form-item> |
114 | </el-col> | 108 | </el-col> |
115 | <el-col :span="8"> | 109 | <el-col :span="8"> |
116 | <el-form-item label="房地产交易价格:"> | 110 | <el-form-item label="权属状态:"> |
117 | <el-input v-model="ruleForm.fdcq2.qjjg"></el-input> | 111 | <el-select v-model="ruleForm.qlxx.qszt"> |
118 | <el-select v-model="ruleForm.fdcq2.jedw"> | 112 | <el-option |
119 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 113 | v-for="item in qsztlist" |
114 | :key="item.dcode" | ||
115 | :label="item.dname" | ||
116 | :value="item.dcode" | ||
117 | > | ||
120 | </el-option> | 118 | </el-option> |
121 | </el-select> | 119 | </el-select> |
122 | </el-form-item> | 120 | </el-form-item> |
123 | </el-col> | 121 | </el-col> |
122 | |||
123 | |||
124 | <el-col :span="8"> | 124 | <el-col :span="8"> |
125 | <el-form-item label="规划用途:"> | 125 | <el-form-item label="供地役不动产单元号:"> |
126 | <el-select v-model="ruleForm.fdcq2.ghyt"> | 126 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
127 | <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
128 | </el-option> | ||
129 | </el-select> | ||
130 | </el-form-item> | 127 | </el-form-item> |
131 | </el-col> | 128 | </el-col> <el-col :span="8"> |
132 | <el-col :span="8"> | 129 | <el-form-item label="供役地权利人:"> |
133 | <el-form-item label="批准用途:"> | 130 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
134 | <el-input v-model="ruleForm.fdcq2.pzyt"></el-input> | ||
135 | </el-form-item> | 131 | </el-form-item> |
136 | </el-col> | 132 | </el-col> <el-col :span="8"> |
137 | <el-col :span="8"> | 133 | <el-form-item label="供役地权利人证件种类"> |
138 | <el-form-item label="实际用途:"> | 134 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
139 | <el-input v-model="ruleForm.fdcq2.sjyt"></el-input> | ||
140 | </el-form-item> | 135 | </el-form-item> |
141 | </el-col> | 136 | </el-col> <el-col :span="8"> |
142 | <el-col :span="8"> | 137 | <el-form-item label="供役地权利人证件号"> |
143 | <el-form-item label="房屋性质:"> | 138 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
144 | <el-select v-model="ruleForm.fdcq2.fwxz"> | ||
145 | <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
146 | </el-option> | ||
147 | </el-select> | ||
148 | </el-form-item> | 139 | </el-form-item> |
149 | </el-col> | 140 | </el-col> <el-col :span="8"> |
150 | <el-col :span="8"> | 141 | <el-form-item label="需役地不动产单元号"> |
151 | <el-form-item label="房屋结构:"> | 142 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
152 | <el-select v-model="ruleForm.fdcq2.fwjg"> | ||
153 | <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
154 | </el-option> | ||
155 | </el-select> | ||
156 | </el-form-item> | 143 | </el-form-item> |
157 | </el-col> | 144 | </el-col> <el-col :span="8"> |
158 | <el-col :span="8"> | 145 | <el-form-item label="需役地坐落"> |
159 | <el-form-item label="所在层:"> | 146 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
160 | <el-input v-model="ruleForm.fdcq2.szc"></el-input> | ||
161 | </el-form-item> | 147 | </el-form-item> |
162 | </el-col> | 148 | </el-col> <el-col :span="8"> |
163 | <el-col :span="8"> | 149 | <el-form-item label="需役地权利人"> |
164 | <el-form-item label="总层数:"> | 150 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
165 | <el-input v-model="ruleForm.fdcq2.zcs"></el-input> | ||
166 | </el-form-item> | 151 | </el-form-item> |
167 | </el-col> | 152 | </el-col> <el-col :span="8"> |
168 | <el-col :span="8"> | 153 | <el-form-item label="需役地权利人证件种类:"> |
169 | <el-form-item label="建筑面积:"> | 154 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
170 | <el-input v-model="ruleForm.fdcq2.jzmj"></el-input> | ||
171 | </el-form-item> | 155 | </el-form-item> |
172 | </el-col> | 156 | </el-col> <el-col :span="8"> |
173 | <el-col :span="8"> | 157 | <el-form-item label="需役地权利人证件号:"> |
174 | <el-form-item label="专有建筑面积:"> | 158 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
175 | <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input> | ||
176 | </el-form-item> | 159 | </el-form-item> |
177 | </el-col> | 160 | </el-col> <el-col :span="8"> |
178 | <el-col :span="8"> | 161 | <el-form-item label="地役权内容:"> |
179 | <el-form-item label="分摊建筑面积:"> | 162 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
180 | <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input> | ||
181 | </el-form-item> | 163 | </el-form-item> |
182 | </el-col> | 164 | </el-col> <el-col :span="8"> |
183 | <el-col :span="8"> | 165 | <el-form-item label="不动产登记证明号:"> |
184 | <el-form-item label="竣工时间:"> | 166 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
185 | <el-input v-model="ruleForm.fdcq2.jgsj"></el-input> | ||
186 | </el-form-item> | 167 | </el-form-item> |
187 | </el-col> | 168 | </el-col> <el-col :span="8"> |
188 | 169 | <el-form-item label="权利起始时间"> | |
189 | <el-col :span="8"> | 170 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
190 | <el-form-item label="不动产权证号:"> | ||
191 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | ||
192 | </el-form-item> | 171 | </el-form-item> |
193 | </el-col> | 172 | </el-col> <el-col :span="8"> |
194 | <el-col :span="8"> | 173 | <el-form-item label="权利结束时间"> |
195 | <el-form-item label="区县代码:"> | 174 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
196 | <el-input v-model="ruleForm.qlxx.qxdm"></el-input> | ||
197 | </el-form-item> | 175 | </el-form-item> |
198 | </el-col> | 176 | </el-col> <el-col :span="8"> |
199 | <el-col :span="8"> | 177 | <el-form-item label="权利期限"> |
200 | <el-form-item label="登记机构:"> | 178 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
201 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | ||
202 | </el-form-item> | 179 | </el-form-item> |
203 | </el-col> | 180 | </el-col> <el-col :span="8"> |
204 | <el-col :span="8"> | 181 | <el-form-item label="登记时间:"> |
205 | <el-form-item label="登簿人:"> | 182 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
206 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | ||
207 | </el-form-item> | 183 | </el-form-item> |
208 | </el-col> | 184 | </el-col> <el-col :span="8"> |
209 | <el-col :span="8"> | ||
210 | <el-form-item label="登记时间:"> | 185 | <el-form-item label="登记时间:"> |
211 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | 186 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
212 | </el-form-item> | 187 | </el-form-item> |
213 | </el-col> | 188 | </el-col> <el-col :span="8"> |
214 | </el-row> | 189 | <el-form-item label="登记时间:"> |
215 | <el-row> | 190 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
216 | <el-col :span="24"> | 191 | </el-form-item> |
217 | <el-form-item label="登记原因:"> | 192 | </el-col> <el-col :span="8"> |
218 | <el-input v-model="ruleForm.fdcq2.djyy"></el-input> | 193 | <el-form-item label="登记时间:"> |
194 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | ||
195 | </el-form-item> | ||
196 | </el-col> <el-col :span="8"> | ||
197 | <el-form-item label="登记时间:"> | ||
198 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | ||
199 | </el-form-item> | ||
200 | </el-col> <el-col :span="8"> | ||
201 | <el-form-item label="登记时间:"> | ||
202 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | ||
203 | </el-form-item> | ||
204 | </el-col> <el-col :span="8"> | ||
205 | <el-form-item label="登记时间:"> | ||
206 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | ||
207 | </el-form-item> | ||
208 | </el-col> <el-col :span="8"> | ||
209 | <el-form-item label="登记时间:"> | ||
210 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | ||
211 | </el-form-item> | ||
212 | </el-col> <el-col :span="8"> | ||
213 | <el-form-item label="登记时间:"> | ||
214 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | ||
219 | </el-form-item> | 215 | </el-form-item> |
220 | </el-col> | 216 | </el-col> |
221 | </el-row> | ||
222 | <el-row> | ||
223 | <el-col :span="24"> | 217 | <el-col :span="24"> |
224 | <el-form-item label="附记:"> | 218 | <el-form-item label="附记:"> |
225 | <el-input v-model="ruleForm.fdcq2.fj"></el-input> | 219 | <el-input v-model="ruleForm.qlxx.fj"></el-input> |
226 | </el-form-item> | 220 | </el-form-item> |
227 | </el-col> | 221 | </el-col> |
228 | </el-row> | 222 | </el-row> |
229 | <div class="slxx_title title-block"> | 223 | <div class="slxx_title title-block"> |
230 | 土地用途 | ||
231 | <div class="triangle"></div> | ||
232 | </div> | ||
233 | <tdytTable | ||
234 | :tableData="ruleForm.tdxxList" | ||
235 | @upDateQlrxxList="upDateQlrxxList" | ||
236 | :viewtype="$route.query.viewtype" | ||
237 | :gyfs="ruleForm.qlxx.gyfs" | ||
238 | /> | ||
239 | <div class="slxx_title title-block"> | ||
240 | 权利人信息 | 224 | 权利人信息 |
241 | <div class="triangle"></div> | 225 | <div class="triangle"></div> |
242 | </div> | 226 | </div> |
... | @@ -244,9 +228,7 @@ | ... | @@ -244,9 +228,7 @@ |
244 | <el-col :span="12"> | 228 | <el-col :span="12"> |
245 | <el-form-item label="共有方式:"> | 229 | <el-form-item label="共有方式:"> |
246 | <el-radio-group | 230 | <el-radio-group |
247 | :disabled="$route.query.viewtype == 0" | 231 | v-model="ruleForm.qlxx.gyqk"> |
248 | v-model="ruleForm.qlxx.gyqk" | ||
249 | > | ||
250 | <el-radio label="0">单独所有</el-radio> | 232 | <el-radio label="0">单独所有</el-radio> |
251 | <el-radio label="1">共同共有</el-radio> | 233 | <el-radio label="1">共同共有</el-radio> |
252 | <el-radio label="2">按份所有</el-radio> | 234 | <el-radio label="2">按份所有</el-radio> |
... | @@ -254,46 +236,26 @@ | ... | @@ -254,46 +236,26 @@ |
254 | </el-radio-group> | 236 | </el-radio-group> |
255 | </el-form-item> | 237 | </el-form-item> |
256 | </el-col> | 238 | </el-col> |
257 | <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'"> | ||
258 | <el-form-item label="是否分别持证:"> | ||
259 | <el-radio-group v-model="ruleForm.qlxx.sqfbcz"> | ||
260 | <el-radio :label=1>是</el-radio> | ||
261 | <el-radio :label=0>否</el-radio> | ||
262 | </el-radio-group> | ||
263 | </el-form-item> | ||
264 | </el-col> | ||
265 | <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'"> | ||
266 | <el-form-item label="持证人:"> | ||
267 | <el-select v-model="ruleForm.czr" placeholder="持证人"> | ||
268 | <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh"> | ||
269 | </el-option> | ||
270 | </el-select> | ||
271 | </el-form-item> | ||
272 | </el-col> | ||
273 | </el-row> | 239 | </el-row> |
274 | <qlrCommonTable | 240 | <qlrCommonTable |
275 | :tableData="ruleForm.qlrList" | 241 | :tableData="ruleForm.qlrData" |
276 | @upDateQlrxxList="upDateQlrxxList" | 242 | @upDateQlrxxList="upDateQlrxxList" |
277 | :key="key" | 243 | :key="key" |
278 | :viewtype="$route.query.viewtype" | 244 | :gyfs="ruleForm.qlxx.gyfs" /> |
279 | :gyfs="ruleForm.qlxx.gyfs" | ||
280 | /> | ||
281 | 245 | ||
282 | <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> | 246 | <div> |
283 | <div class="slxx_title title-block"> | 247 | <div class="slxx_title title-block"> |
284 | 义务人信息 | 248 | 义务人信息 |
285 | <div class="triangle"></div> | 249 | <div class="triangle"></div> |
286 | </div> | 250 | </div> |
287 | <qlrCommonTable | 251 | <ywrCommonTable |
288 | v-if="ruleForm.ywrList" | 252 | v-if="ruleForm.ywrData" |
289 | :tableData="ruleForm.ywrList" | 253 | :tableData="ruleForm.ywrData" |
290 | :key="key" | 254 | :key="key" |
291 | @upDateQlrxxList="upDateYwrxxList" | 255 | @upDateQlrxxList="upDateYwrxxList" /> |
292 | :viewtype="$route.query.viewtype" | ||
293 | /> | ||
294 | </div> | 256 | </div> |
295 | </div> | 257 | </div> |
296 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | 258 | <el-row class="btn"> |
297 | <el-form-item> | 259 | <el-form-item> |
298 | <el-button type="primary" @click="onSubmit">保存</el-button> | 260 | <el-button type="primary" @click="onSubmit">保存</el-button> |
299 | </el-form-item> | 261 | </el-form-item> |
... | @@ -303,12 +265,12 @@ | ... | @@ -303,12 +265,12 @@ |
303 | </template> | 265 | </template> |
304 | <script> | 266 | <script> |
305 | import { mapGetters } from "vuex"; | 267 | import { mapGetters } from "vuex"; |
306 | import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; | 268 | import { init,save } from "@/api/djbbl.js"; |
307 | import { init } from "@/api/djbbl.js"; | 269 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
308 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 270 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; |
309 | import tdytTable from "@/views/workflow/components/tdytTable"; | 271 | import tdytTable from "@/views/workflow/components/tdytTable"; |
310 | export default { | 272 | export default { |
311 | components: { qlrCommonTable,tdytTable }, | 273 | components: { qlrCommonTable,ywrCommonTable,tdytTable }, |
312 | computed: { | 274 | computed: { |
313 | ...mapGetters(["dictData", "flag"]), | 275 | ...mapGetters(["dictData", "flag"]), |
314 | }, | 276 | }, |
... | @@ -316,12 +278,22 @@ export default { | ... | @@ -316,12 +278,22 @@ export default { |
316 | return { | 278 | return { |
317 | //表单是否可操作 | 279 | //表单是否可操作 |
318 | propsParam: this.$attrs, | 280 | propsParam: this.$attrs, |
319 | ableOperation: true, | ||
320 | key: 0, | 281 | key: 0, |
321 | isShow: false, | 282 | isShow: false, |
322 | disabled: true, | 283 | disabled: true, |
323 | czrOptions: [], | 284 | czrOptions: [], |
324 | ruleForm: {}, | 285 | ruleForm: {}, |
286 | // 权属状态 | ||
287 | qsztlist: [ | ||
288 | { | ||
289 | dcode: "1", | ||
290 | dname: "现势", | ||
291 | }, | ||
292 | { | ||
293 | dcode: "2", | ||
294 | dname: "历史", | ||
295 | }, | ||
296 | ], | ||
325 | //传递参数\ | 297 | //传递参数\ |
326 | rules: {}, | 298 | rules: {}, |
327 | }; | 299 | }; |
... | @@ -332,35 +304,37 @@ export default { | ... | @@ -332,35 +304,37 @@ export default { |
332 | mounted() {}, | 304 | mounted() {}, |
333 | methods: { | 305 | methods: { |
334 | loadData() { | 306 | loadData() { |
307 | console.log("预告登记",this.propsParam); | ||
335 | init(this.propsParam.bsmRepair).then((res) => { | 308 | init(this.propsParam.bsmRepair).then((res) => { |
336 | if (res.code == 200) { | 309 | if (res.code == 200) { |
337 | |||
338 | this.ruleForm = res.result; | 310 | this.ruleForm = res.result; |
339 | console.log("this.ruleFormssssssssssssssssssssssssssssss",this.ruleForm); | 311 | console.log("this.ruleForm",this.ruleForm); |
340 | this.isShow = true; | 312 | this.isShow = true; |
341 | // this.tableData = res.result; | ||
342 | // if (this.tableData.length < datas.columns().emptycolNum) { | ||
343 | // this.emptycolNum = | ||
344 | // datas.columns().emptycolNum - this.tableData.length; | ||
345 | // } else { | ||
346 | // this.emptycolNum = 0; | ||
347 | // } | ||
348 | } | 313 | } |
349 | }); | 314 | }); |
350 | }, | 315 | }, |
316 | // 更新土地用途信息 | ||
317 | upDateTdytxxList(val) { | ||
318 | console.log("VAL",val); | ||
319 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
320 | this.key++; | ||
321 | }, | ||
351 | // 更新权利人信息 | 322 | // 更新权利人信息 |
352 | upDateQlrxxList(val) { | 323 | upDateQlrxxList(val) { |
353 | this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); | 324 | console.log("val",val); |
354 | this.czrOptions = this.ruleForm.qlrList; | 325 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); |
326 | console.log("this.ruleForm.qlrData",this.ruleForm.qlrData); | ||
327 | this.czrOptions = this.ruleForm.qlrData; | ||
355 | this.key++; | 328 | this.key++; |
356 | }, | 329 | }, |
357 | // 更新义务人信息 | 330 | // 更新义务人信息 |
358 | upDateYwrxxList(val) { | 331 | upDateYwrxxList(val) { |
359 | this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)); | 332 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); |
360 | this.key++; | 333 | this.key++; |
361 | }, | 334 | }, |
362 | onSubmit() { | 335 | onSubmit() { |
363 | if (this.ruleForm.qlrList.length == 0) { | 336 | console.log("this.ruleForm大信息",this.ruleForm); |
337 | if (this.ruleForm.qlrData.length == 0) { | ||
364 | this.$message({ | 338 | this.$message({ |
365 | showClose: true, | 339 | showClose: true, |
366 | message: "请确认权利人信息", | 340 | message: "请确认权利人信息", |
... | @@ -370,7 +344,7 @@ export default { | ... | @@ -370,7 +344,7 @@ export default { |
370 | } | 344 | } |
371 | 345 | ||
372 | if (this.ruleForm.qlxx.gyfs == "0") { | 346 | if (this.ruleForm.qlxx.gyfs == "0") { |
373 | if (this.ruleForm.qlrList.length > 1) { | 347 | if (this.ruleForm.qlrData.length > 1) { |
374 | this.$message({ | 348 | this.$message({ |
375 | showClose: true, | 349 | showClose: true, |
376 | message: "共有方式:单独所有,权利人只能是一个人", | 350 | message: "共有方式:单独所有,权利人只能是一个人", |
... | @@ -378,17 +352,17 @@ export default { | ... | @@ -378,17 +352,17 @@ export default { |
378 | }); | 352 | }); |
379 | return false; | 353 | return false; |
380 | } | 354 | } |
381 | this.ruleForm.qlrList[0].sfczr = "1"; | 355 | this.ruleForm.qlrData[0].sfczr = "1"; |
382 | } | 356 | } |
383 | if (this.ruleForm.qlxx.gyfs == "1") { | 357 | if (this.ruleForm.qlxx.gyfs == "1") { |
384 | //是否分别持证 | 358 | //是否分别持证 |
385 | if (this.ruleForm.qlxx.sqfbcz == "1") { | 359 | if (this.ruleForm.qlxx.sqfbcz == "1") { |
386 | //是 | 360 | //是 |
387 | this.ruleForm.qlrList.forEach((item, index) => { | 361 | this.ruleForm.qlrData.forEach((item, index) => { |
388 | item.sfczr = "1"; | 362 | item.sfczr = "1"; |
389 | }); | 363 | }); |
390 | } else { | 364 | } else { |
391 | this.ruleForm.qlrList.forEach((item, index) => { | 365 | this.ruleForm.qlrData.forEach((item, index) => { |
392 | if (item.zjh == this.ruleForm.czr) { | 366 | if (item.zjh == this.ruleForm.czr) { |
393 | item.sfczr = "1"; | 367 | item.sfczr = "1"; |
394 | } else { | 368 | } else { |
... | @@ -397,7 +371,7 @@ export default { | ... | @@ -397,7 +371,7 @@ export default { |
397 | }); | 371 | }); |
398 | } | 372 | } |
399 | } | 373 | } |
400 | saveData(this.ruleForm).then((res) => { | 374 | save(this.ruleForm).then((res) => { |
401 | if (res.code === 200) { | 375 | if (res.code === 200) { |
402 | this.$message({ | 376 | this.$message({ |
403 | showClose: true, | 377 | showClose: true, | ... | ... |
... | @@ -338,7 +338,7 @@ | ... | @@ -338,7 +338,7 @@ |
338 | <script> | 338 | <script> |
339 | import { mapGetters } from "vuex"; | 339 | import { mapGetters } from "vuex"; |
340 | import { init, save } from "@/api/djbbl.js"; | 340 | import { init, save } from "@/api/djbbl.js"; |
341 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 341 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
342 | import tdytTable from "@/views/workflow/components/tdytTable"; | 342 | import tdytTable from "@/views/workflow/components/tdytTable"; |
343 | // import the component | 343 | // import the component |
344 | // import Treeselect from '@riophae/vue-treeselect' | 344 | // import Treeselect from '@riophae/vue-treeselect' | ... | ... |
... | @@ -38,7 +38,7 @@ | ... | @@ -38,7 +38,7 @@ |
38 | </el-col> | 38 | </el-col> |
39 | </el-row> | 39 | </el-row> |
40 | <div class="slxx_title title-block"> | 40 | <div class="slxx_title title-block"> |
41 | 房地产权(独幢、层、套、间房屋) | 41 | 国有建设用地使用权信息 |
42 | <div class="triangle"></div> | 42 | <div class="triangle"></div> |
43 | </div> | 43 | </div> |
44 | <el-row :gutter="10"> | 44 | <el-row :gutter="10"> |
... | @@ -238,7 +238,7 @@ | ... | @@ -238,7 +238,7 @@ |
238 | import store from "@/store/index.js"; | 238 | import store from "@/store/index.js"; |
239 | import { mapGetters } from "vuex"; | 239 | import { mapGetters } from "vuex"; |
240 | import { init, save } from "@/api/djbbl.js"; | 240 | import { init, save } from "@/api/djbbl.js"; |
241 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 241 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
242 | import tdytTable from "@/views/workflow/components/tdytTable"; | 242 | import tdytTable from "@/views/workflow/components/tdytTable"; |
243 | export default { | 243 | export default { |
244 | components: { qlrCommonTable, tdytTable }, | 244 | components: { qlrCommonTable, tdytTable }, | ... | ... |
... | @@ -13,7 +13,8 @@ | ... | @@ -13,7 +13,8 @@ |
13 | ref="ruleForm" | 13 | ref="ruleForm" |
14 | :label-position="flag ? 'top' : ''" | 14 | :label-position="flag ? 'top' : ''" |
15 | :inline="flag" | 15 | :inline="flag" |
16 | label-width="127px"> | 16 | label-width="127px" |
17 | > | ||
17 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 18 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
18 | <div class="slxx_title title-block"> | 19 | <div class="slxx_title title-block"> |
19 | 补录信息 | 20 | 补录信息 |
... | @@ -64,150 +65,195 @@ | ... | @@ -64,150 +65,195 @@ |
64 | </el-form-item> | 65 | </el-form-item> |
65 | </el-col> | 66 | </el-col> |
66 | <el-col :span="8"> | 67 | <el-col :span="8"> |
68 | <el-form-item label="登记原因:"> | ||
69 | <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input> | ||
70 | </el-form-item> | ||
71 | </el-col> | ||
72 | <el-col :span="8"> | ||
67 | <el-form-item label="登记类型:"> | 73 | <el-form-item label="登记类型:"> |
68 | <el-select v-model="ruleForm.qlxx.djlx"> | 74 | <el-select v-model="ruleForm.qlxx.djlx"> |
69 | <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 75 | <el-option |
76 | v-for="item in dictData['A21']" | ||
77 | :key="item.dcode" | ||
78 | :label="item.dname" | ||
79 | :value="item.dcode" | ||
80 | > | ||
70 | </el-option> | 81 | </el-option> |
71 | </el-select> | 82 | </el-select> |
72 | </el-form-item> | 83 | </el-form-item> |
73 | </el-col> | 84 | </el-col> |
74 | <el-col :span="8"> | 85 | <el-col :span="8"> |
75 | <el-form-item label="房地坐落:"> | 86 | <el-form-item label="不动产坐落:"> |
76 | <el-input v-model="ruleForm.qlxx.zl"></el-input> | 87 | <el-input v-model="ruleForm.qlxx.zl"></el-input> |
77 | </el-form-item> | 88 | </el-form-item> |
78 | </el-col> | 89 | </el-col> |
79 | <!-- <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj"> | 90 | <el-col :span="8"> |
80 | <el-form-item label="土地使用权人:"> | 91 | <el-form-item label="不动产权证号:"> |
81 | <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input> | 92 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> |
82 | </el-form-item> | 93 | </el-form-item> |
83 | </el-col> | 94 | </el-col> |
84 | <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj"> | 95 | <el-col :span="8"> |
85 | <el-form-item label="独用土地面积:"> | 96 | <el-form-item label="区县代码:"> |
86 | <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input> | 97 | <el-input v-model="ruleForm.qlxx.qxdm"></el-input> |
87 | </el-form-item> | 98 | </el-form-item> |
88 | </el-col> | 99 | </el-col> |
89 | <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj"> | 100 | <el-col :span="8"> |
90 | <el-form-item label="分摊土地面积:"> | 101 | <el-form-item label="登记机构:"> |
91 | <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input> | 102 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> |
92 | </el-form-item> | 103 | </el-form-item> |
93 | </el-col> | 104 | </el-col> |
94 | <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj"> | 105 | <el-col :span="8"> |
95 | <el-form-item label="土地性质:" style="margin-bottom:3px"> | 106 | <el-form-item label="登簿人:"> |
96 | <treeselect v-model="ruleForm.fdcq2.jedw" placeholder="" | 107 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> |
97 | :normalizer="normalizer" | ||
98 | :show-count="true" :options="dictData['A45']" /> | ||
99 | </el-form-item> | 108 | </el-form-item> |
100 | </el-col> | 109 | </el-col> |
101 | <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj"> | 110 | <el-col :span="8"> |
102 | <el-form-item label="房地产交易价格:"> | 111 | <el-form-item label="登记时间:"> |
103 | <div style="display:flex"> | 112 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
104 | <el-input v-model="ruleForm.fdcq2.qjjg" style="width:500%"></el-input> | 113 | </el-form-item> |
105 | <el-select v-model="ruleForm.fdcq2.jedw"> | 114 | </el-col> |
106 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 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 | > | ||
107 | </el-option> | 124 | </el-option> |
108 | </el-select> | 125 | </el-select> |
109 | </div> | ||
110 | </el-form-item> | 126 | </el-form-item> |
111 | </el-col> | 127 | </el-col> |
128 | |||
112 | <el-col :span="8"> | 129 | <el-col :span="8"> |
113 | <el-form-item label="规划用途:"> | 130 | <el-form-item label="预告登记种类"> |
114 | <el-select v-model="ruleForm.fdcq2.ghyt"> | 131 | <el-select v-model="ruleForm.qlxx.djlx"> |
115 | <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 132 | <el-option |
133 | v-for="item in dictData['A29']" | ||
134 | :key="item.dcode" | ||
135 | :label="item.dname" | ||
136 | :value="item.dcode" | ||
137 | > | ||
116 | </el-option> | 138 | </el-option> |
117 | </el-select> | 139 | </el-select> |
118 | </el-form-item> | 140 | </el-form-item> |
119 | </el-col> | 141 | </el-col> |
120 | <el-col :span="8"> | 142 | <el-col :span="8"> |
121 | <el-form-item label="批准用途:"> | 143 | <el-form-item label="土地使用权人"> |
122 | <el-input v-model="ruleForm.fdcq2.pzyt"></el-input> | 144 | <el-input v-model="ruleForm.qlxx.djsj"></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.qlxx.djlx"> | ||
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> | ||
123 | </el-form-item> | 158 | </el-form-item> |
124 | </el-col> | 159 | </el-col> |
125 | <el-col :span="8"> | 160 | <el-col :span="8"> |
126 | <el-form-item label="实际用途:"> | 161 | <el-form-item label="用途名称"> |
127 | <el-input v-model="ruleForm.fdcq2.sjyt"></el-input> | 162 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
128 | </el-form-item> | 163 | </el-form-item> |
129 | </el-col> | 164 | </el-col> |
130 | <el-col :span="8"> | 165 | <el-col :span="8"> |
131 | <el-form-item label="房屋性质:"> | 166 | <el-form-item label="房屋性质"> |
132 | <el-select v-model="ruleForm.fdcq2.fwxz"> | 167 | <el-select v-model="ruleForm.qlxx.djlx"> |
133 | <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 168 | <el-option |
169 | v-for="item in dictData['A19']" | ||
170 | :key="item.dcode" | ||
171 | :label="item.dname" | ||
172 | :value="item.dcode" | ||
173 | > | ||
134 | </el-option> | 174 | </el-option> |
135 | </el-select> | 175 | </el-select> |
136 | </el-form-item> | 176 | </el-form-item> |
137 | </el-col> | 177 | </el-col> |
138 | <el-col :span="8"> | 178 | <el-col :span="8"> |
139 | <el-form-item label="房屋结构:"> | 179 | <el-form-item label="房屋性质名称"> |
140 | <el-select v-model="ruleForm.fdcq2.fwjg"> | 180 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
141 | <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 181 | </el-form-item> |
182 | </el-col> | ||
183 | <el-col :span="8"> | ||
184 | <el-form-item label="房屋结构"> | ||
185 | <el-select v-model="ruleForm.qlxx.djlx"> | ||
186 | <el-option | ||
187 | v-for="item in dictData['A46']" | ||
188 | :key="item.dcode" | ||
189 | :label="item.dname" | ||
190 | :value="item.dcode" | ||
191 | > | ||
142 | </el-option> | 192 | </el-option> |
143 | </el-select> | 193 | </el-select> |
144 | </el-form-item> | 194 | </el-form-item> |
145 | </el-col> | 195 | </el-col> |
146 | <el-col :span="8"> | 196 | <el-col :span="8"> |
147 | <el-form-item label="所在层:"> | 197 | <el-form-item label="所在层"> |
148 | <el-input v-model="ruleForm.fdcq2.szc"></el-input> | 198 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
149 | </el-form-item> | 199 | </el-form-item> |
150 | </el-col> | 200 | </el-col> |
151 | <el-col :span="8"> | 201 | <el-col :span="8"> |
152 | <el-form-item label="总层数:"> | 202 | <el-form-item label="总层数"> |
153 | <el-input v-model="ruleForm.fdcq2.zcs"></el-input> | 203 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
154 | </el-form-item> | 204 | </el-form-item> |
155 | </el-col> | 205 | </el-col> |
156 | <el-col :span="8"> | 206 | <el-col :span="8"> |
157 | <el-form-item label="建筑面积:"> | 207 | <el-form-item label="建筑面积"> |
158 | <el-input v-model="ruleForm.fdcq2.jzmj"></el-input> | 208 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
159 | </el-form-item> | 209 | </el-form-item> |
160 | </el-col> | 210 | </el-col> |
161 | <el-col :span="8"> | 211 | <el-col :span="8"> |
162 | <el-form-item label="专有建筑面积:"> | 212 | <el-form-item label="注销预告业务号"> |
163 | <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input> | 213 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
164 | </el-form-item> | 214 | </el-form-item> |
165 | </el-col> | 215 | </el-col> |
166 | <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj"> | 216 | <el-col :span="8"> |
167 | <el-form-item label="分摊建筑面积:"> | 217 | <el-form-item label="注销预告原因"> |
168 | <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input> | 218 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
169 | </el-form-item> | 219 | </el-form-item> |
170 | </el-col> | 220 | </el-col> |
171 | <el-col :span="8"> | 221 | <el-col :span="8"> |
172 | <el-form-item label="竣工时间:"> | 222 | <el-form-item label="注销时间"> |
173 | <el-input v-model="ruleForm.fdcq2.jgsj"></el-input> | 223 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
174 | </el-form-item> | 224 | </el-form-item> |
175 | </el-col> --> | 225 | </el-col> |
176 | |||
177 | <el-col :span="8"> | 226 | <el-col :span="8"> |
178 | <el-form-item label="不动产权证号:"> | 227 | <el-form-item label="取得价格/被担保主债权数额"> |
179 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | 228 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
180 | </el-form-item> | 229 | </el-form-item> |
181 | </el-col> | 230 | </el-col> |
182 | <el-col :span="8"> | 231 | <el-col :span="8"> |
183 | <el-form-item label="区县代码:"> | 232 | <el-form-item label="金额单位"> |
184 | <el-input v-model="ruleForm.qlxx.qxdm"></el-input> | 233 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
185 | </el-form-item> | 234 | </el-form-item> |
186 | </el-col> | 235 | </el-col> |
187 | <el-col :span="8"> | 236 | <el-col :span="8"> |
188 | <el-form-item label="登记机构:"> | 237 | <el-form-item label="担保范围"> |
189 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | 238 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
190 | </el-form-item> | 239 | </el-form-item> |
191 | </el-col> | 240 | </el-col> |
192 | <el-col :span="8"> | 241 | <el-col :span="8"> |
193 | <el-form-item label="登簿人:"> | 242 | <el-form-item label="是否存在禁止或限制转让抵押不动产的约定"> |
194 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | 243 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
195 | </el-form-item> | 244 | </el-form-item> |
196 | </el-col> | 245 | </el-col> |
197 | <el-col :span="8"> | 246 | <el-col :span="8"> |
198 | <el-form-item label="登记时间:"> | 247 | <el-form-item label="不动产登记证明号"> |
199 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | 248 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
200 | </el-form-item> | 249 | </el-form-item> |
201 | </el-col> | 250 | </el-col> |
202 | </el-row> | ||
203 | <!-- <el-row> | ||
204 | <el-col :span="24"> | 251 | <el-col :span="24"> |
205 | <el-form-item label="附记:"> | 252 | <el-form-item label="附记:"> |
206 | <el-input v-model="ruleForm.fdcq2.fj"></el-input> | 253 | <el-input v-model="ruleForm.qlxx.fj"></el-input> |
207 | </el-form-item> | 254 | </el-form-item> |
208 | </el-col> | 255 | </el-col> |
209 | </el-row> --> | 256 | </el-row> |
210 | |||
211 | <div class="slxx_title title-block"> | 257 | <div class="slxx_title title-block"> |
212 | 权利人信息 | 258 | 权利人信息 |
213 | <div class="triangle"></div> | 259 | <div class="triangle"></div> |
... | @@ -215,9 +261,7 @@ | ... | @@ -215,9 +261,7 @@ |
215 | <el-row :gutter="10"> | 261 | <el-row :gutter="10"> |
216 | <el-col :span="12"> | 262 | <el-col :span="12"> |
217 | <el-form-item label="共有方式:"> | 263 | <el-form-item label="共有方式:"> |
218 | <el-radio-group | 264 | <el-radio-group v-model="ruleForm.qlxx.gyqk"> |
219 | :disabled="$route.query.viewtype == 0" | ||
220 | v-model="ruleForm.qlxx.gyqk"> | ||
221 | <el-radio label="0">单独所有</el-radio> | 265 | <el-radio label="0">单独所有</el-radio> |
222 | <el-radio label="1">共同共有</el-radio> | 266 | <el-radio label="1">共同共有</el-radio> |
223 | <el-radio label="2">按份所有</el-radio> | 267 | <el-radio label="2">按份所有</el-radio> |
... | @@ -225,44 +269,28 @@ | ... | @@ -225,44 +269,28 @@ |
225 | </el-radio-group> | 269 | </el-radio-group> |
226 | </el-form-item> | 270 | </el-form-item> |
227 | </el-col> | 271 | </el-col> |
228 | <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'"> | ||
229 | <el-form-item label="是否分别持证:"> | ||
230 | <el-radio-group v-model="ruleForm.qlxx.sqfbcz"> | ||
231 | <el-radio :label=1>是</el-radio> | ||
232 | <el-radio :label=0>否</el-radio> | ||
233 | </el-radio-group> | ||
234 | </el-form-item> | ||
235 | </el-col> | ||
236 | <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'"> | ||
237 | <el-form-item label="持证人:"> | ||
238 | <el-select v-model="ruleForm.czr" placeholder="持证人"> | ||
239 | <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh"> | ||
240 | </el-option> | ||
241 | </el-select> | ||
242 | </el-form-item> | ||
243 | </el-col> | ||
244 | </el-row> | 272 | </el-row> |
245 | <qlrCommonTable | 273 | <qlrCommonTable |
246 | :tableData="ruleForm.qlrData" | 274 | :tableData="ruleForm.qlrData" |
247 | @upDateQlrxxList="upDateQlrxxList" | 275 | @upDateQlrxxList="upDateQlrxxList" |
248 | :key="key" | 276 | :key="key" |
249 | :viewtype="$route.query.viewtype" | 277 | :gyfs="ruleForm.qlxx.gyfs" |
250 | :gyfs="ruleForm.qlxx.gyfs" /> | 278 | /> |
251 | 279 | ||
252 | <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> | 280 | <div> |
253 | <div class="slxx_title title-block"> | 281 | <div class="slxx_title title-block"> |
254 | 义务人信息 | 282 | 义务人信息 |
255 | <div class="triangle"></div> | 283 | <div class="triangle"></div> |
256 | </div> | 284 | </div> |
257 | <qlrCommonTable | 285 | <ywrCommonTable |
258 | v-if="ruleForm.ywrList" | 286 | v-if="ruleForm.ywrData" |
259 | :tableData="ruleForm.ywrList" | 287 | :tableData="ruleForm.ywrData" |
260 | :key="key" | 288 | :key="key" |
261 | @upDateQlrxxList="upDateYwrxxList" | 289 | @upDateQlrxxList="upDateYwrxxList" |
262 | :viewtype="$route.query.viewtype" /> | 290 | /> |
263 | </div> | 291 | </div> |
264 | </div> | 292 | </div> |
265 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | 293 | <el-row class="btn"> |
266 | <el-form-item> | 294 | <el-form-item> |
267 | <el-button type="primary" @click="onSubmit">保存</el-button> | 295 | <el-button type="primary" @click="onSubmit">保存</el-button> |
268 | </el-form-item> | 296 | </el-form-item> |
... | @@ -272,11 +300,12 @@ | ... | @@ -272,11 +300,12 @@ |
272 | </template> | 300 | </template> |
273 | <script> | 301 | <script> |
274 | import { mapGetters } from "vuex"; | 302 | import { mapGetters } from "vuex"; |
275 | import { init,save } from "@/api/djbbl.js"; | 303 | import { init, save } from "@/api/djbbl.js"; |
276 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 304 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
305 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; | ||
277 | import tdytTable from "@/views/workflow/components/tdytTable"; | 306 | import tdytTable from "@/views/workflow/components/tdytTable"; |
278 | export default { | 307 | export default { |
279 | components: { qlrCommonTable,tdytTable }, | 308 | components: { qlrCommonTable, ywrCommonTable, tdytTable }, |
280 | computed: { | 309 | computed: { |
281 | ...mapGetters(["dictData", "flag"]), | 310 | ...mapGetters(["dictData", "flag"]), |
282 | }, | 311 | }, |
... | @@ -284,12 +313,22 @@ export default { | ... | @@ -284,12 +313,22 @@ export default { |
284 | return { | 313 | return { |
285 | //表单是否可操作 | 314 | //表单是否可操作 |
286 | propsParam: this.$attrs, | 315 | propsParam: this.$attrs, |
287 | ableOperation: true, | ||
288 | key: 0, | 316 | key: 0, |
289 | isShow: false, | 317 | isShow: false, |
290 | disabled: true, | 318 | disabled: true, |
291 | czrOptions: [], | 319 | czrOptions: [], |
292 | ruleForm: {}, | 320 | ruleForm: {}, |
321 | // 权属状态 | ||
322 | qsztlist: [ | ||
323 | { | ||
324 | dcode: "1", | ||
325 | dname: "现势", | ||
326 | }, | ||
327 | { | ||
328 | dcode: "2", | ||
329 | dname: "历史", | ||
330 | }, | ||
331 | ], | ||
293 | //传递参数\ | 332 | //传递参数\ |
294 | rules: {}, | 333 | rules: {}, |
295 | }; | 334 | }; |
... | @@ -300,36 +339,36 @@ export default { | ... | @@ -300,36 +339,36 @@ export default { |
300 | mounted() {}, | 339 | mounted() {}, |
301 | methods: { | 340 | methods: { |
302 | loadData() { | 341 | loadData() { |
303 | console.log("预告登记",this.propsParam); | 342 | console.log("预告登记", this.propsParam); |
304 | init(this.propsParam.bsmRepair).then((res) => { | 343 | init(this.propsParam.bsmRepair).then((res) => { |
305 | if (res.code == 200) { | 344 | if (res.code == 200) { |
306 | this.ruleForm = res.result; | 345 | this.ruleForm = res.result; |
307 | console.log("this.ruleForm",this.ruleForm); | 346 | console.log("this.ruleForm", this.ruleForm); |
308 | this.isShow = true; | 347 | this.isShow = true; |
309 | } | 348 | } |
310 | }); | 349 | }); |
311 | }, | 350 | }, |
312 | // 更新土地用途信息 | 351 | // 更新土地用途信息 |
313 | upDateTdytxxList(val) { | 352 | upDateTdytxxList(val) { |
314 | console.log("VAL",val); | 353 | console.log("VAL", val); |
315 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 354 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
316 | this.key++; | 355 | this.key++; |
317 | }, | 356 | }, |
318 | // 更新权利人信息 | 357 | // 更新权利人信息 |
319 | upDateQlrxxList(val) { | 358 | upDateQlrxxList(val) { |
320 | console.log("val",val); | 359 | console.log("val", val); |
321 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | 360 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); |
322 | console.log("this.ruleForm.qlrData",this.ruleForm.qlrData); | 361 | console.log("this.ruleForm.qlrData", this.ruleForm.qlrData); |
323 | this.czrOptions = this.ruleForm.qlrData; | 362 | this.czrOptions = this.ruleForm.qlrData; |
324 | this.key++; | 363 | this.key++; |
325 | }, | 364 | }, |
326 | // 更新义务人信息 | 365 | // 更新义务人信息 |
327 | upDateYwrxxList(val) { | 366 | upDateYwrxxList(val) { |
328 | this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)); | 367 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); |
329 | this.key++; | 368 | this.key++; |
330 | }, | 369 | }, |
331 | onSubmit() { | 370 | onSubmit() { |
332 | console.log("this.ruleForm大信息",this.ruleForm); | 371 | console.log("this.ruleForm大信息", this.ruleForm); |
333 | if (this.ruleForm.qlrData.length == 0) { | 372 | if (this.ruleForm.qlrData.length == 0) { |
334 | this.$message({ | 373 | this.$message({ |
335 | showClose: true, | 374 | showClose: true, | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-05-25 08:59:02 | 4 | * @LastEditTime: 2023-06-25 15:52:42 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
... | @@ -13,7 +13,7 @@ | ... | @@ -13,7 +13,7 @@ |
13 | ref="ruleForm" | 13 | ref="ruleForm" |
14 | :label-position="flag ? 'top' : ''" | 14 | :label-position="flag ? 'top' : ''" |
15 | :inline="flag" | 15 | :inline="flag" |
16 | label-width="120px" | 16 | label-width="127px" |
17 | > | 17 | > |
18 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 18 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
19 | <div class="slxx_title title-block"> | 19 | <div class="slxx_title title-block"> |
... | @@ -65,145 +65,95 @@ | ... | @@ -65,145 +65,95 @@ |
65 | </el-form-item> | 65 | </el-form-item> |
66 | </el-col> | 66 | </el-col> |
67 | <el-col :span="8"> | 67 | <el-col :span="8"> |
68 | <el-form-item label="登记原因:"> | ||
69 | <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input> | ||
70 | </el-form-item> | ||
71 | </el-col> | ||
72 | <el-col :span="8"> | ||
68 | <el-form-item label="登记类型:"> | 73 | <el-form-item label="登记类型:"> |
69 | <el-select v-model="ruleForm.qlxx.djlx"> | 74 | <el-select v-model="ruleForm.qlxx.djlx"> |
70 | <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 75 | <el-option |
76 | v-for="item in dictData['A21']" | ||
77 | :key="item.dcode" | ||
78 | :label="item.dname" | ||
79 | :value="item.dcode" | ||
80 | > | ||
71 | </el-option> | 81 | </el-option> |
72 | </el-select> | 82 | </el-select> |
73 | </el-form-item> | 83 | </el-form-item> |
74 | </el-col> | 84 | </el-col> |
75 | <el-col :span="8"> | 85 | <el-col :span="8"> |
76 | <el-form-item label="房地坐落:"> | 86 | <el-form-item label="不动产坐落:"> |
77 | <el-input v-model="ruleForm.qlxx.zl"></el-input> | 87 | <el-input v-model="ruleForm.qlxx.zl"></el-input> |
78 | </el-form-item> | 88 | </el-form-item> |
79 | </el-col> | 89 | </el-col> |
80 | <el-col :span="8"> | 90 | <el-col :span="8"> |
81 | <el-form-item label="土地使用权人:"> | 91 | <el-form-item label="不动产权证号:"> |
82 | <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input> | 92 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> |
83 | </el-form-item> | ||
84 | </el-col> | ||
85 | <el-col :span="8"> | ||
86 | <el-form-item label="独用土地面积:"> | ||
87 | <el-input v-model="ruleForm.fdcq2.dytdmj"></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.fdcq2.fttdmj"></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.ywh"></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.ywh"></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.ywh"></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.ywh"></el-input> | ||
113 | </el-form-item> | ||
114 | </el-col> | ||
115 | <el-col :span="8"> | ||
116 | <el-form-item label="房地产交易价格:"> | ||
117 | <el-input v-model="ruleForm.fdcq2.qjjg"></el-input> | ||
118 | <el-select v-model="ruleForm.fdcq2.jedw"> | ||
119 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
120 | </el-option> | ||
121 | </el-select> | ||
122 | </el-form-item> | 93 | </el-form-item> |
123 | </el-col> | 94 | </el-col> |
124 | <el-col :span="8"> | 95 | <el-col :span="8"> |
125 | <el-form-item label="规划用途:"> | 96 | <el-form-item label="区县代码:"> |
126 | <el-select v-model="ruleForm.fdcq2.ghyt"> | 97 | <el-input v-model="ruleForm.qlxx.qxdm"></el-input> |
127 | <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
128 | </el-option> | ||
129 | </el-select> | ||
130 | </el-form-item> | 98 | </el-form-item> |
131 | </el-col> | 99 | </el-col> |
132 | <el-col :span="8"> | 100 | <el-col :span="8"> |
133 | <el-form-item label="批准用途:"> | 101 | <el-form-item label="登记机构:"> |
134 | <el-input v-model="ruleForm.fdcq2.pzyt"></el-input> | 102 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> |
135 | </el-form-item> | 103 | </el-form-item> |
136 | </el-col> | 104 | </el-col> |
137 | <el-col :span="8"> | 105 | <el-col :span="8"> |
138 | <el-form-item label="实际用途:"> | 106 | <el-form-item label="登簿人:"> |
139 | <el-input v-model="ruleForm.fdcq2.sjyt"></el-input> | 107 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> |
140 | </el-form-item> | 108 | </el-form-item> |
141 | </el-col> | 109 | </el-col> |
142 | <el-col :span="8"> | 110 | <el-col :span="8"> |
143 | <el-form-item label="房屋性质:"> | 111 | <el-form-item label="登记时间:"> |
144 | <el-select v-model="ruleForm.fdcq2.fwxz"> | 112 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
145 | <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
146 | </el-option> | ||
147 | </el-select> | ||
148 | </el-form-item> | 113 | </el-form-item> |
149 | </el-col> | 114 | </el-col> |
150 | <el-col :span="8"> | 115 | <el-col :span="8"> |
151 | <el-form-item label="房屋结构:"> | 116 | <el-form-item label="权属状态:"> |
152 | <el-select v-model="ruleForm.fdcq2.fwjg"> | 117 | <el-select v-model="ruleForm.qlxx.qszt"> |
153 | <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 118 | <el-option |
119 | v-for="item in qsztlist" | ||
120 | :key="item.dcode" | ||
121 | :label="item.dname" | ||
122 | :value="item.dcode" | ||
123 | > | ||
154 | </el-option> | 124 | </el-option> |
155 | </el-select> | 125 | </el-select> |
156 | </el-form-item> | 126 | </el-form-item> |
157 | </el-col> | 127 | </el-col> |
128 | |||
158 | <el-col :span="8"> | 129 | <el-col :span="8"> |
159 | <el-form-item label="所在层:"> | 130 | <el-form-item label="异议事项"> |
160 | <el-input v-model="ruleForm.fdcq2.szc"></el-input> | 131 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
161 | </el-form-item> | ||
162 | </el-col> | ||
163 | <el-col :span="8"> | ||
164 | <el-form-item label="总层数:"> | ||
165 | <el-input v-model="ruleForm.fdcq2.zcs"></el-input> | ||
166 | </el-form-item> | ||
167 | </el-col> | ||
168 | <el-col :span="8"> | ||
169 | <el-form-item label="建筑面积:"> | ||
170 | <el-input v-model="ruleForm.fdcq2.jzmj"></el-input> | ||
171 | </el-form-item> | ||
172 | </el-col> | ||
173 | <el-col :span="8"> | ||
174 | <el-form-item label="专有建筑面积:"> | ||
175 | <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input> | ||
176 | </el-form-item> | ||
177 | </el-col> | ||
178 | <el-col :span="8"> | ||
179 | <el-form-item label="分摊建筑面积:"> | ||
180 | <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input> | ||
181 | </el-form-item> | 132 | </el-form-item> |
182 | </el-col> | 133 | </el-col> |
183 | <el-col :span="8"> | 134 | <el-col :span="8"> |
184 | <el-form-item label="竣工时间:"> | 135 | <el-form-item label="不动产登记证明号"> |
185 | <el-input v-model="ruleForm.fdcq2.jgsj"></el-input> | 136 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
186 | </el-form-item> | 137 | </el-form-item> |
187 | </el-col> | 138 | </el-col> |
188 | |||
189 | <el-col :span="8"> | 139 | <el-col :span="8"> |
190 | <el-form-item label="不动产权证号:"> | 140 | <el-form-item label="登记时间:"> |
191 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | 141 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
192 | </el-form-item> | 142 | </el-form-item> |
193 | </el-col> | 143 | </el-col> |
194 | <el-col :span="8"> | 144 | <el-col :span="8"> |
195 | <el-form-item label="区县代码:"> | 145 | <el-form-item label="登记时间:"> |
196 | <el-input v-model="ruleForm.qlxx.qxdm"></el-input> | 146 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
197 | </el-form-item> | 147 | </el-form-item> |
198 | </el-col> | 148 | </el-col> |
199 | <el-col :span="8"> | 149 | <el-col :span="8"> |
200 | <el-form-item label="登记机构:"> | 150 | <el-form-item label="登记时间:"> |
201 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | 151 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
202 | </el-form-item> | 152 | </el-form-item> |
203 | </el-col> | 153 | </el-col> |
204 | <el-col :span="8"> | 154 | <el-col :span="8"> |
205 | <el-form-item label="登簿人:"> | 155 | <el-form-item label="登记时间:"> |
206 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | 156 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
207 | </el-form-item> | 157 | </el-form-item> |
208 | </el-col> | 158 | </el-col> |
209 | <el-col :span="8"> | 159 | <el-col :span="8"> |
... | @@ -211,42 +161,20 @@ | ... | @@ -211,42 +161,20 @@ |
211 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | 161 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
212 | </el-form-item> | 162 | </el-form-item> |
213 | </el-col> | 163 | </el-col> |
214 | </el-row> | ||
215 | <el-row> | ||
216 | <el-col :span="24"> | ||
217 | <el-form-item label="登记原因:"> | ||
218 | <el-input v-model="ruleForm.fdcq2.djyy"></el-input> | ||
219 | </el-form-item> | ||
220 | </el-col> | ||
221 | </el-row> | ||
222 | <el-row> | ||
223 | <el-col :span="24"> | 164 | <el-col :span="24"> |
224 | <el-form-item label="附记:"> | 165 | <el-form-item label="附记:"> |
225 | <el-input v-model="ruleForm.fdcq2.fj"></el-input> | 166 | <el-input v-model="ruleForm.qlxx.fj"></el-input> |
226 | </el-form-item> | 167 | </el-form-item> |
227 | </el-col> | 168 | </el-col> |
228 | </el-row> | 169 | </el-row> |
229 | <div class="slxx_title title-block"> | 170 | <div class="slxx_title title-block"> |
230 | 土地用途 | ||
231 | <div class="triangle"></div> | ||
232 | </div> | ||
233 | <tdytTable | ||
234 | :tableData="ruleForm.tdxxList" | ||
235 | @upDateQlrxxList="upDateQlrxxList" | ||
236 | :viewtype="$route.query.viewtype" | ||
237 | :gyfs="ruleForm.qlxx.gyfs" | ||
238 | /> | ||
239 | <div class="slxx_title title-block"> | ||
240 | 权利人信息 | 171 | 权利人信息 |
241 | <div class="triangle"></div> | 172 | <div class="triangle"></div> |
242 | </div> | 173 | </div> |
243 | <el-row :gutter="10"> | 174 | <el-row :gutter="10"> |
244 | <el-col :span="12"> | 175 | <el-col :span="12"> |
245 | <el-form-item label="共有方式:"> | 176 | <el-form-item label="共有方式:"> |
246 | <el-radio-group | 177 | <el-radio-group v-model="ruleForm.qlxx.gyqk"> |
247 | :disabled="$route.query.viewtype == 0" | ||
248 | v-model="ruleForm.qlxx.gyqk" | ||
249 | > | ||
250 | <el-radio label="0">单独所有</el-radio> | 178 | <el-radio label="0">单独所有</el-radio> |
251 | <el-radio label="1">共同共有</el-radio> | 179 | <el-radio label="1">共同共有</el-radio> |
252 | <el-radio label="2">按份所有</el-radio> | 180 | <el-radio label="2">按份所有</el-radio> |
... | @@ -254,46 +182,28 @@ | ... | @@ -254,46 +182,28 @@ |
254 | </el-radio-group> | 182 | </el-radio-group> |
255 | </el-form-item> | 183 | </el-form-item> |
256 | </el-col> | 184 | </el-col> |
257 | <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'"> | ||
258 | <el-form-item label="是否分别持证:"> | ||
259 | <el-radio-group v-model="ruleForm.qlxx.sqfbcz"> | ||
260 | <el-radio :label=1>是</el-radio> | ||
261 | <el-radio :label=0>否</el-radio> | ||
262 | </el-radio-group> | ||
263 | </el-form-item> | ||
264 | </el-col> | ||
265 | <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'"> | ||
266 | <el-form-item label="持证人:"> | ||
267 | <el-select v-model="ruleForm.czr" placeholder="持证人"> | ||
268 | <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh"> | ||
269 | </el-option> | ||
270 | </el-select> | ||
271 | </el-form-item> | ||
272 | </el-col> | ||
273 | </el-row> | 185 | </el-row> |
274 | <qlrCommonTable | 186 | <qlrCommonTable |
275 | :tableData="ruleForm.qlrList" | 187 | :tableData="ruleForm.qlrData" |
276 | @upDateQlrxxList="upDateQlrxxList" | 188 | @upDateQlrxxList="upDateQlrxxList" |
277 | :key="key" | 189 | :key="key" |
278 | :viewtype="$route.query.viewtype" | ||
279 | :gyfs="ruleForm.qlxx.gyfs" | 190 | :gyfs="ruleForm.qlxx.gyfs" |
280 | /> | 191 | /> |
281 | 192 | ||
282 | <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> | 193 | <div> |
283 | <div class="slxx_title title-block"> | 194 | <div class="slxx_title title-block"> |
284 | 义务人信息 | 195 | 义务人信息 |
285 | <div class="triangle"></div> | 196 | <div class="triangle"></div> |
286 | </div> | 197 | </div> |
287 | <qlrCommonTable | 198 | <ywrCommonTable |
288 | v-if="ruleForm.ywrList" | 199 | v-if="ruleForm.ywrData" |
289 | :tableData="ruleForm.ywrList" | 200 | :tableData="ruleForm.ywrData" |
290 | :key="key" | 201 | :key="key" |
291 | @upDateQlrxxList="upDateYwrxxList" | 202 | @upDateQlrxxList="upDateYwrxxList" |
292 | :viewtype="$route.query.viewtype" | ||
293 | /> | 203 | /> |
294 | </div> | 204 | </div> |
295 | </div> | 205 | </div> |
296 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | 206 | <el-row class="btn"> |
297 | <el-form-item> | 207 | <el-form-item> |
298 | <el-button type="primary" @click="onSubmit">保存</el-button> | 208 | <el-button type="primary" @click="onSubmit">保存</el-button> |
299 | </el-form-item> | 209 | </el-form-item> |
... | @@ -303,12 +213,12 @@ | ... | @@ -303,12 +213,12 @@ |
303 | </template> | 213 | </template> |
304 | <script> | 214 | <script> |
305 | import { mapGetters } from "vuex"; | 215 | import { mapGetters } from "vuex"; |
306 | import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; | 216 | import { init, save } from "@/api/djbbl.js"; |
307 | import { init } from "@/api/djbbl.js"; | 217 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
308 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 218 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; |
309 | import tdytTable from "@/views/workflow/components/tdytTable"; | 219 | import tdytTable from "@/views/workflow/components/tdytTable"; |
310 | export default { | 220 | export default { |
311 | components: { qlrCommonTable,tdytTable }, | 221 | components: { qlrCommonTable, ywrCommonTable, tdytTable }, |
312 | computed: { | 222 | computed: { |
313 | ...mapGetters(["dictData", "flag"]), | 223 | ...mapGetters(["dictData", "flag"]), |
314 | }, | 224 | }, |
... | @@ -316,12 +226,22 @@ export default { | ... | @@ -316,12 +226,22 @@ export default { |
316 | return { | 226 | return { |
317 | //表单是否可操作 | 227 | //表单是否可操作 |
318 | propsParam: this.$attrs, | 228 | propsParam: this.$attrs, |
319 | ableOperation: true, | ||
320 | key: 0, | 229 | key: 0, |
321 | isShow: false, | 230 | isShow: false, |
322 | disabled: true, | 231 | disabled: true, |
323 | czrOptions: [], | 232 | czrOptions: [], |
324 | ruleForm: {}, | 233 | ruleForm: {}, |
234 | // 权属状态 | ||
235 | qsztlist: [ | ||
236 | { | ||
237 | dcode: "1", | ||
238 | dname: "现势", | ||
239 | }, | ||
240 | { | ||
241 | dcode: "2", | ||
242 | dname: "历史", | ||
243 | }, | ||
244 | ], | ||
325 | //传递参数\ | 245 | //传递参数\ |
326 | rules: {}, | 246 | rules: {}, |
327 | }; | 247 | }; |
... | @@ -332,35 +252,37 @@ export default { | ... | @@ -332,35 +252,37 @@ export default { |
332 | mounted() {}, | 252 | mounted() {}, |
333 | methods: { | 253 | methods: { |
334 | loadData() { | 254 | loadData() { |
255 | console.log("预告登记", this.propsParam); | ||
335 | init(this.propsParam.bsmRepair).then((res) => { | 256 | init(this.propsParam.bsmRepair).then((res) => { |
336 | if (res.code == 200) { | 257 | if (res.code == 200) { |
337 | |||
338 | this.ruleForm = res.result; | 258 | this.ruleForm = res.result; |
339 | console.log("this.ruleFormssssssssssssssssssssssssssssss",this.ruleForm); | 259 | console.log("this.ruleForm", this.ruleForm); |
340 | this.isShow = true; | 260 | this.isShow = true; |
341 | // this.tableData = res.result; | ||
342 | // if (this.tableData.length < datas.columns().emptycolNum) { | ||
343 | // this.emptycolNum = | ||
344 | // datas.columns().emptycolNum - this.tableData.length; | ||
345 | // } else { | ||
346 | // this.emptycolNum = 0; | ||
347 | // } | ||
348 | } | 261 | } |
349 | }); | 262 | }); |
350 | }, | 263 | }, |
264 | // 更新土地用途信息 | ||
265 | upDateTdytxxList(val) { | ||
266 | console.log("VAL", val); | ||
267 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
268 | this.key++; | ||
269 | }, | ||
351 | // 更新权利人信息 | 270 | // 更新权利人信息 |
352 | upDateQlrxxList(val) { | 271 | upDateQlrxxList(val) { |
353 | this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); | 272 | console.log("val", val); |
354 | this.czrOptions = this.ruleForm.qlrList; | 273 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); |
274 | console.log("this.ruleForm.qlrData", this.ruleForm.qlrData); | ||
275 | this.czrOptions = this.ruleForm.qlrData; | ||
355 | this.key++; | 276 | this.key++; |
356 | }, | 277 | }, |
357 | // 更新义务人信息 | 278 | // 更新义务人信息 |
358 | upDateYwrxxList(val) { | 279 | upDateYwrxxList(val) { |
359 | this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)); | 280 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); |
360 | this.key++; | 281 | this.key++; |
361 | }, | 282 | }, |
362 | onSubmit() { | 283 | onSubmit() { |
363 | if (this.ruleForm.qlrList.length == 0) { | 284 | console.log("this.ruleForm大信息", this.ruleForm); |
285 | if (this.ruleForm.qlrData.length == 0) { | ||
364 | this.$message({ | 286 | this.$message({ |
365 | showClose: true, | 287 | showClose: true, |
366 | message: "请确认权利人信息", | 288 | message: "请确认权利人信息", |
... | @@ -370,7 +292,7 @@ export default { | ... | @@ -370,7 +292,7 @@ export default { |
370 | } | 292 | } |
371 | 293 | ||
372 | if (this.ruleForm.qlxx.gyfs == "0") { | 294 | if (this.ruleForm.qlxx.gyfs == "0") { |
373 | if (this.ruleForm.qlrList.length > 1) { | 295 | if (this.ruleForm.qlrData.length > 1) { |
374 | this.$message({ | 296 | this.$message({ |
375 | showClose: true, | 297 | showClose: true, |
376 | message: "共有方式:单独所有,权利人只能是一个人", | 298 | message: "共有方式:单独所有,权利人只能是一个人", |
... | @@ -378,17 +300,17 @@ export default { | ... | @@ -378,17 +300,17 @@ export default { |
378 | }); | 300 | }); |
379 | return false; | 301 | return false; |
380 | } | 302 | } |
381 | this.ruleForm.qlrList[0].sfczr = "1"; | 303 | this.ruleForm.qlrData[0].sfczr = "1"; |
382 | } | 304 | } |
383 | if (this.ruleForm.qlxx.gyfs == "1") { | 305 | if (this.ruleForm.qlxx.gyfs == "1") { |
384 | //是否分别持证 | 306 | //是否分别持证 |
385 | if (this.ruleForm.qlxx.sqfbcz == "1") { | 307 | if (this.ruleForm.qlxx.sqfbcz == "1") { |
386 | //是 | 308 | //是 |
387 | this.ruleForm.qlrList.forEach((item, index) => { | 309 | this.ruleForm.qlrData.forEach((item, index) => { |
388 | item.sfczr = "1"; | 310 | item.sfczr = "1"; |
389 | }); | 311 | }); |
390 | } else { | 312 | } else { |
391 | this.ruleForm.qlrList.forEach((item, index) => { | 313 | this.ruleForm.qlrData.forEach((item, index) => { |
392 | if (item.zjh == this.ruleForm.czr) { | 314 | if (item.zjh == this.ruleForm.czr) { |
393 | item.sfczr = "1"; | 315 | item.sfczr = "1"; |
394 | } else { | 316 | } else { |
... | @@ -397,7 +319,7 @@ export default { | ... | @@ -397,7 +319,7 @@ export default { |
397 | }); | 319 | }); |
398 | } | 320 | } |
399 | } | 321 | } |
400 | saveData(this.ruleForm).then((res) => { | 322 | save(this.ruleForm).then((res) => { |
401 | if (res.code === 200) { | 323 | if (res.code === 200) { |
402 | this.$message({ | 324 | this.$message({ |
403 | showClose: true, | 325 | showClose: true, | ... | ... |
... | @@ -7,7 +7,6 @@ | ... | @@ -7,7 +7,6 @@ |
7 | export function getForm(tabName) { | 7 | export function getForm(tabName) { |
8 | let form; | 8 | let form; |
9 | switch (tabName) { | 9 | switch (tabName) { |
10 | |||
11 | case "zdjbxx": | 10 | case "zdjbxx": |
12 | form = require("@/views/registerBook/zdjbxx.vue"); | 11 | form = require("@/views/registerBook/zdjbxx.vue"); |
13 | break; | 12 | break; | ... | ... |
... | @@ -214,7 +214,7 @@ export default { | ... | @@ -214,7 +214,7 @@ export default { |
214 | }, | 214 | }, |
215 | //切换选项卡内容组件 | 215 | //切换选项卡内容组件 |
216 | getFromRouter(tabname) { | 216 | getFromRouter(tabname) { |
217 | console.log("tabname", tabname); | 217 | console.log("tabnameeeeeeeeeeeeeeeeee", tabname,this.tabList); |
218 | this.componentTag = getForm(tabname); | 218 | this.componentTag = getForm(tabname); |
219 | }, | 219 | }, |
220 | closefp() { | 220 | closefp() { | ... | ... |
... | @@ -415,6 +415,19 @@ class data extends filter { | ... | @@ -415,6 +415,19 @@ class data extends filter { |
415 | { | 415 | { |
416 | prop: "dybdclx", | 416 | prop: "dybdclx", |
417 | label: "抵押不动产类型", | 417 | label: "抵押不动产类型", |
418 | render: (h, scope) => { | ||
419 | return ( | ||
420 | <div> | ||
421 | <span v-show={scope.row.dybdclx == '1'}>土地</span> | ||
422 | <span v-show={scope.row.dybdclx == '2'}>土地和房屋</span> | ||
423 | <span v-show={scope.row.dybdclx == '3'}>林地和林木</span> | ||
424 | <span v-show={scope.row.dybdclx == '4'}>土地和在建建筑物</span> | ||
425 | <span v-show={scope.row.dybdclx == '5'}>海域</span> | ||
426 | <span v-show={scope.row.dybdclx == '6'}>海域和构筑物</span> | ||
427 | <span v-show={scope.row.dybdclx == '7'}>其它</span> | ||
428 | </div> | ||
429 | ) | ||
430 | } | ||
418 | }, | 431 | }, |
419 | { | 432 | { |
420 | prop: "djlxmc", | 433 | prop: "djlxmc", |
... | @@ -441,16 +454,8 @@ class data extends filter { | ... | @@ -441,16 +454,8 @@ class data extends filter { |
441 | label: "在建建筑物坐落", | 454 | label: "在建建筑物坐落", |
442 | }, | 455 | }, |
443 | { | 456 | { |
444 | prop: "dyfs", | 457 | prop: "dyfsmc", |
445 | label: "抵押方式", | 458 | label: "抵押方式", |
446 | render: (h, scope) => { | ||
447 | return ( | ||
448 | <div> | ||
449 | <span v-show={scope.row.dyfs == '1'}>一般抵押权</span> | ||
450 | <span v-show={scope.row.dyfs == '2'}>最高额抵押权</span> | ||
451 | </div> | ||
452 | ) | ||
453 | } | ||
454 | }, | 459 | }, |
455 | { | 460 | { |
456 | prop: "qlrmc", | 461 | prop: "qlrmc", | ... | ... |
... | @@ -19,8 +19,8 @@ | ... | @@ -19,8 +19,8 @@ |
19 | margin-top: 15px; | 19 | margin-top: 15px; |
20 | line-height: 24px; | 20 | line-height: 24px; |
21 | font-size: 18px;">根据《不动产登记暂行条例》和《不动产登记资料查询暂行办法》 | 21 | font-size: 18px;">根据《不动产登记暂行条例》和《不动产登记资料查询暂行办法》 |
22 | 有关规定,经线上查询不动产登记信息系统,权利人: 杜林 | 22 | 有关规定,经线上查询不动产登记信息系统,权利人: {{form.cxjgListp[0].qlrmc}} |
23 | ,证件号:612322197805120010,截止{{newDatez}} | 23 | ,证件号:{{form.cxjgListp[0].zjhm}},截止{{newDatez}} |
24 | ,名下不动产登记信息查询结果如下:</p> | 24 | ,名下不动产登记信息查询结果如下:</p> |
25 | <table style=" border-collapse: collapse; | 25 | <table style=" border-collapse: collapse; |
26 | width: 100%; | 26 | width: 100%; | ... | ... |
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-04-26 16:05:28 | ||
5 | --> | ||
6 | <template> | ||
7 | <div class='batchDel'> | ||
8 | <lb-table :column="columns" :data="formData.dataList" :maxHeight="460" :heightNumSetting="true" :pagination="false" | ||
9 | @selection-change="handleSelectionChange"> | ||
10 | </lb-table> | ||
11 | <div class="text-center"> | ||
12 | <el-button @click="$popupCacel">取消</el-button> | ||
13 | <el-button type="primary" @click="submitdelclick" plain>确定</el-button> | ||
14 | </div> | ||
15 | </div> | ||
16 | </template> | ||
17 | <script> | ||
18 | import { deleteFlow } from "@/api/ywbl.js" | ||
19 | import store from '@/store/index.js' | ||
20 | export default { | ||
21 | components: {}, | ||
22 | props: { | ||
23 | formData: { | ||
24 | type: Object, | ||
25 | default: {} | ||
26 | } | ||
27 | }, | ||
28 | data () { | ||
29 | return { | ||
30 | columns: [ | ||
31 | { | ||
32 | type: 'selection', | ||
33 | label: '全选' | ||
34 | }, | ||
35 | { | ||
36 | label: '序号', | ||
37 | type: 'index', | ||
38 | width: '50', | ||
39 | }, | ||
40 | { | ||
41 | prop: "bdcdyh", | ||
42 | label: "不动产单元号", | ||
43 | }, | ||
44 | { | ||
45 | prop: "zl", | ||
46 | label: "坐落", | ||
47 | }, | ||
48 | ], | ||
49 | dataList: [], | ||
50 | selectBdcdy: [], | ||
51 | } | ||
52 | }, | ||
53 | methods: { | ||
54 | // 批量删除确定按钮 | ||
55 | submitdelclick () { | ||
56 | var formdata = new FormData(); | ||
57 | formdata.append("bsmSldyList", this.selectBdcdy); | ||
58 | formdata.append("bsmSlsq", this.formData.bsmSlsq); | ||
59 | deleteFlow(formdata).then(res => { | ||
60 | if (res.code == 200) { | ||
61 | this.$popupCacel(); | ||
62 | store.dispatch('user/refreshPage', true); | ||
63 | this.$message.success("删除成功"); | ||
64 | } else { | ||
65 | this.$message.error(res.message) | ||
66 | } | ||
67 | }) | ||
68 | }, | ||
69 | // 批量删除勾选事件 | ||
70 | handleSelectionChange (e) { | ||
71 | this.selectBdcdy = []; | ||
72 | e.forEach((item, index) => { | ||
73 | this.selectBdcdy.push(item.bsmSldy) | ||
74 | }) | ||
75 | } | ||
76 | } | ||
77 | } | ||
78 | </script> | ||
79 | <style scoped lang='scss'> | ||
80 | </style> |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-06-25 10:33:16 | 4 | * @LastEditTime: 2023-06-30 14:32:40 |
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;"> |
8 | <!-- 表单部分 --> | 8 | <!-- 表单部分 --> |
9 | <el-tabs v-model="activeName" @tab-click="handleClick" v-if="headTabBdcqz.length >1"> | 9 | <el-tabs v-model="activeName" @tab-click="handleClick" v-if="headTabBdcqz.length >1"> |
10 | <el-tab-pane :label="item.qlr + '(' + item.bdcqzh + ')'" :name="item.bdcqzlx" | 10 | <el-tab-pane :label="item.qlr + (item.bdcqzh !== null ? '(' + item.bdcqzh + ')' : '')" :name="item.bsmBdcqz" |
11 | v-for="(item, index) in headTabBdcqz" :key="index"></el-tab-pane> | 11 | v-for="(item, index) in headTabBdcqz" :key="index"> |
12 | </el-tab-pane> | ||
12 | </el-tabs> | 13 | </el-tabs> |
13 | <div class="no-data" v-if="headTabBdcqz.length == 0">暂无数据</div> | 14 | <div class="no-data" v-if="headTabBdcqz.length == 0">暂无数据</div> |
14 | <canvas ref="zs" width="1000" v-show="activeName=='1'" height="700"></canvas> | 15 | <canvas ref="zs" width="1000" v-show="headTabBdcqz[0]&&headTabBdcqz[0].bdcqzlx==1" height="700"></canvas> |
15 | <canvas ref="zm" width="1180" v-show="activeName!='1'" height="780"></canvas> | 16 | <canvas ref="zm" width="1180" v-show="headTabBdcqz[0]&&headTabBdcqz[0].bdcqzlx!=1" height="780"></canvas> |
16 | </div> | 17 | </div> |
17 | </template> | 18 | </template> |
18 | 19 | ||
... | @@ -49,13 +50,14 @@ | ... | @@ -49,13 +50,14 @@ |
49 | ruleForm: { | 50 | ruleForm: { |
50 | bsmBdcqz: '', | 51 | bsmBdcqz: '', |
51 | szmc: '不动产权证书', | 52 | szmc: '不动产权证书', |
52 | bdcqzlx: '', | 53 | bsmBdcqz: '', |
53 | szzh: '', | 54 | szzh: '', |
54 | ysxlh: '', | 55 | ysxlh: '', |
55 | }, | 56 | }, |
56 | } | 57 | } |
57 | }, | 58 | }, |
58 | mounted () { | 59 | mounted () { |
60 | debugger | ||
59 | this.columns = datas.columns(); | 61 | this.columns = datas.columns(); |
60 | if (this.formData.bdcqz) { | 62 | if (this.formData.bdcqz) { |
61 | //从缮证进入 | 63 | //从缮证进入 |
... | @@ -77,10 +79,10 @@ | ... | @@ -77,10 +79,10 @@ |
77 | getSlsqBdcqzList({ bsmSlsq: this.formData.bsmSlsq }).then(res => { | 79 | getSlsqBdcqzList({ bsmSlsq: this.formData.bsmSlsq }).then(res => { |
78 | if (res.code == 200) { | 80 | if (res.code == 200) { |
79 | if (res.result && res.result.length > 0) { | 81 | if (res.result && res.result.length > 0) { |
80 | this.activeName = res.result[0].bdcqzlx | 82 | this.activeName = res.result[0].bsmBdcqz |
81 | this.bdcqz = res.result[0] | 83 | this.bdcqz = res.result[0] |
82 | this.headTabBdcqz = res.result | 84 | this.headTabBdcqz = res.result |
83 | if (this.activeName == 1) { | 85 | if (res.result[0].bdcqzlx == 1) { |
84 | this.drawTextOnImage() | 86 | this.drawTextOnImage() |
85 | } else { | 87 | } else { |
86 | this.drawTextzmImage() | 88 | this.drawTextzmImage() |
... | @@ -93,7 +95,7 @@ | ... | @@ -93,7 +95,7 @@ |
93 | //tab表头切换方法 | 95 | //tab表头切换方法 |
94 | handleClick (e) { | 96 | handleClick (e) { |
95 | this.bdcqz = this.headTabBdcqz[e.index - 0] | 97 | this.bdcqz = this.headTabBdcqz[e.index - 0] |
96 | this.activeName = this.headTabBdcqz.bdcqzlx | 98 | this.activeName = this.headTabBdcqz.bsmBdcqz |
97 | if (this.activeName == '1') { | 99 | if (this.activeName == '1') { |
98 | this.drawTextOnImage() | 100 | this.drawTextOnImage() |
99 | } else { | 101 | } else { |
... | @@ -157,6 +159,15 @@ | ... | @@ -157,6 +159,15 @@ |
157 | context.drawImage(image, 0, 0); | 159 | context.drawImage(image, 0, 0); |
158 | context.font = '18px 楷体'; | 160 | context.font = '18px 楷体'; |
159 | context.fillStyle = '#000000'; | 161 | context.fillStyle = '#000000'; |
162 | // ysxlh | ||
163 | context.fillText(this.bdcqz.ysxlh ? this.bdcqz.ysxlh : '', 280, 712); | ||
164 | // djsj | ||
165 | if (this.bdcqz.djsj) { | ||
166 | let djsjList = this.bdcqz.djsj.split(' ')[0].split('/') | ||
167 | context.fillText(djsjList[0] ? djsjList[0] : '', 327, 580); | ||
168 | context.fillText(djsjList[1] ? djsjList[1] : '', 393, 580); | ||
169 | context.fillText(djsjList[2] ? djsjList[2] : '', 443, 580); | ||
170 | } | ||
160 | context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 620, 125); | 171 | context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 620, 125); |
161 | context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 665, 125); | 172 | context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 665, 125); |
162 | context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 750, 125); | 173 | context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 750, 125); |
... | @@ -191,7 +202,7 @@ | ... | @@ -191,7 +202,7 @@ |
191 | }); | 202 | }); |
192 | }); | 203 | }); |
193 | // fj | 204 | // fj |
194 | context.fillText(this.bdcqz.fj ? this.bdcqz.fj : '', 775, 650); | 205 | context.fillText(this.bdcqz.fj ? this.bdcqz.fj : '', 775, 600); |
195 | }; | 206 | }; |
196 | 207 | ||
197 | image.src = this.bdczmSrc; | 208 | image.src = this.bdczmSrc; | ... | ... |
... | @@ -107,18 +107,20 @@ export default { | ... | @@ -107,18 +107,20 @@ export default { |
107 | switch (qllx) { | 107 | switch (qllx) { |
108 | case 'A04': | 108 | case 'A04': |
109 | this.showBatch = true; | 109 | this.showBatch = true; |
110 | this.batchButtonName = '批量单元信息'; | 110 | this.batchButtonName = '房屋批量操作'; |
111 | break; | 111 | break; |
112 | case 'B39': | 112 | case 'B39': |
113 | this.showBatch = true; | 113 | this.showBatch = true; |
114 | this.batchButtonName = '批量查封清单信息'; | 114 | this.batchButtonName = '查封批量操作'; |
115 | break; | 115 | break; |
116 | case 'A37': | 116 | case 'A37': |
117 | this.showBatch = true; | 117 | this.showBatch = true; |
118 | this.batchButtonName = '批量抵押'; | 118 | this.batchButtonName = '抵押批量操作'; |
119 | break; | ||
120 | case 'B37': | ||
121 | this.showBatch = true; | ||
122 | this.batchButtonName = '在建工程抵押批量操作'; | ||
119 | break; | 123 | break; |
120 | default: | ||
121 | this.batchButtonName = '批量操作'; | ||
122 | } | 124 | } |
123 | } | 125 | } |
124 | }, | 126 | }, | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: 权利人列表 | 2 | * @Description: |
3 | * @Autor: miaofang | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-06-14 10:40:48 | 4 | * @LastEditTime: 2023-05-17 10:40:48 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <lb-table :column="column" :maxHeight="200" :heightNumSetting="true" :pagination="false" :key="key" :data="tableData"> | 7 | <lb-table :column="column" :maxHeight="200" :heightNumSetting="true" :pagination="false" :key="key" :data="tableData"> |
... | @@ -49,29 +49,33 @@ | ... | @@ -49,29 +49,33 @@ |
49 | ) | 49 | ) |
50 | } | 50 | } |
51 | }, | 51 | }, |
52 | // { | ||
53 | // prop: "bdcdyh", | ||
54 | // label: "不动产单元号" | ||
55 | // }, | ||
52 | { | 56 | { |
53 | prop: "qllxmc", | 57 | prop: "zl", |
54 | label: "权利类型" | 58 | label: "坐落" |
55 | }, | 59 | }, |
56 | { | 60 | { |
57 | prop: "bdcqzh", | 61 | prop: "shbw", |
58 | label: "不动产权证号" | 62 | label: "室号部位" |
59 | }, | 63 | }, |
60 | { | 64 | { |
61 | prop: "qlrmc", | 65 | prop: "fwxzmc", |
62 | label: "权利人" | 66 | label: "房屋性质" |
63 | }, | 67 | }, |
64 | { | 68 | { |
65 | prop: "ytmc", | 69 | prop: "jzmj", |
66 | label: "用途" | 70 | label: "建筑面积" |
67 | }, | 71 | }, |
68 | { | 72 | { |
69 | prop: "mj", | 73 | prop: "showfwyt", |
70 | label: "面积" | 74 | label: "房屋用途" |
71 | }, | 75 | }, |
72 | { | 76 | { |
73 | prop: "zl", | 77 | prop: "showfwjg", |
74 | label: "坐落" | 78 | label: "房屋结构" |
75 | }, | 79 | }, |
76 | ], | 80 | ], |
77 | column: this.qlrCommonTable | 81 | column: this.qlrCommonTable |
... | @@ -80,14 +84,8 @@ | ... | @@ -80,14 +84,8 @@ |
80 | watch: { | 84 | watch: { |
81 | tableData: { | 85 | tableData: { |
82 | handler: function (val, oldVal) { | 86 | handler: function (val, oldVal) { |
83 | let that = this | 87 | let that = this; |
84 | if (val.length == 0 || !val) { | 88 | if (val.length == 0 || !val) { |
85 | that.tableDataList = _.cloneDeep([{ | ||
86 | sqrmc: '', | ||
87 | dlrzjlx: '', | ||
88 | dlrzjh: '', | ||
89 | fr: '' | ||
90 | }]) | ||
91 | } else { | 89 | } else { |
92 | that.tableDataList = _.cloneDeep(val) | 90 | that.tableDataList = _.cloneDeep(val) |
93 | } | 91 | } | ... | ... |
... | @@ -4,7 +4,7 @@ | ... | @@ -4,7 +4,7 @@ |
4 | * @LastEditTime: 2023-06-19 13:16:53 | 4 | * @LastEditTime: 2023-06-19 13:16:53 |
5 | */ | 5 | */ |
6 | //流程环节操作按钮 | 6 | //流程环节操作按钮 |
7 | export function getForm (tabName, djywbm) { | 7 | export function getForm(tabName, djywbm) { |
8 | let form; | 8 | let form; |
9 | switch (tabName) { | 9 | switch (tabName) { |
10 | case "tdsyqslxx": | 10 | case "tdsyqslxx": |
... | @@ -31,7 +31,6 @@ export function getForm (tabName, djywbm) { | ... | @@ -31,7 +31,6 @@ export function getForm (tabName, djywbm) { |
31 | case "nydsyqslxx100": | 31 | case "nydsyqslxx100": |
32 | form = require("@/views/ywbl/slsqxx/nydsyq/slxx.vue"); | 32 | form = require("@/views/ywbl/slsqxx/nydsyq/slxx.vue"); |
33 | break; | 33 | break; |
34 | |||
35 | case "nydsyqslxx200": | 34 | case "nydsyqslxx200": |
36 | form = require("@/views/ywbl/slsqxx/nydsyq/slxx200.vue"); | 35 | form = require("@/views/ywbl/slsqxx/nydsyq/slxx200.vue"); |
37 | break; | 36 | break; |
... | @@ -66,6 +65,9 @@ export function getForm (tabName, djywbm) { | ... | @@ -66,6 +65,9 @@ export function getForm (tabName, djywbm) { |
66 | case "zjgcdyqSlxx": | 65 | case "zjgcdyqSlxx": |
67 | form = require("@/views/ywbl/slsqxx/zjgcdy/slxx.vue"); | 66 | form = require("@/views/ywbl/slsqxx/zjgcdy/slxx.vue"); |
68 | break; | 67 | break; |
68 | case "batchZjgcdyq": | ||
69 | form = require("@/views/ywbl/slsqxx/zjgcdy/batchSlxx.vue"); | ||
70 | break; | ||
69 | case "cfdjxx": | 71 | case "cfdjxx": |
70 | form = require("@/views/registerBook/cfdj.vue"); | 72 | form = require("@/views/registerBook/cfdj.vue"); |
71 | break; | 73 | break; | ... | ... |
... | @@ -55,51 +55,51 @@ | ... | @@ -55,51 +55,51 @@ |
55 | <el-row :gutter="10"> | 55 | <el-row :gutter="10"> |
56 | <el-col :span="8"> | 56 | <el-col :span="8"> |
57 | <el-form-item label="权利人:"> | 57 | <el-form-item label="权利人:"> |
58 | <el-input disabled v-model="ruleForm.ssQlxx.qlrmc"></el-input> | 58 | <el-input disabled v-model="ruleForm.ztQlxx.qlrmc"></el-input> |
59 | </el-form-item> | 59 | </el-form-item> |
60 | </el-col> | 60 | </el-col> |
61 | <el-col :span="8"> | 61 | <el-col :span="8"> |
62 | <el-form-item label="证件号:"> | 62 | <el-form-item label="证件种类:"> |
63 | <el-input disabled v-model="ruleForm.ssQlxx.qlrzjhm"></el-input> | 63 | <el-input disabled v-model="ruleForm.ztQlxx.qlrzjzl"></el-input> |
64 | </el-form-item> | 64 | </el-form-item> |
65 | </el-col> | 65 | </el-col> |
66 | <el-col :span="8"> | 66 | <el-col :span="8"> |
67 | <el-form-item label="证件种类:"> | 67 | <el-form-item label="证件号:"> |
68 | <el-input disabled v-model="ruleForm.ssQlxx.qlrzjzl"></el-input> | 68 | <el-input disabled v-model="ruleForm.ztQlxx.qlrzjhm"></el-input> |
69 | </el-form-item> | 69 | </el-form-item> |
70 | </el-col> | 70 | </el-col> |
71 | </el-row> | 71 | </el-row> |
72 | <el-row :gutter="10"> | 72 | <el-row :gutter="10"> |
73 | <el-col :span="8"> | 73 | <el-col :span="8"> |
74 | <el-form-item label="权利类型:"> | 74 | <el-form-item label="权利类型:"> |
75 | <el-input disabled v-model="ruleForm.ssQlxx.qllxmc"></el-input> | 75 | <el-input disabled v-model="ruleForm.ztQlxx.qllxmc"></el-input> |
76 | </el-form-item> | 76 | </el-form-item> |
77 | </el-col> | 77 | </el-col> |
78 | <el-col :span="8"> | 78 | <el-col :span="8"> |
79 | <el-form-item label="不动产权证号:"> | 79 | <el-form-item label="不动产权证号:"> |
80 | <el-input disabled v-model="ruleForm.ssQlxx.bdcqzh"></el-input> | 80 | <el-input disabled v-model="ruleForm.ztQlxx.bdcqzh"></el-input> |
81 | </el-form-item> | 81 | </el-form-item> |
82 | </el-col> | 82 | </el-col> |
83 | <el-col :span="8"> | 83 | <el-col :span="8"> |
84 | <el-form-item label="坐落:"> | 84 | <el-form-item label="坐落:"> |
85 | <el-input disabled v-model="ruleForm.ssQlxx.zl"></el-input> | 85 | <el-input disabled v-model="ruleForm.ztQlxx.zl"></el-input> |
86 | </el-form-item> | 86 | </el-form-item> |
87 | </el-col> | 87 | </el-col> |
88 | </el-row> | 88 | </el-row> |
89 | <el-row :gutter="10"> | 89 | <el-row :gutter="10"> |
90 | <el-col :span="8"> | 90 | <el-col :span="8"> |
91 | <el-form-item label="不动产单元号:"> | 91 | <el-form-item label="不动产单元号:"> |
92 | <el-input disabled v-model="ruleForm.ssQlxx.bdcdyh"></el-input> | 92 | <el-input disabled v-model="ruleForm.ztQlxx.bdcdyh"></el-input> |
93 | </el-form-item> | 93 | </el-form-item> |
94 | </el-col> | 94 | </el-col> |
95 | <el-col :span="8"> | 95 | <el-col :span="8"> |
96 | <el-form-item label="面积:"> | 96 | <el-form-item label="面积:"> |
97 | <el-input disabled v-model="ruleForm.ssQlxx.mj"></el-input> | 97 | <el-input disabled v-model="ruleForm.ztQlxx.mj"></el-input> |
98 | </el-form-item> | 98 | </el-form-item> |
99 | </el-col> | 99 | </el-col> |
100 | <el-col :span="8"> | 100 | <el-col :span="8"> |
101 | <el-form-item label="用途:"> | 101 | <el-form-item label="用途:"> |
102 | <el-input disabled v-model="ruleForm.ssQlxx.ytmc"></el-input> | 102 | <el-input disabled v-model="ruleForm.ztQlxx.ytmc"></el-input> |
103 | </el-form-item> | 103 | </el-form-item> |
104 | </el-col> | 104 | </el-col> |
105 | </el-row> | 105 | </el-row> | ... | ... |
... | @@ -32,12 +32,12 @@ | ... | @@ -32,12 +32,12 @@ |
32 | <el-row :gutter="10" v-if="ruleForm.slsq"> | 32 | <el-row :gutter="10" v-if="ruleForm.slsq"> |
33 | <el-col :span="8"> | 33 | <el-col :span="8"> |
34 | <el-form-item label="权利类型:"> | 34 | <el-form-item label="权利类型:"> |
35 | <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input> | 35 | <el-input disabled v-model="ruleForm.sldyList[0].qllxmc"></el-input> |
36 | </el-form-item> | 36 | </el-form-item> |
37 | </el-col> | 37 | </el-col> |
38 | <el-col :span="8"> | 38 | <el-col :span="8"> |
39 | <el-form-item label="登记类型:"> | 39 | <el-form-item label="登记类型:"> |
40 | <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input> | 40 | <el-input disabled v-model="ruleForm.sldyList[0].djlxmc"></el-input> |
41 | </el-form-item> | 41 | </el-form-item> |
42 | </el-col> | 42 | </el-col> |
43 | <el-col :span="8"> | 43 | <el-col :span="8"> |
... | @@ -102,7 +102,7 @@ | ... | @@ -102,7 +102,7 @@ |
102 | <el-col :span="14"> | 102 | <el-col :span="14"> |
103 | <el-form-item label="共有方式:"> | 103 | <el-form-item label="共有方式:"> |
104 | <el-radio-group :disabled="$route.query.viewtype == 1" @change="showCZInfo" | 104 | <el-radio-group :disabled="$route.query.viewtype == 1" @change="showCZInfo" |
105 | v-model="ruleForm.sldy.gyfs"> | 105 | v-model="ruleForm.sldyList[0].gyfs"> |
106 | <el-radio label="0">单独所有</el-radio> | 106 | <el-radio label="0">单独所有</el-radio> |
107 | <el-radio label="1">共同共有</el-radio> | 107 | <el-radio label="1">共同共有</el-radio> |
108 | <el-radio label="2">按份所有</el-radio> | 108 | <el-radio label="2">按份所有</el-radio> |
... | @@ -114,13 +114,13 @@ | ... | @@ -114,13 +114,13 @@ |
114 | 114 | ||
115 | <el-col :span="5" v-show=" ruleForm.slsq.gyfs == '2'"> | 115 | <el-col :span="5" v-show=" ruleForm.slsq.gyfs == '2'"> |
116 | <el-form-item label="是否分别持证:"> | 116 | <el-form-item label="是否分别持证:"> |
117 | <el-radio-group v-model="ruleForm.sldy.sqfbcz"> | 117 | <el-radio-group v-model="ruleForm.sldyList[0].sqfbcz"> |
118 | <el-radio label="1">是</el-radio> | 118 | <el-radio label="1">是</el-radio> |
119 | <el-radio label="0">否</el-radio> | 119 | <el-radio label="0">否</el-radio> |
120 | </el-radio-group> | 120 | </el-radio-group> |
121 | </el-form-item> | 121 | </el-form-item> |
122 | </el-col> | 122 | </el-col> |
123 | <el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'"> | 123 | <el-col :span="5" v-show="ruleForm.sldyList[0].gyfs == '2'"> |
124 | <el-form-item label="持证人:"> | 124 | <el-form-item label="持证人:"> |
125 | <el-select v-model="ruleForm.slsq.czr" placeholder="持证人"> | 125 | <el-select v-model="ruleForm.slsq.czr" placeholder="持证人"> |
126 | <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> | 126 | <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> |
... | @@ -192,6 +192,7 @@ export default { | ... | @@ -192,6 +192,7 @@ export default { |
192 | ,qlxxList:[]//权利信息集合 | 192 | ,qlxxList:[]//权利信息集合 |
193 | ,sldyList:[]//受理不动产单元集合 | 193 | ,sldyList:[]//受理不动产单元集合 |
194 | ,slsq: {}//受理申请流程明细 | 194 | ,slsq: {}//受理申请流程明细 |
195 | ,flow: {}//受理申请流程明细 | ||
195 | ,sqrList:[]//申请人 | 196 | ,sqrList:[]//申请人 |
196 | ,ssQlxxList:[]//上手权利信息 | 197 | ,ssQlxxList:[]//上手权利信息 |
197 | ,user:{}//用户 | 198 | ,user:{}//用户 | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-05-25 08:59:02 | 4 | * @LastEditTime: 2023-06-29 11:13:35 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
... | @@ -131,6 +131,15 @@ | ... | @@ -131,6 +131,15 @@ |
131 | </el-form-item> | 131 | </el-form-item> |
132 | </el-col> | 132 | </el-col> |
133 | 133 | ||
134 | <el-col :span="8"> | ||
135 | <el-form-item label="下拉表格测试:"> | ||
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> | ||
138 | <el-table-column prop="user" label="姓名"></el-table-column> | ||
139 | </select-table> | ||
140 | </el-form-item> | ||
141 | </el-col> | ||
142 | |||
134 | </el-row> | 143 | </el-row> |
135 | 144 | ||
136 | <div class="slxx_title title-block"> | 145 | <div class="slxx_title title-block"> |
... | @@ -203,7 +212,9 @@ | ... | @@ -203,7 +212,9 @@ |
203 | import { mapGetters } from "vuex" | 212 | import { mapGetters } from "vuex" |
204 | import { Init, saveData } from "@/api/workflow/tdsyqFlow.js" | 213 | import { Init, saveData } from "@/api/workflow/tdsyqFlow.js" |
205 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable" | 214 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable" |
215 | import selectTable from '@/components/selectTable/index.vue' | ||
206 | export default { | 216 | export default { |
217 | components: { qlrCommonTable, selectTable }, | ||
207 | mounted () { | 218 | mounted () { |
208 | this.ableOperation = this.$parent.currentSelectTab.ableOperation | 219 | this.ableOperation = this.$parent.currentSelectTab.ableOperation |
209 | this.propsParam = this.$attrs; | 220 | this.propsParam = this.$attrs; |
... | @@ -222,12 +233,22 @@ | ... | @@ -222,12 +233,22 @@ |
222 | }) | 233 | }) |
223 | }) | 234 | }) |
224 | }, | 235 | }, |
225 | components: { qlrCommonTable }, | 236 | |
226 | computed: { | 237 | computed: { |
227 | ...mapGetters(["dictData", "flag"]) | 238 | ...mapGetters(["dictData", "flag"]) |
228 | }, | 239 | }, |
229 | data () { | 240 | data () { |
230 | return { | 241 | return { |
242 | value2: { | ||
243 | id: "520000198407304275", | ||
244 | user: "史平" | ||
245 | }, | ||
246 | props: { | ||
247 | label: 'user', | ||
248 | value: 'id', | ||
249 | keyword: "keyword" | ||
250 | }, | ||
251 | |||
231 | //表单是否可操作 | 252 | //表单是否可操作 |
232 | ableOperation: true, | 253 | ableOperation: true, |
233 | key: 0, | 254 | key: 0, |
... | @@ -241,6 +262,7 @@ | ... | @@ -241,6 +262,7 @@ |
241 | } | 262 | } |
242 | }, | 263 | }, |
243 | methods: { | 264 | methods: { |
265 | change () { }, | ||
244 | // 更新权利人信息 | 266 | // 更新权利人信息 |
245 | upDateQlrxxList (val) { | 267 | upDateQlrxxList (val) { |
246 | this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)) | 268 | this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)) | ... | ... |
src/views/ywbl/slsqxx/zjgcdy/batchSlxx.vue
0 → 100644
1 | <template> | ||
2 | <!-- 受理信息 --> | ||
3 | <div class="slxx"> | ||
4 | <el-form class="loadingtext" :label-position="flag ? 'top' : ''" | ||
5 | :inline="flag" label-width="140px"> | ||
6 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | ||
7 | <div class="slxx_title title-block"> | ||
8 | 受理信息 | ||
9 | <div class="triangle"></div> | ||
10 | </div> | ||
11 | <el-row :gutter="10" v-if="ruleForm.flow"> | ||
12 | <el-col :span="8"> | ||
13 | <el-form-item label="业务号:"> | ||
14 | <el-input disabled v-model="ruleForm.flow.ywh"></el-input> | ||
15 | </el-form-item> | ||
16 | </el-col> | ||
17 | <el-col :span="8"> | ||
18 | <el-form-item label="受理人员:"> | ||
19 | <el-input disabled v-model="ruleForm.slsq.slry"></el-input> | ||
20 | </el-form-item> | ||
21 | </el-col> | ||
22 | <el-col :span="8"> | ||
23 | <el-form-item label="受理时间:"> | ||
24 | <el-input disabled v-model="ruleForm.slsq.slsj"></el-input> | ||
25 | </el-form-item> | ||
26 | </el-col> | ||
27 | </el-row> | ||
28 | <el-row :gutter="10" v-if="ruleForm.sldyList"> | ||
29 | <el-col :span="8"> | ||
30 | <el-form-item label="权利类型:"> | ||
31 | <el-input disabled v-model="ruleForm.sldyList[0].qllxmc"></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.sldyList[0].djlxmc"></el-input> | ||
37 | </el-form-item> | ||
38 | </el-col> | ||
39 | <el-col :span="8"> | ||
40 | <el-form-item label="登记情形:"> | ||
41 | <el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input> | ||
42 | </el-form-item> | ||
43 | </el-col> | ||
44 | </el-row> | ||
45 | <div class="slxx_title title-block"> | ||
46 | 抵押户信息列表信息({{ruleForm.hlist.length}} 户) | ||
47 | <div class="triangle"></div> | ||
48 | </div> | ||
49 | <qjhTable :tableData="ruleForm.hlist" /> | ||
50 | <div class="slxx_title title-block"> | ||
51 | 抵押信息 | ||
52 | <div class="triangle"></div> | ||
53 | </div> | ||
54 | <el-row :gutter="10"> | ||
55 | <el-col :span="8"> | ||
56 | <el-form-item label="抵押方式:"> | ||
57 | <!-- <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input> --> | ||
58 | <el-radio-group disabled v-model="ruleForm.diyaqList[0].dyfs"> | ||
59 | <el-radio label="1">一般抵押</el-radio> | ||
60 | <el-radio label="2">最高额抵押</el-radio> | ||
61 | </el-radio-group> | ||
62 | </el-form-item> | ||
63 | </el-col> | ||
64 | <el-col :span="8"> | ||
65 | <el-form-item label="抵押金额类型:"> | ||
66 | <el-radio-group v-model="ruleForm.diyaqList[0].dyjelx"> | ||
67 | <el-radio label="0">独立抵押</el-radio> | ||
68 | <el-radio label="1">整体抵押</el-radio> | ||
69 | </el-radio-group> | ||
70 | </el-form-item> | ||
71 | </el-col> | ||
72 | <el-col :span="8"> | ||
73 | <el-form-item label="是否存在禁止或者限制转让抵押不动产的约定:" label-width="350px"> | ||
74 | <el-radio-group v-model="ruleForm.diyaqList[0].sfczjzhxz"> | ||
75 | <el-radio label="1">启用</el-radio> | ||
76 | <el-radio label="0">禁用</el-radio> | ||
77 | </el-radio-group> | ||
78 | </el-form-item> | ||
79 | </el-col> | ||
80 | </el-row> | ||
81 | |||
82 | <el-row :gutter="10"> | ||
83 | <el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 1"> | ||
84 | <el-form-item label="被担保主债权数额:"> | ||
85 | <el-input v-model="ruleForm.diyaqList[0].bdbzzqse"></el-input> | ||
86 | <el-select v-model="ruleForm.diyaqList[0].jedw" :disabled="$route.query.viewtype == '1'"> | ||
87 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
88 | </el-option> | ||
89 | </el-select> | ||
90 | </el-form-item> | ||
91 | </el-col> | ||
92 | |||
93 | <el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 2"> | ||
94 | <el-form-item label="最高债权额:"> | ||
95 | <el-input v-model="ruleForm.diyaqList[0].zgzqse"></el-input> | ||
96 | <el-select v-model="ruleForm.diyaqList[0].jedw" :disabled="$route.query.viewtype == '1'"> | ||
97 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
98 | </el-option> | ||
99 | </el-select> | ||
100 | </el-form-item> | ||
101 | </el-col> | ||
102 | |||
103 | <el-col :span="8"> | ||
104 | <el-form-item label="债务履行起始时间:"> | ||
105 | <el-date-picker v-model="ruleForm.diyaqList[0].zwlxqssj" type="date"> | ||
106 | </el-date-picker> | ||
107 | </el-form-item> | ||
108 | </el-col> | ||
109 | <el-col :span="8"> | ||
110 | <el-form-item label="债务履行结束时间:"> | ||
111 | <el-date-picker v-model="ruleForm.diyaqList[0].zwlxjssj" type="date"> | ||
112 | </el-date-picker> | ||
113 | </el-form-item> | ||
114 | </el-col> | ||
115 | </el-row> | ||
116 | |||
117 | <el-row> | ||
118 | <el-col :span="24"> | ||
119 | <el-form-item label="担保范围:"> | ||
120 | <el-input v-model="ruleForm.diyaqList[0].dbfw" | ||
121 | :disabled="$route.query.viewtype == 1 || ruleForm.sldyList[0].djlx == '300'"></el-input> | ||
122 | </el-form-item> | ||
123 | </el-col> | ||
124 | </el-row> | ||
125 | <el-row> | ||
126 | <el-col :span="24"> | ||
127 | <el-form-item label="最高债权确定事实和数额:"> | ||
128 | <el-input v-model="ruleForm.diyaqList[0].zgzqqdss"></el-input> | ||
129 | </el-form-item> | ||
130 | </el-col> | ||
131 | </el-row> | ||
132 | <el-row> | ||
133 | <el-col> | ||
134 | <el-form-item label="附记:" prop="fj"> | ||
135 | <el-input type="textarea" v-model="ruleForm.diyaqList[0].fj" :disabled="$route.query.viewtype == 1"></el-input> | ||
136 | </el-form-item> | ||
137 | </el-col> | ||
138 | </el-row> | ||
139 | |||
140 | <div class="slxx_title title-block"> | ||
141 | 抵押权人信息 | ||
142 | <div class="triangle"></div> | ||
143 | </div> | ||
144 | <el-row :gutter="10"> | ||
145 | <el-col :span="14"> | ||
146 | <el-form-item label="共有方式:"> | ||
147 | <el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.sldyList[0].gyfs"> | ||
148 | <el-radio label="0">单独所有</el-radio> | ||
149 | <el-radio label="1">共同共有</el-radio> | ||
150 | <el-radio label="2">按份所有</el-radio> | ||
151 | <el-radio label="3">其它共有</el-radio> | ||
152 | </el-radio-group> | ||
153 | </el-form-item> | ||
154 | </el-col> | ||
155 | <el-col :span="5" v-show="ruleForm.sldyList[0].gyfs == '2'"> | ||
156 | <el-form-item label="是否分别持证:"> | ||
157 | <el-radio-group v-model="ruleForm.sldyList[0].sqfbcz"> | ||
158 | <el-radio label="1">是</el-radio> | ||
159 | <el-radio label="0">否</el-radio> | ||
160 | </el-radio-group> | ||
161 | </el-form-item> | ||
162 | </el-col> | ||
163 | <el-col :span="5" v-show="ruleForm.sldyList[0].gyfs == '2'"> | ||
164 | <el-form-item label="持证人:"> | ||
165 | <el-select v-model="ruleForm.czr" placeholder="持证人"> | ||
166 | <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> | ||
167 | </el-option> | ||
168 | </el-select> | ||
169 | </el-form-item> | ||
170 | </el-col> | ||
171 | </el-row> | ||
172 | <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" | ||
173 | :viewtype="$route.query.viewtype" :gyfs="ruleForm.sldyList[0].gyfs" /> | ||
174 | <div class="slxx_title title-block"> | ||
175 | 抵押人信息 | ||
176 | <div class="triangle"></div> | ||
177 | </div> | ||
178 | <qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList" | ||
179 | :viewtype="$route.query.viewtype" /> | ||
180 | |||
181 | <div class="slxx_title title-block"> | ||
182 | 登记原因 | ||
183 | <div class="triangle"></div> | ||
184 | </div> | ||
185 | <el-row :gutter="10"> | ||
186 | <el-col> | ||
187 | <el-form-item v-if="ruleForm.sldyList[0].djlx == '400'" label="注销抵押原因:" prop="djyy"> | ||
188 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1" | ||
189 | v-model="ruleForm.diyaqList[0].zxdyyy"> | ||
190 | </el-input> | ||
191 | </el-form-item> | ||
192 | <el-form-item v-else label="登记原因:" prop="djyy"> | ||
193 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1" | ||
194 | v-model="ruleForm.diyaqList[0].djyy"> | ||
195 | </el-input> | ||
196 | </el-form-item> | ||
197 | </el-col> | ||
198 | </el-row> | ||
199 | |||
200 | </div> | ||
201 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | ||
202 | <el-form-item> | ||
203 | <el-button type="primary" @click="onSubmitClick()">保存</el-button> | ||
204 | </el-form-item> | ||
205 | </el-row> | ||
206 | </el-form> | ||
207 | </div> | ||
208 | </template> | ||
209 | <script> | ||
210 | import qjhTable from "@/views/workflow/components/qjhTable"; | ||
211 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | ||
212 | import { bacthInit, saveBatchData } from "@/api/workflow/zjgcdyFlow.js"; | ||
213 | import { mapGetters } from "vuex"; | ||
214 | export default { | ||
215 | created () { | ||
216 | this.ableOperation = this.$parent.currentSelectTab.ableOperation | ||
217 | this.propsParam = this.$attrs; | ||
218 | var formdata = new FormData(); | ||
219 | |||
220 | this.$startLoading(); | ||
221 | formdata.append("bsmSlsq", this.$route.query.bsmSlsq); | ||
222 | formdata.append("djlx", this.propsParam.djlx); | ||
223 | formdata.append("isEdit", this.ableOperation); | ||
224 | bacthInit(formdata).then((res) => { | ||
225 | if (res.code === 200 && res.result) { | ||
226 | this.ruleForm = res.result; | ||
227 | this.$endLoading(); | ||
228 | } | ||
229 | }) | ||
230 | }, | ||
231 | components: { qlrCommonTable,qjhTable }, | ||
232 | computed: { | ||
233 | ...mapGetters(["dictData", "flag"]), | ||
234 | }, | ||
235 | data () { | ||
236 | return { | ||
237 | //表单是否可操作 | ||
238 | ableOperation: true, | ||
239 | disabled: true, | ||
240 | czrOptions: [], | ||
241 | ruleForm: {}, | ||
242 | //传递参数 | ||
243 | propsParam: {}, | ||
244 | rules: {}, | ||
245 | tableData: [] | ||
246 | }; | ||
247 | }, | ||
248 | methods: { | ||
249 | onSubmitClick () { | ||
250 | saveBatchData(this.ruleForm, this.propsParam.djlx).then((res) => { | ||
251 | if (res.code === 200) { | ||
252 | this.$message({ | ||
253 | showClose: true, | ||
254 | message: "保存成功!", | ||
255 | type: "success", | ||
256 | }); | ||
257 | this.$store.dispatch('user/refreshPage', true); | ||
258 | } else { | ||
259 | this.$message({ | ||
260 | showClose: true, | ||
261 | message: res.message, | ||
262 | type: "error", | ||
263 | }); | ||
264 | } | ||
265 | }); | ||
266 | }, | ||
267 | |||
268 | // 更新权利人信息 | ||
269 | upDateQlrxxList (val) { | ||
270 | if (!_.isEqual(val, this.ruleForm.qlrList)) { | ||
271 | this.ruleForm.qlrList = _.cloneDeep(val); | ||
272 | } | ||
273 | }, | ||
274 | // 更新义务人信息 | ||
275 | upDateYwrxxList (val) { | ||
276 | if (!_.isEqual(val, this.ruleForm.ywrList)) { | ||
277 | this.ruleForm.ywrList = _.cloneDeep(val); | ||
278 | } | ||
279 | } | ||
280 | } | ||
281 | }; | ||
282 | </script> | ||
283 | <style scoped lang='scss'> | ||
284 | @import "~@/styles/public.scss"; | ||
285 | @import "~@/styles/slxx/slxx.scss"; | ||
286 | </style> |
... | @@ -43,41 +43,40 @@ | ... | @@ -43,41 +43,40 @@ |
43 | </el-col> | 43 | </el-col> |
44 | </el-row> | 44 | </el-row> |
45 | <div class="slxx_title title-block"> | 45 | <div class="slxx_title title-block"> |
46 | 抵押房屋信息情况 | 46 | 抵押户信息情况 |
47 | <div class="triangle"></div> | 47 | <div class="triangle"></div> |
48 | </div> | 48 | </div> |
49 | |||
50 | <el-row :gutter="10"> | 49 | <el-row :gutter="10"> |
51 | <el-col :span="8"> | 50 | <el-col :span="8"> |
52 | <el-form-item label="权利人:"> | 51 | <el-form-item label="房屋用途:"> |
53 | <el-input disabled v-model="ruleForm.qlxx.qlrmc"></el-input> | 52 | <el-input disabled v-model="ruleForm.qjh.showfwyt"></el-input> |
54 | </el-form-item> | 53 | </el-form-item> |
55 | </el-col> | 54 | </el-col> |
56 | <el-col :span="8"> | 55 | <el-col :span="8"> |
57 | <el-form-item label="证件号:"> | 56 | <el-form-item label="房屋性质:"> |
58 | <el-input disabled v-model="ruleForm.qlxx.qlrzjhm"></el-input> | 57 | <el-input disabled v-model="ruleForm.qjh.fwxzmc"></el-input> |
59 | </el-form-item> | 58 | </el-form-item> |
60 | </el-col> | 59 | </el-col> |
61 | <el-col :span="8"> | 60 | <el-col :span="8"> |
62 | <el-form-item label="证件种类:"> | 61 | <el-form-item label="房屋结构:"> |
63 | <el-input disabled v-model="ruleForm.qlxx.qlrzjzl"></el-input> | 62 | <el-input disabled v-model="ruleForm.qjh.showfwjg"></el-input> |
64 | </el-form-item> | 63 | </el-form-item> |
65 | </el-col> | 64 | </el-col> |
66 | </el-row> | 65 | </el-row> |
67 | <el-row :gutter="10"> | 66 | <el-row :gutter="10"> |
68 | <el-col :span="8"> | 67 | <el-col :span="8"> |
69 | <el-form-item label="权利类型:"> | 68 | <el-form-item label="建筑面积:"> |
70 | <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input> | 69 | <el-input disabled v-model="ruleForm.qjh.jzmj"></el-input> |
71 | </el-form-item> | 70 | </el-form-item> |
72 | </el-col> | 71 | </el-col> |
73 | <el-col :span="8"> | 72 | <el-col :span="8"> |
74 | <el-form-item label="不动产权证号:"> | 73 | <el-form-item label="套内建筑面积:"> |
75 | <el-input disabled v-model="ruleForm.qlxx.bdcqzh"></el-input> | 74 | <el-input disabled v-model="ruleForm.qjh.tnjzmj"></el-input> |
76 | </el-form-item> | 75 | </el-form-item> |
77 | </el-col> | 76 | </el-col> |
78 | <el-col :span="8"> | 77 | <el-col :span="8"> |
79 | <el-form-item label="坐落:"> | 78 | <el-form-item label="分摊建筑面积:"> |
80 | <el-input disabled v-model="ruleForm.qlxx.zl"></el-input> | 79 | <el-input disabled v-model="ruleForm.qjh.ftjzmj"></el-input> |
81 | </el-form-item> | 80 | </el-form-item> |
82 | </el-col> | 81 | </el-col> |
83 | </el-row> | 82 | </el-row> |
... | @@ -88,13 +87,13 @@ | ... | @@ -88,13 +87,13 @@ |
88 | </el-form-item> | 87 | </el-form-item> |
89 | </el-col> | 88 | </el-col> |
90 | <el-col :span="8"> | 89 | <el-col :span="8"> |
91 | <el-form-item label="面积:"> | 90 | <el-form-item label="室号部位:"> |
92 | <el-input disabled v-model="ruleForm.qlxx.mj"></el-input> | 91 | <el-input disabled v-model="ruleForm.qjh.shbw"></el-input> |
93 | </el-form-item> | 92 | </el-form-item> |
94 | </el-col> | 93 | </el-col> |
95 | <el-col :span="8"> | 94 | <el-col :span="8"> |
96 | <el-form-item label="用途:"> | 95 | <el-form-item label="坐落:"> |
97 | <el-input disabled v-model="ruleForm.qlxx.ytmc"></el-input> | 96 | <el-input disabled v-model="ruleForm.qlxx.zl"></el-input> |
98 | </el-form-item> | 97 | </el-form-item> |
99 | </el-col> | 98 | </el-col> |
100 | </el-row> | 99 | </el-row> |
... | @@ -128,12 +127,20 @@ | ... | @@ -128,12 +127,20 @@ |
128 | <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1"> | 127 | <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1"> |
129 | <el-form-item label="被担保主债权数额:"> | 128 | <el-form-item label="被担保主债权数额:"> |
130 | <el-input v-model="ruleForm.diyaq.bdbzzqse"></el-input> | 129 | <el-input v-model="ruleForm.diyaq.bdbzzqse"></el-input> |
130 | <el-select v-model="ruleForm.diyaq.jedw" :disabled="$route.query.viewtype == '1'"> | ||
131 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
132 | </el-option> | ||
133 | </el-select> | ||
131 | </el-form-item> | 134 | </el-form-item> |
132 | </el-col> | 135 | </el-col> |
133 | 136 | ||
134 | <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 2"> | 137 | <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 2"> |
135 | <el-form-item label="最高债权额:"> | 138 | <el-form-item label="最高债权额:"> |
136 | <el-input v-model="ruleForm.diyaq.zgzqse"></el-input> | 139 | <el-input v-model="ruleForm.diyaq.zgzqse"></el-input> |
140 | <el-select v-model="ruleForm.diyaq.jedw" :disabled="$route.query.viewtype == '1'"> | ||
141 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
142 | </el-option> | ||
143 | </el-select> | ||
137 | </el-form-item> | 144 | </el-form-item> |
138 | </el-col> | 145 | </el-col> |
139 | 146 | ||
... | @@ -254,14 +261,13 @@ | ... | @@ -254,14 +261,13 @@ |
254 | var formdata = new FormData(); | 261 | var formdata = new FormData(); |
255 | this.$startLoading(); | 262 | this.$startLoading(); |
256 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 263 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
257 | formdata.append("bsmSlsq", this.$route.query.bsmSlsq); | ||
258 | formdata.append("djlx", this.propsParam.djlx); | 264 | formdata.append("djlx", this.propsParam.djlx); |
259 | formdata.append("isEdit", this.ableOperation); | 265 | formdata.append("isEdit", this.ableOperation); |
260 | Init(formdata).then((res) => { | 266 | Init(formdata).then((res) => { |
261 | if (res.code === 200 && res.result) { | 267 | if (res.code === 200 && res.result) { |
262 | this.ruleForm = res.result; | 268 | this.ruleForm = res.result; |
263 | this.$endLoading(); | 269 | this.$endLoading(); |
264 | this.ruleForm.diyaq.sfczjzhxz = "0"; | 270 | //this.ruleForm.diyaq.sfczjzhxz = "0"; |
265 | } | 271 | } |
266 | }) | 272 | }) |
267 | }, | 273 | }, |
... | @@ -275,12 +281,7 @@ | ... | @@ -275,12 +281,7 @@ |
275 | ableOperation: true, | 281 | ableOperation: true, |
276 | disabled: true, | 282 | disabled: true, |
277 | czrOptions: [], | 283 | czrOptions: [], |
278 | ruleForm: { | 284 | ruleForm: {}, |
279 | slywxx: {}, | ||
280 | qlxxold: {}, | ||
281 | diyaq: {}, | ||
282 | gyfs: "", | ||
283 | }, | ||
284 | //传递参数 | 285 | //传递参数 |
285 | propsParam: {}, | 286 | propsParam: {}, |
286 | rules: {}, | 287 | rules: {}, | ... | ... |
... | @@ -192,6 +192,19 @@ | ... | @@ -192,6 +192,19 @@ |
192 | this.queryClick(); | 192 | this.queryClick(); |
193 | }, | 193 | }, |
194 | ywhClick (item) { | 194 | ywhClick (item) { |
195 | //有任务权限 | ||
196 | if(item.sjlx=="3"){ | ||
197 | const { href } = this.$router.resolve( | ||
198 | "/djbworkFrame?bsmSlsq=" + | ||
199 | item.bsmSlsq + | ||
200 | "&bestepid=" + | ||
201 | item.bestepid + | ||
202 | "&bsmBusiness=" + | ||
203 | "&sqywbm=" + | ||
204 | item.djywbm | ||
205 | ); | ||
206 | window.open(href, `urlname${item.bsmSlsq}`); | ||
207 | }else{ | ||
195 | const { href } = this.$router.resolve( | 208 | const { href } = this.$router.resolve( |
196 | "/workFrameView?bsmSlsq=" + | 209 | "/workFrameView?bsmSlsq=" + |
197 | item.bsmSlsq + | 210 | item.bsmSlsq + |
... | @@ -201,6 +214,9 @@ | ... | @@ -201,6 +214,9 @@ |
201 | "&viewtype=1" | 214 | "&viewtype=1" |
202 | ); | 215 | ); |
203 | window.open(href, `urlname${item.bsmSlsq}`); | 216 | window.open(href, `urlname${item.bsmSlsq}`); |
217 | } | ||
218 | |||
219 | |||
204 | }, | 220 | }, |
205 | }, | 221 | }, |
206 | }; | 222 | }; | ... | ... |
-
Please register or sign in to post a comment