Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
454fff5c by xiaomiao
Options

--no commit message

2 parents a882260c 35140902
Inline Side-by-side
Showing 29 changed files with 3691 additions and 3509 deletions
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:41:20 4 * @LastEditTime: 2023-08-01 17:33:26
5 --> 5 -->
6 <template> 6 <template>
7 <div> 7 <div>
...@@ -11,303 +11,301 @@ ...@@ -11,303 +11,301 @@
11 :key="key" 11 :key="key"
12 :heightNumSetting="true" 12 :heightNumSetting="true"
13 :minHeight="150" 13 :minHeight="150"
14 :data="tableDataList" 14 :data="tableDataList">
15 >
16 </lb-table> 15 </lb-table>
17 <addQlr 16 <addQlr
18 v-model="dialog" 17 v-model="dialog"
19 :details="details" 18 :details="details"
20 :showButton="showButton" 19 :showButton="showButton"
21 @updateDetail="handleupdateDetail" 20 @updateDetail="handleupdateDetail" />
22 />
23 </div> 21 </div>
24 </template> 22 </template>
25 <script> 23 <script>
26 import addQlr from "./dialog/addQlr.vue"; 24 import addQlr from "./dialog/addQlr.vue";
27 import { mapGetters } from "vuex"; 25 import { mapGetters } from "vuex";
28 export default { 26 export default {
29 components: { 27 components: {
30 addQlr, 28 addQlr,
31 },
32 computed: {
33 ...mapGetters(["dictData"]),
34 },
35 props: {
36 tableData: {
37 type: Array,
38 default: function () {
39 return [];
40 },
41 }, 29 },
42 ableOperation: { 30 computed: {
43 type: Boolean, 31 ...mapGetters(["dictData"]),
44 default: false,
45 }, 32 },
46 gyfs: { 33 props: {
47 type: String, 34 tableData: {
48 default: "1", 35 type: Array,
36 default: function () {
37 return [];
38 },
39 },
40 ableOperation: {
41 type: Boolean,
42 default: false,
43 },
44 gyfs: {
45 type: String,
46 default: "1",
47 },
49 }, 48 },
50 }, 49 data () {
51 data() { 50 return {
52 return { 51 key: 0,
53 key: 0, 52 dataIndex: 0,
54 dataIndex: 0, 53 dialog: false,
55 dialog: false, 54 isaddupdate: false,
56 isaddupdate: false, 55 showButton: this.ableOperation,
57 showButton: this.ableOperation, 56 details: {},
58 details: {}, 57 tableDataList: [],
59 tableDataList: [], 58 InformationTable: [
60 InformationTable: [ 59 {
61 { 60 width: "50",
62 width: "50", 61 renderHeader: (h, scope) => {
63 renderHeader: (h, scope) => { 62 return (
64 return ( 63 <div>
65 <div> 64 {" "}
66 {" "} 65 {!this.ableOperation ? (
67 {!this.ableOperation ? ( 66 "序号"
68 "序号" 67 ) : (
69 ) : ( 68 <i
70 <i 69 class="el-icon-plus pointer"
71 class="el-icon-plus pointer" 70 onClick={() => {
72 onClick={() => { 71 this.addClick();
73 this.addClick(); 72 }}
74 }} 73 ></i>
75 ></i> 74 )}
76 )} 75 </div>
77 </div> 76 );
78 ); 77 },
78 render: (h, scope) => {
79 return (
80 <div>
81 {!this.ableOperation ? (
82 <span>{scope.$index + 1}</span>
83 ) : (
84 <i
85 class="el-icon-minus pointer"
86 onClick={() => {
87 this.deleClick(scope.$index, scope.row);
88 }}
89 ></i>
90 )}
91 </div>
92 );
93 },
79 }, 94 },
80 render: (h, scope) => { 95 {
81 return ( 96 label: "身份证读卡器",
82 <div> 97 align: "center",
83 {!this.ableOperation ? ( 98 render: (h, scope) => {
84 <span>{scope.$index + 1}</span> 99 return (
85 ) : ( 100 <el-button
86 <i 101 type="text"
87 class="el-icon-minus pointer" 102 icon="el-icon-tickets"
88 onClick={() => { 103 disabled={!this.ableOperation}
89 this.deleClick(scope.$index, scope.row); 104 onClick={() => {
90 }} 105 this.readClick(scope);
91 ></i> 106 }}
92 )} 107 >
93 </div> 108 读取
94 ); 109 </el-button>
110 );
111 },
95 }, 112 },
96 }, 113 {
97 { 114 prop: "qlrmc",
98 label: "身份证读卡器", 115 label: "姓名/名称",
99 align: "center",
100 render: (h, scope) => {
101 return (
102 <el-button
103 type="text"
104 icon="el-icon-tickets"
105 disabled={!this.ableOperation}
106 onClick={() => {
107 this.readClick(scope);
108 }}
109 >
110 读取
111 </el-button>
112 );
113 }, 116 },
114 }, 117 {
115 { 118 prop: "zjzl",
116 prop: "qlrmc", 119 label: "证件种类",
117 label: "姓名/名称", 120 render: (h, scope) => {
118 }, 121 return (
119 { 122 this.dictData["A30"] &&
120 prop: "zjzl", 123 this.dictData["A30"].map((option) => {
121 label: "证件种类", 124 if (option.dcode == scope.row.zjzl) {
122 render: (h, scope) => { 125 return <span>{option.dname}</span>;
123 return ( 126 }
124 this.dictData["A30"] && 127 })
125 this.dictData["A30"].map((option) => { 128 );
126 if (option.dcode == scope.row.zjzl) { 129 },
127 return <span>{option.dname}</span>;
128 }
129 })
130 );
131 }, 130 },
132 }, 131 {
133 { 132 prop: "zjh",
134 prop: "zjh", 133 label: "证件号",
135 label: "证件号", 134 },
136 }, 135 {
137 { 136 prop: "dh",
138 prop: "dh", 137 label: "联系电话",
139 label: "联系电话",
140 },
141 {
142 label: "操作",
143 render: (h, scope) => {
144 return (
145 <div>
146 {!this.showButton ? (
147 <el-button
148 icon="el-icon-view"
149 type="text"
150 onClick={() => {
151 this.queryViewClick(scope.$index, scope.row);
152 }}
153 disabled={!this.ableOperation}
154 >
155 {" "}
156 查看
157 </el-button>
158 ) : (
159 <el-button
160 icon="el-icon-edit-outline"
161 type="text"
162 onClick={() => {
163 this.editClick(scope.$index, scope.row);
164 }}
165 disabled={!this.ableOperation}
166 >
167 编辑
168 </el-button>
169 )}
170 </div>
171 );
172 }, 138 },
139 {
140 label: "操作",
141 render: (h, scope) => {
142 return (
143 <div>
144 {!this.showButton ? (
145 <el-button
146 icon="el-icon-view"
147 type="text"
148 onClick={() => {
149 this.queryViewClick(scope.$index, scope.row);
150 }}
151 disabled={!this.ableOperation}
152 >
153 {" "}
154 查看
155 </el-button>
156 ) : (
157 <el-button
158 icon="el-icon-edit-outline"
159 type="text"
160 onClick={() => {
161 this.editClick(scope.$index, scope.row);
162 }}
163 disabled={!this.ableOperation}
164 >
165 编辑
166 </el-button>
167 )}
168 </div>
169 );
170 },
171 },
172 ],
173 column: [],
174 };
175 },
176 watch: {
177 tableData: {
178 handler: function (val, oldVal) {
179 let that = this;
180 this.$nextTick(() => {
181 if (val.length == 0 || !val) {
182 that.tableDataList = _.cloneDeep([
183 {
184 qlrmc: "",
185 dlrzjlx: "",
186 dlrzjh: "",
187 fr: "",
188 },
189 ]);
190 } else {
191 that.tableDataList = _.cloneDeep(val);
192 }
193 });
173 }, 194 },
174 ], 195 immediate: true,
175 column: [], 196 deep: true,
176 }; 197 },
177 }, 198 gyfs: {
178 watch: { 199 handler (newVal, oldValue) {
179 tableData: { 200 let dataList = _.cloneDeep(this.InformationTable);
180 handler: function (val, oldVal) { 201 if (newVal == 0) {
181 let that = this; 202 this.column = _.cloneDeep(dataList);
182 this.$nextTick(() => { 203 this.tableDataList = _.cloneDeep(this.tableData);
183 if (val.length == 0 || !val) { 204 } else if (newVal == "1" || newVal == "3") {
184 that.tableDataList = _.cloneDeep([ 205 this.column = dataList;
185 {
186 qlrmc: "",
187 dlrzjlx: "",
188 dlrzjh: "",
189 fr: "",
190 },
191 ]);
192 } else { 206 } else {
193 that.tableDataList = _.cloneDeep(val); 207 this.column = _.cloneDeep(dataList);
208 this.column.splice(2, 0, {
209 prop: "fs",
210 label: "份数",
211 });
194 } 212 }
195 }); 213 },
214 immediate: true,
215 deep: true,
196 }, 216 },
197 immediate: true,
198 deep: true,
199 }, 217 },
200 gyfs: { 218 methods: {
201 handler(newVal, oldValue) { 219 /**
202 let dataList = _.cloneDeep(this.InformationTable); 220 * @handleupdateDetail: 删除
203 if (newVal == 0) { 221 * @param {*} value
204 // this.column = _.cloneDeep(dataList).slice(1, dataList.length) 222 * @author: renchao
205 this.column = _.cloneDeep(dataList); 223 */
206 } else if (newVal == "1" || newVal == "3") { 224 handleupdateDetail (value) {
207 this.column = dataList; 225 if (this.isaddupdate) {
226 if (!_.isEqual(value, this.tableData)) {
227 this.tableDataList[this.tableDataList.length] = _.cloneDeep(value);
228 this.$emit("upDateQlrxxList", this.tableDataList);
229 }
208 } else { 230 } else {
209 this.column = _.cloneDeep(dataList); 231 if (!_.isEqual(value, this.tableData)) {
210 this.column.splice(2, 0, { 232 this.tableDataList[this.dataIndex] = _.cloneDeep(value);
211 prop: "fs", 233 this.$emit("upDateQlrxxList", this.tableDataList);
212 label: "份数", 234 }
213 });
214 } 235 }
236 this.key++;
215 }, 237 },
216 immediate: true, 238 /**
217 }, 239 * @description: 新增
218 }, 240 * @author: renchao
219 methods: { 241 */
220 /** 242 addClick () {
221 * @handleupdateDetail: 删除 243 if (this.gyfs == "0" && this.tableDataList.length > 0) {
222 * @param {*} value 244 this.$message.warning("当前共有方式为单独所有，无法添加多个权利人");
223 * @author: renchao 245 } else {
224 */ 246 this.dialog = true;
225 handleupdateDetail(value) { 247 this.isaddupdate = true;
226 if (this.isaddupdate) {
227 if (!_.isEqual(value, this.tableData)) {
228 this.tableDataList[this.tableDataList.length] = _.cloneDeep(value);
229 this.$emit("upDateQlrxxList", this.tableDataList);
230 }
231 } else {
232 if (!_.isEqual(value, this.tableData)) {
233 this.tableDataList[this.dataIndex] = _.cloneDeep(value);
234 this.$emit("upDateQlrxxList", this.tableDataList);
235 } 248 }
236 } 249 },
237 this.key++;
238 },
239 // 新增
240 /**
241 * @description: 新增
242 * @author: renchao
243 */
244 addClick() {
245 if (this.gyfs == "0" && this.tableDataList.length > 0) {
246 this.$message.warning("当前共有方式为单独所有，无法添加多个权利人");
247 } else {
248 this.dialog = true;
249 this.isaddupdate = true;
250 }
251 },
252 250
253 // 删除 251 // 删除
254 /** 252 /**
255 * @description: 删除 253 * @description: 删除
256 * @param {*} index 254 * @param {*} index
257 * @param {*} row 255 * @param {*} row
258 * @author: renchao 256 * @author: renchao
259 */ 257 */
260 deleClick(index, row) { 258 deleClick (index, row) {
261 this.$confirm("确定要删除吗, 是否继续?", "提示", { 259 this.$confirm("确定要删除吗, 是否继续?", "提示", {
262 confirmButtonText: "确定", 260 confirmButtonText: "确定",
263 cancelButtonText: "取消", 261 cancelButtonText: "取消",
264 type: "warning", 262 type: "warning",
265 })
266 .then(() => {
267 this.tableData.splice(index, 1);
268 }) 263 })
269 .catch(() => {}); 264 .then(() => {
270 }, 265 this.tableData.splice(index, 1);
266 })
267 .catch(() => { });
268 },
271 269
272 // 身份证读取 270 // 身份证读取
273 /** 271 /**
274 * @description: 身份证读取 272 * @description: 身份证读取
275 * @author: renchao 273 * @author: renchao
276 */ 274 */
277 readClick() {}, 275 readClick () { },
278 276
279 // 身份证读取按钮禁用 277 // 身份证读取按钮禁用
280 /** 278 /**
281 * @description: 身份证读取按钮禁用 279 * @description: 身份证读取按钮禁用
282 * @author: renchao 280 * @author: renchao
283 */ 281 */
284 onreadClick() { 282 onreadClick () {
285 this.$message.error("此阶段不可编辑"); 283 this.$message.error("此阶段不可编辑");
286 }, 284 },
287 // 修改 285 // 修改
288 /** 286 /**
289 * @description: 修改 287 * @description: 修改
290 * @param {*} index 288 * @param {*} index
291 * @param {*} row 289 * @param {*} row
292 * @author: renchao 290 * @author: renchao
293 */ 291 */
294 editClick(index, row) { 292 editClick (index, row) {
295 this.dataIndex = index; 293 this.dataIndex = index;
296 this.dialog = true; 294 this.dialog = true;
297 this.details = row; 295 this.details = row;
298 this.isaddupdate = false; 296 this.isaddupdate = false;
299 }, 297 },
300 /** 298 /**
301 * @description: queryViewClick 299 * @description: queryViewClick
302 * @param {*} index 300 * @param {*} index
303 * @param {*} row 301 * @param {*} row
304 * @author: renchao 302 * @author: renchao
305 */ 303 */
306 queryViewClick(index, row) { 304 queryViewClick (index, row) {
307 this.dialog = true; 305 this.dialog = true;
308 this.details = row; 306 this.details = row;
307 },
309 }, 308 },
310 }, 309 };
311 };
312 </script> 310 </script>
313 <style scoped lang="scss"></style> 311 <style scoped lang="scss"></style>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:41:20 4 * @LastEditTime: 2023-08-01 18:19:57
5 --> 5 -->
6 <template> 6 <template>
7 <div> 7 <div>
...@@ -11,294 +11,291 @@ ...@@ -11,294 +11,291 @@
11 :key="key" 11 :key="key"
12 :heightNumSetting="true" 12 :heightNumSetting="true"
13 :minHeight="150" 13 :minHeight="150"
14 :data="tableDataList" 14 :data="tableDataList">
15 >
16 </lb-table> 15 </lb-table>
17 <addYwr 16 <addYwr
18 v-model="dialog" 17 v-model="dialog"
19 :details="details" 18 :details="details"
20 :showButton="showButton" 19 :showButton="showButton"
21 @updateDetail="handleupdateDetail" 20 @updateDetail="handleupdateDetail" />
22 />
23 </div> 21 </div>
24 </template> 22 </template>
25 <script> 23 <script>
26 import addYwr from "./dialog/addYwr.vue"; 24 import addYwr from "./dialog/addYwr.vue";
27 import { mapGetters } from "vuex"; 25 import { mapGetters } from "vuex";
28 export default { 26 export default {
29 components: { 27 components: {
30 addYwr, 28 addYwr,
31 },
32 computed: {
33 ...mapGetters(["dictData"]),
34 },
35 props: {
36 tableData: {
37 type: Array,
38 default: function () {
39 return [];
40 },
41 }, 29 },
42 ableOperation: { 30 computed: {
43 type: Boolean, 31 ...mapGetters(["dictData"]),
44 default: false,
45 }, 32 },
46 gyfs: { 33 props: {
47 type: String, 34 tableData: {
48 default: "1", 35 type: Array,
36 default: function () {
37 return [];
38 },
39 },
40 ableOperation: {
41 type: Boolean,
42 default: false,
43 },
44 gyfs: {
45 type: String,
46 default: "1",
47 },
49 }, 48 },
50 }, 49 data () {
51 data() { 50 return {
52 return { 51 key: 0,
53 key: 0, 52 dataIndex: 0,
54 dataIndex: 0, 53 dialog: false,
55 dialog: false, 54 isaddupdate: false,
56 isaddupdate: false, 55 showButton: this.ableOperation,
57 showButton: this.ableOperation, 56 details: {},
58 details: {}, 57 tableDataList: [],
59 tableDataList: [], 58 InformationTable: [
60 InformationTable: [ 59 {
61 { 60 width: "50",
62 width: "50", 61 renderHeader: (h, scope) => {
63 renderHeader: (h, scope) => { 62 return (
64 return ( 63 <div>
65 <div> 64 {" "}
66 {" "} 65 {!this.ableOperation ? (
67 {!this.ableOperation ? ( 66 "序号"
68 "序号" 67 ) : (
69 ) : ( 68 <i
70 <i 69 class="el-icon-plus pointer"
71 class="el-icon-plus pointer" 70 onClick={() => {
72 onClick={() => { 71 this.addClick();
73 this.addClick(); 72 }}
74 }} 73 ></i>
75 ></i> 74 )}
76 )} 75 </div>
77 </div> 76 );
78 ); 77 },
78 render: (h, scope) => {
79 return (
80 <div>
81 {!this.ableOperation ? (
82 <span>{scope.$index + 1}</span>
83 ) : (
84 <i
85 class="el-icon-minus pointer"
86 onClick={() => {
87 this.deleClick(scope.$index, scope.row);
88 }}
89 ></i>
90 )}
91 </div>
92 );
93 },
79 }, 94 },
80 render: (h, scope) => { 95 {
81 return ( 96 label: "身份证读卡器",
82 <div> 97 align: "center",
83 {!this.ableOperation ? ( 98 render: (h, scope) => {
84 <span>{scope.$index + 1}</span> 99 return (
85 ) : ( 100 <el-button
86 <i 101 type="text"
87 class="el-icon-minus pointer" 102 icon="el-icon-tickets"
88 onClick={() => { 103 disabled={!this.ableOperation}
89 this.deleClick(scope.$index, scope.row); 104 onClick={() => {
90 }} 105 this.readClick(scope);
91 ></i> 106 }}
92 )} 107 >
93 </div> 108 读取
94 ); 109 </el-button>
110 );
111 },
95 }, 112 },
96 }, 113 {
97 { 114 prop: "ywrmc",
98 label: "身份证读卡器", 115 label: "姓名/名称",
99 align: "center",
100 render: (h, scope) => {
101 return (
102 <el-button
103 type="text"
104 icon="el-icon-tickets"
105 disabled={!this.ableOperation}
106 onClick={() => {
107 this.readClick(scope);
108 }}
109 >
110 读取
111 </el-button>
112 );
113 }, 116 },
114 }, 117 {
115 { 118 prop: "zjzl",
116 prop: "ywrmc", 119 label: "证件种类",
117 label: "姓名/名称", 120 render: (h, scope) => {
118 }, 121 return (
119 { 122 this.dictData["A30"] &&
120 prop: "zjzl", 123 this.dictData["A30"].map((option) => {
121 label: "证件种类", 124 if (option.dcode == scope.row.zjzl) {
122 render: (h, scope) => { 125 return <span>{option.dname}</span>;
123 return ( 126 }
124 this.dictData["A30"] && 127 })
125 this.dictData["A30"].map((option) => { 128 );
126 if (option.dcode == scope.row.zjzl) { 129 },
127 return <span>{option.dname}</span>;
128 }
129 })
130 );
131 }, 130 },
132 }, 131 {
133 { 132 prop: "zjh",
134 prop: "zjh", 133 label: "证件号",
135 label: "证件号", 134 },
136 }, 135 {
137 { 136 prop: "dh",
138 prop: "dh", 137 label: "联系电话",
139 label: "联系电话", 138 },
140 }, 139 {
141 { 140 label: "操作",
142 label: "操作", 141 render: (h, scope) => {
143 render: (h, scope) => { 142 return (
144 return ( 143 <div>
145 <div> 144 {!this.showButton ? (
146 {!this.showButton? ( 145 <el-button
147 <el-button 146 icon="el-icon-view"
148 icon="el-icon-view" 147 type="text"
149 type="text" 148 onClick={() => {
150 onClick={() => { 149 this.queryViewClick(scope.$index, scope.row);
151 this.queryViewClick(scope.$index, scope.row); 150 }}
152 }} 151 disabled={!this.ableOperation}
153 disabled={!this.ableOperation} 152 >
154 > 153 {" "}
155 {" "} 154 查看
156 查看 155 </el-button>
157 </el-button> 156 ) : (
158 ) : ( 157 <el-button
159 <el-button 158 icon="el-icon-edit-outline"
160 icon="el-icon-edit-outline" 159 type="text"
161 type="text" 160 onClick={() => {
162 onClick={() => { 161 this.editClick(scope.$index, scope.row);
163 this.editClick(scope.$index, scope.row); 162 }}
164 }} 163 disabled={!this.ableOperation}
165 disabled={!this.ableOperation} 164 >
166 > 165 编辑
167 编辑 166 </el-button>
168 </el-button> 167 )}
169 )} 168 </div>
170 </div> 169 );
171 ); 170 },
172 }, 171 },
172 ],
173 column: [],
174 };
175 },
176 watch: {
177 tableData: {
178 handler: function (val, oldVal) {
179 let that = this;
180 this.$nextTick(() => {
181 if (val.length == 0 || !val) {
182 that.tableDataList = _.cloneDeep([
183 {
184 ywrmc: "",
185 dlrzjlx: "",
186 dlrzjh: "",
187 fr: "",
188 },
189 ]);
190 } else {
191 that.tableDataList = _.cloneDeep(val);
192 }
193 });
173 }, 194 },
174 ], 195 immediate: true,
175 column: [], 196 deep: true,
176 }; 197 },
177 }, 198 gyfs: {
178 watch: { 199 handler (newVal, oldValue) {
179 tableData: { 200 let dataList = _.cloneDeep(this.InformationTable);
180 handler: function (val, oldVal) { 201 if (newVal == 0) {
181 let that = this; 202 // this.column = _.cloneDeep(dataList).slice(1, dataList.length)
182 this.$nextTick(() => { 203 this.column = _.cloneDeep(dataList);
183 if (val.length == 0 || !val) { 204 } else if (newVal == "1" || newVal == "3") {
184 that.tableDataList = _.cloneDeep([ 205 this.column = dataList;
185 {
186 ywrmc: "",
187 dlrzjlx: "",
188 dlrzjh: "",
189 fr: "",
190 },
191 ]);
192 } else { 206 } else {
193 that.tableDataList = _.cloneDeep(val); 207 this.column = _.cloneDeep(dataList);
208 this.column.splice(2, 0, {
209 prop: "fs",
210 label: "份数",
211 });
194 } 212 }
195 }); 213 },
214 immediate: true,
196 }, 215 },
197 immediate: true,
198 deep: true,
199 }, 216 },
200 gyfs: { 217 methods: {
201 handler(newVal, oldValue) { 218 /**
202 let dataList = _.cloneDeep(this.InformationTable); 219 * @description: handleupdateDetail
203 if (newVal == 0) { 220 * @param {*} value
204 // this.column = _.cloneDeep(dataList).slice(1, dataList.length) 221 * @author: renchao
205 this.column = _.cloneDeep(dataList); 222 */
206 } else if (newVal == "1" || newVal == "3") { 223 handleupdateDetail (value) {
207 this.column = dataList; 224 if (this.isaddupdate) {
225 if (!_.isEqual(value, this.tableData)) {
226 this.tableDataList[this.tableDataList.length] = _.cloneDeep(value);
227 this.$emit("upDateQlrxxList", this.tableDataList);
228 }
208 } else { 229 } else {
209 this.column = _.cloneDeep(dataList); 230 if (!_.isEqual(value, this.tableData)) {
210 this.column.splice(2, 0, { 231 this.tableDataList[this.dataIndex] = _.cloneDeep(value);
211 prop: "fs", 232 this.$emit("upDateQlrxxList", this.tableDataList);
212 label: "份数", 233 }
213 });
214 } 234 }
235 this.key++;
215 }, 236 },
216 immediate: true, 237 /**
217 }, 238 * @description: 新增
218 }, 239 * @author: renchao
219 methods: { 240 */
220 /** 241 addClick () {
221 * @description: handleupdateDetail 242 if (this.gyfs == "0" && this.tableDataList.length > 0) {
222 * @param {*} value 243 this.$message.warning("当前共有方式为单独所有，无法添加多个权利人");
223 * @author: renchao 244 } else {
224 */ 245 this.dialog = true;
225 handleupdateDetail(value) { 246 this.isaddupdate = true;
226 if (this.isaddupdate) {
227 if (!_.isEqual(value, this.tableData)) {
228 this.tableDataList[this.tableDataList.length] = _.cloneDeep(value);
229 this.$emit("upDateQlrxxList", this.tableDataList);
230 }
231 } else {
232 if (!_.isEqual(value, this.tableData)) {
233 this.tableDataList[this.dataIndex] = _.cloneDeep(value);
234 this.$emit("upDateQlrxxList", this.tableDataList);
235 } 247 }
236 } 248 },
237 this.key++;
238 },
239 // 新增
240 /**
241 * @description: 新增
242 * @author: renchao
243 */
244 addClick() {
245 if (this.gyfs == "0" && this.tableDataList.length > 0) {
246 this.$message.warning("当前共有方式为单独所有，无法添加多个权利人");
247 } else {
248 this.dialog = true;
249 this.isaddupdate = true;
250 }
251 },
252 249
253 // 删除 250 // 删除
254 /** 251 /**
255 * @description: 删除 252 * @description: 删除
256 * @param {*} index 253 * @param {*} index
257 * @param {*} row 254 * @param {*} row
258 * @author: renchao 255 * @author: renchao
259 */ 256 */
260 deleClick(index, row) { 257 deleClick (index, row) {
261 this.$confirm("确定要删除吗, 是否继续?", "提示", { 258 this.$confirm("确定要删除吗, 是否继续?", "提示", {
262 confirmButtonText: "确定", 259 confirmButtonText: "确定",
263 cancelButtonText: "取消", 260 cancelButtonText: "取消",
264 type: "warning", 261 type: "warning",
265 })
266 .then(() => {
267 this.tableData.splice(index, 1);
268 }) 262 })
269 .catch(() => {}); 263 .then(() => {
270 }, 264 this.tableData.splice(index, 1);
265 })
266 .catch(() => { });
267 },
271 268
272 // 身份证读取 269 // 身份证读取
273 /** 270 /**
274 * @description: 身份证读取 271 * @description: 身份证读取
275 * @author: renchao 272 * @author: renchao
276 */ 273 */
277 readClick() {}, 274 readClick () { },
278 275
279 // 修改 276 // 修改
280 /** 277 /**
281 * @description: 修改 278 * @description: 修改
282 * @param {*} index 279 * @param {*} index
283 * @param {*} row 280 * @param {*} row
284 * @author: renchao 281 * @author: renchao
285 */ 282 */
286 editClick(index, row) { 283 editClick (index, row) {
287 this.dataIndex = index; 284 this.dataIndex = index;
288 this.dialog = true; 285 this.dialog = true;
289 this.details = row; 286 this.details = row;
290 this.isaddupdate = false; 287 this.isaddupdate = false;
291 }, 288 },
292 /** 289 /**
293 * @description: queryViewClick 290 * @description: queryViewClick
294 * @param {*} index 291 * @param {*} index
295 * @param {*} row 292 * @param {*} row
296 * @author: renchao 293 * @author: renchao
297 */ 294 */
298 queryViewClick(index, row) { 295 queryViewClick (index, row) {
299 this.dialog = true; 296 this.dialog = true;
300 this.details = row; 297 this.details = row;
298 },
301 }, 299 },
302 }, 300 };
303 };
304 </script> 301 </script>
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 :show-message="false" 4 :show-message="false"
5 * @LastEditTime: 2023-06-25 15:52:42 5 * @LastEditTime: 2023-08-01 18:19:44
6 --> 6 -->
7 <template> 7 <template>
8 <!-- 受理信息 --> 8 <!-- 受理信息 -->
...@@ -17,8 +17,7 @@ ...@@ -17,8 +17,7 @@
17 inline-message 17 inline-message
18 :show-message="false" 18 :show-message="false"
19 :class="{ readonly: editDisabled }" 19 :class="{ readonly: editDisabled }"
20 class="loadingtext" 20 class="loadingtext">
21 >
22 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 21 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
23 <div class="slxx_title title-block"> 22 <div class="slxx_title title-block">
24 补录信息 23 补录信息
...@@ -50,29 +49,24 @@ ...@@ -50,29 +49,24 @@
50 <el-form-item 49 <el-form-item
51 label="查封不动产权信息：" 50 label="查封不动产权信息："
52 prop="ztQlxx.bdcqzh" 51 prop="ztQlxx.bdcqzh"
53 :rules="rules.ztQlxxrules" 52 :rules="rules.ztQlxxrules">
54 >
55 <select-table 53 <select-table
56 v-model="ruleForm.ztQlxx" 54 v-model="ruleForm.ztQlxx"
57 :table-width="550" 55 :table-width="550"
58 :tableData="ztQlxxList" 56 :tableData="ztQlxxList"
59 :props="props" 57 :props="props"
60 @change="ztQlxxchange" 58 @change="ztQlxxchange">
61 >
62 <el-table-column 59 <el-table-column
63 prop="qllxmc" 60 prop="qllxmc"
64 width="130" 61 width="130"
65 label="权利类型" 62 label="权利类型"></el-table-column>
66 ></el-table-column>
67 <el-table-column 63 <el-table-column
68 prop="bdcqzh" 64 prop="bdcqzh"
69 width="160" 65 width="160"
70 label="不动产权证书" 66 label="不动产权证书"></el-table-column>
71 ></el-table-column>
72 <el-table-column 67 <el-table-column
73 prop="qlrmc" 68 prop="qlrmc"
74 label="被执行人" 69 label="被执行人"></el-table-column>
75 ></el-table-column>
76 <el-table-column prop="mjmc" label="面积"></el-table-column> 70 <el-table-column prop="mjmc" label="面积"></el-table-column>
77 <el-table-column prop="ytmc" label="用途"></el-table-column> 71 <el-table-column prop="ytmc" label="用途"></el-table-column>
78 <el-table-column prop="zl" label="坐落"></el-table-column> 72 <el-table-column prop="zl" label="坐落"></el-table-column>
...@@ -87,18 +81,15 @@ ...@@ -87,18 +81,15 @@
87 :table-width="550" 81 :table-width="550"
88 :tableData="ssQlxxList" 82 :tableData="ssQlxxList"
89 :props="props" 83 :props="props"
90 @change="ssQlxxchange" 84 @change="ssQlxxchange">
91 >
92 <el-table-column 85 <el-table-column
93 prop="qllxmc" 86 prop="qllxmc"
94 width="130" 87 width="130"
95 label="权利类型" 88 label="权利类型"></el-table-column>
96 ></el-table-column>
97 <el-table-column 89 <el-table-column
98 prop="bdcqzh" 90 prop="bdcqzh"
99 width="160" 91 width="160"
100 label="不动产权证书" 92 label="不动产权证书"></el-table-column>
101 ></el-table-column>
102 <el-table-column prop="qlrmc" label="权利人"></el-table-column> 93 <el-table-column prop="qlrmc" label="权利人"></el-table-column>
103 <el-table-column prop="mjmc" label="面积"></el-table-column> 94 <el-table-column prop="mjmc" label="面积"></el-table-column>
104 <el-table-column prop="ytmc" label="用途"></el-table-column> 95 <el-table-column prop="ytmc" label="用途"></el-table-column>
...@@ -172,8 +163,7 @@ ...@@ -172,8 +163,7 @@
172 <el-form-item 163 <el-form-item
173 label="业务号：" 164 label="业务号："
174 prop="qlxx.ywh" 165 prop="qlxx.ywh"
175 :rules="rules.ywhrules" 166 :rules="rules.ywhrules">
176 >
177 <el-input v-model="ruleForm.qlxx.ywh"></el-input> 167 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
178 </el-form-item> 168 </el-form-item>
179 </el-col> 169 </el-col>
...@@ -193,15 +183,13 @@ ...@@ -193,15 +183,13 @@
193 <el-form-item 183 <el-form-item
194 label="是否被续封：" 184 label="是否被续封："
195 prop="cfdj.sfbxf" 185 prop="cfdj.sfbxf"
196 :rules="rules.sfbxfrules" 186 :rules="rules.sfbxfrules">
197 >
198 <el-select v-model="ruleForm.cfdj.sfbxf" @change="djlxchange"> 187 <el-select v-model="ruleForm.cfdj.sfbxf" @change="djlxchange">
199 <el-option 188 <el-option
200 v-for="item in sfbxflist" 189 v-for="item in sfbxflist"
201 :key="item.dcode" 190 :key="item.dcode"
202 :label="item.dname" 191 :label="item.dname"
203 :value="item.dcode" 192 :value="item.dcode"></el-option>
204 ></el-option>
205 </el-select> 193 </el-select>
206 </el-form-item> 194 </el-form-item>
207 </el-col> 195 </el-col>
...@@ -217,8 +205,7 @@ ...@@ -217,8 +205,7 @@
217 v-for="item in qsztlist" 205 v-for="item in qsztlist"
218 :key="item.dcode" 206 :key="item.dcode"
219 :label="item.dname" 207 :label="item.dname"
220 :value="item.dcode" 208 :value="item.dcode"></el-option>
221 ></el-option>
222 </el-select> 209 </el-select>
223 </el-form-item> 210 </el-form-item>
224 </el-col> 211 </el-col>
...@@ -243,8 +230,7 @@ ...@@ -243,8 +230,7 @@
243 v-for="item in dictData['A32']" 230 v-for="item in dictData['A32']"
244 :key="item.dcode" 231 :key="item.dcode"
245 :label="item.dname" 232 :label="item.dname"
246 :value="item.dcode" 233 :value="item.dcode"></el-option>
247 ></el-option>
248 </el-select> 234 </el-select>
249 </el-form-item> 235 </el-form-item>
250 </el-col> 236 </el-col>
...@@ -261,8 +247,7 @@ ...@@ -261,8 +247,7 @@
261 type="date" 247 type="date"
262 placeholder="选择日期" 248 placeholder="选择日期"
263 value-format="yyyy-MM-dd HH:mm:ss" 249 value-format="yyyy-MM-dd HH:mm:ss"
264 format="yyyy-MM-dd" 250 format="yyyy-MM-dd"></el-date-picker>
265 ></el-date-picker>
266 </el-form-item> 251 </el-form-item>
267 </el-col> 252 </el-col>
268 <el-col :span="8"> 253 <el-col :span="8">
...@@ -273,8 +258,7 @@ ...@@ -273,8 +258,7 @@
273 type="date" 258 type="date"
274 placeholder="选择日期" 259 placeholder="选择日期"
275 value-format="yyyy-MM-dd HH:mm:ss" 260 value-format="yyyy-MM-dd HH:mm:ss"
276 format="yyyy-MM-dd" 261 format="yyyy-MM-dd"></el-date-picker>
277 ></el-date-picker>
278 </el-form-item> 262 </el-form-item>
279 </el-col> 263 </el-col>
280 <el-col :span="8"> 264 <el-col :span="8">
...@@ -300,8 +284,7 @@ ...@@ -300,8 +284,7 @@
300 <el-form-item 284 <el-form-item
301 label="登记机构：" 285 label="登记机构："
302 prop="qlxx.djjg" 286 prop="qlxx.djjg"
303 :rules="rules.djjgrules" 287 :rules="rules.djjgrules">
304 >
305 <el-input v-model="ruleForm.qlxx.djjg"></el-input> 288 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
306 </el-form-item> 289 </el-form-item>
307 </el-col> 290 </el-col>
...@@ -310,8 +293,7 @@ ...@@ -310,8 +293,7 @@
310 <el-form-item 293 <el-form-item
311 label="登簿人：" 294 label="登簿人："
312 prop="qlxx.dbr" 295 prop="qlxx.dbr"
313 :rules="rules.dbrrules" 296 :rules="rules.dbrrules">
314 >
315 <el-input v-model="ruleForm.qlxx.dbr"></el-input> 297 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
316 </el-form-item> 298 </el-form-item>
317 </el-col> 299 </el-col>
...@@ -319,16 +301,14 @@ ...@@ -319,16 +301,14 @@
319 <el-form-item 301 <el-form-item
320 label="登记时间：" 302 label="登记时间："
321 prop="qlxx.djsj" 303 prop="qlxx.djsj"
322 :rules="rules.djsjrules" 304 :rules="rules.djsjrules">
323 >
324 <el-date-picker 305 <el-date-picker
325 v-model="ruleForm.qlxx.djsj" 306 v-model="ruleForm.qlxx.djsj"
326 type="date" 307 type="date"
327 placeholder="选择日期" 308 placeholder="选择日期"
328 class="width100" 309 class="width100"
329 value-format="yyyy-MM-dd HH:mm:ss" 310 value-format="yyyy-MM-dd HH:mm:ss"
330 format="yyyy-MM-dd" 311 format="yyyy-MM-dd">
331 >
332 </el-date-picker> 312 </el-date-picker>
333 </el-form-item> 313 </el-form-item>
334 </el-col> 314 </el-col>
...@@ -372,8 +352,7 @@ ...@@ -372,8 +352,7 @@
372 type="date" 352 type="date"
373 placeholder="选择日期" 353 placeholder="选择日期"
374 value-format="yyyy-MM-dd HH:mm:ss" 354 value-format="yyyy-MM-dd HH:mm:ss"
375 format="yyyy-MM-dd" 355 format="yyyy-MM-dd">
376 >
377 </el-date-picker> 356 </el-date-picker>
378 </el-form-item> 357 </el-form-item>
379 </el-col> 358 </el-col>
...@@ -388,270 +367,233 @@ ...@@ -388,270 +367,233 @@
388 </div> 367 </div>
389 </template> 368 </template>
390 <script> 369 <script>
391 import { mapGetters } from "vuex"; 370 import { mapGetters } from "vuex";
392 import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbRepair.js"; 371 import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbRepair.js";
393 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; 372 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
394 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; 373 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
395 import tdytTable from "@/views/workflow/components/tdytTable"; 374 import tdytTable from "@/views/workflow/components/tdytTable";
396 import selectTable from "@/components/selectTable/index.vue"; 375 import selectTable from "@/components/selectTable/index.vue";
397 export default { 376 export default {
398 components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, 377 components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable },
399 computed: { 378 computed: {
400 ...mapGetters(["dictData", "flag"]), 379 ...mapGetters(["dictData", "flag"]),
401 // 根据流程判断表单是否为只读 380 // 根据流程判断表单是否为只读
402 editDisabled() { 381 editDisabled () {
403 if (!this.ableOperation) { 382 if (!this.ableOperation) {
404 //只读状态 383 //只读状态
405 return true; 384 return true;
406 } 385 }
407 return false; 386 return false;
408 },
409 },
410 data() {
411 return {
412 //表单是否可操作
413 props: {
414 label: "bdcqzh",
415 value: "bdcdyid",
416 }, 387 },
417 propsParam: this.$attrs, 388 },
418 key: 0, 389 data () {
419 isShow: false, 390 return {
420 ssqlxxshow: true, 391 //表单是否可操作
421 disabled: true, 392 props: {
422 czrOptions: [], 393 label: "bdcqzh",
423 ruleForm: {}, 394 value: "bdcdyid",
424 rules: {},
425 // 登记类型
426 djlxlist: [
427 {
428 dcode: "100",
429 dname: "首次登记",
430 },
431 {
432 dcode: "200",
433 dname: "转移登记",
434 },
435 {
436 dcode: "300",
437 dname: "变更登记",
438 },
439 {
440 dcode: "500",
441 dname: "更正登记",
442 },
443
444 {
445 dcode: "901",
446 dname: "补证",
447 },
448 {
449 dcode: "902",
450 dname: "换证",
451 },
452 ],
453
454 // 权属状态
455 qsztlist: [
456 {
457 dcode: "1",
458 dname: "现势",
459 },
460 {
461 dcode: "2",
462 dname: "历史",
463 },
464 ],
465 // 是否被续封
466 sfbxflist: [
467 {
468 dcode: "0",
469 dname: "否",
470 },
471 {
472 dcode: "1",
473 dname: "是",
474 }, 395 },
475 ], 396 propsParam: this.$attrs,
476 ableOperation: false, 397 key: 0,
477 //传递参数\ 398 isShow: false,
399 ssqlxxshow: true,
400 disabled: true,
401 czrOptions: [],
402 ruleForm: {},
403 rules: {},
404 // 登记类型
405 djlxlist: [
406 {
407 dcode: "100",
408 dname: "首次登记",
409 },
410 {
411 dcode: "200",
412 dname: "转移登记",
413 },
414 {
415 dcode: "300",
416 dname: "变更登记",
417 },
418 {
419 dcode: "500",
420 dname: "更正登记",
421 },
478 422
479 ssQlxxList: [], 423 {
480 ztQlxxList: [], 424 dcode: "901",
481 rules: { 425 dname: "补证",
482 ztQlxxrules: [ 426 },
483 { required: true, message: "抵押不动产信息", trigger: "blur" }, 427 {
428 dcode: "902",
429 dname: "换证",
430 },
484 ], 431 ],
485 bdcqzhrules: [ 432
486 { required: true, message: "不动产登记证明号", trigger: "blur" }, 433 // 权属状态
434 qsztlist: [
435 {
436 dcode: "1",
437 dname: "现势",
438 },
439 {
440 dcode: "2",
441 dname: "历史",
442 },
487 ], 443 ],
488 djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], 444 // 是否被续封
489 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], 445 sfbxflist: [
490 djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], 446 {
491 ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], 447 dcode: "0",
492 sfbxfrules: [ 448 dname: "否",
493 { required: true, message: "是否被续封", trigger: "change" }, 449 },
450 {
451 dcode: "1",
452 dname: "是",
453 },
494 ], 454 ],
495 }, 455 ableOperation: false,
496 }; 456 //传递参数\
497 }, 457
498 created() { 458 ssQlxxList: [],
499 this.loadData(); 459 ztQlxxList: [],
500 }, 460 rules: {
501 mounted() { 461 ztQlxxrules: [
502 this.ableOperation = this.$parent.ableOperation; 462 { required: true, message: "抵押不动产信息", trigger: "blur" },
503 }, 463 ],
504 methods: { 464 bdcqzhrules: [
505 /** 465 { required: true, message: "不动产登记证明号", trigger: "blur" },
506 * @description: ztQlxxchange 466 ],
507 * @param {*} val 467 djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
508 * @author: renchao 468 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
509 */ 469 djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
510 ztQlxxchange(val) { 470 ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
511 this.ruleForm.ztQlxx = val; 471 sfbxfrules: [
512 }, 472 { required: true, message: "是否被续封", trigger: "change" },
513 /** 473 ],
514 * @description: ssQlxxchange 474 },
515 * @param {*} val 475 };
516 * @author: renchao
517 */
518 ssQlxxchange(val) {
519 this.ruleForm.ssQlxx = val;
520 this.ruleForm.qlxx.ssywh = val.ywh;
521 }, 476 },
522 /** 477 created () {
523 * @description: djlxchange 478 this.loadData();
524 * @param {*} val
525 * @author: renchao
526 */
527 djlxchange(val) {
528 if (val == null || val == 100) {
529 this.ssqlxxshow = false;
530 } else {
531 this.ssqlxxshow = true;
532 }
533 }, 479 },
534 /** 480 mounted () {
535 * @description: loadData 481 this.ableOperation = this.$parent.ableOperation;
536 * @author: renchao
537 */
538 loadData() {
539 this.$startLoading();
540 this.propsParam.isEdit = this.$parent.isEdit;
541 init(this.propsParam).then((res) => {
542 if (res.code == 200) {
543 this.ruleForm = res.result;
544 this.isShow = true;
545 let djlx = this.ruleForm.qlxx.djlx;
546 this.$endLoading();
547 if (djlx == null || djlx == 100) {
548 this.ssqlxxshow = false;
549 }
550 }
551 });
552 //获取主体信息
553 getSsQlxx({
554 bdcdyid: this.propsParam.bdcdyid,
555 qllx: this.propsParam.qllx,
556 }).then((res) => {
557 if (res.code == 200) {
558 this.ssQlxxList = res.result;
559 }
560 });
561 //获取上手信息
562 getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
563 if (res.code == 200) {
564 this.ztQlxxList = res.result;
565 }
566 });
567 }, 482 },
568 // // 更新土地用途信息 483 methods: {
569 // upDateTdytxxList(val) { 484 /**
570 // this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 485 * @description: ztQlxxchange
571 // this.key++; 486 * @param {*} val
572 // }, 487 * @author: renchao
573 // // 更新权利人信息 488 */
574 // upDateQlrxxList(val) { 489 ztQlxxchange (val) {
575 // this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); 490 this.ruleForm.ztQlxx = val;
576 // this.czrOptions = this.ruleForm.qlrData; 491 },
577 // this.key++; 492 /**
578 // }, 493 * @description: ssQlxxchange
579 // // 更新义务人信息 494 * @param {*} val
580 // upDateYwrxxList(val) { 495 * @author: renchao
581 // this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); 496 */
582 // this.key++; 497 ssQlxxchange (val) {
583 // }, 498 this.ruleForm.ssQlxx = val;
584 /** 499 this.ruleForm.qlxx.ssywh = val.ywh;
585 * @description: onSubmit 500 },
586 * @author: renchao 501 /**
587 */ 502 * @description: djlxchange
588 onSubmit() { 503 * @param {*} val
589 this.$refs.ruleForm.validate((valid) => { 504 * @author: renchao
590 console.log("valid", valid); 505 */
591 if (valid) { 506 djlxchange (val) {
592 // if (this.ruleForm.qlrData.length == 0) { 507 if (val == null || val == 100) {
593 // this.$message({ 508 this.ssqlxxshow = false;
594 // showClose: true,
595 // message: "请确认权利人信息",
596 // type: "error",
597 // });
598 // return false;
599 // }
600
601 // if (this.ruleForm.qlxx.gyfs == "0") {
602 // if (this.ruleForm.qlrData.length > 1) {
603 // this.$message({
604 // showClose: true,
605 // message: "共有方式：单独所有，权利人只能是一个人",
606 // type: "error",
607 // });
608 // return false;
609 // }
610 // this.ruleForm.qlrData[0].sfczr = "1";
611 // }
612 // if (this.ruleForm.qlxx.gyfs == "1") {
613 // //是否分别持证
614 // if (this.ruleForm.qlxx.sqfbcz == "1") {
615 // //是
616 // this.ruleForm.qlrData.forEach((item, index) => {
617 // item.sfczr = "1";
618 // });
619 // } else {
620 // this.ruleForm.qlrData.forEach((item, index) => {
621 // if (item.zjh == this.ruleForm.czr) {
622 // item.sfczr = "1";
623 // } else {
624 // item.sfczr = "0";
625 // }
626 // });
627 // }
628 // }
629 save(this.ruleForm).then((res) => {
630 if (res.code === 200) {
631 this.$message({
632 showClose: true,
633 message: "保存成功！",
634 type: "success",
635 });
636 this.$parent.changeywh()
637 this.$store.dispatch("user/refreshPage", true);
638 } else {
639 this.$message({
640 showClose: true,
641 message: res.message,
642 type: "error",
643 });
644 }
645 });
646 } else { 509 } else {
647 return false; 510 this.ssqlxxshow = true;
648 } 511 }
649 }); 512 },
513 /**
514 * @description: loadData
515 * @author: renchao
516 */
517 loadData () {
518 this.$startLoading();
519 this.propsParam.isEdit = this.$parent.isEdit;
520 init(this.propsParam).then((res) => {
521 if (res.code == 200) {
522 this.ruleForm = res.result;
523 this.isShow = true;
524 let djlx = this.ruleForm.qlxx.djlx;
525 this.$endLoading();
526 if (djlx == null || djlx == 100) {
527 this.ssqlxxshow = false;
528 }
529 }
530 });
531 //获取主体信息
532 getSsQlxx({
533 bdcdyid: this.propsParam.bdcdyid,
534 qllx: this.propsParam.qllx,
535 }).then((res) => {
536 if (res.code == 200) {
537 this.ssQlxxList = res.result;
538 }
539 });
540 //获取上手信息
541 getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
542 if (res.code == 200) {
543 this.ztQlxxList = res.result;
544 }
545 });
546 },
547 // // 更新土地用途信息
548 // upDateTdytxxList(val) {
549 // this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
550 // this.key++;
551 // },
552 // // 更新权利人信息
553 // upDateQlrxxList(val) {
554 // this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
555 // this.czrOptions = this.ruleForm.qlrData;
556 // this.key++;
557 // },
558 // // 更新义务人信息
559 // upDateYwrxxList(val) {
560 // this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
561 // this.key++;
562 // },
563 /**
564 * @description: onSubmit
565 * @author: renchao
566 */
567 onSubmit () {
568 this.$refs.ruleForm.validate((valid) => {
569 console.log("valid", valid);
570 if (valid) {
571 save(this.ruleForm).then((res) => {
572 if (res.code === 200) {
573 this.$message({
574 showClose: true,
575 message: "保存成功！",
576 type: "success",
577 });
578 this.$parent.changeywh()
579 this.$store.dispatch("user/refreshPage", true);
580 } else {
581 this.$message({
582 showClose: true,
583 message: res.message,
584 type: "error",
585 });
586 }
587 });
588 } else {
589 return false;
590 }
591 });
592 },
650 }, 593 },
651 }, 594 };
652 };
653 </script> 595 </script>
654 <style scoped lang="scss"> 596 <style scoped lang="scss">
655 @import "~@/styles/public.scss"; 597 @import "~@/styles/public.scss";
656 @import "~@/styles/slxx/slxx.scss"; 598 @import "~@/styles/slxx/slxx.scss";
657 </style> 599 </style>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-07-05 16:15:28 4 * @LastEditTime: 2023-08-02 08:37:21
5 --> 5 -->
6 <template> 6 <template>
7 <!-- 受理信息 --> 7 <!-- 受理信息 -->
...@@ -16,8 +16,7 @@ ...@@ -16,8 +16,7 @@
16 :inline="flag" 16 :inline="flag"
17 label-width="169px" 17 label-width="169px"
18 inline-message 18 inline-message
19 :show-message="false" 19 :show-message="false">
20 >
21 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 20 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
22 <div class="slxx_title title-block"> 21 <div class="slxx_title title-block">
23 补录信息 22 补录信息
...@@ -52,18 +51,15 @@ ...@@ -52,18 +51,15 @@
52 :table-width="550" 51 :table-width="550"
53 :tableData="ztQlxxList" 52 :tableData="ztQlxxList"
54 :props="props" 53 :props="props"
55 @change="ztQlxxchange" 54 @change="ztQlxxchange">
56 >
57 <el-table-column 55 <el-table-column
58 prop="qllxmc" 56 prop="qllxmc"
59 width="130" 57 width="130"
60 label="权利类型" 58 label="权利类型"></el-table-column>
61 ></el-table-column>
62 <el-table-column 59 <el-table-column
63 prop="bdcqzh" 60 prop="bdcqzh"
64 width="160" 61 width="160"
65 label="不动产权证书" 62 label="不动产权证书"></el-table-column>
66 ></el-table-column>
67 <el-table-column prop="qlrmc" label="权利人"></el-table-column> 63 <el-table-column prop="qlrmc" label="权利人"></el-table-column>
68 <el-table-column prop="mjmc" label="面积"></el-table-column> 64 <el-table-column prop="mjmc" label="面积"></el-table-column>
69 <el-table-column prop="ytmc" label="用途"></el-table-column> 65 <el-table-column prop="ytmc" label="用途"></el-table-column>
...@@ -79,18 +75,15 @@ ...@@ -79,18 +75,15 @@
79 :table-width="550" 75 :table-width="550"
80 :tableData="ssQlxxList" 76 :tableData="ssQlxxList"
81 :props="props" 77 :props="props"
82 @change="ssQlxxchange" 78 @change="ssQlxxchange">
83 >
84 <el-table-column 79 <el-table-column
85 prop="qllxmc" 80 prop="qllxmc"
86 width="130" 81 width="130"
87 label="权利类型" 82 label="权利类型"></el-table-column>
88 ></el-table-column>
89 <el-table-column 83 <el-table-column
90 prop="bdcqzh" 84 prop="bdcqzh"
91 width="160" 85 width="160"
92 label="不动产权证书" 86 label="不动产权证书"></el-table-column>
93 ></el-table-column>
94 <el-table-column prop="qlrmc" label="权利人"></el-table-column> 87 <el-table-column prop="qlrmc" label="权利人"></el-table-column>
95 <el-table-column prop="mjmc" label="面积"></el-table-column> 88 <el-table-column prop="mjmc" label="面积"></el-table-column>
96 <el-table-column prop="ytmc" label="用途"></el-table-column> 89 <el-table-column prop="ytmc" label="用途"></el-table-column>
...@@ -142,7 +135,7 @@ ...@@ -142,7 +135,7 @@
142 </el-col> 135 </el-col>
143 <el-col :span="8"> 136 <el-col :span="8">
144 <el-form-item label="面积："> 137 <el-form-item label="面积：">
145 <el-input disabled v-model="ruleForm.ztQlxx.mjmc"></el-input> 138 <el-input disabled v-model="ruleForm.ztQlxx.mjmc"></el-input>
146 </el-form-item> 139 </el-form-item>
147 </el-col> 140 </el-col>
148 <el-col :span="8"> 141 <el-col :span="8">
...@@ -174,8 +167,7 @@ ...@@ -174,8 +167,7 @@
174 v-for="item in djlxlist" 167 v-for="item in djlxlist"
175 :key="item.dcode" 168 :key="item.dcode"
176 :label="item.dname" 169 :label="item.dname"
177 :value="item.dcode" 170 :value="item.dcode"></el-option>
178 ></el-option>
179 </el-select> 171 </el-select>
180 </el-form-item> 172 </el-form-item>
181 </el-col> 173 </el-col>
...@@ -188,13 +180,12 @@ ...@@ -188,13 +180,12 @@
188 v-for="item in qsztlist" 180 v-for="item in qsztlist"
189 :key="item.dcode" 181 :key="item.dcode"
190 :label="item.dname" 182 :label="item.dname"
191 :value="item.dcode" 183 :value="item.dcode"></el-option>
192 ></el-option>
193 </el-select> 184 </el-select>
194 </el-form-item> 185 </el-form-item>
195 </el-col> 186 </el-col>
196 <el-col :span="8"> 187 <el-col :span="8">
197 <el-form-item label="业务号：" prop="qlxx.ywh" :rules="rules.ywhrules"> 188 <el-form-item label="业务号：" prop="qlxx.ywh" :rules="rules.ywhrules">
198 <el-input v-model="ruleForm.qlxx.ywh"></el-input> 189 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
199 </el-form-item> 190 </el-form-item>
200 </el-col> 191 </el-col>
...@@ -227,15 +218,13 @@ ...@@ -227,15 +218,13 @@
227 <el-input 218 <el-input
228 v-model="ruleForm.diyaq.zgzqse" 219 v-model="ruleForm.diyaq.zgzqse"
229 style="width: 500%" 220 style="width: 500%"
230 oninput="value=value.replace(/[^\d.]/g,'')" 221 oninput="value=value.replace(/[^\d.]/g,'')"></el-input>
231 ></el-input>
232 <el-select v-model="ruleForm.diyaq.jedw"> 222 <el-select v-model="ruleForm.diyaq.jedw">
233 <el-option 223 <el-option
234 v-for="item in dictData['A57']" 224 v-for="item in dictData['A57']"
235 :key="item.dcode" 225 :key="item.dcode"
236 :label="item.dname" 226 :label="item.dname"
237 :value="item.dcode" 227 :value="item.dcode"></el-option>
238 ></el-option>
239 </el-select> 228 </el-select>
240 </div> 229 </div>
241 </el-form-item> 230 </el-form-item>
...@@ -246,24 +235,22 @@ ...@@ -246,24 +235,22 @@
246 <el-input 235 <el-input
247 v-model="ruleForm.diyaq.bdbzzqse" 236 v-model="ruleForm.diyaq.bdbzzqse"
248 style="width: 500%" 237 style="width: 500%"
249 oninput="value=value.replace(/[^\d.]/g,'')" 238 oninput="value=value.replace(/[^\d.]/g,'')"></el-input>
250 ></el-input>
251 <el-select v-model="ruleForm.diyaq.jedw"> 239 <el-select v-model="ruleForm.diyaq.jedw">
252 <el-option 240 <el-option
253 v-for="item in dictData['A57']" 241 v-for="item in dictData['A57']"
254 :key="item.dcode" 242 :key="item.dcode"
255 :label="item.dname" 243 :label="item.dname"
256 :value="item.dcode" 244 :value="item.dcode"></el-option>
257 ></el-option>
258 </el-select> 245 </el-select>
259 </div> 246 </div>
260 </el-form-item> 247 </el-form-item>
261 </el-col> 248 </el-col>
262 </el-row> 249 </el-row>
263 <el-row :gutter="10"> 250 <el-row :gutter="10">
264 <el-col :span="8"> 251 <el-col :span="8">
265 <el-form-item label="抵押面积："> 252 <el-form-item label="抵押面积：">
266 <div class="flex"> 253 <div class="flex">
267 <el-input 254 <el-input
268 v-model="ruleForm.diyaq.dymj" 255 v-model="ruleForm.diyaq.dymj"
269 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 256 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
...@@ -278,54 +265,50 @@ ...@@ -278,54 +265,50 @@
278 </el-option> 265 </el-option>
279 </el-select> 266 </el-select>
280 </div> 267 </div>
281 </el-form-item> 268 </el-form-item>
282 </el-col> 269 </el-col>
283 270
284 <el-col :span="8"> 271 <el-col :span="8">
285 <el-form-item 272 <el-form-item
286 label="债务履行起始时间：" 273 label="债务履行起始时间："
287 prop="diyaq.zwlxqssj" 274 prop="diyaq.zwlxqssj"
288 :rules="rules.zwlxqssjrules" 275 :rules="rules.zwlxqssjrules">
289 > 276 <el-date-picker
290 <el-date-picker 277 v-model="ruleForm.diyaq.zwlxqssj"
291 v-model="ruleForm.diyaq.zwlxqssj" 278 type="date"
292 type="date" 279 placeholder="选择日期"
293 placeholder="选择日期" 280 value-format="yyyy-MM-dd HH:mm:ss"
294 value-format="yyyy-MM-dd HH:mm:ss" 281 format="yyyy-MM-dd">
295 format="yyyy-MM-dd" 282 </el-date-picker>
296 > 283 </el-form-item>
297 </el-date-picker> 284 </el-col>
298 </el-form-item> 285 <el-col :span="8">
299 </el-col> 286 <el-form-item
300 <el-col :span="8"> 287 label="债务履行结束时间："
301 <el-form-item 288 prop="diyaq.zwlxjssj"
302 label="债务履行结束时间：" 289 :rules="rules.zwlxjssjrules">
303 prop="diyaq.zwlxjssj" 290 <el-date-picker
304 :rules="rules.zwlxjssjrules" 291 v-model="ruleForm.diyaq.zwlxjssj"
305 > 292 type="date"
306 <el-date-picker 293 placeholder="选择日期"
307 v-model="ruleForm.diyaq.zwlxjssj" 294 value-format="yyyy-MM-dd HH:mm:ss"
308 type="date" 295 format="yyyy-MM-dd">
309 placeholder="选择日期" 296 </el-date-picker>
310 value-format="yyyy-MM-dd HH:mm:ss" 297 </el-form-item>
311 format="yyyy-MM-dd" 298 </el-col>
312 > 299 </el-row>
313 </el-date-picker> 300 <el-row :gutter="10">
314 </el-form-item> 301 <el-col :span="8">
315 </el-col> 302 <el-form-item label="在建建筑物坐落：">
316 </el-row> 303 <el-input v-model="ruleForm.qlxx.zl"></el-input>
317 <el-row :gutter="10"> 304 </el-form-item>
318 <el-col :span="8"> 305 </el-col>
319 <el-form-item label="在建建筑物坐落："> 306 <!-- <el-col :span="8">
320 <el-input v-model="ruleForm.qlxx.zl"></el-input>
321 </el-form-item>
322 </el-col>
323 <!-- <el-col :span="8">
324 <el-form-item label="不动产登记证明号：" prop="bdcqzh"> 307 <el-form-item label="不动产登记证明号：" prop="bdcqzh">
325 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> 308 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
326 </el-form-item> 309 </el-form-item>
327 </el-col> --> 310 </el-col> -->
328 <!-- <el-col :span="8"> 311 <!-- <el-col :span="8">
329 <el-form-item 312 <el-form-item
330 label="区县代码：" 313 label="区县代码："
331 prop="qlxx.qxdm" 314 prop="qlxx.qxdm"
...@@ -334,88 +317,82 @@ ...@@ -334,88 +317,82 @@
334 <el-input v-model="ruleForm.qlxx.qxdm"></el-input> 317 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
335 </el-form-item> 318 </el-form-item>
336 </el-col> --> 319 </el-col> -->
337 <el-col :span="8"> 320 <el-col :span="8">
338 <el-form-item label="在建建筑物抵押范围："> 321 <el-form-item label="在建建筑物抵押范围：">
339 <el-input v-model="ruleForm.diyaq.zjjzwdyfw"></el-input> 322 <el-input v-model="ruleForm.diyaq.zjjzwdyfw"></el-input>
340 </el-form-item> 323 </el-form-item>
341 </el-col> 324 </el-col>
342 325
343 <el-col :span="8"> 326 <el-col :span="8">
344 <el-form-item label="担保范围："> 327 <el-form-item label="担保范围：">
345 <el-input v-model="ruleForm.diyaq.dbfw"></el-input> 328 <el-input v-model="ruleForm.diyaq.dbfw"></el-input>
346 </el-form-item> 329 </el-form-item>
347 </el-col> 330 </el-col>
348 <el-col :span="8"> 331 <el-col :span="8">
349 <el-form-item label="债务履行期限(确定期间)："> 332 <el-form-item label="债务履行期限(确定期间)：">
350 <el-input v-model="ruleForm.diyaq.dyqx"></el-input> 333 <el-input v-model="ruleForm.diyaq.dyqx"></el-input>
351 </el-form-item> 334 </el-form-item>
352 </el-col> 335 </el-col>
353 336
354 <el-col :span="8"> 337 <el-col :span="8">
355 <el-form-item label="最高债权确定事实和数额："> 338 <el-form-item label="最高债权确定事实和数额：">
356 <el-input v-model="ruleForm.diyaq.zgzqqdss"></el-input> 339 <el-input v-model="ruleForm.diyaq.zgzqqdss"></el-input>
357 </el-form-item> 340 </el-form-item>
358 </el-col> 341 </el-col>
359 <el-col :span="8"> 342 <el-col :span="8">
360 <el-form-item label="是否限制转移约定："> 343 <el-form-item label="是否限制转移约定：">
361 <el-select v-model="ruleForm.diyaq.sfczjzhxz"> 344 <el-select v-model="ruleForm.diyaq.sfczjzhxz">
362 <el-option 345 <el-option
363 v-for="item in dictData['A6']" 346 v-for="item in dictData['A6']"
364 :key="item.dcode" 347 :key="item.dcode"
365 :label="item.dname" 348 :label="item.dname"
366 :value="item.dcode" 349 :value="item.dcode">
367 > 350 </el-option>
368 </el-option> 351 </el-select>
369 </el-select> 352 </el-form-item>
370 </el-form-item> 353 </el-col>
371 </el-col> 354 <el-col :span="8">
372 <el-col :span="8"> 355 <el-form-item
373 <el-form-item 356 label="不动产登记证明号："
374 label="不动产登记证明号：" 357 prop="qlxx.bdcqzh"
375 prop="qlxx.bdcqzh" 358 :rules="rules.bdcqzhrules">
376 :rules="rules.bdcqzhrules" 359 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
377 > 360 </el-form-item>
378 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> 361 </el-col>
379 </el-form-item>
380 </el-col>
381 362
382 <el-col :span="8"> 363 <el-col :span="8">
383 <el-form-item 364 <el-form-item
384 label="登记机构：" 365 label="登记机构："
385 prop="qlxx.djjg" 366 prop="qlxx.djjg"
386 :rules="rules.djjgrules" 367 :rules="rules.djjgrules">
387 > 368 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
388 <el-input v-model="ruleForm.qlxx.djjg"></el-input> 369 </el-form-item>
389 </el-form-item> 370 </el-col>
390 </el-col> 371 <el-col :span="8">
391 <el-col :span="8"> 372 <el-form-item
392 <el-form-item 373 label="登簿人："
393 label="登簿人：" 374 prop="qlxx.dbr"
394 prop="qlxx.dbr" 375 :rules="rules.dbrrules">
395 :rules="rules.dbrrules" 376 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
396 > 377 </el-form-item>
397 <el-input v-model="ruleForm.qlxx.dbr"></el-input> 378 </el-col>
398 </el-form-item> 379 <el-col :span="8">
399 </el-col> 380 <el-form-item
400 <el-col :span="8"> 381 label="登记时间："
401 <el-form-item 382 prop="qlxx.djsj"
402 label="登记时间：" 383 :rules="rules.djsjrules">
403 prop="qlxx.djsj" 384 <el-date-picker
404 :rules="rules.djsjrules" 385 v-model="ruleForm.qlxx.djsj"
405 > 386 type="date"
406 <el-date-picker 387 class="width100"
407 v-model="ruleForm.qlxx.djsj" 388 placeholder="选择日期"
408 type="date" 389 value-format="yyyy-MM-dd HH:mm:ss"
409 class="width100" 390 format="yyyy-MM-dd">
410 placeholder="选择日期" 391 </el-date-picker>
411 value-format="yyyy-MM-dd HH:mm:ss" 392 </el-form-item>
412 format="yyyy-MM-dd" 393 </el-col>
413 >
414 </el-date-picker>
415 </el-form-item>
416 </el-col>
417 394
418 <!-- <el-col :span="8"> 395 <!-- <el-col :span="8">
419 <el-form-item label="是否预告登记："> 396 <el-form-item label="是否预告登记：">
420 <el-select v-model="ruleForm.diyaq.sfygdj"> 397 <el-select v-model="ruleForm.diyaq.sfygdj">
421 <el-option 398 <el-option
...@@ -426,75 +403,70 @@ ...@@ -426,75 +403,70 @@
426 </el-select> 403 </el-select>
427 </el-form-item> 404 </el-form-item>
428 </el-col> --> 405 </el-col> -->
429 <!-- <el-col :span="8"> 406 <!-- <el-col :span="8">
430 <el-form-item label="在建建筑物坐落："> 407 <el-form-item label="在建建筑物坐落：">
431 <el-input v-model="ruleForm.diyaq.zjzzwzl"></el-input> 408 <el-input v-model="ruleForm.diyaq.zjzzwzl"></el-input>
432 </el-form-item> 409 </el-form-item>
433 </el-col> --> 410 </el-col> -->
434 411
435 <el-col :span="24"> 412 <el-col :span="24">
436 <el-form-item label="登记原因："> 413 <el-form-item label="登记原因：">
437 <el-input v-model="ruleForm.qlxx.djyy"></el-input> 414 <el-input v-model="ruleForm.qlxx.djyy"></el-input>
438 </el-form-item> 415 </el-form-item>
439 </el-col> 416 </el-col>
440 <el-col :span="24"> 417 <el-col :span="24">
441 <el-form-item label="附记："> 418 <el-form-item label="附记：">
442 <el-input v-model="ruleForm.diyaq.fj"></el-input> 419 <el-input v-model="ruleForm.diyaq.fj"></el-input>
443 </el-form-item> 420 </el-form-item>
444 </el-col> 421 </el-col>
445 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> 422 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
446 <el-form-item label="注销抵押业务号："> 423 <el-form-item label="注销抵押业务号：">
447 <el-input v-model="ruleForm.diyaq.zxdyywh"></el-input> 424 <el-input v-model="ruleForm.diyaq.zxdyywh"></el-input>
448 </el-form-item> 425 </el-form-item>
449 </el-col> 426 </el-col>
450 427
451 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> 428 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
452 <el-form-item 429 <el-form-item
453 label="注销时间：" 430 label="注销时间："
454 prop="qlxx.zxsj" 431 prop="qlxx.zxsj"
455 :rules="rules.zxsjrules" 432 :rules="rules.zxsjrules">
456 > 433 <el-date-picker
457 <el-date-picker 434 v-model="ruleForm.qlxx.zxsj"
458 v-model="ruleForm.qlxx.zxsj" 435 type="date"
459 type="date" 436 placeholder="选择日期"
460 placeholder="选择日期" 437 value-format="yyyy-MM-dd HH:mm:ss"
461 value-format="yyyy-MM-dd HH:mm:ss" 438 format="yyyy-MM-dd">
462 format="yyyy-MM-dd" 439 </el-date-picker>
463 > 440 </el-form-item>
464 </el-date-picker> 441 </el-col>
465 </el-form-item> 442 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
466 </el-col> 443 <el-form-item
467 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> 444 label="注销登簿人："
468 <el-form-item 445 prop="qlxx.zxdbr"
469 label="注销登簿人：" 446 :rules="rules.zxdbrrules">
470 prop="qlxx.zxdbr" 447 <el-input v-model="ruleForm.qlxx.zxdbr"></el-input>
471 :rules="rules.zxdbrrules" 448 </el-form-item>
472 > 449 </el-col>
473 <el-input v-model="ruleForm.qlxx.zxdbr"></el-input> 450 <el-col :span="24" v-if="ruleForm.qlxx.qszt == '2'">
474 </el-form-item> 451 <el-form-item
475 </el-col> 452 label="注销抵押原因："
476 <el-col :span="24" v-if="ruleForm.qlxx.qszt == '2'"> 453 prop="diyaq.zxdyyy"
477 <el-form-item 454 :rules="rules.zxdyyyrules">
478 label="注销抵押原因：" 455 <el-input v-model="ruleForm.diyaq.zxdyyy"></el-input>
479 prop="diyaq.zxdyyy" 456 </el-form-item>
480 :rules="rules.zxdyyyrules" 457 </el-col>
481 >
482 <el-input v-model="ruleForm.diyaq.zxdyyy"></el-input>
483 </el-form-item>
484 </el-col>
485 458
486 </el-row> 459 </el-row>
487 <div class="slxx_title title-block"> 460 <div class="slxx_title title-block">
488 权利人信息 461 权利人信息
489 <div class="triangle"></div> 462 <div class="triangle"></div>
490 </div> 463 </div>
491 <el-row :gutter="10"> 464 <el-row :gutter="10">
492 <el-col :span="14"> 465 <el-col :span="12">
493 <el-form-item label="共有方式："> 466 <el-form-item label="共有方式：">
494 <el-radio-group 467 <el-radio-group
495 :disabled="!ableOperation" 468 :disabled="!ableOperation"
496 v-model="ruleForm.qlxx.gyfs" 469 v-model="ruleForm.sldy.gyfs">
497 >
498 <el-radio label="0">单独所有</el-radio> 470 <el-radio label="0">单独所有</el-radio>
499 <el-radio label="1">共同共有</el-radio> 471 <el-radio label="1">共同共有</el-radio>
500 <el-radio label="2">按份所有</el-radio> 472 <el-radio label="2">按份所有</el-radio>
...@@ -502,14 +474,40 @@ ...@@ -502,14 +474,40 @@
502 </el-radio-group> 474 </el-radio-group>
503 </el-form-item> 475 </el-form-item>
504 </el-col> 476 </el-col>
477 <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
478 <el-form-item label="是否分别持证：">
479 <el-radio-group
480 v-model="ruleForm.sldy.sqfbcz"
481 :disabled="!ableOperation">
482 <el-radio :label="1">是</el-radio>
483 <el-radio :label="0">否</el-radio>
484 </el-radio-group>
485 </el-form-item>
486 </el-col>
487 <el-col
488 :span="6"
489 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs == '1'">
490 <el-form-item label="持证人：">
491 <el-select
492 v-model="ruleForm.czr"
493 placeholder="持证人"
494 :disabled="!ableOperation">
495 <el-option
496 v-for="item in czrOptions"
497 :key="item.zjh"
498 :label="item.sqrmc"
499 :value="item.zjh">
500 </el-option>
501 </el-select>
502 </el-form-item>
503 </el-col>
505 </el-row> 504 </el-row>
506 <qlrCommonTable 505 <qlrCommonTable
507 :tableData="ruleForm.qlrData" 506 :tableData="ruleForm.qlrData"
508 @upDateQlrxxList="upDateQlrxxList" 507 @upDateQlrxxList="upDateQlrxxList"
509 :key="key" 508 :key="key"
510 :ableOperation="ableOperation" 509 :ableOperation="ableOperation"
511 :gyfs="ruleForm.qlxx.gyfs" 510 :gyfs="ruleForm.qlxx.gyfs" />
512 />
513 511
514 <div v-if="ruleForm.ywrData"> 512 <div v-if="ruleForm.ywrData">
515 <div class="slxx_title title-block"> 513 <div class="slxx_title title-block">
...@@ -521,8 +519,7 @@ ...@@ -521,8 +519,7 @@
521 :tableData="ruleForm.ywrData" 519 :tableData="ruleForm.ywrData"
522 :key="key" 520 :key="key"
523 :ableOperation="ableOperation" 521 :ableOperation="ableOperation"
524 @upDateQlrxxList="upDateYwrxxList" 522 @upDateQlrxxList="upDateYwrxxList" />
525 />
526 </div> 523 </div>
527 </div> 524 </div>
528 <el-row class="btn" v-if="ableOperation"> 525 <el-row class="btn" v-if="ableOperation">
...@@ -534,290 +531,292 @@ ...@@ -534,290 +531,292 @@
534 </div> 531 </div>
535 </template> 532 </template>
536 <script> 533 <script>
537 import { mapGetters } from "vuex"; 534 import { mapGetters } from "vuex";
538 import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbRepair.js"; 535 import ywmix from "@/views/ywbl/mixin/index"
539 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; 536 import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbRepair.js";
540 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; 537 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
541 import selectTable from "@/components/selectTable/index.vue"; 538 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
542 import tdytTable from "@/views/workflow/components/tdytTable"; 539 import selectTable from "@/components/selectTable/index.vue";
543 export default { 540 import tdytTable from "@/views/workflow/components/tdytTable";
544 components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, 541 export default {
545 computed: { 542 mixins: [ywmix],
546 ...mapGetters(["dictData", "flag"]), 543 components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable },
547 // 根据流程判断表单是否为只读 544 computed: {
548 editDisabled() { 545 ...mapGetters(["dictData", "flag"]),
549 if (!this.ableOperation) { 546 // 根据流程判断表单是否为只读
550 //只读状态 547 editDisabled () {
551 return true; 548 if (!this.ableOperation) {
552 } 549 //只读状态
553 return false; 550 return true;
554 }, 551 }
555 }, 552 return false;
556 data() {
557 return {
558 mjdw:"1",
559 props: {
560 label: "bdcqzh",
561 value: "bdcdyid",
562 }, 553 },
563 //表单是否可操作 554 },
564 propsParam: this.$attrs, 555 data () {
565 key: 0, 556 return {
566 isShow: false, 557 mjdw: "1",
567 disabled: true, 558 props: {
568 ssqlxxshow: true, 559 label: "bdcqzh",
569 czrOptions: [], 560 value: "bdcdyid",
570 ruleForm: {},
571 // 权属状态
572 qsztlist: [
573 {
574 dcode: "1",
575 dname: "现势",
576 },
577 {
578 dcode: "2",
579 dname: "历史",
580 },
581 ],
582 // 登记类型
583 djlxlist: [
584 {
585 dcode: "100",
586 dname: "首次登记",
587 },
588 {
589 dcode: "200",
590 dname: "转移登记",
591 },
592 {
593 dcode: "300",
594 dname: "变更登记",
595 },
596 {
597 dcode: "500",
598 dname: "更正登记",
599 },
600
601 {
602 dcode: "901",
603 dname: "补证",
604 },
605 {
606 dcode: "902",
607 dname: "换证",
608 }, 561 },
609 ], 562 //表单是否可操作
610 ssQlxxList: [], 563 propsParam: this.$attrs,
611 ztQlxxList: [], 564 key: 0,
612 ableOperation: false, 565 isShow: false,
613 rules: { 566 disabled: true,
614 ztQlxxrules: [ 567 ssqlxxshow: true,
615 { required: true, message: "抵押不动产信息", trigger: "blur" }, 568 czrOptions: [],
616 ], 569 ruleForm: {},
617 bdcqzhrules: [ 570 // 权属状态
618 { required: true, message: "不动产登记证明号", trigger: "blur" }, 571 qsztlist: [
619 ], 572 {
620 qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], 573 dcode: "1",
621 zwlxqssjrules: [ 574 dname: "现势",
622 { required: true, message: "债务履行起始时间", trigger: "blur" }, 575 },
623 ], 576 {
624 zwlxjssjrules: [ 577 dcode: "2",
625 { required: true, message: "债务履行结束时间", trigger: "blur" }, 578 dname: "历史",
579 },
626 ], 580 ],
581 // 登记类型
582 djlxlist: [
583 {
584 dcode: "100",
585 dname: "首次登记",
586 },
587 {
588 dcode: "200",
589 dname: "转移登记",
590 },
591 {
592 dcode: "300",
593 dname: "变更登记",
594 },
595 {
596 dcode: "500",
597 dname: "更正登记",
598 },
627 599
628 zxdyyyrules: [ 600 {
629 { required: true, message: "注销抵押原因", trigger: "blur" }, 601 dcode: "901",
602 dname: "补证",
603 },
604 {
605 dcode: "902",
606 dname: "换证",
607 },
630 ], 608 ],
631 zxsjrules: [{ required: true, message: "注销时间", trigger: "blur" }], 609 ssQlxxList: [],
632 zxdbrrules: [ 610 ztQlxxList: [],
633 { required: true, message: "注销登簿人", trigger: "blur" }, 611 ableOperation: false,
634 ], 612 rules: {
635 djjgrules: [{ required: true, message: "登记机构", trigger: "change" }], 613 ztQlxxrules: [
636 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], 614 { required: true, message: "抵押不动产信息", trigger: "blur" },
637 djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], 615 ],
638 djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], 616 bdcqzhrules: [
639 ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], 617 { required: true, message: "不动产登记证明号", trigger: "blur" },
640 }, 618 ],
641 }; 619 qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
642 }, 620 zwlxqssjrules: [
643 created() {}, 621 { required: true, message: "债务履行起始时间", trigger: "blur" },
644 mounted() { 622 ],
645 this.loadData(); 623 zwlxjssjrules: [
646 this.ableOperation = this.$parent.ableOperation; 624 { required: true, message: "债务履行结束时间", trigger: "blur" },
647 }, 625 ],
648 methods: { 626
649 /** 627 zxdyyyrules: [
650 * @description: ztQlxxchange 628 { required: true, message: "注销抵押原因", trigger: "blur" },
651 * @param {*} val 629 ],
652 * @author: renchao 630 zxsjrules: [{ required: true, message: "注销时间", trigger: "blur" }],
653 */ 631 zxdbrrules: [
654 ztQlxxchange(val) { 632 { required: true, message: "注销登簿人", trigger: "blur" },
655 this.ruleForm.ztQlxx = val; 633 ],
656 }, 634 djjgrules: [{ required: true, message: "登记机构", trigger: "change" }],
657 /** 635 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
658 * @description: ssQlxxchange 636 djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
659 * @param {*} val 637 djlxrules: [{ required: true, message: "登记类型", trigger: "change" }],
660 * @author: renchao 638 ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
661 */ 639 },
662 ssQlxxchange(val) { 640 };
663 this.ruleForm.ssQlxx = val;
664 this.ruleForm.qlxx.ssywh = val.ywh;
665 }, 641 },
666 djlxchange(val) { 642 created () { },
667 if (val == null || val == 100) { 643 mounted () {
668 this.ssqlxxshow = false; 644 this.loadData();
669 } else { 645 this.ableOperation = this.$parent.ableOperation;
670 this.ssqlxxshow = true;
671 }
672 }, 646 },
673 /** 647 methods: {
674 * @description: loadData 648 /**
675 * @author: renchao 649 * @description: ztQlxxchange
676 */ 650 * @param {*} val
677 loadData() { 651 * @author: renchao
678 this.$startLoading(); 652 */
679 this.propsParam.isEdit = this.$parent.isEdit; 653 ztQlxxchange (val) {
680 init(this.propsParam).then((res) => { 654 this.ruleForm.ztQlxx = val;
681 if (res.code == 200) { 655 },
682 this.ruleForm = res.result; 656 /**
683 this.$endLoading(); 657 * @description: ssQlxxchange
684 this.isShow = true; 658 * @param {*} val
685 let djlx = this.ruleForm.qlxx.djlx; 659 * @author: renchao
686 if (djlx == null || djlx == 100) { 660 */
687 this.ssqlxxshow = false; 661 ssQlxxchange (val) {
688 } 662 this.ruleForm.ssQlxx = val;
689 } 663 this.ruleForm.qlxx.ssywh = val.ywh;
690 }); 664 },
691 //获取主体信息 665 djlxchange (val) {
692 getSsQlxx({ 666 if (val == null || val == 100) {
693 bdcdyid: this.propsParam.bdcdyid, 667 this.ssqlxxshow = false;
694 qllx: this.propsParam.qllx, 668 } else {
695 }).then((res) => { 669 this.ssqlxxshow = true;
696 if (res.code == 200) {
697 this.ssQlxxList = res.result;
698 }
699 });
700 //获取上手信息
701 getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
702 if (res.code == 200) {
703 this.ztQlxxList = res.result;
704 } 670 }
705 }); 671 },
706 }, 672 /**
707 // 更新土地用途信息 673 * @description: loadData
708 /** 674 * @author: renchao
709 * @description: 更新土地用途信息 675 */
710 * @param {*} val 676 loadData () {
711 * @author: renchao 677 this.$startLoading();
712 */ 678 this.propsParam.isEdit = this.$parent.isEdit;
713 upDateTdytxxList(val) { 679 init(this.propsParam).then((res) => {
714 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 680 if (res.code == 200) {
715 this.key++; 681 this.ruleForm = res.result;
716 }, 682 this.$endLoading();
717 // 更新权利人信息 683 this.isShow = true;
718 /** 684 let djlx = this.ruleForm.qlxx.djlx;
719 * @description: 更新权利人信息 685 if (djlx == null || djlx == 100) {
720 * @param {*} val 686 this.ssqlxxshow = false;
721 * @author: renchao 687 }
722 */
723 upDateQlrxxList(val) {
724 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
725 this.czrOptions = this.ruleForm.qlrData;
726 this.key++;
727 },
728 // 更新义务人信息
729 /**
730 * @description: 更新义务人信息
731 * @param {*} val
732 * @author: renchao
733 */
734 upDateYwrxxList(val) {
735 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
736 this.key++;
737 },
738 /**
739 * @description: onSubmit
740 * @author: renchao
741 */
742 onSubmit() {
743 this.$refs.ruleForm.validate((valid) => {
744 if (valid) {
745 if (this.ruleForm.qlrData.length == 0) {
746 this.$message({
747 showClose: true,
748 message: "请确认权利人信息",
749 type: "error",
750 });
751 return false;
752 } 688 }
753 if (this.ruleForm.ywrData.length == 0) { 689 });
754 this.$message({ 690 //获取主体信息
755 showClose: true, 691 getSsQlxx({
756 message: "请确认义务人信息", 692 bdcdyid: this.propsParam.bdcdyid,
757 type: "error", 693 qllx: this.propsParam.qllx,
758 }); 694 }).then((res) => {
759 return false; 695 if (res.code == 200) {
696 this.ssQlxxList = res.result;
697 }
698 });
699 //获取上手信息
700 getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
701 if (res.code == 200) {
702 this.ztQlxxList = res.result;
760 } 703 }
761 if (this.ruleForm.qlxx.gyfs == "0") { 704 });
762 if (this.ruleForm.qlrData.length > 1) { 705 },
706 // 更新土地用途信息
707 /**
708 * @description: 更新土地用途信息
709 * @param {*} val
710 * @author: renchao
711 */
712 upDateTdytxxList (val) {
713 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
714 this.key++;
715 },
716 // 更新权利人信息
717 /**
718 * @description: 更新权利人信息
719 * @param {*} val
720 * @author: renchao
721 */
722 upDateQlrxxList (val) {
723 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
724 this.czrOptions = this.ruleForm.qlrData;
725 this.key++;
726 },
727 // 更新义务人信息
728 /**
729 * @description: 更新义务人信息
730 * @param {*} val
731 * @author: renchao
732 */
733 upDateYwrxxList (val) {
734 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
735 this.key++;
736 },
737 /**
738 * @description: onSubmit
739 * @author: renchao
740 */
741 onSubmit () {
742 this.$refs.ruleForm.validate((valid) => {
743 if (valid) {
744 if (this.ruleForm.qlrData.length == 0) {
763 this.$message({ 745 this.$message({
764 showClose: true, 746 showClose: true,
765 message: "共有方式：单独所有，权利人只能是一个人", 747 message: "请确认权利人信息",
766 type: "error", 748 type: "error",
767 }); 749 });
768 return false; 750 return false;
769 } 751 }
770 this.ruleForm.qlrData[0].sfczr = "1"; 752 if (this.ruleForm.ywrData.length == 0) {
771 }
772 if (this.ruleForm.qlxx.gyfs == "1") {
773 //是否分别持证
774 if (this.ruleForm.qlxx.sqfbcz == "1") {
775 //是
776 this.ruleForm.qlrData.forEach((item, index) => {
777 item.sfczr = "1";
778 });
779 } else {
780 this.ruleForm.qlrData.forEach((item, index) => {
781 if (item.zjh == this.ruleForm.czr) {
782 item.sfczr = "1";
783 } else {
784 item.sfczr = "0";
785 }
786 });
787 }
788 }
789 save(this.ruleForm).then((res) => {
790 if (res.code === 200) {
791 this.$message({
792 showClose: true,
793 message: "保存成功！",
794 type: "success",
795 });
796 this.$parent.changeywh()
797 this.$store.dispatch("user/refreshPage", true);
798 } else {
799 this.$message({ 753 this.$message({
800 showClose: true, 754 showClose: true,
801 message: res.message, 755 message: "请确认义务人信息",
802 type: "error", 756 type: "error",
803 }); 757 });
758 return false;
804 } 759 }
805 }); 760 if (this.ruleForm.qlxx.gyfs == "0") {
806 } else { 761 if (this.ruleForm.qlrData.length > 1) {
807 return false; 762 this.$message({
808 } 763 showClose: true,
809 }); 764 message: "共有方式：单独所有，权利人只能是一个人",
765 type: "error",
766 });
767 return false;
768 }
769 this.ruleForm.qlrData[0].sfczr = "1";
770 }
771 if (this.ruleForm.qlxx.gyfs == "1") {
772 //是否分别持证
773 if (this.ruleForm.qlxx.sqfbcz == "1") {
774 //是
775 this.ruleForm.qlrData.forEach((item, index) => {
776 item.sfczr = "1";
777 });
778 } else {
779 this.ruleForm.qlrData.forEach((item, index) => {
780 if (item.zjh == this.ruleForm.czr) {
781 item.sfczr = "1";
782 } else {
783 item.sfczr = "0";
784 }
785 });
786 }
787 }
788 save(this.ruleForm).then((res) => {
789 if (res.code === 200) {
790 this.$message({
791 showClose: true,
792 message: "保存成功！",
793 type: "success",
794 });
795 this.$parent.changeywh()
796 this.$store.dispatch("user/refreshPage", true);
797 } else {
798 this.$message({
799 showClose: true,
800 message: res.message,
801 type: "error",
802 });
803 }
804 });
805 } else {
806 return false;
807 }
808 });
809 },
810 }, 810 },
811 }, 811 };
812 };
813 </script> 812 </script>
814 <style scoped lang="scss"> 813 <style scoped lang="scss">
815 @import "~@/styles/public.scss"; 814 @import "~@/styles/public.scss";
816 @import "~@/styles/slxx/slxx.scss"; 815 @import "~@/styles/slxx/slxx.scss";
817 .el-date-editor.el-input { 816 .el-date-editor.el-input {
818 width: 100%; 817 width: 100%;
819 } 818 }
820 .el-table__row { 819 .el-table__row {
821 height: 30px !important; 820 height: 30px !important;
822 } 821 }
823 </style> 822 </style>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-07-03 09:59:11 4 * @LastEditTime: 2023-08-02 08:37:47
5 --> 5 -->
6 <template> 6 <template>
7 <!-- 受理信息 --> 7 <!-- 受理信息 -->
...@@ -15,8 +15,7 @@ ...@@ -15,8 +15,7 @@
15 :label-position="flag ? 'top' : ''" 15 :label-position="flag ? 'top' : ''"
16 :inline="flag" 16 :inline="flag"
17 :show-message="false" 17 :show-message="false"
18 label-width="150px" 18 label-width="150px">
19 >
20 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 19 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
21 <div class="slxx_title title-block"> 20 <div class="slxx_title title-block">
22 补录信息 21 补录信息
...@@ -48,25 +47,21 @@ ...@@ -48,25 +47,21 @@
48 <el-form-item 47 <el-form-item
49 label="地役权不动产信息：" 48 label="地役权不动产信息："
50 prop="ztQlxx.bdcqzh" 49 prop="ztQlxx.bdcqzh"
51 :rules="rules.ztQlxxrules" 50 :rules="rules.ztQlxxrules">
52 >
53 <select-table 51 <select-table
54 v-model="ruleForm.ztQlxx" 52 v-model="ruleForm.ztQlxx"
55 :table-width="550" 53 :table-width="550"
56 :tableData="ztQlxxList" 54 :tableData="ztQlxxList"
57 :props="props" 55 :props="props"
58 @change="ztQlxxchange" 56 @change="ztQlxxchange">
59 >
60 <el-table-column 57 <el-table-column
61 prop="qllxmc" 58 prop="qllxmc"
62 width="130" 59 width="130"
63 label="权利类型" 60 label="权利类型"></el-table-column>
64 ></el-table-column>
65 <el-table-column 61 <el-table-column
66 prop="bdcqzh" 62 prop="bdcqzh"
67 width="160" 63 width="160"
68 label="不动产权证书" 64 label="不动产权证书"></el-table-column>
69 ></el-table-column>
70 <el-table-column prop="qlrmc" label="权利人"></el-table-column> 65 <el-table-column prop="qlrmc" label="权利人"></el-table-column>
71 <el-table-column prop="mjmc" label="面积"></el-table-column> 66 <el-table-column prop="mjmc" label="面积"></el-table-column>
72 <el-table-column prop="ytmc" label="用途"></el-table-column> 67 <el-table-column prop="ytmc" label="用途"></el-table-column>
...@@ -82,18 +77,15 @@ ...@@ -82,18 +77,15 @@
82 :table-width="550" 77 :table-width="550"
83 :tableData="ssQlxxList" 78 :tableData="ssQlxxList"
84 :props="props" 79 :props="props"
85 @change="ssQlxxchange" 80 @change="ssQlxxchange">
86 >
87 <el-table-column 81 <el-table-column
88 prop="qllxmc" 82 prop="qllxmc"
89 width="130" 83 width="130"
90 label="权利类型" 84 label="权利类型"></el-table-column>
91 ></el-table-column>
92 <el-table-column 85 <el-table-column
93 prop="bdcqzh" 86 prop="bdcqzh"
94 width="160" 87 width="160"
95 label="不动产权证书" 88 label="不动产权证书"></el-table-column>
96 ></el-table-column>
97 <el-table-column prop="qlrmc" label="权利人"></el-table-column> 89 <el-table-column prop="qlrmc" label="权利人"></el-table-column>
98 <el-table-column prop="mjmc" label="面积"></el-table-column> 90 <el-table-column prop="mjmc" label="面积"></el-table-column>
99 <el-table-column prop="ytmc" label="用途"></el-table-column> 91 <el-table-column prop="ytmc" label="用途"></el-table-column>
...@@ -165,7 +157,7 @@ ...@@ -165,7 +157,7 @@
165 </el-form-item> 157 </el-form-item>
166 </el-col> 158 </el-col>
167 <el-col :span="8"> 159 <el-col :span="8">
168 <el-form-item label="业务号：" prop="qlxx.ywh" :rules="rules.ywhrules"> 160 <el-form-item label="业务号：" prop="qlxx.ywh" :rules="rules.ywhrules">
169 <el-input v-model="ruleForm.qlxx.ywh"></el-input> 161 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
170 </el-form-item> 162 </el-form-item>
171 </el-col> 163 </el-col>
...@@ -190,15 +182,13 @@ ...@@ -190,15 +182,13 @@
190 <el-form-item 182 <el-form-item
191 label="登记类型： " 183 label="登记类型： "
192 prop="qlxx.djlx" 184 prop="qlxx.djlx"
193 :rules="rules.djlxrules" 185 :rules="rules.djlxrules">
194 >
195 <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> 186 <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
196 <el-option 187 <el-option
197 v-for="item in djlxlist" 188 v-for="item in djlxlist"
198 :key="item.dcode" 189 :key="item.dcode"
199 :label="item.dname" 190 :label="item.dname"
200 :value="item.dcode" 191 :value="item.dcode">
201 >
202 </el-option> 192 </el-option>
203 </el-select> 193 </el-select>
204 </el-form-item> 194 </el-form-item>
...@@ -212,8 +202,7 @@ ...@@ -212,8 +202,7 @@
212 <el-form-item 202 <el-form-item
213 label="不动产权证号：" 203 label="不动产权证号："
214 prop="qlxx.bdcqzh" 204 prop="qlxx.bdcqzh"
215 :rules="rules.bdcqzhrules" 205 :rules="rules.bdcqzhrules">
216 >
217 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> 206 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
218 </el-form-item> 207 </el-form-item>
219 </el-col> 208 </el-col>
...@@ -226,8 +215,7 @@ ...@@ -226,8 +215,7 @@
226 <el-form-item 215 <el-form-item
227 label="登记机构：" 216 label="登记机构："
228 prop="qlxx.djjg" 217 prop="qlxx.djjg"
229 :rules="rules.djjgrules" 218 :rules="rules.djjgrules">
230 >
231 <el-input v-model="ruleForm.qlxx.djjg"></el-input> 219 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
232 </el-form-item> 220 </el-form-item>
233 </el-col> 221 </el-col>
...@@ -235,8 +223,7 @@ ...@@ -235,8 +223,7 @@
235 <el-form-item 223 <el-form-item
236 label="登簿人：" 224 label="登簿人："
237 prop="qlxx.dbr" 225 prop="qlxx.dbr"
238 :rules="rules.dbrrules" 226 :rules="rules.dbrrules">
239 >
240 <el-input v-model="ruleForm.qlxx.dbr"></el-input> 227 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
241 </el-form-item> 228 </el-form-item>
242 </el-col> 229 </el-col>
...@@ -244,16 +231,14 @@ ...@@ -244,16 +231,14 @@
244 <el-form-item 231 <el-form-item
245 label="登记时间：" 232 label="登记时间："
246 prop="qlxx.djsj" 233 prop="qlxx.djsj"
247 :rules="rules.djsjrules" 234 :rules="rules.djsjrules">
248 >
249 <el-date-picker 235 <el-date-picker
250 v-model="ruleForm.qlxx.djsj" 236 v-model="ruleForm.qlxx.djsj"
251 type="date" 237 type="date"
252 class="width100" 238 class="width100"
253 placeholder="选择日期" 239 placeholder="选择日期"
254 value-format="yyyy-MM-dd HH:mm:ss" 240 value-format="yyyy-MM-dd HH:mm:ss"
255 format="yyyy-MM-dd" 241 format="yyyy-MM-dd">
256 >
257 </el-date-picker> 242 </el-date-picker>
258 </el-form-item> 243 </el-form-item>
259 </el-col> 244 </el-col>
...@@ -264,8 +249,7 @@ ...@@ -264,8 +249,7 @@
264 v-for="item in qsztlist" 249 v-for="item in qsztlist"
265 :key="item.dcode" 250 :key="item.dcode"
266 :label="item.dname" 251 :label="item.dname"
267 :value="item.dcode" 252 :value="item.dcode">
268 >
269 </el-option> 253 </el-option>
270 </el-select> 254 </el-select>
271 </el-form-item> 255 </el-form-item>
...@@ -288,8 +272,7 @@ ...@@ -288,8 +272,7 @@
288 v-for="item in dictData['A30']" 272 v-for="item in dictData['A30']"
289 :key="item.dcode" 273 :key="item.dcode"
290 :label="item.dname" 274 :label="item.dname"
291 :value="item.dcode" 275 :value="item.dcode"></el-option>
292 ></el-option>
293 </el-select> 276 </el-select>
294 </el-form-item> 277 </el-form-item>
295 </el-col> 278 </el-col>
...@@ -320,8 +303,7 @@ ...@@ -320,8 +303,7 @@
320 v-for="item in dictData['A30']" 303 v-for="item in dictData['A30']"
321 :key="item.dcode" 304 :key="item.dcode"
322 :label="item.dname" 305 :label="item.dname"
323 :value="item.dcode" 306 :value="item.dcode"></el-option>
324 ></el-option>
325 </el-select> 307 </el-select>
326 </el-form-item> 308 </el-form-item>
327 </el-col> 309 </el-col>
...@@ -348,8 +330,7 @@ ...@@ -348,8 +330,7 @@
348 type="date" 330 type="date"
349 placeholder="选择日期" 331 placeholder="选择日期"
350 value-format="yyyy-MM-dd HH:mm:ss" 332 value-format="yyyy-MM-dd HH:mm:ss"
351 format="yyyy-MM-dd" 333 format="yyyy-MM-dd">
352 >
353 </el-date-picker> 334 </el-date-picker>
354 </el-form-item> 335 </el-form-item>
355 </el-col> 336 </el-col>
...@@ -361,8 +342,7 @@ ...@@ -361,8 +342,7 @@
361 type="date" 342 type="date"
362 placeholder="选择日期" 343 placeholder="选择日期"
363 value-format="yyyy-MM-dd HH:mm:ss" 344 value-format="yyyy-MM-dd HH:mm:ss"
364 format="yyyy-MM-dd" 345 format="yyyy-MM-dd">
365 >
366 </el-date-picker> 346 </el-date-picker>
367 </el-form-item> 347 </el-form-item>
368 </el-col> 348 </el-col>
...@@ -386,8 +366,7 @@ ...@@ -386,8 +366,7 @@
386 <el-form-item label="共有方式："> 366 <el-form-item label="共有方式：">
387 <el-radio-group 367 <el-radio-group
388 :disabled="!ableOperation" 368 :disabled="!ableOperation"
389 v-model="ruleForm.qlxx.gyfs" 369 v-model="ruleForm.sldy.gyfs">
390 >
391 <el-radio label="0">单独所有</el-radio> 370 <el-radio label="0">单独所有</el-radio>
392 <el-radio label="1">共同共有</el-radio> 371 <el-radio label="1">共同共有</el-radio>
393 <el-radio label="2">按份所有</el-radio> 372 <el-radio label="2">按份所有</el-radio>
...@@ -395,14 +374,40 @@ ...@@ -395,14 +374,40 @@
395 </el-radio-group> 374 </el-radio-group>
396 </el-form-item> 375 </el-form-item>
397 </el-col> 376 </el-col>
377 <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
378 <el-form-item label="是否分别持证：">
379 <el-radio-group
380 v-model="ruleForm.sldy.sqfbcz"
381 :disabled="!ableOperation">
382 <el-radio :label="1">是</el-radio>
383 <el-radio :label="0">否</el-radio>
384 </el-radio-group>
385 </el-form-item>
386 </el-col>
387 <el-col
388 :span="6"
389 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs == '1'">
390 <el-form-item label="持证人：">
391 <el-select
392 v-model="ruleForm.czr"
393 placeholder="持证人"
394 :disabled="!ableOperation">
395 <el-option
396 v-for="item in czrOptions"
397 :key="item.zjh"
398 :label="item.sqrmc"
399 :value="item.zjh">
400 </el-option>
401 </el-select>
402 </el-form-item>
403 </el-col>
398 </el-row> 404 </el-row>
399 <qlrCommonTable 405 <qlrCommonTable
400 :tableData="ruleForm.qlrData" 406 :tableData="ruleForm.qlrData"
401 @upDateQlrxxList="upDateQlrxxList" 407 @upDateQlrxxList="upDateQlrxxList"
402 :key="key" 408 :key="key"
403 :ableOperation="ableOperation" 409 :ableOperation="ableOperation"
404 :gyfs="ruleForm.qlxx.gyfs" 410 :gyfs="ruleForm.qlxx.gyfs" />
405 />
406 411
407 <div> 412 <div>
408 <div class="slxx_title title-block"> 413 <div class="slxx_title title-block">
...@@ -414,8 +419,7 @@ ...@@ -414,8 +419,7 @@
414 :tableData="ruleForm.ywrData" 419 :tableData="ruleForm.ywrData"
415 :key="key" 420 :key="key"
416 :ableOperation="ableOperation" 421 :ableOperation="ableOperation"
417 @upDateQlrxxList="upDateYwrxxList" 422 @upDateQlrxxList="upDateYwrxxList" />
418 />
419 </div> 423 </div>
420 </div> 424 </div>
421 <el-row class="btn" v-if="ableOperation"> 425 <el-row class="btn" v-if="ableOperation">
...@@ -427,275 +431,277 @@ ...@@ -427,275 +431,277 @@
427 </div> 431 </div>
428 </template> 432 </template>
429 <script> 433 <script>
430 import { mapGetters } from "vuex"; 434 import { mapGetters } from "vuex";
431 import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbRepair.js"; 435 import ywmix from "@/views/ywbl/mixin/index"
432 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; 436 import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbRepair.js";
433 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; 437 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
434 import tdytTable from "@/views/workflow/components/tdytTable"; 438 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
435 import selectTable from "@/components/selectTable/index.vue"; 439 import tdytTable from "@/views/workflow/components/tdytTable";
436 export default { 440 import selectTable from "@/components/selectTable/index.vue";
437 components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, 441 export default {
438 computed: { 442 mixins: [ywmix],
439 ...mapGetters(["dictData", "flag"]), 443 components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable },
440 // 根据流程判断表单是否为只读 444 computed: {
441 editDisabled() { 445 ...mapGetters(["dictData", "flag"]),
442 if (!this.ableOperation) { 446 // 根据流程判断表单是否为只读
443 //只读状态 447 editDisabled () {
444 return true; 448 if (!this.ableOperation) {
445 } 449 //只读状态
446 return false; 450 return true;
447 }, 451 }
448 }, 452 return false;
449 data() {
450 return {
451 ssqlxxshow: true,
452 props: {
453 label: "bdcqzh",
454 value: "bdcdyid",
455 }, 453 },
456 //表单是否可操作 454 },
457 propsParam: this.$attrs, 455 data () {
458 key: 0, 456 return {
459 isShow: false, 457 ssqlxxshow: true,
460 disabled: true, 458 props: {
461 czrOptions: [], 459 label: "bdcqzh",
462 ssQlxxList: [], 460 value: "bdcdyid",
463 ztQlxxList: [],
464 ruleForm: {},
465 // 登记类型
466 djlxlist: [
467 {
468 dcode: "100",
469 dname: "首次登记",
470 },
471 {
472 dcode: "200",
473 dname: "转移登记",
474 },
475 {
476 dcode: "300",
477 dname: "变更登记",
478 },
479 {
480 dcode: "500",
481 dname: "更正登记",
482 }, 461 },
462 //表单是否可操作
463 propsParam: this.$attrs,
464 key: 0,
465 isShow: false,
466 disabled: true,
467 czrOptions: [],
468 ssQlxxList: [],
469 ztQlxxList: [],
470 ruleForm: {},
471 // 登记类型
472 djlxlist: [
473 {
474 dcode: "100",
475 dname: "首次登记",
476 },
477 {
478 dcode: "200",
479 dname: "转移登记",
480 },
481 {
482 dcode: "300",
483 dname: "变更登记",
484 },
485 {
486 dcode: "500",
487 dname: "更正登记",
488 },
483 489
484 { 490 {
485 dcode: "901", 491 dcode: "901",
486 dname: "补证", 492 dname: "补证",
487 }, 493 },
488 { 494 {
489 dcode: "902", 495 dcode: "902",
490 dname: "换证", 496 dname: "换证",
491 }, 497 },
492 ],
493 // 权属状态
494 qsztlist: [
495 {
496 dcode: "1",
497 dname: "现势",
498 },
499 {
500 dcode: "2",
501 dname: "历史",
502 },
503 ],
504 ableOperation: false,
505 //传递参数\
506 rules: {
507 ztQlxxrules: [
508 { required: true, message: "抵押不动产信息", trigger: "blur" },
509 ], 498 ],
510 bdcqzhrules: [ 499 // 权属状态
511 { required: true, message: "不动产登记证明号", trigger: "blur" }, 500 qsztlist: [
501 {
502 dcode: "1",
503 dname: "现势",
504 },
505 {
506 dcode: "2",
507 dname: "历史",
508 },
512 ], 509 ],
513 djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], 510 ableOperation: false,
514 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], 511 //传递参数\
515 djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], 512 rules: {
516 djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], 513 ztQlxxrules: [
517 ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], 514 { required: true, message: "抵押不动产信息", trigger: "blur" },
518 }, 515 ],
519 }; 516 bdcqzhrules: [
520 }, 517 { required: true, message: "不动产登记证明号", trigger: "blur" },
521 created() {}, 518 ],
522 mounted() { 519 djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
523 this.loadData(); 520 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
524 this.ableOperation = this.$parent.ableOperation; 521 djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
525 }, 522 djlxrules: [{ required: true, message: "登记类型", trigger: "change" }],
526 methods: { 523 ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
527 /** 524 },
528 * @description: ztQlxxchange 525 };
529 * @param {*} val
530 * @author: renchao
531 */
532 ztQlxxchange(val) {
533 this.ruleForm.ztQlxx = val;
534 },
535 /**
536 * @description: ssQlxxchange
537 * @param {*} val
538 * @author: renchao
539 */
540 ssQlxxchange(val) {
541 this.ruleForm.ssQlxx = val;
542 this.ruleForm.qlxx.ssywh = val.ywh;
543 }, 526 },
544 /** 527 created () { },
545 * @description: djlxchange 528 mounted () {
546 * @param {*} val 529 this.loadData();
547 * @author: renchao 530 this.ableOperation = this.$parent.ableOperation;
548 */
549 djlxchange(val) {
550 console.log("val", val);
551 if (val == null || val == 100) {
552 this.ssqlxxshow = false;
553 } else {
554 this.ssqlxxshow = true;
555 }
556 }, 531 },
557 /** 532 methods: {
558 * @description: loadData 533 /**
559 * @author: renchao 534 * @description: ztQlxxchange
560 */ 535 * @param {*} val
561 loadData() { 536 * @author: renchao
562 this.$startLoading(); 537 */
563 this.propsParam.isEdit = this.$parent.isEdit; 538 ztQlxxchange (val) {
564 init(this.propsParam).then((res) => { 539 this.ruleForm.ztQlxx = val;
565 if (res.code == 200) { 540 },
566 this.ruleForm = res.result; 541 /**
567 let djlx = this.ruleForm.qlxx.djlx; 542 * @description: ssQlxxchange
568 if (djlx == null || djlx == 100) { 543 * @param {*} val
569 this.ssqlxxshow = false; 544 * @author: renchao
570 } 545 */
571 this.$endLoading(); 546 ssQlxxchange (val) {
572 this.isShow = true; 547 this.ruleForm.ssQlxx = val;
573 } 548 this.ruleForm.qlxx.ssywh = val.ywh;
574 }); 549 },
575 //获取主体信息 550 /**
576 getSsQlxx({ 551 * @description: djlxchange
577 bdcdyid: this.propsParam.bdcdyid, 552 * @param {*} val
578 qllx: this.propsParam.qllx, 553 * @author: renchao
579 }).then((res) => { 554 */
580 if (res.code == 200) { 555 djlxchange (val) {
581 this.ssQlxxList = res.result; 556 console.log("val", val);
582 } 557 if (val == null || val == 100) {
583 }); 558 this.ssqlxxshow = false;
584 //获取上手信息 559 } else {
585 getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { 560 this.ssqlxxshow = true;
586 if (res.code == 200) {
587 this.ztQlxxList = res.result;
588 } 561 }
589 }); 562 },
590 }, 563 /**
591 // 更新土地用途信息 564 * @description: loadData
592 /** 565 * @author: renchao
593 * @description: 更新土地用途信息 566 */
594 * @param {*} val 567 loadData () {
595 * @author: renchao 568 this.$startLoading();
596 */ 569 this.propsParam.isEdit = this.$parent.isEdit;
597 upDateTdytxxList(val) { 570 init(this.propsParam).then((res) => {
598 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 571 if (res.code == 200) {
599 this.key++; 572 this.ruleForm = res.result;
600 }, 573 let djlx = this.ruleForm.qlxx.djlx;
601 // 更新权利人信息 574 if (djlx == null || djlx == 100) {
602 /** 575 this.ssqlxxshow = false;
603 * @description: 更新权利人信息 576 }
604 * @param {*} val 577 this.$endLoading();
605 * @author: renchao 578 this.isShow = true;
606 */
607 upDateQlrxxList(val) {
608 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
609 this.czrOptions = this.ruleForm.qlrData;
610 this.key++;
611 },
612 // 更新义务人信息
613 /**
614 * @description: 更新义务人信息
615 * @param {*} val
616 * @author: renchao
617 */
618 upDateYwrxxList(val) {
619 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
620 this.key++;
621 },
622 /**
623 * @description: onSubmit
624 * @author: renchao
625 */
626 onSubmit() {
627 this.$refs.ruleForm.validate((valid) => {
628 if (valid) {
629 if (this.ruleForm.qlrData.length == 0) {
630 this.$message({
631 showClose: true,
632 message: "请确认权利人信息",
633 type: "error",
634 });
635 return false;
636 } 579 }
637 if (this.ruleForm.ywrData.length == 0) { 580 });
638 this.$message({ 581 //获取主体信息
639 showClose: true, 582 getSsQlxx({
640 message: "请确认义务人信息", 583 bdcdyid: this.propsParam.bdcdyid,
641 type: "error", 584 qllx: this.propsParam.qllx,
642 }); 585 }).then((res) => {
643 return false; 586 if (res.code == 200) {
587 this.ssQlxxList = res.result;
588 }
589 });
590 //获取上手信息
591 getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
592 if (res.code == 200) {
593 this.ztQlxxList = res.result;
644 } 594 }
645 if (this.ruleForm.qlxx.gyfs == "0") { 595 });
646 if (this.ruleForm.qlrData.length > 1) { 596 },
597 // 更新土地用途信息
598 /**
599 * @description: 更新土地用途信息
600 * @param {*} val
601 * @author: renchao
602 */
603 upDateTdytxxList (val) {
604 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
605 this.key++;
606 },
607 // 更新权利人信息
608 /**
609 * @description: 更新权利人信息
610 * @param {*} val
611 * @author: renchao
612 */
613 upDateQlrxxList (val) {
614 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
615 this.czrOptions = this.ruleForm.qlrData;
616 this.key++;
617 },
618 // 更新义务人信息
619 /**
620 * @description: 更新义务人信息
621 * @param {*} val
622 * @author: renchao
623 */
624 upDateYwrxxList (val) {
625 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
626 this.key++;
627 },
628 /**
629 * @description: onSubmit
630 * @author: renchao
631 */
632 onSubmit () {
633 this.$refs.ruleForm.validate((valid) => {
634 if (valid) {
635 if (this.ruleForm.qlrData.length == 0) {
647 this.$message({ 636 this.$message({
648 showClose: true, 637 showClose: true,
649 message: "共有方式：单独所有，权利人只能是一个人", 638 message: "请确认权利人信息",
650 type: "error", 639 type: "error",
651 }); 640 });
652 return false; 641 return false;
653 } 642 }
654 this.ruleForm.qlrData[0].sfczr = "1"; 643 if (this.ruleForm.ywrData.length == 0) {
655 }
656 if (this.ruleForm.qlxx.gyfs == "1") {
657 //是否分别持证
658 if (this.ruleForm.qlxx.sqfbcz == "1") {
659 //是
660 this.ruleForm.qlrData.forEach((item, index) => {
661 item.sfczr = "1";
662 });
663 } else {
664 this.ruleForm.qlrData.forEach((item, index) => {
665 if (item.zjh == this.ruleForm.czr) {
666 item.sfczr = "1";
667 } else {
668 item.sfczr = "0";
669 }
670 });
671 }
672 }
673 save(this.ruleForm).then((res) => {
674 if (res.code === 200) {
675 this.$message({
676 showClose: true,
677 message: "保存成功！",
678 type: "success",
679 });
680 this.$parent.changeywh()
681 this.$store.dispatch("user/refreshPage", true);
682 } else {
683 this.$message({ 644 this.$message({
684 showClose: true, 645 showClose: true,
685 message: res.message, 646 message: "请确认义务人信息",
686 type: "error", 647 type: "error",
687 }); 648 });
649 return false;
688 } 650 }
689 }); 651 if (this.ruleForm.qlxx.gyfs == "0") {
690 } else { 652 if (this.ruleForm.qlrData.length > 1) {
691 return false; 653 this.$message({
692 } 654 showClose: true,
693 }); 655 message: "共有方式：单独所有，权利人只能是一个人",
656 type: "error",
657 });
658 return false;
659 }
660 this.ruleForm.qlrData[0].sfczr = "1";
661 }
662 if (this.ruleForm.qlxx.gyfs == "1") {
663 //是否分别持证
664 if (this.ruleForm.qlxx.sqfbcz == "1") {
665 //是
666 this.ruleForm.qlrData.forEach((item, index) => {
667 item.sfczr = "1";
668 });
669 } else {
670 this.ruleForm.qlrData.forEach((item, index) => {
671 if (item.zjh == this.ruleForm.czr) {
672 item.sfczr = "1";
673 } else {
674 item.sfczr = "0";
675 }
676 });
677 }
678 }
679 save(this.ruleForm).then((res) => {
680 if (res.code === 200) {
681 this.$message({
682 showClose: true,
683 message: "保存成功！",
684 type: "success",
685 });
686 this.$parent.changeywh()
687 this.$store.dispatch("user/refreshPage", true);
688 } else {
689 this.$message({
690 showClose: true,
691 message: res.message,
692 type: "error",
693 });
694 }
695 });
696 } else {
697 return false;
698 }
699 });
700 },
694 }, 701 },
695 }, 702 };
696 };
697 </script> 703 </script>
698 <style scoped lang="scss"> 704 <style scoped lang="scss">
699 @import "~@/styles/public.scss"; 705 @import "~@/styles/public.scss";
700 @import "~@/styles/slxx/slxx.scss"; 706 @import "~@/styles/slxx/slxx.scss";
701 </style> 707 </style>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-07-21 09:48:32 4 * @LastEditTime: 2023-08-02 08:38:11
5 --> 5 -->
6 <template> 6 <template>
7 <!-- 受理信息 --> 7 <!-- 受理信息 -->
...@@ -116,8 +116,8 @@ ...@@ -116,8 +116,8 @@
116 <el-col :span="8"> 116 <el-col :span="8">
117 <el-form-item label="独用土地面积："> 117 <el-form-item label="独用土地面积：">
118 <div class="flex"> 118 <div class="flex">
119 <el-input v-model="ruleForm.fdcq2.dytdmj" 119 <el-input v-model="ruleForm.fdcq2.dytdmj"
120 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 120 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
121 <el-select 121 <el-select
122 disabled 122 disabled
123 v-model="mjdw" 123 v-model="mjdw"
...@@ -129,14 +129,14 @@ ...@@ -129,14 +129,14 @@
129 :value="item.dcode"> 129 :value="item.dcode">
130 </el-option> 130 </el-option>
131 </el-select> 131 </el-select>
132 </div> 132 </div>
133 </el-form-item> 133 </el-form-item>
134 </el-col> 134 </el-col>
135 <el-col :span="8"> 135 <el-col :span="8">
136 <el-form-item label="分摊土地面积："> 136 <el-form-item label="分摊土地面积：">
137 <div class="flex"> 137 <div class="flex">
138 <el-input v-model="ruleForm.fdcq2.fttdmj" 138 <el-input v-model="ruleForm.fdcq2.fttdmj"
139 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 139 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
140 <el-select 140 <el-select
141 disabled 141 disabled
142 v-model="mjdw" 142 v-model="mjdw"
...@@ -148,7 +148,7 @@ ...@@ -148,7 +148,7 @@
148 :value="item.dcode"> 148 :value="item.dcode">
149 </el-option> 149 </el-option>
150 </el-select> 150 </el-select>
151 </div> 151 </div>
152 </el-form-item> 152 </el-form-item>
153 </el-col> 153 </el-col>
154 <el-col :span="8"> 154 <el-col :span="8">
...@@ -165,12 +165,11 @@ ...@@ -165,12 +165,11 @@
165 </el-col> 165 </el-col>
166 <el-col :span="8"> 166 <el-col :span="8">
167 <el-form-item label="房地产交易价格："> 167 <el-form-item label="房地产交易价格：">
168 <div class="flex"> 168 <div class="flex">
169 <el-input 169 <el-input
170 v-model="ruleForm.fdcq2.qjjg" 170 v-model="ruleForm.fdcq2.qjjg"
171 style="width: 500%" 171 style="width: 500%"
172 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" 172 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
173 ></el-input>
174 <el-select v-model="ruleForm.fdcq2.jedw"> 173 <el-select v-model="ruleForm.fdcq2.jedw">
175 <el-option 174 <el-option
176 v-for="item in dictData['A57']" 175 v-for="item in dictData['A57']"
...@@ -255,11 +254,11 @@ ...@@ -255,11 +254,11 @@
255 </el-col> 254 </el-col>
256 <el-col :span="8"> 255 <el-col :span="8">
257 <el-form-item label="建筑面积："> 256 <el-form-item label="建筑面积：">
258 <div class="flex"> 257 <div class="flex">
259 <el-input v-model="ruleForm.fdcq2.jzmj" 258 <el-input v-model="ruleForm.fdcq2.jzmj"
260 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 259 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
261 <el-select 260 <el-select
262 disabled 261 disabled
263 v-model="mjdw" 262 v-model="mjdw"
264 style="width: 20%"> 263 style="width: 20%">
265 <el-option 264 <el-option
...@@ -269,16 +268,16 @@ ...@@ -269,16 +268,16 @@
269 :value="item.dcode"> 268 :value="item.dcode">
270 </el-option> 269 </el-option>
271 </el-select> 270 </el-select>
272 </div> 271 </div>
273 </el-form-item> 272 </el-form-item>
274 </el-col> 273 </el-col>
275 <el-col :span="8"> 274 <el-col :span="8">
276 <el-form-item label="专有建筑面积："> 275 <el-form-item label="专有建筑面积：">
277 <div class="flex"> 276 <div class="flex">
278 <el-input v-model="ruleForm.fdcq2.zyjzmj" 277 <el-input v-model="ruleForm.fdcq2.zyjzmj"
279 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 278 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
280 <el-select 279 <el-select
281 disabled 280 disabled
282 v-model="mjdw" 281 v-model="mjdw"
283 style="width: 20%"> 282 style="width: 20%">
284 <el-option 283 <el-option
...@@ -288,16 +287,16 @@ ...@@ -288,16 +287,16 @@
288 :value="item.dcode"> 287 :value="item.dcode">
289 </el-option> 288 </el-option>
290 </el-select> 289 </el-select>
291 </div> 290 </div>
292 </el-form-item> 291 </el-form-item>
293 </el-col> 292 </el-col>
294 <el-col :span="8"> 293 <el-col :span="8">
295 <el-form-item label="分摊建筑面积："> 294 <el-form-item label="分摊建筑面积：">
296 <div class="flex"> 295 <div class="flex">
297 <el-input v-model="ruleForm.fdcq2.ftjzmj" 296 <el-input v-model="ruleForm.fdcq2.ftjzmj"
298 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 297 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
299 <el-select 298 <el-select
300 disabled 299 disabled
301 v-model="mjdw" 300 v-model="mjdw"
302 style="width: 20%"> 301 style="width: 20%">
303 <el-option 302 <el-option
...@@ -307,19 +306,18 @@ ...@@ -307,19 +306,18 @@
307 :value="item.dcode"> 306 :value="item.dcode">
308 </el-option> 307 </el-option>
309 </el-select> 308 </el-select>
310 </div> 309 </div>
311 </el-form-item> 310 </el-form-item>
312 </el-col> 311 </el-col>
313 <el-col :span="8"> 312 <el-col :span="8">
314 <el-form-item label="竣工时间："> 313 <el-form-item label="竣工时间：">
315 <el-date-picker 314 <el-date-picker
316 v-model="ruleForm.fdcq2.jgsj" 315 v-model="ruleForm.fdcq2.jgsj"
317 class="width100" 316 class="width100"
318 type="date" 317 type="date"
319 placeholder="选择日期" 318 placeholder="选择日期"
320 value-format="yyyy-MM-dd HH:mm:ss" 319 value-format="yyyy-MM-dd HH:mm:ss"
321 format="yyyy-MM-dd" 320 format="yyyy-MM-dd">
322 >
323 </el-date-picker> 321 </el-date-picker>
324 </el-form-item> 322 </el-form-item>
325 </el-col> 323 </el-col>
...@@ -404,7 +402,7 @@ ...@@ -404,7 +402,7 @@
404 <el-form-item label="共有方式："> 402 <el-form-item label="共有方式：">
405 <el-radio-group 403 <el-radio-group
406 :disabled="!ableOperation" 404 :disabled="!ableOperation"
407 v-model="ruleForm.qlxx.gyfs"> 405 v-model="ruleForm.sldy.gyfs">
408 <el-radio label="0">单独所有</el-radio> 406 <el-radio label="0">单独所有</el-radio>
409 <el-radio label="1">共同共有</el-radio> 407 <el-radio label="1">共同共有</el-radio>
410 <el-radio label="2">按份所有</el-radio> 408 <el-radio label="2">按份所有</el-radio>
...@@ -412,6 +410,33 @@ ...@@ -412,6 +410,33 @@
412 </el-radio-group> 410 </el-radio-group>
413 </el-form-item> 411 </el-form-item>
414 </el-col> 412 </el-col>
413 <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
414 <el-form-item label="是否分别持证：">
415 <el-radio-group
416 v-model="ruleForm.sldy.sqfbcz"
417 :disabled="!ableOperation">
418 <el-radio :label="1">是</el-radio>
419 <el-radio :label="0">否</el-radio>
420 </el-radio-group>
421 </el-form-item>
422 </el-col>
423 <el-col
424 :span="6"
425 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs == '1'">
426 <el-form-item label="持证人：">
427 <el-select
428 v-model="ruleForm.czr"
429 placeholder="持证人"
430 :disabled="!ableOperation">
431 <el-option
432 v-for="item in czrOptions"
433 :key="item.zjh"
434 :label="item.sqrmc"
435 :value="item.zjh">
436 </el-option>
437 </el-select>
438 </el-form-item>
439 </el-col>
415 </el-row> 440 </el-row>
416 <qlrCommonTable 441 <qlrCommonTable
417 :tableData="ruleForm.qlrData" 442 :tableData="ruleForm.qlrData"
...@@ -430,11 +455,13 @@ ...@@ -430,11 +455,13 @@
430 </template> 455 </template>
431 <script> 456 <script>
432 import { mapGetters } from "vuex"; 457 import { mapGetters } from "vuex";
458 import ywmix from "@/views/ywbl/mixin/index"
433 import { init, getSsQlxx, save } from "@/api/djbRepair.js"; 459 import { init, getSsQlxx, save } from "@/api/djbRepair.js";
434 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; 460 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
435 import selectTable from "@/components/selectTable/index.vue"; 461 import selectTable from "@/components/selectTable/index.vue";
436 import tdytTable from "@/views/workflow/components/tdytTable"; 462 import tdytTable from "@/views/workflow/components/tdytTable";
437 export default { 463 export default {
464 mixins: [ywmix],
438 components: { qlrCommonTable, tdytTable, selectTable }, 465 components: { qlrCommonTable, tdytTable, selectTable },
439 computed: { 466 computed: {
440 ...mapGetters(["dictData", "flag"]), 467 ...mapGetters(["dictData", "flag"]),
...@@ -449,7 +476,7 @@ ...@@ -449,7 +476,7 @@
449 }, 476 },
450 data () { 477 data () {
451 return { 478 return {
452 mjdw:"1", 479 mjdw: "1",
453 ssqlxxshow: true, 480 ssqlxxshow: true,
454 props: { 481 props: {
455 label: "bdcqzh", 482 label: "bdcqzh",
...@@ -698,7 +725,7 @@ ...@@ -698,7 +725,7 @@
698 message: "保存成功！", 725 message: "保存成功！",
699 type: "success", 726 type: "success",
700 }); 727 });
701 this.$parent.changeywh() 728 this.$parent.changeywh()
702 this.$store.dispatch("user/refreshPage", true); 729 this.$store.dispatch("user/refreshPage", true);
703 } else { 730 } else {
704 this.$message({ 731 this.$message({
...@@ -720,9 +747,9 @@ ...@@ -720,9 +747,9 @@
720 @import "~@/styles/public.scss"; 747 @import "~@/styles/public.scss";
721 @import "~@/styles/slxx/slxx.scss"; 748 @import "~@/styles/slxx/slxx.scss";
722 .el-date-editor.el-input { 749 .el-date-editor.el-input {
723 width: 100%; 750 width: 100%;
724 } 751 }
725 .el-table__row { 752 .el-table__row {
726 height: 30px !important; 753 height: 30px !important;
727 } 754 }
728 </style> 755 </style>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-06-25 15:52:42 4 * @LastEditTime: 2023-08-02 08:38:26
5 --> 5 -->
6 <template> 6 <template>
7 <!-- 受理信息 --> 7 <!-- 受理信息 -->
...@@ -9,13 +9,12 @@ ...@@ -9,13 +9,12 @@
9 <el-form 9 <el-form
10 :model="ruleForm" 10 :model="ruleForm"
11 :rules="rules" 11 :rules="rules"
12 :class="{readonly: editDisabled }" 12 :class="{readonly: editDisabled }"
13 class="loadingtext" 13 class="loadingtext"
14 ref="ruleForm" 14 ref="ruleForm"
15 :label-position="flag ? 'top' : ''" 15 :label-position="flag ? 'top' : ''"
16 :inline="flag" 16 :inline="flag"
17 label-width="145px" 17 label-width="145px">
18 >
19 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
20 <div class="slxx_title title-block"> 19 <div class="slxx_title title-block">
21 补录信息 20 补录信息
...@@ -43,25 +42,22 @@ ...@@ -43,25 +42,22 @@
43 <div class="triangle"></div> 42 <div class="triangle"></div>
44 </div> 43 </div>
45 <el-row :gutter="24"> 44 <el-row :gutter="24">
46 <el-col :span="8" v-if="ssqlxxshow"> 45 <el-col :span="8" v-if="ssqlxxshow">
47 <el-form-item label="上手权利信息："> 46 <el-form-item label="上手权利信息：">
48 <select-table 47 <select-table
49 v-model="ruleForm.ssQlxx" 48 v-model="ruleForm.ssQlxx"
50 :table-width="550" 49 :table-width="550"
51 :tableData="ssQlxxList" 50 :tableData="ssQlxxList"
52 :props="props" 51 :props="props"
53 @change="ssQlxxchange" 52 @change="ssQlxxchange">
54 >
55 <el-table-column 53 <el-table-column
56 prop="qllxmc" 54 prop="qllxmc"
57 width="130" 55 width="130"
58 label="权利类型" 56 label="权利类型"></el-table-column>
59 ></el-table-column>
60 <el-table-column 57 <el-table-column
61 prop="bdcqzh" 58 prop="bdcqzh"
62 width="160" 59 width="160"
63 label="不动产权证书" 60 label="不动产权证书"></el-table-column>
64 ></el-table-column>
65 <el-table-column prop="qlrmc" label="权利人"></el-table-column> 61 <el-table-column prop="qlrmc" label="权利人"></el-table-column>
66 <el-table-column prop="mjmc" label="面积"></el-table-column> 62 <el-table-column prop="mjmc" label="面积"></el-table-column>
67 <el-table-column prop="ytmc" label="用途"></el-table-column> 63 <el-table-column prop="ytmc" label="用途"></el-table-column>
...@@ -70,7 +66,7 @@ ...@@ -70,7 +66,7 @@
70 </el-form-item> 66 </el-form-item>
71 </el-col> 67 </el-col>
72 </el-row> 68 </el-row>
73 <el-row :gutter="10"> 69 <el-row :gutter="10">
74 <el-col :span="8"> 70 <el-col :span="8">
75 <el-form-item label="不动产单元号："> 71 <el-form-item label="不动产单元号：">
76 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> 72 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
...@@ -94,14 +90,13 @@ ...@@ -94,14 +90,13 @@
94 </el-form-item> 90 </el-form-item>
95 </el-col> 91 </el-col>
96 <el-col :span="8"> 92 <el-col :span="8">
97 <el-form-item label="登记类型：" prop="qlxx.djlx" :rules="rules.djlxrules"> 93 <el-form-item label="登记类型：" prop="qlxx.djlx" :rules="rules.djlxrules">
98 <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> 94 <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
99 <el-option 95 <el-option
100 v-for="item in djlxlist" 96 v-for="item in djlxlist"
101 :key="item.dcode" 97 :key="item.dcode"
102 :label="item.dname" 98 :label="item.dname"
103 :value="item.dcode" 99 :value="item.dcode">
104 >
105 </el-option> 100 </el-option>
106 </el-select> 101 </el-select>
107 </el-form-item> 102 </el-form-item>
...@@ -113,8 +108,7 @@ ...@@ -113,8 +108,7 @@
113 v-for="item in qsztlist" 108 v-for="item in qsztlist"
114 :key="item.dcode" 109 :key="item.dcode"
115 :label="item.dname" 110 :label="item.dname"
116 :value="item.dcode" 111 :value="item.dcode">
117 >
118 </el-option> 112 </el-option>
119 </el-select> 113 </el-select>
120 </el-form-item> 114 </el-form-item>
...@@ -133,8 +127,8 @@ ...@@ -133,8 +127,8 @@
133 <el-col :span="8"> 127 <el-col :span="8">
134 <el-form-item label="使用权面积："> 128 <el-form-item label="使用权面积：">
135 <div class="flex"> 129 <div class="flex">
136 <el-input v-model="ruleForm.jsydsyq.syqmj" 130 <el-input v-model="ruleForm.jsydsyq.syqmj"
137 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 131 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
138 <el-select 132 <el-select
139 disabled 133 disabled
140 v-model="mjdw" 134 v-model="mjdw"
...@@ -146,7 +140,7 @@ ...@@ -146,7 +140,7 @@
146 :value="item.dcode"> 140 :value="item.dcode">
147 </el-option> 141 </el-option>
148 </el-select> 142 </el-select>
149 </div> 143 </div>
150 </el-form-item> 144 </el-form-item>
151 </el-col> 145 </el-col>
152 <el-col :span="8"> 146 <el-col :span="8">
...@@ -174,15 +168,13 @@ ...@@ -174,15 +168,13 @@
174 <div style="display: flex"> 168 <div style="display: flex">
175 <el-input 169 <el-input
176 v-model="ruleForm.jsydsyq.qdjg" 170 v-model="ruleForm.jsydsyq.qdjg"
177 style="width: 500%" 171 style="width: 500%"></el-input>
178 ></el-input>
179 <el-select v-model="ruleForm.jsydsyq.jedw"> 172 <el-select v-model="ruleForm.jsydsyq.jedw">
180 <el-option 173 <el-option
181 v-for="item in dictData['A57']" 174 v-for="item in dictData['A57']"
182 :key="item.dcode" 175 :key="item.dcode"
183 :label="item.dname" 176 :label="item.dname"
184 :value="item.dcode" 177 :value="item.dcode">
185 >
186 </el-option> 178 </el-option>
187 </el-select> 179 </el-select>
188 </div> 180 </div>
...@@ -193,8 +185,7 @@ ...@@ -193,8 +185,7 @@
193 <el-form-item 185 <el-form-item
194 label="不动产权证号：" 186 label="不动产权证号："
195 prop="qlxx.bdcqzh" 187 prop="qlxx.bdcqzh"
196 :rules="rules.bdcqzhrules" 188 :rules="rules.bdcqzhrules">
197 >
198 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> 189 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
199 </el-form-item> 190 </el-form-item>
200 </el-col> 191 </el-col>
...@@ -211,8 +202,7 @@ ...@@ -211,8 +202,7 @@
211 <el-form-item 202 <el-form-item
212 label="登记机构：" 203 label="登记机构："
213 prop="qlxx.djjg" 204 prop="qlxx.djjg"
214 :rules="rules.djjgrules" 205 :rules="rules.djjgrules">
215 >
216 <el-input v-model="ruleForm.qlxx.djjg"></el-input> 206 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
217 </el-form-item> 207 </el-form-item>
218 </el-col> 208 </el-col>
...@@ -220,8 +210,7 @@ ...@@ -220,8 +210,7 @@
220 <el-form-item 210 <el-form-item
221 label="登簿人：" 211 label="登簿人："
222 prop="qlxx.dbr" 212 prop="qlxx.dbr"
223 :rules="rules.dbrrules" 213 :rules="rules.dbrrules">
224 >
225 <el-input v-model="ruleForm.qlxx.dbr"></el-input> 214 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
226 </el-form-item> 215 </el-form-item>
227 </el-col> 216 </el-col>
...@@ -229,16 +218,14 @@ ...@@ -229,16 +218,14 @@
229 <el-form-item 218 <el-form-item
230 label="登记时间：" 219 label="登记时间："
231 prop="qlxx.djsj" 220 prop="qlxx.djsj"
232 :rules="rules.djsjrules" 221 :rules="rules.djsjrules">
233 > 222 <el-date-picker
234 <el-date-picker
235 v-model="ruleForm.qlxx.djsj" 223 v-model="ruleForm.qlxx.djsj"
236 type="date" 224 type="date"
237 class="width100" 225 class="width100"
238 placeholder="选择日期" 226 placeholder="选择日期"
239 value-format="yyyy-MM-dd HH:mm:ss" 227 value-format="yyyy-MM-dd HH:mm:ss"
240 format="yyyy-MM-dd" 228 format="yyyy-MM-dd">
241 >
242 </el-date-picker> 229 </el-date-picker>
243 </el-form-item> 230 </el-form-item>
244 </el-col> 231 </el-col>
...@@ -257,8 +244,7 @@ ...@@ -257,8 +244,7 @@
257 <tdytTable 244 <tdytTable
258 :tableData="ruleForm.tdytqxList" 245 :tableData="ruleForm.tdytqxList"
259 @upDateTdytxxList="upDateTdytxxList" 246 @upDateTdytxxList="upDateTdytxxList"
260 :ableOperation="ableOperation" 247 :ableOperation="ableOperation" />
261 />
262 <div class="slxx_title title-block"> 248 <div class="slxx_title title-block">
263 权利人信息 249 权利人信息
264 <div class="triangle"></div> 250 <div class="triangle"></div>
...@@ -266,10 +252,9 @@ ...@@ -266,10 +252,9 @@
266 <el-row :gutter="10"> 252 <el-row :gutter="10">
267 <el-col :span="12"> 253 <el-col :span="12">
268 <el-form-item label="共有方式："> 254 <el-form-item label="共有方式：">
269 <el-radio-group 255 <el-radio-group
270 :disabled="!ableOperation" 256 :disabled="!ableOperation"
271 v-model="ruleForm.qlxx.gyfs" 257 v-model="ruleForm.sldy.gyfs">
272 >
273 <el-radio label="0">单独所有</el-radio> 258 <el-radio label="0">单独所有</el-radio>
274 <el-radio label="1">共同共有</el-radio> 259 <el-radio label="1">共同共有</el-radio>
275 <el-radio label="2">按份所有</el-radio> 260 <el-radio label="2">按份所有</el-radio>
...@@ -277,14 +262,40 @@ ...@@ -277,14 +262,40 @@
277 </el-radio-group> 262 </el-radio-group>
278 </el-form-item> 263 </el-form-item>
279 </el-col> 264 </el-col>
265 <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
266 <el-form-item label="是否分别持证：">
267 <el-radio-group
268 v-model="ruleForm.sldy.sqfbcz"
269 :disabled="!ableOperation">
270 <el-radio :label="1">是</el-radio>
271 <el-radio :label="0">否</el-radio>
272 </el-radio-group>
273 </el-form-item>
274 </el-col>
275 <el-col
276 :span="6"
277 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs == '1'">
278 <el-form-item label="持证人：">
279 <el-select
280 v-model="ruleForm.czr"
281 placeholder="持证人"
282 :disabled="!ableOperation">
283 <el-option
284 v-for="item in czrOptions"
285 :key="item.zjh"
286 :label="item.sqrmc"
287 :value="item.zjh">
288 </el-option>
289 </el-select>
290 </el-form-item>
291 </el-col>
280 </el-row> 292 </el-row>
281 <qlrCommonTable 293 <qlrCommonTable
282 :tableData="ruleForm.qlrData" 294 :tableData="ruleForm.qlrData"
283 @upDateQlrxxList="upDateQlrxxList" 295 @upDateQlrxxList="upDateQlrxxList"
284 :key="key" 296 :key="key"
285 :ableOperation="ableOperation" 297 :ableOperation="ableOperation"
286 :gyfs="ruleForm.qlxx.gyfs" 298 :gyfs="ruleForm.qlxx.gyfs" />
287 />
288 299
289 </div> 300 </div>
290 <el-row class="btn" v-if="ableOperation"> 301 <el-row class="btn" v-if="ableOperation">
...@@ -296,268 +307,270 @@ ...@@ -296,268 +307,270 @@
296 </div> 307 </div>
297 </template> 308 </template>
298 <script> 309 <script>
299 import store from "@/store/index.js"; 310 import { mapGetters } from "vuex";
300 import { mapGetters } from "vuex"; 311 import store from "@/store/index.js";
301 import { init,getSsQlxx, save } from "@/api/djbRepair.js"; 312 import ywmix from "@/views/ywbl/mixin/index"
302 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; 313 import { init, getSsQlxx, save } from "@/api/djbRepair.js";
303 import tdytTable from "@/views/workflow/components/tdytTable"; 314 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
304 import selectTable from "@/components/selectTable/index.vue"; 315 import tdytTable from "@/views/workflow/components/tdytTable";
305 export default { 316 import selectTable from "@/components/selectTable/index.vue";
306 components: { qlrCommonTable, tdytTable,selectTable }, 317 export default {
307 computed: { 318 mixins: [ywmix],
308 ...mapGetters(["dictData", "flag"]), 319 components: { qlrCommonTable, tdytTable, selectTable },
309 // 根据流程判断表单是否为只读 320 computed: {
310 editDisabled() { 321 ...mapGetters(["dictData", "flag"]),
311 if (!this.ableOperation) { 322 // 根据流程判断表单是否为只读
312 //只读状态 323 editDisabled () {
313 return true; 324 if (!this.ableOperation) {
314 } 325 //只读状态
315 return false; 326 return true;
316 },
317 },
318 data() {
319 return {
320 mjdw:"1",
321 ssqlxxshow:true,
322 props: {
323 label: "bdcqzh",
324 value: "bdcdyid",
325 },
326 // 键名转换，方法默认是label和children进行树状渲染
327 normalizer(node) {
328 //方法
329 if (node.children == null || node.children == "null") {
330 delete node.children;
331 } 327 }
332 return { 328 return false;
333 id: node.dcode,
334 label: node.dname,
335 };
336 }, 329 },
337 //表单是否可操作 330 },
338 propsParam: this.$attrs, 331 data () {
339 ableOperation:false, 332 return {
340 key: 0, 333 mjdw: "1",
341 ssQlxxList: [], 334 ssqlxxshow: true,
342 // 登记类型 335 props: {
343 djlxlist: [ 336 label: "bdcqzh",
344 { 337 value: "bdcdyid",
345 dcode: "100",
346 dname: "首次登记",
347 },
348 {
349 dcode: "200",
350 dname: "转移登记",
351 },
352 {
353 dcode: "300",
354 dname: "变更登记",
355 }, 338 },
356 { 339 // 键名转换，方法默认是label和children进行树状渲染
357 dcode: "500", 340 normalizer (node) {
358 dname: "更正登记", 341 //方法
342 if (node.children == null || node.children == "null") {
343 delete node.children;
344 }
345 return {
346 id: node.dcode,
347 label: node.dname,
348 };
359 }, 349 },
350 //表单是否可操作
351 propsParam: this.$attrs,
352 ableOperation: false,
353 key: 0,
354 ssQlxxList: [],
355 // 登记类型
356 djlxlist: [
357 {
358 dcode: "100",
359 dname: "首次登记",
360 },
361 {
362 dcode: "200",
363 dname: "转移登记",
364 },
365 {
366 dcode: "300",
367 dname: "变更登记",
368 },
369 {
370 dcode: "500",
371 dname: "更正登记",
372 },
360 373
361 { 374 {
362 dcode: "901", 375 dcode: "901",
363 dname: "补证", 376 dname: "补证",
364 }, 377 },
365 { 378 {
366 dcode: "902", 379 dcode: "902",
367 dname: "换证", 380 dname: "换证",
368 }, 381 },
369 ],
370 // 权属状态
371 qsztlist: [
372 {
373 dcode: "1",
374 dname: "现势",
375 },
376 {
377 dcode: "2",
378 dname: "历史",
379 },
380 ],
381 tdxz: null,
382 isShow: false,
383 disabled: true,
384 czrOptions: [],
385 ruleForm: {},
386 //传递参数\
387 rules: {
388 bdcqzhrules: [
389 { required: true, message: "不动产权证号：", trigger: "blur" },
390 ], 382 ],
391 // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], 383 // 权属状态
392 djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], 384 qsztlist: [
393 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], 385 {
394 djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], 386 dcode: "1",
395 djlxrules: [{ required: true, message: "登记类型", trigger: "blur" }], 387 dname: "现势",
396 }, 388 },
397 }; 389 {
398 }, 390 dcode: "2",
399 created() { 391 dname: "历史",
400 this.loadData(); 392 },
401 }, 393 ],
402 mounted() { 394 tdxz: null,
403 this.ableOperation=this.$parent.ableOperation 395 isShow: false,
404 }, 396 disabled: true,
405 methods: { 397 czrOptions: [],
406 /** 398 ruleForm: {},
407 * @description: ssQlxxchange 399 //传递参数\
408 * @param {*} val 400 rules: {
409 * @author: renchao 401 bdcqzhrules: [
410 */ 402 { required: true, message: "不动产权证号：", trigger: "blur" },
411 ssQlxxchange(val) { 403 ],
412 this.ruleForm.ssQlxx = val; 404 // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
413 this.ruleForm.qlxx.ssywh = val.ywh; 405 djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
406 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
407 djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
408 djlxrules: [{ required: true, message: "登记类型", trigger: "blur" }],
409 },
410 };
414 }, 411 },
415 /** 412 created () {
416 * @description: djlxchange 413 this.loadData();
417 * @param {*} val
418 * @author: renchao
419 */
420 djlxchange(val) {
421 if (val == null || val == 100) {
422 this.ssqlxxshow = false;
423 } else {
424 this.ssqlxxshow = true;
425 }
426 }, 414 },
427 // 字典 415 mounted () {
428 /** 416 this.ableOperation = this.$parent.ableOperation
429 * @description: 字典
430 * @param {*} val
431 * @author: renchao
432 */
433 getDictData(val) {
434 return store.getters.dictData[val];
435 }, 417 },
436 /** 418 methods: {
437 * @description: loadData 419 /**
438 * @author: renchao 420 * @description: ssQlxxchange
439 */ 421 * @param {*} val
440 loadData() { 422 * @author: renchao
423 */
424 ssQlxxchange (val) {
425 this.ruleForm.ssQlxx = val;
426 this.ruleForm.qlxx.ssywh = val.ywh;
427 },
428 /**
429 * @description: djlxchange
430 * @param {*} val
431 * @author: renchao
432 */
433 djlxchange (val) {
434 if (val == null || val == 100) {
435 this.ssqlxxshow = false;
436 } else {
437 this.ssqlxxshow = true;
438 }
439 },
440 // 字典
441 /**
442 * @description: 字典
443 * @param {*} val
444 * @author: renchao
445 */
446 getDictData (val) {
447 return store.getters.dictData[val];
448 },
449 /**
450 * @description: loadData
451 * @author: renchao
452 */
453 loadData () {
441 this.$startLoading(); 454 this.$startLoading();
442 this.propsParam.isEdit = this.$parent.isEdit; 455 this.propsParam.isEdit = this.$parent.isEdit;
443 init(this.propsParam).then((res) => { 456 init(this.propsParam).then((res) => {
444 if (res.code == 200) { 457 if (res.code == 200) {
445 this.ruleForm = res.result; 458 this.ruleForm = res.result;
446 let djlx = this.ruleForm.qlxx.djlx; 459 let djlx = this.ruleForm.qlxx.djlx;
447 if (djlx == null || djlx == 100) { 460 if (djlx == null || djlx == 100) {
448 this.ssqlxxshow = false; 461 this.ssqlxxshow = false;
462 }
463 this.$endLoading();
464 if (this.ruleForm.tdytqxList.length > 0) {
465 this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm;
466 } else {
467 this.tdxz = null;
468 }
469 this.isShow = true;
449 } 470 }
450 this.$endLoading(); 471 });
451 if (this.ruleForm.tdytqxList.length > 0) { 472 //获取主体信息
452 this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm; 473 getSsQlxx({
453 } else { 474 bdcdyid: this.propsParam.bdcdyid,
454 this.tdxz = null; 475 qllx: this.propsParam.qllx,
476 }).then((res) => {
477 if (res.code == 200) {
478 this.ssQlxxList = res.result;
455 } 479 }
456 this.isShow = true; 480 });
457 } 481 },
458 }); 482 // 更新土地用途信息
459 //获取主体信息 483 /**
460 getSsQlxx({ 484 * @description: 更新土地用途信息
461 bdcdyid: this.propsParam.bdcdyid, 485 * @param {*} val
462 qllx: this.propsParam.qllx, 486 * @author: renchao
463 }).then((res) => { 487 */
464 if (res.code == 200) { 488 upDateTdytxxList (val) {
465 this.ssQlxxList = res.result; 489 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
466 } 490 this.key++;
467 }); 491 },
468 }, 492 // 更新权利人信息
469 // 更新土地用途信息 493 /**
470 /** 494 * @description: 更新权利人信息
471 * @description: 更新土地用途信息 495 * @param {*} val
472 * @param {*} val 496 * @author: renchao
473 * @author: renchao 497 */
474 */ 498 upDateQlrxxList (val) {
475 upDateTdytxxList(val) { 499 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
476 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 500 this.czrOptions = this.ruleForm.qlrData;
477 this.key++; 501 this.key++;
478 }, 502 },
479 // 更新权利人信息 503 // 保存
480 /** 504 /**
481 * @description: 更新权利人信息 505 * @description: onSubmit
482 * @param {*} val 506 * @author: renchao
483 * @author: renchao 507 */
484 */ 508 onSubmit () {
485 upDateQlrxxList(val) { 509 this.$refs.ruleForm.validate((valid) => {
486 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); 510 if (valid) {
487 this.czrOptions = this.ruleForm.qlrData; 511 if (this.ruleForm.qlrData.length == 0) {
488 this.key++;
489 },
490 // 保存
491 /**
492 * @description: onSubmit
493 * @author: renchao
494 */
495 onSubmit() {
496 this.$refs.ruleForm.validate((valid) => {
497 if (valid) {
498 if (this.ruleForm.qlrData.length == 0) {
499 this.$message({
500 showClose: true,
501 message: "请确认权利人信息",
502 type: "error",
503 });
504 return false;
505 }
506
507 if (this.ruleForm.qlxx.gyfs == "0") {
508 if (this.ruleForm.qlrData.length > 1) {
509 this.$message({ 512 this.$message({
510 showClose: true, 513 showClose: true,
511 message: "共有方式：单独所有，权利人只能是一个人", 514 message: "请确认权利人信息",
512 type: "error", 515 type: "error",
513 }); 516 });
514 return false; 517 return false;
515 } 518 }
516 this.ruleForm.qlrData[0].sfczr = "1"; 519
517 } 520 if (this.ruleForm.qlxx.gyfs == "0") {
518 if (this.ruleForm.qlxx.gyfs == "1") { 521 if (this.ruleForm.qlrData.length > 1) {
519 //是否分别持证 522 this.$message({
520 if (this.ruleForm.qlxx.sqfbcz == "1") { 523 showClose: true,
521 //是 524 message: "共有方式：单独所有，权利人只能是一个人",
522 this.ruleForm.qlrData.forEach((item, index) => { 525 type: "error",
523 item.sfczr = "1"; 526 });
524 }); 527 return false;
525 } else { 528 }
526 this.ruleForm.qlrData.forEach((item, index) => { 529 this.ruleForm.qlrData[0].sfczr = "1";
527 if (item.zjh == this.ruleForm.czr) { 530 }
531 if (this.ruleForm.qlxx.gyfs == "1") {
532 //是否分别持证
533 if (this.ruleForm.qlxx.sqfbcz == "1") {
534 //是
535 this.ruleForm.qlrData.forEach((item, index) => {
528 item.sfczr = "1"; 536 item.sfczr = "1";
529 } else { 537 });
530 item.sfczr = "0"; 538 } else {
531 } 539 this.ruleForm.qlrData.forEach((item, index) => {
532 }); 540 if (item.zjh == this.ruleForm.czr) {
541 item.sfczr = "1";
542 } else {
543 item.sfczr = "0";
544 }
545 });
546 }
533 } 547 }
548 save(this.ruleForm).then((res) => {
549 if (res.code === 200) {
550 this.$message({
551 showClose: true,
552 message: "保存成功！",
553 type: "success",
554 });
555 this.$parent.changeywh()
556 this.$store.dispatch("user/refreshPage", true);
557 } else {
558 this.$message({
559 showClose: true,
560 message: res.message,
561 type: "error",
562 });
563 }
564 });
565 } else {
566 return false;
534 } 567 }
535 save(this.ruleForm).then((res) => { 568 });
536 if (res.code === 200) { 569 },
537 this.$message({
538 showClose: true,
539 message: "保存成功！",
540 type: "success",
541 });
542 this.$parent.changeywh()
543 this.$store.dispatch("user/refreshPage", true);
544 } else {
545 this.$message({
546 showClose: true,
547 message: res.message,
548 type: "error",
549 });
550 }
551 });
552 } else {
553 return false;
554 }
555 });
556 }, 570 },
557 }, 571 };
558 };
559 </script> 572 </script>
560 <style scoped lang="scss"> 573 <style scoped lang="scss">
561 @import "~@/styles/public.scss"; 574 @import "~@/styles/public.scss";
562 @import "~@/styles/slxx/slxx.scss"; 575 @import "~@/styles/slxx/slxx.scss";
563 </style> 576 </style>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-06-25 15:52:42 4 * @LastEditTime: 2023-08-02 08:38:41
5 --> 5 -->
6 <template> 6 <template>
7 <!-- 受理信息 --> 7 <!-- 受理信息 -->
...@@ -15,8 +15,7 @@ ...@@ -15,8 +15,7 @@
15 :show-message="false" 15 :show-message="false"
16 :label-position="flag ? 'top' : ''" 16 :label-position="flag ? 'top' : ''"
17 :inline="flag" 17 :inline="flag"
18 label-width="120px" 18 label-width="120px">
19 >
20 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 19 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
21 <div class="slxx_title title-block"> 20 <div class="slxx_title title-block">
22 补录信息 21 补录信息
...@@ -44,25 +43,22 @@ ...@@ -44,25 +43,22 @@
44 <div class="triangle"></div> 43 <div class="triangle"></div>
45 </div> 44 </div>
46 <el-row :gutter="10"> 45 <el-row :gutter="10">
47 <el-col :span="8" v-if="ssqlxxshow"> 46 <el-col :span="8" v-if="ssqlxxshow">
48 <el-form-item label="上手权利信息："> 47 <el-form-item label="上手权利信息：">
49 <select-table 48 <select-table
50 v-model="ruleForm.ssQlxx" 49 v-model="ruleForm.ssQlxx"
51 :table-width="550" 50 :table-width="550"
52 :tableData="ssQlxxList" 51 :tableData="ssQlxxList"
53 :props="props" 52 :props="props"
54 @change="ssQlxxchange" 53 @change="ssQlxxchange">
55 >
56 <el-table-column 54 <el-table-column
57 prop="qllxmc" 55 prop="qllxmc"
58 width="130" 56 width="130"
59 label="权利类型" 57 label="权利类型"></el-table-column>
60 ></el-table-column>
61 <el-table-column 58 <el-table-column
62 prop="bdcqzh" 59 prop="bdcqzh"
63 width="160" 60 width="160"
64 label="不动产权证书" 61 label="不动产权证书"></el-table-column>
65 ></el-table-column>
66 <el-table-column prop="qlrmc" label="权利人"></el-table-column> 62 <el-table-column prop="qlrmc" label="权利人"></el-table-column>
67 <el-table-column prop="mjmc" label="面积"></el-table-column> 63 <el-table-column prop="mjmc" label="面积"></el-table-column>
68 <el-table-column prop="ytmc" label="用途"></el-table-column> 64 <el-table-column prop="ytmc" label="用途"></el-table-column>
...@@ -70,30 +66,28 @@ ...@@ -70,30 +66,28 @@
70 </select-table> 66 </select-table>
71 </el-form-item> 67 </el-form-item>
72 </el-col> 68 </el-col>
73 <el-col :span="8"> 69 <el-col :span="8">
74 <el-form-item label="上手业务号："> 70 <el-form-item label="上手业务号：">
75 <el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input> 71 <el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input>
76 </el-form-item> 72 </el-form-item>
77 </el-col> 73 </el-col>
78 <el-col :span="8"> 74 <el-col :span="8">
79 <el-form-item 75 <el-form-item
80 label="登记类型：" 76 label="登记类型："
81 prop="qlxx.djlx" 77 prop="qlxx.djlx"
82 :rules="rules.djlxrules" 78 :rules="rules.djlxrules">
83 >
84 <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> 79 <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
85 <el-option 80 <el-option
86 v-for="item in djlxlist" 81 v-for="item in djlxlist"
87 :key="item.dcode" 82 :key="item.dcode"
88 :label="item.dname" 83 :label="item.dname"
89 :value="item.dcode" 84 :value="item.dcode">
90 >
91 </el-option> 85 </el-option>
92 </el-select> 86 </el-select>
93 </el-form-item> 87 </el-form-item>
94 </el-col> 88 </el-col>
95 </el-row> 89 </el-row>
96 <el-row :gutter="10"> 90 <el-row :gutter="10">
97 <el-col :span="8"> 91 <el-col :span="8">
98 <el-form-item label="不动产单元号："> 92 <el-form-item label="不动产单元号：">
99 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> 93 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
...@@ -114,8 +108,7 @@ ...@@ -114,8 +108,7 @@
114 <el-form-item 108 <el-form-item
115 label="登簿人：" 109 label="登簿人："
116 prop="qlxx.dbr" 110 prop="qlxx.dbr"
117 :rules="rules.dbrrules" 111 :rules="rules.dbrrules">
118 >
119 <el-input v-model="ruleForm.qlxx.dbr"></el-input> 112 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
120 </el-form-item> 113 </el-form-item>
121 </el-col> 114 </el-col>
...@@ -123,8 +116,7 @@ ...@@ -123,8 +116,7 @@
123 <el-form-item 116 <el-form-item
124 label="登记机构：" 117 label="登记机构："
125 prop="qlxx.djjg" 118 prop="qlxx.djjg"
126 :rules="rules.djjgrules" 119 :rules="rules.djjgrules">
127 >
128 <el-input v-model="ruleForm.qlxx.djjg"></el-input> 120 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
129 </el-form-item> 121 </el-form-item>
130 </el-col> 122 </el-col>
...@@ -141,8 +133,7 @@ ...@@ -141,8 +133,7 @@
141 <el-form-item 133 <el-form-item
142 label="不动产权证号：" 134 label="不动产权证号："
143 prop="qlxx.bdcqzh" 135 prop="qlxx.bdcqzh"
144 :rules="rules.bdcqzhrules" 136 :rules="rules.bdcqzhrules">
145 >
146 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> 137 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
147 </el-form-item> 138 </el-form-item>
148 </el-col> 139 </el-col>
...@@ -153,8 +144,7 @@ ...@@ -153,8 +144,7 @@
153 v-for="item in qsztlist" 144 v-for="item in qsztlist"
154 :key="item.dcode" 145 :key="item.dcode"
155 :label="item.dname" 146 :label="item.dname"
156 :value="item.dcode" 147 :value="item.dcode">
157 >
158 </el-option> 148 </el-option>
159 </el-select> 149 </el-select>
160 </el-form-item> 150 </el-form-item>
...@@ -173,19 +163,16 @@ ...@@ -173,19 +163,16 @@
173 <el-input 163 <el-input
174 v-model="ruleForm.tdsyq.nydmj" 164 v-model="ruleForm.tdsyq.nydmj"
175 :disabled="!ableOperation" 165 :disabled="!ableOperation"
176 oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" 166 oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input>
177 ></el-input>
178 <el-select 167 <el-select
179 v-model="ruleForm.tdsyq.mjdw" 168 v-model="ruleForm.tdsyq.mjdw"
180 :disabled="!ableOperation" 169 :disabled="!ableOperation"
181 style="width: 20%" 170 style="width: 20%">
182 >
183 <el-option 171 <el-option
184 v-for="item in dictData['A7']" 172 v-for="item in dictData['A7']"
185 :key="item.dcode" 173 :key="item.dcode"
186 :label="item.dname" 174 :label="item.dname"
187 :value="item.dcode" 175 :value="item.dcode">
188 >
189 </el-option> 176 </el-option>
190 </el-select> 177 </el-select>
191 </div> 178 </div>
...@@ -197,19 +184,16 @@ ...@@ -197,19 +184,16 @@
197 <el-input 184 <el-input
198 v-model="ruleForm.tdsyq.gdmj" 185 v-model="ruleForm.tdsyq.gdmj"
199 :disabled="!ableOperation" 186 :disabled="!ableOperation"
200 oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" 187 oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input>
201 ></el-input>
202 <el-select 188 <el-select
203 v-model="ruleForm.tdsyq.mjdw" 189 v-model="ruleForm.tdsyq.mjdw"
204 :disabled="!ableOperation" 190 :disabled="!ableOperation"
205 style="width: 20%" 191 style="width: 20%">
206 >
207 <el-option 192 <el-option
208 v-for="item in dictData['A7']" 193 v-for="item in dictData['A7']"
209 :key="item.dcode" 194 :key="item.dcode"
210 :label="item.dname" 195 :label="item.dname"
211 :value="item.dcode" 196 :value="item.dcode">
212 >
213 </el-option> 197 </el-option>
214 </el-select> 198 </el-select>
215 </div> 199 </div>
...@@ -221,19 +205,16 @@ ...@@ -221,19 +205,16 @@
221 <el-input 205 <el-input
222 v-model="ruleForm.tdsyq.ldmj" 206 v-model="ruleForm.tdsyq.ldmj"
223 :disabled="!ableOperation" 207 :disabled="!ableOperation"
224 oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" 208 oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input>
225 ></el-input>
226 <el-select 209 <el-select
227 v-model="ruleForm.tdsyq.mjdw" 210 v-model="ruleForm.tdsyq.mjdw"
228 :disabled="!ableOperation" 211 :disabled="!ableOperation"
229 style="width: 20%" 212 style="width: 20%">
230 >
231 <el-option 213 <el-option
232 v-for="item in dictData['A7']" 214 v-for="item in dictData['A7']"
233 :key="item.dcode" 215 :key="item.dcode"
234 :label="item.dname" 216 :label="item.dname"
235 :value="item.dcode" 217 :value="item.dcode">
236 >
237 </el-option> 218 </el-option>
238 </el-select> 219 </el-select>
239 </div> 220 </div>
...@@ -247,19 +228,16 @@ ...@@ -247,19 +228,16 @@
247 <el-input 228 <el-input
248 v-model="ruleForm.tdsyq.cdmj" 229 v-model="ruleForm.tdsyq.cdmj"
249 :disabled="!ableOperation" 230 :disabled="!ableOperation"
250 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" 231 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
251 ></el-input>
252 <el-select 232 <el-select
253 v-model="ruleForm.tdsyq.mjdw" 233 v-model="ruleForm.tdsyq.mjdw"
254 :disabled="!ableOperation" 234 :disabled="!ableOperation"
255 style="width: 20%" 235 style="width: 20%">
256 >
257 <el-option 236 <el-option
258 v-for="item in dictData['A7']" 237 v-for="item in dictData['A7']"
259 :key="item.dcode" 238 :key="item.dcode"
260 :label="item.dname" 239 :label="item.dname"
261 :value="item.dcode" 240 :value="item.dcode">
262 >
263 </el-option> 241 </el-option>
264 </el-select> 242 </el-select>
265 </div> 243 </div>
...@@ -271,19 +249,16 @@ ...@@ -271,19 +249,16 @@
271 <el-input 249 <el-input
272 v-model="ruleForm.tdsyq.qtnydmj" 250 v-model="ruleForm.tdsyq.qtnydmj"
273 :disabled="!ableOperation" 251 :disabled="!ableOperation"
274 oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" 252 oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input>
275 ></el-input>
276 <el-select 253 <el-select
277 v-model="ruleForm.tdsyq.mjdw" 254 v-model="ruleForm.tdsyq.mjdw"
278 :disabled="!ableOperation" 255 :disabled="!ableOperation"
279 style="width: 20%" 256 style="width: 20%">
280 >
281 <el-option 257 <el-option
282 v-for="item in dictData['A7']" 258 v-for="item in dictData['A7']"
283 :key="item.dcode" 259 :key="item.dcode"
284 :label="item.dname" 260 :label="item.dname"
285 :value="item.dcode" 261 :value="item.dcode">
286 >
287 </el-option> 262 </el-option>
288 </el-select> 263 </el-select>
289 </div> 264 </div>
...@@ -295,19 +270,16 @@ ...@@ -295,19 +270,16 @@
295 <el-input 270 <el-input
296 v-model="ruleForm.tdsyq.jsydmj" 271 v-model="ruleForm.tdsyq.jsydmj"
297 :disabled="!ableOperation" 272 :disabled="!ableOperation"
298 oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" 273 oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input>
299 ></el-input>
300 <el-select 274 <el-select
301 v-model="ruleForm.tdsyq.mjdw" 275 v-model="ruleForm.tdsyq.mjdw"
302 :disabled="!ableOperation" 276 :disabled="!ableOperation"
303 style="width: 20%" 277 style="width: 20%">
304 >
305 <el-option 278 <el-option
306 v-for="item in dictData['A7']" 279 v-for="item in dictData['A7']"
307 :key="item.dcode" 280 :key="item.dcode"
308 :label="item.dname" 281 :label="item.dname"
309 :value="item.dcode" 282 :value="item.dcode">
310 >
311 </el-option> 283 </el-option>
312 </el-select> 284 </el-select>
313 </div> 285 </div>
...@@ -321,19 +293,16 @@ ...@@ -321,19 +293,16 @@
321 <el-input 293 <el-input
322 v-model="ruleForm.tdsyq.wlydmj" 294 v-model="ruleForm.tdsyq.wlydmj"
323 :disabled="!ableOperation" 295 :disabled="!ableOperation"
324 oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" 296 oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input>
325 ></el-input>
326 <el-select 297 <el-select
327 v-model="ruleForm.tdsyq.mjdw" 298 v-model="ruleForm.tdsyq.mjdw"
328 :disabled="!ableOperation" 299 :disabled="!ableOperation"
329 style="width: 20%" 300 style="width: 20%">
330 >
331 <el-option 301 <el-option
332 v-for="item in dictData['A7']" 302 v-for="item in dictData['A7']"
333 :key="item.dcode" 303 :key="item.dcode"
334 :label="item.dname" 304 :label="item.dname"
335 :value="item.dcode" 305 :value="item.dcode">
336 >
337 </el-option> 306 </el-option>
338 </el-select> 307 </el-select>
339 </div> 308 </div>
...@@ -343,16 +312,14 @@ ...@@ -343,16 +312,14 @@
343 <el-form-item 312 <el-form-item
344 label="登记时间：" 313 label="登记时间："
345 prop="qlxx.djsj" 314 prop="qlxx.djsj"
346 :rules="rules.djsjrules" 315 :rules="rules.djsjrules">
347 >
348 <el-date-picker 316 <el-date-picker
349 v-model="ruleForm.qlxx.djsj" 317 v-model="ruleForm.qlxx.djsj"
350 type="date" 318 type="date"
351 class="width100" 319 class="width100"
352 placeholder="选择日期" 320 placeholder="选择日期"
353 value-format="yyyy-MM-dd HH:mm:ss" 321 value-format="yyyy-MM-dd HH:mm:ss"
354 format="yyyy-MM-dd" 322 format="yyyy-MM-dd">
355 >
356 </el-date-picker> 323 </el-date-picker>
357 </el-form-item> 324 </el-form-item>
358 </el-col> 325 </el-col>
...@@ -371,8 +338,7 @@ ...@@ -371,8 +338,7 @@
371 <tdytTable 338 <tdytTable
372 :tableData="ruleForm.tdytqxList" 339 :tableData="ruleForm.tdytqxList"
373 @upDateTdytxxList="upDateTdytxxList" 340 @upDateTdytxxList="upDateTdytxxList"
374 :ableOperation="ableOperation" 341 :ableOperation="ableOperation" />
375 />
376 <div class="slxx_title title-block"> 342 <div class="slxx_title title-block">
377 权利人信息 343 权利人信息
378 <div class="triangle"></div> 344 <div class="triangle"></div>
...@@ -382,8 +348,7 @@ ...@@ -382,8 +348,7 @@
382 <el-form-item label="共有方式："> 348 <el-form-item label="共有方式：">
383 <el-radio-group 349 <el-radio-group
384 :disabled="!ableOperation" 350 :disabled="!ableOperation"
385 v-model="ruleForm.qlxx.gyfs" 351 v-model="ruleForm.sldy.gyfs">
386 >
387 <el-radio label="0">单独所有</el-radio> 352 <el-radio label="0">单独所有</el-radio>
388 <el-radio label="1">共同共有</el-radio> 353 <el-radio label="1">共同共有</el-radio>
389 <el-radio label="2">按份所有</el-radio> 354 <el-radio label="2">按份所有</el-radio>
...@@ -391,14 +356,40 @@ ...@@ -391,14 +356,40 @@
391 </el-radio-group> 356 </el-radio-group>
392 </el-form-item> 357 </el-form-item>
393 </el-col> 358 </el-col>
359 <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
360 <el-form-item label="是否分别持证：">
361 <el-radio-group
362 v-model="ruleForm.sldy.sqfbcz"
363 :disabled="!ableOperation">
364 <el-radio :label="1">是</el-radio>
365 <el-radio :label="0">否</el-radio>
366 </el-radio-group>
367 </el-form-item>
368 </el-col>
369 <el-col
370 :span="6"
371 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs == '1'">
372 <el-form-item label="持证人：">
373 <el-select
374 v-model="ruleForm.czr"
375 placeholder="持证人"
376 :disabled="!ableOperation">
377 <el-option
378 v-for="item in czrOptions"
379 :key="item.zjh"
380 :label="item.sqrmc"
381 :value="item.zjh">
382 </el-option>
383 </el-select>
384 </el-form-item>
385 </el-col>
394 </el-row> 386 </el-row>
395 <qlrCommonTable 387 <qlrCommonTable
396 :tableData="ruleForm.qlrData" 388 :tableData="ruleForm.qlrData"
397 @upDateQlrxxList="upDateQlrxxList" 389 @upDateQlrxxList="upDateQlrxxList"
398 :key="key" 390 :key="key"
399 :ableOperation="ableOperation" 391 :ableOperation="ableOperation"
400 :gyfs="ruleForm.qlxx.gyfs" 392 :gyfs="ruleForm.qlxx.gyfs" />
401 />
402 </div> 393 </div>
403 <el-row class="btn" v-if="ableOperation"> 394 <el-row class="btn" v-if="ableOperation">
404 <el-form-item> 395 <el-form-item>
...@@ -409,337 +400,339 @@ ...@@ -409,337 +400,339 @@
409 </div> 400 </div>
410 </template> 401 </template>
411 <script> 402 <script>
412 import store from "@/store/index.js"; 403 import { mapGetters } from "vuex";
413 import { mapGetters } from "vuex"; 404 import store from "@/store/index.js";
414 import { init, getSsQlxx, save } from "@/api/djbRepair.js"; 405 import ywmix from "@/views/ywbl/mixin/index"
415 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; 406 import { init, getSsQlxx, save } from "@/api/djbRepair.js";
416 import selectTable from "@/components/selectTable/index.vue"; 407 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
417 import tdytTable from "@/views/workflow/components/tdytTable"; 408 import selectTable from "@/components/selectTable/index.vue";
418 export default { 409 import tdytTable from "@/views/workflow/components/tdytTable";
419 components: { qlrCommonTable, tdytTable, selectTable }, 410 export default {
420 computed: { 411 mixins: [ywmix],
421 ...mapGetters(["dictData", "flag"]), 412 components: { qlrCommonTable, tdytTable, selectTable },
422 // 根据流程判断表单是否为只读 413 computed: {
423 editDisabled() { 414 ...mapGetters(["dictData", "flag"]),
424 if (!this.ableOperation) { 415 // 根据流程判断表单是否为只读
425 //只读状态 416 editDisabled () {
426 return true; 417 if (!this.ableOperation) {
427 } 418 //只读状态
428 return false; 419 return true;
429 },
430 },
431 data() {
432 return {
433 ssqlxxshow: true,
434 props: {
435 label: "bdcqzh",
436 value: "bdcdyid",
437 },
438 // 键名转换，方法默认是label和children进行树状渲染
439 normalizer(node) {
440 //方法
441 if (node.children == null || node.children == "null") {
442 delete node.children;
443 } 420 }
444 return { 421 return false;
445 id: node.dcode,
446 label: node.dname,
447 };
448 }, 422 },
449 //表单是否可操作 423 },
450 propsParam: this.$attrs, 424 data () {
451 key: 0, 425 return {
452 // 登记类型 426 ssqlxxshow: true,
453 djlxlist: [ 427 props: {
454 { 428 label: "bdcqzh",
455 dcode: "100", 429 value: "bdcdyid",
456 dname: "首次登记",
457 },
458 {
459 dcode: "200",
460 dname: "转移登记",
461 },
462 {
463 dcode: "300",
464 dname: "变更登记",
465 }, 430 },
466 { 431 // 键名转换，方法默认是label和children进行树状渲染
467 dcode: "500", 432 normalizer (node) {
468 dname: "更正登记", 433 //方法
434 if (node.children == null || node.children == "null") {
435 delete node.children;
436 }
437 return {
438 id: node.dcode,
439 label: node.dname,
440 };
469 }, 441 },
442 //表单是否可操作
443 propsParam: this.$attrs,
444 key: 0,
445 // 登记类型
446 djlxlist: [
447 {
448 dcode: "100",
449 dname: "首次登记",
450 },
451 {
452 dcode: "200",
453 dname: "转移登记",
454 },
455 {
456 dcode: "300",
457 dname: "变更登记",
458 },
459 {
460 dcode: "500",
461 dname: "更正登记",
462 },
470 463
471 { 464 {
472 dcode: "901", 465 dcode: "901",
473 dname: "补证", 466 dname: "补证",
474 }, 467 },
475 { 468 {
476 dcode: "902", 469 dcode: "902",
477 dname: "换证", 470 dname: "换证",
478 }, 471 },
479 ],
480 // 权属状态
481 qsztlist: [
482 {
483 dcode: "1",
484 dname: "现势",
485 },
486 {
487 dcode: "2",
488 dname: "历史",
489 },
490 ],
491 isShow: false,
492 disabled: true,
493 czrOptions: [],
494 ssQlxxList: [],
495 ruleForm: {},
496 ableOperation: false,
497 //传递参数\
498 rules: {
499 bdcqzhrules: [
500 { required: true, message: "不动产权证号：", trigger: "blur" },
501 ], 472 ],
502 // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], 473 // 权属状态
503 djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], 474 qsztlist: [
504 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], 475 {
505 djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], 476 dcode: "1",
506 djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], 477 dname: "现势",
507 }, 478 },
508 }; 479 {
509 }, 480 dcode: "2",
510 created() {}, 481 dname: "历史",
511 mounted() { 482 },
512 this.loadData(); 483 ],
513 this.ableOperation = this.$parent.ableOperation; 484 isShow: false,
514 }, 485 disabled: true,
515 methods: { 486 czrOptions: [],
516 /** 487 ssQlxxList: [],
517 * @description: ssQlxxchange 488 ruleForm: {},
518 * @param {*} val 489 ableOperation: false,
519 * @author: renchao 490 //传递参数\
520 */ 491 rules: {
521 ssQlxxchange(val) { 492 bdcqzhrules: [
522 this.ruleForm.ssQlxx = val; 493 { required: true, message: "不动产权证号：", trigger: "blur" },
523 this.ruleForm.qlxx.ssywh = val.ywh; 494 ],
495 // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
496 djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
497 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
498 djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
499 djlxrules: [{ required: true, message: "登记类型", trigger: "change" }],
500 },
501 };
524 }, 502 },
525 /** 503 created () { },
526 * @description: djlxchange 504 mounted () {
527 * @param {*} val 505 this.loadData();
528 * @author: renchao 506 this.ableOperation = this.$parent.ableOperation;
529 */
530 djlxchange(val) {
531 console.log("val", val);
532 if (val == null || val == 100) {
533 this.ssqlxxshow = false;
534 } else {
535 this.ssqlxxshow = true;
536 }
537 }, 507 },
508 methods: {
509 /**
510 * @description: ssQlxxchange
511 * @param {*} val
512 * @author: renchao
513 */
514 ssQlxxchange (val) {
515 this.ruleForm.ssQlxx = val;
516 this.ruleForm.qlxx.ssywh = val.ywh;
517 },
518 /**
519 * @description: djlxchange
520 * @param {*} val
521 * @author: renchao
522 */
523 djlxchange (val) {
524 console.log("val", val);
525 if (val == null || val == 100) {
526 this.ssqlxxshow = false;
527 } else {
528 this.ssqlxxshow = true;
529 }
530 },
538 531
539 // 字典 532 // 字典
540 /** 533 /**
541 * @description: 字典 534 * @description: 字典
542 * @param {*} val 535 * @param {*} val
543 * @author: renchao 536 * @author: renchao
544 */ 537 */
545 getDictData(val) { 538 getDictData (val) {
546 return store.getters.dictData[val]; 539 return store.getters.dictData[val];
547 }, 540 },
548 /** 541 /**
549 * @description: loadData 542 * @description: loadData
550 * @author: renchao 543 * @author: renchao
551 */ 544 */
552 loadData() { 545 loadData () {
553 this.$startLoading(); 546 this.$startLoading();
554 this.propsParam.isEdit = this.$parent.isEdit; 547 this.propsParam.isEdit = this.$parent.isEdit;
555 init(this.propsParam).then((res) => { 548 init(this.propsParam).then((res) => {
556 if (res.code == 200) { 549 if (res.code == 200) {
557 this.ruleForm = res.result; 550 this.ruleForm = res.result;
558 let djlx = this.ruleForm.qlxx.djlx; 551 let djlx = this.ruleForm.qlxx.djlx;
559 if (djlx == null || djlx == 100) { 552 if (djlx == null || djlx == 100) {
560 this.ssqlxxshow = false; 553 this.ssqlxxshow = false;
554 }
555 this.$endLoading();
556 // if (this.ruleForm.tdytqxList.length > 0) {
557 // this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm;
558 // } else {
559 // this.tdxz = null;
560 // }
561 this.isShow = true;
561 } 562 }
562 this.$endLoading(); 563 });
563 // if (this.ruleForm.tdytqxList.length > 0) { 564 //获取主体信息
564 // this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm; 565 getSsQlxx({
565 // } else { 566 bdcdyid: this.propsParam.bdcdyid,
566 // this.tdxz = null; 567 qllx: this.propsParam.qllx,
567 // } 568 }).then((res) => {
568 this.isShow = true; 569 if (res.code == 200) {
569 } 570 this.ssQlxxList = res.result;
570 });
571 //获取主体信息
572 getSsQlxx({
573 bdcdyid: this.propsParam.bdcdyid,
574 qllx: this.propsParam.qllx,
575 }).then((res) => {
576 if (res.code == 200) {
577 this.ssQlxxList = res.result;
578 }
579 });
580 },
581 // 更新土地用途信息
582 /**
583 * @description: 更新土地用途信息
584 * @param {*} val
585 * @author: renchao
586 */
587 upDateTdytxxList(val) {
588 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
589 this.key++;
590 },
591 // 更新权利人信息
592 /**
593 * @description: 更新权利人信息
594 * @param {*} val
595 * @author: renchao
596 */
597 upDateQlrxxList(val) {
598 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
599 this.czrOptions = this.ruleForm.qlrData;
600 this.key++;
601 },
602 /**
603 * @description: onSubmit
604 * @author: renchao
605 */
606 onSubmit() {
607 this.$refs.ruleForm.validate((valid) => {
608 if (valid) {
609 if (this.ruleForm.qlrData.length == 0) {
610 this.$message({
611 showClose: true,
612 message: "请确认权利人信息",
613 type: "error",
614 });
615 return false;
616 } 571 }
617 572 });
618 if (this.ruleForm.qlxx.gyfs == "0") { 573 },
619 if (this.ruleForm.qlrData.length > 1) { 574 // 更新土地用途信息
575 /**
576 * @description: 更新土地用途信息
577 * @param {*} val
578 * @author: renchao
579 */
580 upDateTdytxxList (val) {
581 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
582 this.key++;
583 },
584 // 更新权利人信息
585 /**
586 * @description: 更新权利人信息
587 * @param {*} val
588 * @author: renchao
589 */
590 upDateQlrxxList (val) {
591 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
592 this.czrOptions = this.ruleForm.qlrData;
593 this.key++;
594 },
595 /**
596 * @description: onSubmit
597 * @author: renchao
598 */
599 onSubmit () {
600 this.$refs.ruleForm.validate((valid) => {
601 if (valid) {
602 if (this.ruleForm.qlrData.length == 0) {
620 this.$message({ 603 this.$message({
621 showClose: true, 604 showClose: true,
622 message: "共有方式：单独所有，权利人只能是一个人", 605 message: "请确认权利人信息",
623 type: "error", 606 type: "error",
624 }); 607 });
625 return false; 608 return false;
626 } 609 }
627 this.ruleForm.qlrData[0].sfczr = "1"; 610
628 } 611 if (this.ruleForm.qlxx.gyfs == "0") {
629 if (this.ruleForm.qlxx.gyfs == "1") { 612 if (this.ruleForm.qlrData.length > 1) {
630 //是否分别持证 613 this.$message({
631 if (this.ruleForm.qlxx.sqfbcz == "1") { 614 showClose: true,
632 //是 615 message: "共有方式：单独所有，权利人只能是一个人",
633 this.ruleForm.qlrData.forEach((item, index) => { 616 type: "error",
634 item.sfczr = "1"; 617 });
635 }); 618 return false;
636 } else { 619 }
637 this.ruleForm.qlrData.forEach((item, index) => { 620 this.ruleForm.qlrData[0].sfczr = "1";
638 if (item.zjh == this.ruleForm.czr) { 621 }
622 if (this.ruleForm.qlxx.gyfs == "1") {
623 //是否分别持证
624 if (this.ruleForm.qlxx.sqfbcz == "1") {
625 //是
626 this.ruleForm.qlrData.forEach((item, index) => {
639 item.sfczr = "1"; 627 item.sfczr = "1";
640 } else { 628 });
641 item.sfczr = "0"; 629 } else {
642 } 630 this.ruleForm.qlrData.forEach((item, index) => {
643 }); 631 if (item.zjh == this.ruleForm.czr) {
632 item.sfczr = "1";
633 } else {
634 item.sfczr = "0";
635 }
636 });
637 }
644 } 638 }
639 save(this.ruleForm).then((res) => {
640 if (res.code === 200) {
641 this.$message({
642 showClose: true,
643 message: "保存成功！",
644 type: "success",
645 });
646 this.$parent.changeywh()
647 this.$store.dispatch("user/refreshPage", true);
648 } else {
649 this.$message({
650 showClose: true,
651 message: res.message,
652 type: "error",
653 });
654 }
655 });
656 } else {
657 return false;
645 } 658 }
646 save(this.ruleForm).then((res) => { 659 });
647 if (res.code === 200) { 660 },
648 this.$message({
649 showClose: true,
650 message: "保存成功！",
651 type: "success",
652 });
653 this.$parent.changeywh()
654 this.$store.dispatch("user/refreshPage", true);
655 } else {
656 this.$message({
657 showClose: true,
658 message: res.message,
659 type: "error",
660 });
661 }
662 });
663 } else {
664 return false;
665 }
666 });
667 }, 661 },
668 }, 662 };
669 };
670 </script> 663 </script>
671 <style scoped lang="scss"> 664 <style scoped lang="scss">
672 @import "~@/styles/public.scss"; 665 @import "~@/styles/public.scss";
673 @import "~@/styles/slxx/slxx.scss"; 666 @import "~@/styles/slxx/slxx.scss";
674 /deep/.el-form { 667 /deep/.el-form {
675 display: flex; 668 display: flex;
676 flex-direction: column; 669 flex-direction: column;
677 height: calc(100vh - 130px); 670 height: calc(100vh - 130px);
678 } 671 }
679 672
680 /deep/.el-form-item__label { 673 /deep/.el-form-item__label {
681 padding: 0; 674 padding: 0;
682 } 675 }
683 676
684 /deep/.el-radio { 677 /deep/.el-radio {
685 margin-right: 10px; 678 margin-right: 10px;
686 } 679 }
687 680
688 /deep/.el-select { 681 /deep/.el-select {
689 width: 100%; 682 width: 100%;
690 } 683 }
691 684
692 /deep/.el-form-item { 685 /deep/.el-form-item {
693 margin-bottom: 8px; 686 margin-bottom: 8px;
694 } 687 }
695 688
696 .marginBot0 { 689 .marginBot0 {
697 margin-bottom: 0 !important; 690 margin-bottom: 0 !important;
698 } 691 }
699 692
700 .slxx { 693 .slxx {
701 box-sizing: border-box; 694 box-sizing: border-box;
702 } 695 }
703 696
704 .slxx_con { 697 .slxx_con {
705 flex: 1; 698 flex: 1;
706 height: 100%; 699 height: 100%;
707 background-color: #ffffff; 700 background-color: #ffffff;
708 overflow-y: auto; 701 overflow-y: auto;
709 padding-right: 3px; 702 padding-right: 3px;
710 overflow-x: hidden; 703 overflow-x: hidden;
711 } 704 }
712 705
713 .submit_btn { 706 .submit_btn {
714 height: 50px; 707 height: 50px;
715 } 708 }
716 709
717 .slxx_title { 710 .slxx_title {
718 border-bottom: 1px solid $borderColor; 711 border-bottom: 1px solid $borderColor;
719 padding-left: 10px; 712 padding-left: 10px;
720 padding-bottom: 5px; 713 padding-bottom: 5px;
721 margin-bottom: 10px; 714 margin-bottom: 10px;
722 margin-top: 5px; 715 margin-top: 5px;
723 font-size: 16px; 716 font-size: 16px;
724 font-weight: 500; 717 font-weight: 500;
725 color: #4a4a4a; 718 color: #4a4a4a;
726 } 719 }
727 720
728 .btn { 721 .btn {
729 text-align: center; 722 text-align: center;
730 padding-top: 10px; 723 padding-top: 10px;
731 height: 36px; 724 height: 36px;
732 background-color: #ffffff; 725 background-color: #ffffff;
733 padding: 5px 0; 726 padding: 5px 0;
734 } 727 }
735 728
736 .textArea { 729 .textArea {
737 /deep/.el-textarea__inner { 730 /deep/.el-textarea__inner {
738 min-height: 90px !important; 731 min-height: 90px !important;
732 }
739 } 733 }
740 }
741 734
742 /deep/.el-form-item__label { 735 /deep/.el-form-item__label {
743 padding-bottom: 0px; 736 padding-bottom: 0px;
744 } 737 }
745 </style> 738 </style>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-06-25 15:52:42 4 * @LastEditTime: 2023-08-02 08:38:55
5 :show-message="false" 5 :show-message="false"
6 --> 6 -->
7 <template> 7 <template>
...@@ -10,15 +10,14 @@ ...@@ -10,15 +10,14 @@
10 <el-form 10 <el-form
11 :model="ruleForm" 11 :model="ruleForm"
12 :rules="rules" 12 :rules="rules"
13 :class="{readonly: editDisabled }" 13 :class="{readonly: editDisabled }"
14 class="loadingtext" 14 class="loadingtext"
15 ref="ruleForm" 15 ref="ruleForm"
16 :label-position="flag ? 'top' : ''" 16 :label-position="flag ? 'top' : ''"
17 :show-message="false" 17 :show-message="false"
18 :inline="flag" 18 :inline="flag"
19 inline-message 19 inline-message
20 label-width="145px" 20 label-width="145px">
21 >
22 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 21 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
23 <div class="slxx_title title-block"> 22 <div class="slxx_title title-block">
24 补录信息 23 补录信息
...@@ -41,8 +40,8 @@ ...@@ -41,8 +40,8 @@
41 </el-form-item> 40 </el-form-item>
42 </el-col> 41 </el-col>
43 </el-row> 42 </el-row>
44 <div class="slxx_title title-block"> 43 <div class="slxx_title title-block">
45 预告抵押登记信息不动产情况 44 预告抵押登记信息不动产情况
46 <div class="triangle"></div> 45 <div class="triangle"></div>
47 </div> 46 </div>
48 <el-row :gutter="10"> 47 <el-row :gutter="10">
...@@ -53,18 +52,15 @@ ...@@ -53,18 +52,15 @@
53 :table-width="550" 52 :table-width="550"
54 :tableData="ztQlxxList" 53 :tableData="ztQlxxList"
55 :props="props" 54 :props="props"
56 @change="ztQlxxchange" 55 @change="ztQlxxchange">
57 >
58 <el-table-column 56 <el-table-column
59 prop="qllxmc" 57 prop="qllxmc"
60 width="130" 58 width="130"
61 label="权利类型" 59 label="权利类型"></el-table-column>
62 ></el-table-column>
63 <el-table-column 60 <el-table-column
64 prop="bdcqzh" 61 prop="bdcqzh"
65 width="160" 62 width="160"
66 label="不动产权证书" 63 label="不动产权证书"></el-table-column>
67 ></el-table-column>
68 <el-table-column prop="qlrmc" label="权利人"></el-table-column> 64 <el-table-column prop="qlrmc" label="权利人"></el-table-column>
69 <el-table-column prop="mjmc" label="面积"></el-table-column> 65 <el-table-column prop="mjmc" label="面积"></el-table-column>
70 <el-table-column prop="ytmc" label="用途"></el-table-column> 66 <el-table-column prop="ytmc" label="用途"></el-table-column>
...@@ -80,18 +76,15 @@ ...@@ -80,18 +76,15 @@
80 :table-width="550" 76 :table-width="550"
81 :tableData="ssQlxxList" 77 :tableData="ssQlxxList"
82 :props="props" 78 :props="props"
83 @change="ssQlxxchange" 79 @change="ssQlxxchange">
84 >
85 <el-table-column 80 <el-table-column
86 prop="qllxmc" 81 prop="qllxmc"
87 width="130" 82 width="130"
88 label="权利类型" 83 label="权利类型"></el-table-column>
89 ></el-table-column>
90 <el-table-column 84 <el-table-column
91 prop="bdcqzh" 85 prop="bdcqzh"
92 width="160" 86 width="160"
93 label="不动产权证书" 87 label="不动产权证书"></el-table-column>
94 ></el-table-column>
95 <el-table-column prop="qlrmc" label="权利人"></el-table-column> 88 <el-table-column prop="qlrmc" label="权利人"></el-table-column>
96 <el-table-column prop="mjmc" label="面积"></el-table-column> 89 <el-table-column prop="mjmc" label="面积"></el-table-column>
97 <el-table-column prop="ytmc" label="用途"></el-table-column> 90 <el-table-column prop="ytmc" label="用途"></el-table-column>
...@@ -143,7 +136,7 @@ ...@@ -143,7 +136,7 @@
143 </el-col> 136 </el-col>
144 <el-col :span="8"> 137 <el-col :span="8">
145 <el-form-item label="面积："> 138 <el-form-item label="面积：">
146 <el-input disabled v-model="ruleForm.ztQlxx.mjmc"></el-input> 139 <el-input disabled v-model="ruleForm.ztQlxx.mjmc"></el-input>
147 </el-form-item> 140 </el-form-item>
148 </el-col> 141 </el-col>
149 <el-col :span="8"> 142 <el-col :span="8">
...@@ -163,7 +156,7 @@ ...@@ -163,7 +156,7 @@
163 </el-form-item> 156 </el-form-item>
164 </el-col> 157 </el-col>
165 <el-col :span="8"> 158 <el-col :span="8">
166 <el-form-item label="业务号：" prop="qlxx.ywh" :rules="rules.ywhrules"> 159 <el-form-item label="业务号：" prop="qlxx.ywh" :rules="rules.ywhrules">
167 <el-input v-model="ruleForm.qlxx.ywh"></el-input> 160 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
168 </el-form-item> 161 </el-form-item>
169 </el-col> 162 </el-col>
...@@ -185,14 +178,13 @@ ...@@ -185,14 +178,13 @@
185 </el-form-item> 178 </el-form-item>
186 </el-col> 179 </el-col>
187 <el-col :span="8"> 180 <el-col :span="8">
188 <el-form-item label="登记类型：" prop="qlxx.djlx" :rules="rules.djlxrules"> 181 <el-form-item label="登记类型：" prop="qlxx.djlx" :rules="rules.djlxrules">
189 <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> 182 <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
190 <el-option 183 <el-option
191 v-for="item in djlxlist" 184 v-for="item in djlxlist"
192 :key="item.dcode" 185 :key="item.dcode"
193 :label="item.dname" 186 :label="item.dname"
194 :value="item.dcode" 187 :value="item.dcode">
195 >
196 </el-option> 188 </el-option>
197 </el-select> 189 </el-select>
198 </el-form-item> 190 </el-form-item>
...@@ -203,7 +195,7 @@ ...@@ -203,7 +195,7 @@
203 </el-form-item> 195 </el-form-item>
204 </el-col> 196 </el-col>
205 <el-col :span="8"> 197 <el-col :span="8">
206 <el-form-item label="不动产权证号：" prop="qlxx.bdcqzh" :rules="rules.bdcqzhrules"> 198 <el-form-item label="不动产权证号：" prop="qlxx.bdcqzh" :rules="rules.bdcqzhrules">
207 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> 199 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
208 </el-form-item> 200 </el-form-item>
209 </el-col> 201 </el-col>
...@@ -227,11 +219,10 @@ ...@@ -227,11 +219,10 @@
227 <el-date-picker 219 <el-date-picker
228 v-model="ruleForm.qlxx.djsj" 220 v-model="ruleForm.qlxx.djsj"
229 type="date" 221 type="date"
230 class="width100" 222 class="width100"
231 placeholder="选择日期" 223 placeholder="选择日期"
232 value-format="yyyy-MM-dd HH:mm:ss" 224 value-format="yyyy-MM-dd HH:mm:ss"
233 format="yyyy-MM-dd" 225 format="yyyy-MM-dd">
234 >
235 </el-date-picker> 226 </el-date-picker>
236 </el-form-item> 227 </el-form-item>
237 </el-col> 228 </el-col>
...@@ -242,22 +233,20 @@ ...@@ -242,22 +233,20 @@
242 v-for="item in qsztlist" 233 v-for="item in qsztlist"
243 :key="item.dcode" 234 :key="item.dcode"
244 :label="item.dname" 235 :label="item.dname"
245 :value="item.dcode" 236 :value="item.dcode">
246 >
247 </el-option> 237 </el-option>
248 </el-select> 238 </el-select>
249 </el-form-item> 239 </el-form-item>
250 </el-col> 240 </el-col>
251 241
252 <el-col :span="8"> 242 <el-col :span="8">
253 <el-form-item label="预告登记种类：" prop="ygdj.ygdjzlmc" :rules="rules.ygdjlxrules"> 243 <el-form-item label="预告登记种类：" prop="ygdj.ygdjzlmc" :rules="rules.ygdjlxrules">
254 <el-select v-model="ruleForm.ygdj.ygdjzlmc"> 244 <el-select v-model="ruleForm.ygdj.ygdjzlmc">
255 <el-option 245 <el-option
256 v-for="item in dictData['A29']" 246 v-for="item in dictData['A29']"
257 :key="item.dcode" 247 :key="item.dcode"
258 :label="item.dname" 248 :label="item.dname"
259 :value="item.dcode" 249 :value="item.dcode">
260 >
261 </el-option> 250 </el-option>
262 </el-select> 251 </el-select>
263 </el-form-item> 252 </el-form-item>
...@@ -269,13 +258,12 @@ ...@@ -269,13 +258,12 @@
269 </el-col> 258 </el-col>
270 <el-col :span="8"> 259 <el-col :span="8">
271 <el-form-item label="规划用途："> 260 <el-form-item label="规划用途：">
272 <el-select v-model="ruleForm.ygdj.ghyt"> 261 <el-select v-model="ruleForm.ygdj.ghyt">
273 <el-option 262 <el-option
274 v-for="item in dictData['A17']" 263 v-for="item in dictData['A17']"
275 :key="item.dcode" 264 :key="item.dcode"
276 :label="item.dname" 265 :label="item.dname"
277 :value="item.dcode" 266 :value="item.dcode">
278 >
279 </el-option> 267 </el-option>
280 </el-select> 268 </el-select>
281 </el-form-item> 269 </el-form-item>
...@@ -287,13 +275,12 @@ ...@@ -287,13 +275,12 @@
287 </el-col> 275 </el-col>
288 <el-col :span="8"> 276 <el-col :span="8">
289 <el-form-item label="房屋性质："> 277 <el-form-item label="房屋性质：">
290 <el-select v-model="ruleForm.ygdj.fwxz"> 278 <el-select v-model="ruleForm.ygdj.fwxz">
291 <el-option 279 <el-option
292 v-for="item in dictData['A19']" 280 v-for="item in dictData['A19']"
293 :key="item.dcode" 281 :key="item.dcode"
294 :label="item.dname" 282 :label="item.dname"
295 :value="item.dcode" 283 :value="item.dcode">
296 >
297 </el-option> 284 </el-option>
298 </el-select> 285 </el-select>
299 </el-form-item> 286 </el-form-item>
...@@ -305,13 +292,12 @@ ...@@ -305,13 +292,12 @@
305 </el-col> 292 </el-col>
306 <el-col :span="8"> 293 <el-col :span="8">
307 <el-form-item label="房屋结构："> 294 <el-form-item label="房屋结构：">
308 <el-select v-model="ruleForm.ygdj.fwjg"> 295 <el-select v-model="ruleForm.ygdj.fwjg">
309 <el-option 296 <el-option
310 v-for="item in dictData['A46']" 297 v-for="item in dictData['A46']"
311 :key="item.dcode" 298 :key="item.dcode"
312 :label="item.dname" 299 :label="item.dname"
313 :value="item.dcode" 300 :value="item.dcode">
314 >
315 </el-option> 301 </el-option>
316 </el-select> 302 </el-select>
317 </el-form-item> 303 </el-form-item>
...@@ -329,20 +315,17 @@ ...@@ -329,20 +315,17 @@
329 <el-col :span="8"> 315 <el-col :span="8">
330 <el-form-item label="建筑面积："> 316 <el-form-item label="建筑面积：">
331 <div class="flex"> 317 <div class="flex">
332 <el-input v-model="ruleForm.ygdj.jzmj" 318 <el-input v-model="ruleForm.ygdj.jzmj"
333 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" 319 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
334 ></el-input>
335 <el-select 320 <el-select
336 v-model="ruleForm.ygdj.mjdw" 321 v-model="ruleForm.ygdj.mjdw"
337 :disabled="!ableOperation" 322 :disabled="!ableOperation"
338 style="width: 20%" 323 style="width: 20%">
339 >
340 <el-option 324 <el-option
341 v-for="item in dictData['A7']" 325 v-for="item in dictData['A7']"
342 :key="item.dcode" 326 :key="item.dcode"
343 :label="item.dname" 327 :label="item.dname"
344 :value="item.dcode" 328 :value="item.dcode">
345 >
346 </el-option> 329 </el-option>
347 </el-select> 330 </el-select>
348 </div> 331 </div>
...@@ -360,22 +343,21 @@ ...@@ -360,22 +343,21 @@
360 </el-col> 343 </el-col>
361 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> 344 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
362 <el-form-item label="注销时间："> 345 <el-form-item label="注销时间：">
363 <el-date-picker 346 <el-date-picker
364 v-model="ruleForm.ygdj.zxsj" 347 v-model="ruleForm.ygdj.zxsj"
365 type="date" 348 type="date"
366 class="width100" 349 class="width100"
367 placeholder="选择日期" 350 placeholder="选择日期"
368 value-format="yyyy-MM-dd HH:mm:ss" 351 value-format="yyyy-MM-dd HH:mm:ss"
369 format="yyyy-MM-dd" 352 format="yyyy-MM-dd">
370 >
371 </el-date-picker> 353 </el-date-picker>
372 </el-form-item> 354 </el-form-item>
373 </el-col> 355 </el-col>
374 <el-col :span="8"> 356 <el-col :span="8">
375 <el-form-item label="取得价格/被担保主债权数额："> 357 <el-form-item label="取得价格/被担保主债权数额：">
376 <div class="flex"> 358 <div class="flex">
377 <el-input v-model="ruleForm.ygdj.qdjg" 359 <el-input v-model="ruleForm.ygdj.qdjg"
378 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 360 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
379 <el-select 361 <el-select
380 v-model="ruleForm.ygdj.jedw" 362 v-model="ruleForm.ygdj.jedw"
381 :disabled="!ableOperation" 363 :disabled="!ableOperation"
...@@ -423,10 +405,9 @@ ...@@ -423,10 +405,9 @@
423 <el-row :gutter="10"> 405 <el-row :gutter="10">
424 <el-col :span="12"> 406 <el-col :span="12">
425 <el-form-item label="共有方式："> 407 <el-form-item label="共有方式：">
426 <el-radio-group 408 <el-radio-group
427 :disabled="!ableOperation" 409 :disabled="!ableOperation"
428 v-model="ruleForm.qlxx.gyfs" 410 v-model="ruleForm.sldy.gyfs">
429 >
430 <el-radio label="0">单独所有</el-radio> 411 <el-radio label="0">单独所有</el-radio>
431 <el-radio label="1">共同共有</el-radio> 412 <el-radio label="1">共同共有</el-radio>
432 <el-radio label="2">按份所有</el-radio> 413 <el-radio label="2">按份所有</el-radio>
...@@ -434,16 +415,42 @@ ...@@ -434,16 +415,42 @@
434 </el-radio-group> 415 </el-radio-group>
435 </el-form-item> 416 </el-form-item>
436 </el-col> 417 </el-col>
418 <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
419 <el-form-item label="是否分别持证：">
420 <el-radio-group
421 v-model="ruleForm.sldy.sqfbcz"
422 :disabled="!ableOperation">
423 <el-radio :label="1">是</el-radio>
424 <el-radio :label="0">否</el-radio>
425 </el-radio-group>
426 </el-form-item>
427 </el-col>
428 <el-col
429 :span="6"
430 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs == '1'">
431 <el-form-item label="持证人：">
432 <el-select
433 v-model="ruleForm.czr"
434 placeholder="持证人"
435 :disabled="!ableOperation">
436 <el-option
437 v-for="item in czrOptions"
438 :key="item.zjh"
439 :label="item.sqrmc"
440 :value="item.zjh">
441 </el-option>
442 </el-select>
443 </el-form-item>
444 </el-col>
437 </el-row> 445 </el-row>
438 <qlrCommonTable 446 <qlrCommonTable
439 :tableData="ruleForm.qlrData" 447 :tableData="ruleForm.qlrData"
440 @upDateQlrxxList="upDateQlrxxList" 448 @upDateQlrxxList="upDateQlrxxList"
441 :key="key" 449 :key="key"
442 :ableOperation="ableOperation" 450 :ableOperation="ableOperation"
443 :gyfs="ruleForm.qlxx.gyfs" 451 :gyfs="ruleForm.qlxx.gyfs" />
444 />
445 452
446 <div v-if="ruleForm.ywrData"> 453 <div v-if="ruleForm.ywrData">
447 <div class="slxx_title title-block"> 454 <div class="slxx_title title-block">
448 义务人信息 455 义务人信息
449 <div class="triangle"></div> 456 <div class="triangle"></div>
...@@ -453,8 +460,7 @@ ...@@ -453,8 +460,7 @@
453 :tableData="ruleForm.ywrData" 460 :tableData="ruleForm.ywrData"
454 :key="key" 461 :key="key"
455 :ableOperation="ableOperation" 462 :ableOperation="ableOperation"
456 @upDateQlrxxList="upDateYwrxxList" 463 @upDateQlrxxList="upDateYwrxxList" />
457 />
458 </div> 464 </div>
459 </div> 465 </div>
460 <el-row class="btn" v-if="ableOperation"> 466 <el-row class="btn" v-if="ableOperation">
...@@ -466,282 +472,284 @@ ...@@ -466,282 +472,284 @@
466 </div> 472 </div>
467 </template> 473 </template>
468 <script> 474 <script>
469 import { mapGetters } from "vuex"; 475 import { mapGetters } from "vuex";
470 import { init,getSsQlxx, getZtQlxx, save } from "@/api/djbRepair.js"; 476 import ywmix from "@/views/ywbl/mixin/index"
471 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; 477 import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbRepair.js";
472 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; 478 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
473 import tdytTable from "@/views/workflow/components/tdytTable"; 479 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
474 import selectTable from "@/components/selectTable/index.vue"; 480 import tdytTable from "@/views/workflow/components/tdytTable";
475 export default { 481 import selectTable from "@/components/selectTable/index.vue";
476 components: { qlrCommonTable, ywrCommonTable, tdytTable,selectTable }, 482 export default {
477 computed: { 483 mixins: [ywmix],
478 ...mapGetters(["dictData", "flag"]), 484 components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable },
479 // 根据流程判断表单是否为只读 485 computed: {
480 editDisabled() { 486 ...mapGetters(["dictData", "flag"]),
481 if (!this.ableOperation) { 487 // 根据流程判断表单是否为只读
482 //只读状态 488 editDisabled () {
483 return true; 489 if (!this.ableOperation) {
484 } 490 //只读状态
485 return false; 491 return true;
492 }
493 return false;
494 },
486 }, 495 },
487 }, 496 data () {
488 data() { 497 return {
489 return { 498 ssqlxxshow: true,
490 ssqlxxshow:true,
491 props: { 499 props: {
492 label: "bdcqzh", 500 label: "bdcqzh",
493 value: "bdcdyid", 501 value: "bdcdyid",
494 },
495 //表单是否可操作
496 propsParam: this.$attrs,
497 key: 0,
498 isShow: false,
499 disabled: true,
500 czrOptions: [],
501 ssQlxxList: [],
502 ztQlxxList: [],
503 ruleForm: {},
504 // 登记类型
505 djlxlist: [
506 {
507 dcode: "100",
508 dname: "首次登记",
509 },
510 {
511 dcode: "200",
512 dname: "转移登记",
513 },
514 {
515 dcode: "300",
516 dname: "变更登记",
517 },
518 {
519 dcode: "500",
520 dname: "更正登记",
521 }, 502 },
503 //表单是否可操作
504 propsParam: this.$attrs,
505 key: 0,
506 isShow: false,
507 disabled: true,
508 czrOptions: [],
509 ssQlxxList: [],
510 ztQlxxList: [],
511 ruleForm: {},
512 // 登记类型
513 djlxlist: [
514 {
515 dcode: "100",
516 dname: "首次登记",
517 },
518 {
519 dcode: "200",
520 dname: "转移登记",
521 },
522 {
523 dcode: "300",
524 dname: "变更登记",
525 },
526 {
527 dcode: "500",
528 dname: "更正登记",
529 },
522 530
523 { 531 {
524 dcode: "901", 532 dcode: "901",
525 dname: "补证", 533 dname: "补证",
526 }, 534 },
527 { 535 {
528 dcode: "902", 536 dcode: "902",
529 dname: "换证", 537 dname: "换证",
530 }, 538 },
531 ],
532 // 权属状态
533 qsztlist: [
534 {
535 dcode: "1",
536 dname: "现势",
537 },
538 {
539 dcode: "2",
540 dname: "历史",
541 },
542 ],
543 //传递参数\
544 rules: {
545 ztQlxxrules: [
546 { required: true, message: "抵押不动产信息", trigger: "blur" },
547 ], 539 ],
548 bdcqzhrules: [ 540 // 权属状态
549 { required: true, message: "不动产登记证明号", trigger: "blur" }, 541 qsztlist: [
542 {
543 dcode: "1",
544 dname: "现势",
545 },
546 {
547 dcode: "2",
548 dname: "历史",
549 },
550 ], 550 ],
551 // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], 551 //传递参数\
552 djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], 552 rules: {
553 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], 553 ztQlxxrules: [
554 djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], 554 { required: true, message: "抵押不动产信息", trigger: "blur" },
555 ygdjlxrules: [{ required: true, message: "预告登记种类", trigger: "change" }], 555 ],
556 djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], 556 bdcqzhrules: [
557 ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], 557 { required: true, message: "不动产登记证明号", trigger: "blur" },
558 }, 558 ],
559 ableOperation:false, 559 // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
560 }; 560 djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
561 }, 561 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
562 created() { 562 djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
563 this.loadData(); 563 ygdjlxrules: [{ required: true, message: "预告登记种类", trigger: "change" }],
564 }, 564 djlxrules: [{ required: true, message: "登记类型", trigger: "change" }],
565 mounted() { 565 ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
566 this.ableOperation=this.$parent.ableOperation 566 },
567 567 ableOperation: false,
568 }, 568 };
569 methods: {
570 /**
571 * @description: ztQlxxchange
572 * @param {*} val
573 * @author: renchao
574 */
575 ztQlxxchange(val) {
576 this.ruleForm.ztQlxx = val;
577 }, 569 },
578 /** 570 created () {
579 * @description: ssQlxxchange 571 this.loadData();
580 * @param {*} val
581 * @author: renchao
582 */
583 ssQlxxchange(val) {
584 this.ruleForm.ssQlxx = val;
585 this.ruleForm.qlxx.ssywh = val.ywh;
586 }, 572 },
587 /** 573 mounted () {
588 * @description: djlxchange 574 this.ableOperation = this.$parent.ableOperation
589 * @param {*} val 575
590 * @author: renchao
591 */
592 djlxchange(val) {
593 if (val == null || val == 100) {
594 this.ssqlxxshow = false;
595 } else {
596 this.ssqlxxshow = true;
597 }
598 }, 576 },
599 /** 577 methods: {
600 * @description: loadData 578 /**
601 * @author: renchao 579 * @description: ztQlxxchange
602 */ 580 * @param {*} val
603 loadData() { 581 * @author: renchao
604 this.$startLoading(); 582 */
605 this.propsParam.isEdit=this.$parent.isEdit 583 ztQlxxchange (val) {
606 init(this.propsParam).then((res) => { 584 this.ruleForm.ztQlxx = val;
607 if (res.code == 200) { 585 },
608 this.ruleForm = res.result; 586 /**
609 let djlx = this.ruleForm.qlxx.djlx; 587 * @description: ssQlxxchange
610 if (djlx == null || djlx == 100) { 588 * @param {*} val
611 this.ssqlxxshow = false; 589 * @author: renchao
612 } 590 */
613 this.$endLoading(); 591 ssQlxxchange (val) {
614 this.isShow = true; 592 this.ruleForm.ssQlxx = val;
593 this.ruleForm.qlxx.ssywh = val.ywh;
594 },
595 /**
596 * @description: djlxchange
597 * @param {*} val
598 * @author: renchao
599 */
600 djlxchange (val) {
601 if (val == null || val == 100) {
602 this.ssqlxxshow = false;
603 } else {
604 this.ssqlxxshow = true;
615 } 605 }
616 }); 606 },
607 /**
608 * @description: loadData
609 * @author: renchao
610 */
611 loadData () {
612 this.$startLoading();
613 this.propsParam.isEdit = this.$parent.isEdit
614 init(this.propsParam).then((res) => {
615 if (res.code == 200) {
616 this.ruleForm = res.result;
617 let djlx = this.ruleForm.qlxx.djlx;
618 if (djlx == null || djlx == 100) {
619 this.ssqlxxshow = false;
620 }
621 this.$endLoading();
622 this.isShow = true;
623 }
624 });
617 //获取主体信息 625 //获取主体信息
618 getSsQlxx({ 626 getSsQlxx({
619 bdcdyid: this.propsParam.bdcdyid, 627 bdcdyid: this.propsParam.bdcdyid,
620 qllx: this.propsParam.qllx, 628 qllx: this.propsParam.qllx,
621 }).then((res) => { 629 }).then((res) => {
622 if (res.code == 200) { 630 if (res.code == 200) {
623 this.ssQlxxList = res.result; 631 this.ssQlxxList = res.result;
624 console.log("this.$refs.ruleForm",this.$refs.ruleForm); 632 console.log("this.$refs.ruleForm", this.$refs.ruleForm);
625 } 633 }
626 }); 634 });
627 635
628 //获取上手信息 636 //获取上手信息
629 getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { 637 getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
630 if (res.code == 200) { 638 if (res.code == 200) {
631 this.ztQlxxList = res.result; 639 this.ztQlxxList = res.result;
632 console.log("this.$refs.ruleForm",this.$refs.ruleForm); 640 console.log("this.$refs.ruleForm", this.$refs.ruleForm);
633 } 641 }
634 });
635
636 },
637 // 更新土地用途信息
638 /**
639 * @description: 更新土地用途信息
640 * @param {*} val
641 * @author: renchao
642 */
643 upDateTdytxxList(val) {
644 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
645 this.key++;
646 },
647 // 更新权利人信息
648 /**
649 * @description: 更新权利人信息
650 * @param {*} val
651 * @author: renchao
652 */
653 upDateQlrxxList(val) {
654 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
655 this.czrOptions = this.ruleForm.qlrData;
656 this.key++;
657 },
658 // 更新义务人信息
659 /**
660 * @description: 更新义务人信息
661 * @param {*} val
662 * @author: renchao
663 */
664 upDateYwrxxList(val) {
665 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
666 this.key++;
667 },
668 /**
669 * @description: onSubmit
670 * @author: renchao
671 */
672 onSubmit() {
673 this.$refs.ruleForm.validate((valid) => {
674 if (valid) {
675 if (this.ruleForm.qlrData.length == 0) {
676 this.$message({
677 showClose: true,
678 message: "请确认权利人信息",
679 type: "error",
680 }); 642 });
681 return false; 643
682 } 644 },
683 if (this.ruleForm.ywrData.length == 0) { 645 // 更新土地用途信息
684 this.$message({ 646 /**
685 showClose: true, 647 * @description: 更新土地用途信息
686 message: "请确认义务人信息", 648 * @param {*} val
687 type: "error", 649 * @author: renchao
650 */
651 upDateTdytxxList (val) {
652 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
653 this.key++;
654 },
655 // 更新权利人信息
656 /**
657 * @description: 更新权利人信息
658 * @param {*} val
659 * @author: renchao
660 */
661 upDateQlrxxList (val) {
662 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
663 this.czrOptions = this.ruleForm.qlrData;
664 this.key++;
665 },
666 // 更新义务人信息
667 /**
668 * @description: 更新义务人信息
669 * @param {*} val
670 * @author: renchao
671 */
672 upDateYwrxxList (val) {
673 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
674 this.key++;
675 },
676 /**
677 * @description: onSubmit
678 * @author: renchao
679 */
680 onSubmit () {
681 this.$refs.ruleForm.validate((valid) => {
682 if (valid) {
683 if (this.ruleForm.qlrData.length == 0) {
684 this.$message({
685 showClose: true,
686 message: "请确认权利人信息",
687 type: "error",
688 });
689 return false;
690 }
691 if (this.ruleForm.ywrData.length == 0) {
692 this.$message({
693 showClose: true,
694 message: "请确认义务人信息",
695 type: "error",
696 });
697 return false;
698 }
699 if (this.ruleForm.qlxx.gyfs == "0") {
700 if (this.ruleForm.qlrData.length > 1) {
701 this.$message({
702 showClose: true,
703 message: "共有方式：单独所有，权利人只能是一个人",
704 type: "error",
705 });
706 return false;
707 }
708 this.ruleForm.qlrData[0].sfczr = "1";
709 }
710 if (this.ruleForm.qlxx.gyfs == "1") {
711 //是否分别持证
712 if (this.ruleForm.qlxx.sqfbcz == "1") {
713 //是
714 this.ruleForm.qlrData.forEach((item, index) => {
715 item.sfczr = "1";
716 });
717 } else {
718 this.ruleForm.qlrData.forEach((item, index) => {
719 if (item.zjh == this.ruleForm.czr) {
720 item.sfczr = "1";
721 } else {
722 item.sfczr = "0";
723 }
724 });
725 }
726 }
727 save(this.ruleForm).then((res) => {
728 if (res.code === 200) {
729 this.$message({
730 showClose: true,
731 message: "保存成功！",
732 type: "success",
733 });
734 this.$parent.changeywh()
735 this.$store.dispatch("user/refreshPage", true);
736 } else {
737 this.$message({
738 showClose: true,
739 message: res.message,
740 type: "error",
741 });
742 }
688 }); 743 });
744 } else {
689 return false; 745 return false;
690 } 746 }
691 if (this.ruleForm.qlxx.gyfs == "0") { 747 });
692 if (this.ruleForm.qlrData.length > 1) { 748 },
693 this.$message({
694 showClose: true,
695 message: "共有方式：单独所有，权利人只能是一个人",
696 type: "error",
697 });
698 return false;
699 }
700 this.ruleForm.qlrData[0].sfczr = "1";
701 }
702 if (this.ruleForm.qlxx.gyfs == "1") {
703 //是否分别持证
704 if (this.ruleForm.qlxx.sqfbcz == "1") {
705 //是
706 this.ruleForm.qlrData.forEach((item, index) => {
707 item.sfczr = "1";
708 });
709 } else {
710 this.ruleForm.qlrData.forEach((item, index) => {
711 if (item.zjh == this.ruleForm.czr) {
712 item.sfczr = "1";
713 } else {
714 item.sfczr = "0";
715 }
716 });
717 }
718 }
719 save(this.ruleForm).then((res) => {
720 if (res.code === 200) {
721 this.$message({
722 showClose: true,
723 message: "保存成功！",
724 type: "success",
725 });
726 this.$parent.changeywh()
727 this.$store.dispatch("user/refreshPage", true);
728 } else {
729 this.$message({
730 showClose: true,
731 message: res.message,
732 type: "error",
733 });
734 }
735 });
736 } else {
737 return false;
738 }
739 });
740 }, 749 },
741 }, 750 };
742 };
743 </script> 751 </script>
744 <style scoped lang="scss"> 752 <style scoped lang="scss">
745 @import "~@/styles/public.scss"; 753 @import "~@/styles/public.scss";
746 @import "~@/styles/slxx/slxx.scss"; 754 @import "~@/styles/slxx/slxx.scss";
747 </style> 755 </style>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-06-25 15:52:42 4 * @LastEditTime: 2023-08-02 08:39:13
5 :show-message="false" 5 :show-message="false"
6 --> 6 -->
7 <template> 7 <template>
...@@ -10,15 +10,14 @@ ...@@ -10,15 +10,14 @@
10 <el-form 10 <el-form
11 :model="ruleForm" 11 :model="ruleForm"
12 :rules="rules" 12 :rules="rules"
13 :class="{readonly: editDisabled }" 13 :class="{readonly: editDisabled }"
14 class="loadingtext" 14 class="loadingtext"
15 ref="ruleForm" 15 ref="ruleForm"
16 :label-position="flag ? 'top' : ''" 16 :label-position="flag ? 'top' : ''"
17 :show-message="false" 17 :show-message="false"
18 :inline="flag" 18 :inline="flag"
19 inline-message 19 inline-message
20 label-width="145px" 20 label-width="145px">
21 >
22 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 21 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
23 <div class="slxx_title title-block"> 22 <div class="slxx_title title-block">
24 补录信息 23 补录信息
...@@ -42,29 +41,26 @@ ...@@ -42,29 +41,26 @@
42 </el-col> 41 </el-col>
43 </el-row> 42 </el-row>
44 <div class="slxx_title title-block"> 43 <div class="slxx_title title-block">
45 预告买卖登记信息不动产情况 44 预告买卖登记信息不动产情况
46 <div class="triangle"></div> 45 <div class="triangle"></div>
47 </div> 46 </div>
48 <el-row :gutter="10"> 47 <el-row :gutter="10">
49 <el-col :span="8" v-if="ssqlxxshow"> 48 <el-col :span="8" v-if="ssqlxxshow">
50 <el-form-item label="上手权利信息："> 49 <el-form-item label="上手权利信息：">
51 <select-table 50 <select-table
52 v-model="ruleForm.ssQlxx" 51 v-model="ruleForm.ssQlxx"
53 :table-width="550" 52 :table-width="550"
54 :tableData="ssQlxxList" 53 :tableData="ssQlxxList"
55 :props="props" 54 :props="props"
56 @change="ssQlxxchange" 55 @change="ssQlxxchange">
57 >
58 <el-table-column 56 <el-table-column
59 prop="qllxmc" 57 prop="qllxmc"
60 width="130" 58 width="130"
61 label="权利类型" 59 label="权利类型"></el-table-column>
62 ></el-table-column>
63 <el-table-column 60 <el-table-column
64 prop="bdcqzh" 61 prop="bdcqzh"
65 width="160" 62 width="160"
66 label="不动产权证书" 63 label="不动产权证书"></el-table-column>
67 ></el-table-column>
68 <el-table-column prop="qlrmc" label="权利人"></el-table-column> 64 <el-table-column prop="qlrmc" label="权利人"></el-table-column>
69 <el-table-column prop="mjmc" label="面积"></el-table-column> 65 <el-table-column prop="mjmc" label="面积"></el-table-column>
70 <el-table-column prop="ytmc" label="用途"></el-table-column> 66 <el-table-column prop="ytmc" label="用途"></el-table-column>
...@@ -72,37 +68,35 @@ ...@@ -72,37 +68,35 @@
72 </select-table> 68 </select-table>
73 </el-form-item> 69 </el-form-item>
74 </el-col> 70 </el-col>
75 <el-col :span="8"> 71 <el-col :span="8">
76 <el-form-item label="上手业务号："> 72 <el-form-item label="上手业务号：">
77 <el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input> 73 <el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input>
78 </el-form-item> 74 </el-form-item>
79 </el-col> 75 </el-col>
80 <el-col :span="8"> 76 <el-col :span="8">
81 <el-form-item 77 <el-form-item
82 label="登记类型：" 78 label="登记类型："
83 prop="qlxx.djlx" 79 prop="qlxx.djlx"
84 :rules="rules.djlxrules" 80 :rules="rules.djlxrules">
85 >
86 <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> 81 <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
87 <el-option 82 <el-option
88 v-for="item in djlxlist" 83 v-for="item in djlxlist"
89 :key="item.dcode" 84 :key="item.dcode"
90 :label="item.dname" 85 :label="item.dname"
91 :value="item.dcode" 86 :value="item.dcode">
92 >
93 </el-option> 87 </el-option>
94 </el-select> 88 </el-select>
95 </el-form-item> 89 </el-form-item>
96 </el-col> 90 </el-col>
97 </el-row> 91 </el-row>
98 <el-row> 92 <el-row>
99 <el-col :span="8"> 93 <el-col :span="8">
100 <el-form-item label="不动产单元号："> 94 <el-form-item label="不动产单元号：">
101 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> 95 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
102 </el-form-item> 96 </el-form-item>
103 </el-col> 97 </el-col>
104 <el-col :span="8"> 98 <el-col :span="8">
105 <el-form-item label="业务号：" prop="qlxx.ywh" :rules="rules.ywhrules"> 99 <el-form-item label="业务号：" prop="qlxx.ywh" :rules="rules.ywhrules">
106 <el-input v-model="ruleForm.qlxx.ywh"></el-input> 100 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
107 </el-form-item> 101 </el-form-item>
108 </el-col> 102 </el-col>
...@@ -122,7 +116,7 @@ ...@@ -122,7 +116,7 @@
122 </el-form-item> 116 </el-form-item>
123 </el-col> 117 </el-col>
124 <el-col :span="8"> 118 <el-col :span="8">
125 <el-form-item label="不动产权证号：" prop="qlxx.bdcqzh" :rules="rules.bdcqzhrules"> 119 <el-form-item label="不动产权证号：" prop="qlxx.bdcqzh" :rules="rules.bdcqzhrules">
126 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> 120 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
127 </el-form-item> 121 </el-form-item>
128 </el-col> 122 </el-col>
...@@ -145,12 +139,11 @@ ...@@ -145,12 +139,11 @@
145 <el-form-item label="登记时间：" prop="qlxx.djsj" :rules="rules.djsjrules"> 139 <el-form-item label="登记时间：" prop="qlxx.djsj" :rules="rules.djsjrules">
146 <el-date-picker 140 <el-date-picker
147 v-model="ruleForm.qlxx.djsj" 141 v-model="ruleForm.qlxx.djsj"
148 class="width100" 142 class="width100"
149 type="date" 143 type="date"
150 placeholder="选择日期" 144 placeholder="选择日期"
151 value-format="yyyy-MM-dd HH:mm:ss" 145 value-format="yyyy-MM-dd HH:mm:ss"
152 format="yyyy-MM-dd" 146 format="yyyy-MM-dd">
153 >
154 </el-date-picker> 147 </el-date-picker>
155 </el-form-item> 148 </el-form-item>
156 </el-col> 149 </el-col>
...@@ -161,22 +154,20 @@ ...@@ -161,22 +154,20 @@
161 v-for="item in qsztlist" 154 v-for="item in qsztlist"
162 :key="item.dcode" 155 :key="item.dcode"
163 :label="item.dname" 156 :label="item.dname"
164 :value="item.dcode" 157 :value="item.dcode">
165 >
166 </el-option> 158 </el-option>
167 </el-select> 159 </el-select>
168 </el-form-item> 160 </el-form-item>
169 </el-col> 161 </el-col>
170 162
171 <el-col :span="8"> 163 <el-col :span="8">
172 <el-form-item label="预告登记种类：" prop="ygdj.ygdjlx" :rules="rules.ygdjlxrules"> 164 <el-form-item label="预告登记种类：" prop="ygdj.ygdjlx" :rules="rules.ygdjlxrules">
173 <el-select v-model="ruleForm.ygdj.ygdjlx"> 165 <el-select v-model="ruleForm.ygdj.ygdjlx">
174 <el-option 166 <el-option
175 v-for="item in dictData['A29']" 167 v-for="item in dictData['A29']"
176 :key="item.dcode" 168 :key="item.dcode"
177 :label="item.dname" 169 :label="item.dname"
178 :value="item.dcode" 170 :value="item.dcode">
179 >
180 </el-option> 171 </el-option>
181 </el-select> 172 </el-select>
182 </el-form-item> 173 </el-form-item>
...@@ -188,13 +179,12 @@ ...@@ -188,13 +179,12 @@
188 </el-col> 179 </el-col>
189 <el-col :span="8"> 180 <el-col :span="8">
190 <el-form-item label="规划用途："> 181 <el-form-item label="规划用途：">
191 <el-select v-model="ruleForm.ygdj.ghyt"> 182 <el-select v-model="ruleForm.ygdj.ghyt">
192 <el-option 183 <el-option
193 v-for="item in dictData['A17']" 184 v-for="item in dictData['A17']"
194 :key="item.dcode" 185 :key="item.dcode"
195 :label="item.dname" 186 :label="item.dname"
196 :value="item.dcode" 187 :value="item.dcode">
197 >
198 </el-option> 188 </el-option>
199 </el-select> 189 </el-select>
200 </el-form-item> 190 </el-form-item>
...@@ -206,13 +196,12 @@ ...@@ -206,13 +196,12 @@
206 </el-col> 196 </el-col>
207 <el-col :span="8"> 197 <el-col :span="8">
208 <el-form-item label="房屋性质："> 198 <el-form-item label="房屋性质：">
209 <el-select v-model="ruleForm.ygdj.fwxz"> 199 <el-select v-model="ruleForm.ygdj.fwxz">
210 <el-option 200 <el-option
211 v-for="item in dictData['A19']" 201 v-for="item in dictData['A19']"
212 :key="item.dcode" 202 :key="item.dcode"
213 :label="item.dname" 203 :label="item.dname"
214 :value="item.dcode" 204 :value="item.dcode">
215 >
216 </el-option> 205 </el-option>
217 </el-select> 206 </el-select>
218 </el-form-item> 207 </el-form-item>
...@@ -224,13 +213,12 @@ ...@@ -224,13 +213,12 @@
224 </el-col> 213 </el-col>
225 <el-col :span="8"> 214 <el-col :span="8">
226 <el-form-item label="房屋结构："> 215 <el-form-item label="房屋结构：">
227 <el-select v-model="ruleForm.ygdj.fwjg"> 216 <el-select v-model="ruleForm.ygdj.fwjg">
228 <el-option 217 <el-option
229 v-for="item in dictData['A46']" 218 v-for="item in dictData['A46']"
230 :key="item.dcode" 219 :key="item.dcode"
231 :label="item.dname" 220 :label="item.dname"
232 :value="item.dcode" 221 :value="item.dcode">
233 >
234 </el-option> 222 </el-option>
235 </el-select> 223 </el-select>
236 </el-form-item> 224 </el-form-item>
...@@ -246,22 +234,19 @@ ...@@ -246,22 +234,19 @@
246 </el-form-item> 234 </el-form-item>
247 </el-col> 235 </el-col>
248 <el-col :span="8"> 236 <el-col :span="8">
249 <el-form-item label="建筑面积："> 237 <el-form-item label="建筑面积：">
250 <div class="flex"> 238 <div class="flex">
251 <el-input v-model="ruleForm.ygdj.jzmj" 239 <el-input v-model="ruleForm.ygdj.jzmj"
252 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" 240 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
253 ></el-input>
254 <el-select 241 <el-select
255 v-model="ruleForm.ygdj.mjdw" 242 v-model="ruleForm.ygdj.mjdw"
256 :disabled="!ableOperation" 243 :disabled="!ableOperation"
257 style="width: 20%" 244 style="width: 20%">
258 >
259 <el-option 245 <el-option
260 v-for="item in dictData['A7']" 246 v-for="item in dictData['A7']"
261 :key="item.dcode" 247 :key="item.dcode"
262 :label="item.dname" 248 :label="item.dname"
263 :value="item.dcode" 249 :value="item.dcode">
264 >
265 </el-option> 250 </el-option>
266 </el-select> 251 </el-select>
267 </div> 252 </div>
...@@ -279,22 +264,21 @@ ...@@ -279,22 +264,21 @@
279 </el-col> 264 </el-col>
280 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> 265 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
281 <el-form-item label="注销时间："> 266 <el-form-item label="注销时间：">
282 <el-date-picker 267 <el-date-picker
283 v-model="ruleForm.ygdj.zxsj" 268 v-model="ruleForm.ygdj.zxsj"
284 class="width100" 269 class="width100"
285 type="date" 270 type="date"
286 placeholder="选择日期" 271 placeholder="选择日期"
287 value-format="yyyy-MM-dd HH:mm:ss" 272 value-format="yyyy-MM-dd HH:mm:ss"
288 format="yyyy-MM-dd" 273 format="yyyy-MM-dd">
289 >
290 </el-date-picker> 274 </el-date-picker>
291 </el-form-item> 275 </el-form-item>
292 </el-col> 276 </el-col>
293 <el-col :span="8"> 277 <el-col :span="8">
294 <el-form-item label="取得价格/被担保主债权数额："> 278 <el-form-item label="取得价格/被担保主债权数额：">
295 <div class="flex"> 279 <div class="flex">
296 <el-input v-model="ruleForm.ygdj.qdjg" 280 <el-input v-model="ruleForm.ygdj.qdjg"
297 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 281 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
298 <el-select 282 <el-select
299 v-model="ruleForm.ygdj.jedw" 283 v-model="ruleForm.ygdj.jedw"
300 :disabled="!ableOperation" 284 :disabled="!ableOperation"
...@@ -342,10 +326,9 @@ ...@@ -342,10 +326,9 @@
342 <el-row :gutter="10"> 326 <el-row :gutter="10">
343 <el-col :span="12"> 327 <el-col :span="12">
344 <el-form-item label="共有方式："> 328 <el-form-item label="共有方式：">
345 <el-radio-group 329 <el-radio-group
346 :disabled="!ableOperation" 330 :disabled="!ableOperation"
347 v-model="ruleForm.qlxx.gyfs" 331 v-model="ruleForm.sldy.gyfs">
348 >
349 <el-radio label="0">单独所有</el-radio> 332 <el-radio label="0">单独所有</el-radio>
350 <el-radio label="1">共同共有</el-radio> 333 <el-radio label="1">共同共有</el-radio>
351 <el-radio label="2">按份所有</el-radio> 334 <el-radio label="2">按份所有</el-radio>
...@@ -353,16 +336,42 @@ ...@@ -353,16 +336,42 @@
353 </el-radio-group> 336 </el-radio-group>
354 </el-form-item> 337 </el-form-item>
355 </el-col> 338 </el-col>
339 <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
340 <el-form-item label="是否分别持证：">
341 <el-radio-group
342 v-model="ruleForm.sldy.sqfbcz"
343 :disabled="!ableOperation">
344 <el-radio :label="1">是</el-radio>
345 <el-radio :label="0">否</el-radio>
346 </el-radio-group>
347 </el-form-item>
348 </el-col>
349 <el-col
350 :span="6"
351 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs == '1'">
352 <el-form-item label="持证人：">
353 <el-select
354 v-model="ruleForm.czr"
355 placeholder="持证人"
356 :disabled="!ableOperation">
357 <el-option
358 v-for="item in czrOptions"
359 :key="item.zjh"
360 :label="item.sqrmc"
361 :value="item.zjh">
362 </el-option>
363 </el-select>
364 </el-form-item>
365 </el-col>
356 </el-row> 366 </el-row>
357 <qlrCommonTable 367 <qlrCommonTable
358 :tableData="ruleForm.qlrData" 368 :tableData="ruleForm.qlrData"
359 @upDateQlrxxList="upDateQlrxxList" 369 @upDateQlrxxList="upDateQlrxxList"
360 :key="key" 370 :key="key"
361 :ableOperation="ableOperation" 371 :ableOperation="ableOperation"
362 :gyfs="ruleForm.qlxx.gyfs" 372 :gyfs="ruleForm.qlxx.gyfs" />
363 />
364 373
365 <div v-if="ruleForm.ywrData"> 374 <div v-if="ruleForm.ywrData">
366 <div class="slxx_title title-block"> 375 <div class="slxx_title title-block">
367 义务人信息 376 义务人信息
368 <div class="triangle"></div> 377 <div class="triangle"></div>
...@@ -372,8 +381,7 @@ ...@@ -372,8 +381,7 @@
372 :tableData="ruleForm.ywrData" 381 :tableData="ruleForm.ywrData"
373 :key="key" 382 :key="key"
374 :ableOperation="ableOperation" 383 :ableOperation="ableOperation"
375 @upDateQlrxxList="upDateYwrxxList" 384 @upDateQlrxxList="upDateYwrxxList" />
376 />
377 </div> 385 </div>
378 </div> 386 </div>
379 <el-row class="btn" v-if="ableOperation"> 387 <el-row class="btn" v-if="ableOperation">
...@@ -385,82 +393,84 @@ ...@@ -385,82 +393,84 @@
385 </div> 393 </div>
386 </template> 394 </template>
387 <script> 395 <script>
388 import { mapGetters } from "vuex"; 396 import { mapGetters } from "vuex";
389 import { init,getSsQlxx, save } from "@/api/djbRepair.js"; 397 import ywmix from "@/views/ywbl/mixin/index"
390 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; 398 import { init, getSsQlxx, save } from "@/api/djbRepair.js";
391 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; 399 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
392 import tdytTable from "@/views/workflow/components/tdytTable"; 400 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
393 import selectTable from "@/components/selectTable/index.vue"; 401 import tdytTable from "@/views/workflow/components/tdytTable";
394 export default { 402 import selectTable from "@/components/selectTable/index.vue";
395 components: { qlrCommonTable, ywrCommonTable, tdytTable,selectTable }, 403 export default {
396 computed: { 404 mixins: [ywmix],
397 ...mapGetters(["dictData", "flag"]), 405 components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable },
398 // 根据流程判断表单是否为只读 406 computed: {
399 editDisabled() { 407 ...mapGetters(["dictData", "flag"]),
400 if (!this.ableOperation) { 408 // 根据流程判断表单是否为只读
401 //只读状态 409 editDisabled () {
402 return true; 410 if (!this.ableOperation) {
403 } 411 //只读状态
404 return false; 412 return true;
413 }
414 return false;
415 },
405 }, 416 },
406 }, 417 data () {
407 data() { 418 return {
408 return { 419 ssqlxxshow: true,
409 ssqlxxshow:true,
410 props: { 420 props: {
411 label: "bdcqzh", 421 label: "bdcqzh",
412 value: "bdcdyid", 422 value: "bdcdyid",
413 },
414 //表单是否可操作
415 propsParam: this.$attrs,
416 key: 0,
417 isShow: false,
418 disabled: true,
419 czrOptions: [],
420 ssQlxxList: [],
421 ruleForm: {},
422 // 登记类型
423 djlxlist: [
424 {
425 dcode: "100",
426 dname: "首次登记",
427 },
428 {
429 dcode: "200",
430 dname: "转移登记",
431 },
432 {
433 dcode: "300",
434 dname: "变更登记",
435 },
436 {
437 dcode: "500",
438 dname: "更正登记",
439 }, 423 },
424 //表单是否可操作
425 propsParam: this.$attrs,
426 key: 0,
427 isShow: false,
428 disabled: true,
429 czrOptions: [],
430 ssQlxxList: [],
431 ruleForm: {},
432 // 登记类型
433 djlxlist: [
434 {
435 dcode: "100",
436 dname: "首次登记",
437 },
438 {
439 dcode: "200",
440 dname: "转移登记",
441 },
442 {
443 dcode: "300",
444 dname: "变更登记",
445 },
446 {
447 dcode: "500",
448 dname: "更正登记",
449 },
440 450
441 { 451 {
442 dcode: "901", 452 dcode: "901",
443 dname: "补证", 453 dname: "补证",
444 }, 454 },
445 { 455 {
446 dcode: "902", 456 dcode: "902",
447 dname: "换证", 457 dname: "换证",
448 }, 458 },
449 ], 459 ],
450 // 权属状态 460 // 权属状态
451 qsztlist: [ 461 qsztlist: [
452 { 462 {
453 dcode: "1", 463 dcode: "1",
454 dname: "现势", 464 dname: "现势",
455 }, 465 },
456 { 466 {
457 dcode: "2", 467 dcode: "2",
458 dname: "历史", 468 dname: "历史",
459 }, 469 },
460 ], 470 ],
461 //传递参数\ 471 //传递参数\
462 rules: { 472 rules: {
463 bdcqzhrules:[ 473 bdcqzhrules: [
464 { required: true, message: "不动产权证号：", trigger: "blur" }, 474 { required: true, message: "不动产权证号：", trigger: "blur" },
465 ], 475 ],
466 // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], 476 // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
...@@ -490,154 +500,171 @@ export default { ...@@ -490,154 +500,171 @@ export default {
490 this.ruleForm.ssQlxx = val; 500 this.ruleForm.ssQlxx = val;
491 this.ruleForm.qlxx.ssywh = val.ywh; 501 this.ruleForm.qlxx.ssywh = val.ywh;
492 }, 502 },
493 /** 503 created () {
494 * @description: djlxchange 504 this.loadData();
495 * @param {*} val
496 * @author: renchao
497 */
498 djlxchange(val) {
499 if (val == null || val == 100) {
500 this.ssqlxxshow = false;
501 } else {
502 this.ssqlxxshow = true;
503 }
504 }, 505 },
505 /** 506 mounted () {
506 * @description: loadData 507 this.ableOperation = this.$parent.ableOperation
507 * @author: renchao 508 },
508 */ 509 methods: {
509 loadData() { 510 /**
510 this.$startLoading(); 511 * @description: ssQlxxchange
511 this.propsParam.isEdit=this.$parent.isEdit 512 * @param {*} val
512 init(this.propsParam).then((res) => { 513 * @author: renchao
513 if (res.code == 200) { 514 */
514 this.ruleForm = res.result; 515 ssQlxxchange (val) {
515 let djlx = this.ruleForm.qlxx.djlx; 516 this.ruleForm.ssQlxx = val;
516 if (djlx == null || djlx == 100) { 517 this.ruleForm.qlxx.ssywh = val.ywh;
517 this.ssqlxxshow = false; 518 },
518 } 519 /**
519 this.$endLoading(); 520 * @description: djlxchange
520 this.isShow = true; 521 * @param {*} val
522 * @author: renchao
523 */
524 djlxchange (val) {
525 if (val == null || val == 100) {
526 this.ssqlxxshow = false;
527 } else {
528 this.ssqlxxshow = true;
521 } 529 }
522 }); 530 },
531 /**
532 * @description: loadData
533 * @author: renchao
534 */
535 loadData () {
536 this.$startLoading();
537 this.propsParam.isEdit = this.$parent.isEdit
538 init(this.propsParam).then((res) => {
539 if (res.code == 200) {
540 this.ruleForm = res.result;
541 let djlx = this.ruleForm.qlxx.djlx;
542 if (djlx == null || djlx == 100) {
543 this.ssqlxxshow = false;
544 }
545 this.$endLoading();
546 this.isShow = true;
547 }
548 });
523 //获取主体信息 549 //获取主体信息
524 getSsQlxx({ 550 getSsQlxx({
525 bdcdyid: this.propsParam.bdcdyid, 551 bdcdyid: this.propsParam.bdcdyid,
526 qllx: this.propsParam.qllx, 552 qllx: this.propsParam.qllx,
527 }).then((res) => { 553 }).then((res) => {
528 if (res.code == 200) { 554 if (res.code == 200) {
529 this.ssQlxxList = res.result; 555 this.ssQlxxList = res.result;
530 } 556 }
531 });
532 },
533 // 更新土地用途信息
534 /**
535 * @description: 更新土地用途信息
536 * @param {*} val
537 * @author: renchao
538 */
539 upDateTdytxxList(val) {
540 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
541 this.key++;
542 },
543 // 更新权利人信息
544 /**
545 * @description: 更新权利人信息
546 * @param {*} val
547 * @author: renchao
548 */
549 upDateQlrxxList(val) {
550 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
551 this.czrOptions = this.ruleForm.qlrData;
552 this.key++;
553 },
554 // 更新义务人信息
555 /**
556 * @description: 更新义务人信息
557 * @param {*} val
558 * @author: renchao
559 */
560 upDateYwrxxList(val) {
561 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
562 this.key++;
563 },
564 /**
565 * @description: onSubmit
566 * @author: renchao
567 */
568 onSubmit() {
569 this.$refs.ruleForm.validate((valid) => {
570 if (valid) {
571 if (this.ruleForm.qlrData.length == 0) {
572 this.$message({
573 showClose: true,
574 message: "请确认权利人信息",
575 type: "error",
576 }); 557 });
577 return false; 558 },
578 } 559 // 更新土地用途信息
579 if (this.ruleForm.ywrData.length == 0) { 560 /**
580 this.$message({ 561 * @description: 更新土地用途信息
581 showClose: true, 562 * @param {*} val
582 message: "请确认义务人信息", 563 * @author: renchao
583 type: "error", 564 */
565 upDateTdytxxList (val) {
566 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
567 this.key++;
568 },
569 // 更新权利人信息
570 /**
571 * @description: 更新权利人信息
572 * @param {*} val
573 * @author: renchao
574 */
575 upDateQlrxxList (val) {
576 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
577 this.czrOptions = this.ruleForm.qlrData;
578 this.key++;
579 },
580 // 更新义务人信息
581 /**
582 * @description: 更新义务人信息
583 * @param {*} val
584 * @author: renchao
585 */
586 upDateYwrxxList (val) {
587 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
588 this.key++;
589 },
590 /**
591 * @description: onSubmit
592 * @author: renchao
593 */
594 onSubmit () {
595 this.$refs.ruleForm.validate((valid) => {
596 if (valid) {
597 if (this.ruleForm.qlrData.length == 0) {
598 this.$message({
599 showClose: true,
600 message: "请确认权利人信息",
601 type: "error",
602 });
603 return false;
604 }
605 if (this.ruleForm.ywrData.length == 0) {
606 this.$message({
607 showClose: true,
608 message: "请确认义务人信息",
609 type: "error",
610 });
611 return false;
612 }
613 if (this.ruleForm.qlxx.gyfs == "0") {
614 if (this.ruleForm.qlrData.length > 1) {
615 this.$message({
616 showClose: true,
617 message: "共有方式：单独所有，权利人只能是一个人",
618 type: "error",
619 });
620 return false;
621 }
622 this.ruleForm.qlrData[0].sfczr = "1";
623 }
624 if (this.ruleForm.qlxx.gyfs == "1") {
625 //是否分别持证
626 if (this.ruleForm.qlxx.sqfbcz == "1") {
627 //是
628 this.ruleForm.qlrData.forEach((item, index) => {
629 item.sfczr = "1";
630 });
631 } else {
632 this.ruleForm.qlrData.forEach((item, index) => {
633 if (item.zjh == this.ruleForm.czr) {
634 item.sfczr = "1";
635 } else {
636 item.sfczr = "0";
637 }
638 });
639 }
640 }
641 save(this.ruleForm).then((res) => {
642 if (res.code === 200) {
643 this.$message({
644 showClose: true,
645 message: "保存成功！",
646 type: "success",
647 });
648 this.$parent.changeywh()
649 this.$store.dispatch("user/refreshPage", true);
650 } else {
651 this.$message({
652 showClose: true,
653 message: res.message,
654 type: "error",
655 });
656 }
584 }); 657 });
658 } else {
585 return false; 659 return false;
586 } 660 }
587 if (this.ruleForm.qlxx.gyfs == "0") { 661 });
588 if (this.ruleForm.qlrData.length > 1) { 662 },
589 this.$message({
590 showClose: true,
591 message: "共有方式：单独所有，权利人只能是一个人",
592 type: "error",
593 });
594 return false;
595 }
596 this.ruleForm.qlrData[0].sfczr = "1";
597 }
598 if (this.ruleForm.qlxx.gyfs == "1") {
599 //是否分别持证
600 if (this.ruleForm.qlxx.sqfbcz == "1") {
601 //是
602 this.ruleForm.qlrData.forEach((item, index) => {
603 item.sfczr = "1";
604 });
605 } else {
606 this.ruleForm.qlrData.forEach((item, index) => {
607 if (item.zjh == this.ruleForm.czr) {
608 item.sfczr = "1";
609 } else {
610 item.sfczr = "0";
611 }
612 });
613 }
614 }
615 save(this.ruleForm).then((res) => {
616 if (res.code === 200) {
617 this.$message({
618 showClose: true,
619 message: "保存成功！",
620 type: "success",
621 });
622 this.$parent.changeywh()
623 this.$store.dispatch("user/refreshPage", true);
624 } else {
625 this.$message({
626 showClose: true,
627 message: res.message,
628 type: "error",
629 });
630 }
631 });
632 } else {
633 return false;
634 }
635 });
636 }, 663 },
637 }, 664 }
638 }; 665 }
639 </script> 666 </script>
640 <style scoped lang="scss"> 667 <style scoped lang="scss">
641 @import "~@/styles/public.scss"; 668 @import "~@/styles/public.scss";
642 @import "~@/styles/slxx/slxx.scss"; 669 @import "~@/styles/slxx/slxx.scss";
643 </style> 670 </style>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-06-25 15:52:42 4 * @LastEditTime: 2023-08-01 18:12:57
5 --> 5 -->
6 <template> 6 <template>
7 <!-- 受理信息 --> 7 <!-- 受理信息 -->
...@@ -16,8 +16,7 @@ ...@@ -16,8 +16,7 @@
16 :inline="flag" 16 :inline="flag"
17 inline-message 17 inline-message
18 :show-message="false" 18 :show-message="false"
19 label-width="145px" 19 label-width="145px">
20 >
21 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 20 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
22 <div class="slxx_title title-block"> 21 <div class="slxx_title title-block">
23 补录信息 22 补录信息
...@@ -49,25 +48,21 @@ ...@@ -49,25 +48,21 @@
49 <el-form-item 48 <el-form-item
50 label="抵押不动产信息：" 49 label="抵押不动产信息："
51 prop="ztQlxx.bdcqzh" 50 prop="ztQlxx.bdcqzh"
52 :rules="rules.ztQlxxrules" 51 :rules="rules.ztQlxxrules">
53 >
54 <select-table 52 <select-table
55 v-model="ruleForm.ztQlxx" 53 v-model="ruleForm.ztQlxx"
56 :table-width="550" 54 :table-width="550"
57 :tableData="ztQlxxList" 55 :tableData="ztQlxxList"
58 :props="props" 56 :props="props"
59 @change="ztQlxxchange" 57 @change="ztQlxxchange">
60 >
61 <el-table-column 58 <el-table-column
62 prop="qllxmc" 59 prop="qllxmc"
63 width="130" 60 width="130"
64 label="权利类型" 61 label="权利类型"></el-table-column>
65 ></el-table-column>
66 <el-table-column 62 <el-table-column
67 prop="bdcqzh" 63 prop="bdcqzh"
68 width="160" 64 width="160"
69 label="不动产权证书" 65 label="不动产权证书"></el-table-column>
70 ></el-table-column>
71 <el-table-column prop="qlrmc" label="权利人"></el-table-column> 66 <el-table-column prop="qlrmc" label="权利人"></el-table-column>
72 <el-table-column prop="mjmc" label="面积"></el-table-column> 67 <el-table-column prop="mjmc" label="面积"></el-table-column>
73 <el-table-column prop="ytmc" label="用途"></el-table-column> 68 <el-table-column prop="ytmc" label="用途"></el-table-column>
...@@ -83,18 +78,15 @@ ...@@ -83,18 +78,15 @@
83 :table-width="550" 78 :table-width="550"
84 :tableData="ssQlxxList" 79 :tableData="ssQlxxList"
85 :props="props" 80 :props="props"
86 @change="ssQlxxchange" 81 @change="ssQlxxchange">
87 >
88 <el-table-column 82 <el-table-column
89 prop="qllxmc" 83 prop="qllxmc"
90 width="130" 84 width="130"
91 label="权利类型" 85 label="权利类型"></el-table-column>
92 ></el-table-column>
93 <el-table-column 86 <el-table-column
94 prop="bdcqzh" 87 prop="bdcqzh"
95 width="160" 88 width="160"
96 label="不动产权证书" 89 label="不动产权证书"></el-table-column>
97 ></el-table-column>
98 <el-table-column prop="qlrmc" label="权利人"></el-table-column> 90 <el-table-column prop="qlrmc" label="权利人"></el-table-column>
99 <el-table-column prop="mjmc" label="面积"></el-table-column> 91 <el-table-column prop="mjmc" label="面积"></el-table-column>
100 <el-table-column prop="ytmc" label="用途"></el-table-column> 92 <el-table-column prop="ytmc" label="用途"></el-table-column>
...@@ -166,7 +158,7 @@ ...@@ -166,7 +158,7 @@
166 </el-form-item> 158 </el-form-item>
167 </el-col> 159 </el-col>
168 <el-col :span="8"> 160 <el-col :span="8">
169 <el-form-item label="业务号：" prop="qlxx.ywh" :rules="rules.ywhrules"> 161 <el-form-item label="业务号：" prop="qlxx.ywh" :rules="rules.ywhrules">
170 <el-input v-model="ruleForm.qlxx.ywh"></el-input> 162 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
171 </el-form-item> 163 </el-form-item>
172 </el-col> 164 </el-col>
...@@ -191,15 +183,13 @@ ...@@ -191,15 +183,13 @@
191 <el-form-item 183 <el-form-item
192 label="登记类型：" 184 label="登记类型："
193 prop="qlxx.djlx" 185 prop="qlxx.djlx"
194 :rules="rules.djlxrules" 186 :rules="rules.djlxrules">
195 >
196 <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> 187 <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
197 <el-option 188 <el-option
198 v-for="item in djlxlist" 189 v-for="item in djlxlist"
199 :key="item.dcode" 190 :key="item.dcode"
200 :label="item.dname" 191 :label="item.dname"
201 :value="item.dcode" 192 :value="item.dcode">
202 >
203 </el-option> 193 </el-option>
204 </el-select> 194 </el-select>
205 </el-form-item> 195 </el-form-item>
...@@ -213,8 +203,7 @@ ...@@ -213,8 +203,7 @@
213 <el-form-item 203 <el-form-item
214 label="不动产权证号：" 204 label="不动产权证号："
215 prop="qlxx.bdcqzh" 205 prop="qlxx.bdcqzh"
216 :rules="rules.bdcqzhrules" 206 :rules="rules.bdcqzhrules">
217 >
218 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> 207 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
219 </el-form-item> 208 </el-form-item>
220 </el-col> 209 </el-col>
...@@ -227,8 +216,7 @@ ...@@ -227,8 +216,7 @@
227 <el-form-item 216 <el-form-item
228 label="登记机构：" 217 label="登记机构："
229 prop="qlxx.djjg" 218 prop="qlxx.djjg"
230 :rules="rules.djjgrules" 219 :rules="rules.djjgrules">
231 >
232 <el-input v-model="ruleForm.qlxx.djjg"></el-input> 220 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
233 </el-form-item> 221 </el-form-item>
234 </el-col> 222 </el-col>
...@@ -236,8 +224,7 @@ ...@@ -236,8 +224,7 @@
236 <el-form-item 224 <el-form-item
237 label="登簿人：" 225 label="登簿人："
238 prop="qlxx.dbr" 226 prop="qlxx.dbr"
239 :rules="rules.dbrrules" 227 :rules="rules.dbrrules">
240 >
241 <el-input v-model="ruleForm.qlxx.dbr"></el-input> 228 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
242 </el-form-item> 229 </el-form-item>
243 </el-col> 230 </el-col>
...@@ -245,16 +232,14 @@ ...@@ -245,16 +232,14 @@
245 <el-form-item 232 <el-form-item
246 label="登记时间：" 233 label="登记时间："
247 prop="qlxx.djsj" 234 prop="qlxx.djsj"
248 :rules="rules.djsjrules" 235 :rules="rules.djsjrules">
249 >
250 <el-date-picker 236 <el-date-picker
251 v-model="ruleForm.qlxx.djsj" 237 v-model="ruleForm.qlxx.djsj"
252 class="width100" 238 class="width100"
253 type="date" 239 type="date"
254 placeholder="选择日期" 240 placeholder="选择日期"
255 value-format="yyyy-MM-dd HH:mm:ss" 241 value-format="yyyy-MM-dd HH:mm:ss"
256 format="yyyy-MM-dd" 242 format="yyyy-MM-dd">
257 >
258 </el-date-picker> 243 </el-date-picker>
259 </el-form-item> 244 </el-form-item>
260 </el-col> 245 </el-col>
...@@ -265,8 +250,7 @@ ...@@ -265,8 +250,7 @@
265 v-for="item in qsztlist" 250 v-for="item in qsztlist"
266 :key="item.dcode" 251 :key="item.dcode"
267 :label="item.dname" 252 :label="item.dname"
268 :value="item.dcode" 253 :value="item.dcode">
269 >
270 </el-option> 254 </el-option>
271 </el-select> 255 </el-select>
272 </el-form-item> 256 </el-form-item>
...@@ -310,8 +294,7 @@ ...@@ -310,8 +294,7 @@
310 type="date" 294 type="date"
311 placeholder="选择日期" 295 placeholder="选择日期"
312 value-format="yyyy-MM-dd HH:mm:ss" 296 value-format="yyyy-MM-dd HH:mm:ss"
313 format="yyyy-MM-dd" 297 format="yyyy-MM-dd">
314 >
315 </el-date-picker> 298 </el-date-picker>
316 </el-form-item> 299 </el-form-item>
317 </el-col> 300 </el-col>
...@@ -325,8 +308,7 @@ ...@@ -325,8 +308,7 @@
325 <el-form-item label="共有方式："> 308 <el-form-item label="共有方式：">
326 <el-radio-group 309 <el-radio-group
327 :disabled="!ableOperation" 310 :disabled="!ableOperation"
328 v-model="ruleForm.qlxx.gyfs" 311 v-model="ruleForm.qlxx.gyfs">
329 >
330 <el-radio label="0">单独所有</el-radio> 312 <el-radio label="0">单独所有</el-radio>
331 <el-radio label="1">共同共有</el-radio> 313 <el-radio label="1">共同共有</el-radio>
332 <el-radio label="2">按份所有</el-radio> 314 <el-radio label="2">按份所有</el-radio>
...@@ -334,14 +316,40 @@ ...@@ -334,14 +316,40 @@
334 </el-radio-group> 316 </el-radio-group>
335 </el-form-item> 317 </el-form-item>
336 </el-col> 318 </el-col>
319 <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
320 <el-form-item label="是否分别持证：">
321 <el-radio-group
322 v-model="ruleForm.sldy.sqfbcz"
323 :disabled="!ableOperation">
324 <el-radio :label="1">是</el-radio>
325 <el-radio :label="0">否</el-radio>
326 </el-radio-group>
327 </el-form-item>
328 </el-col>
329 <el-col
330 :span="6"
331 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs == '1'">
332 <el-form-item label="持证人：">
333 <el-select
334 v-model="ruleForm.czr"
335 placeholder="持证人"
336 :disabled="!ableOperation">
337 <el-option
338 v-for="item in czrOptions"
339 :key="item.zjh"
340 :label="item.sqrmc"
341 :value="item.zjh">
342 </el-option>
343 </el-select>
344 </el-form-item>
345 </el-col>
337 </el-row> 346 </el-row>
338 <qlrCommonTable 347 <qlrCommonTable
339 :tableData="ruleForm.qlrData" 348 :tableData="ruleForm.qlrData"
340 @upDateQlrxxList="upDateQlrxxList" 349 @upDateQlrxxList="upDateQlrxxList"
341 :key="key" 350 :key="key"
342 :ableOperation="ableOperation" 351 :ableOperation="ableOperation"
343 :gyfs="ruleForm.qlxx.gyfs" 352 :gyfs="ruleForm.qlxx.gyfs" />
344 />
345 <div v-if="ruleForm.ywrData"> 353 <div v-if="ruleForm.ywrData">
346 <div class="slxx_title title-block"> 354 <div class="slxx_title title-block">
347 义务人信息 355 义务人信息
...@@ -352,8 +360,7 @@ ...@@ -352,8 +360,7 @@
352 :tableData="ruleForm.ywrData" 360 :tableData="ruleForm.ywrData"
353 :key="key" 361 :key="key"
354 :ableOperation="ableOperation" 362 :ableOperation="ableOperation"
355 @upDateQlrxxList="upDateYwrxxList" 363 @upDateQlrxxList="upDateYwrxxList" />
356 />
357 </div> 364 </div>
358 </div> 365 </div>
359 <el-row class="btn" v-if="ableOperation"> 366 <el-row class="btn" v-if="ableOperation">
...@@ -365,277 +372,279 @@ ...@@ -365,277 +372,279 @@
365 </div> 372 </div>
366 </template> 373 </template>
367 <script> 374 <script>
368 import { mapGetters } from "vuex"; 375 import { mapGetters } from "vuex";
369 import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbRepair.js"; 376 import ywmix from "@/views/ywbl/mixin/index"
370 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; 377 import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbRepair.js";
371 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; 378 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
372 import tdytTable from "@/views/workflow/components/tdytTable"; 379 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
373 import selectTable from "@/components/selectTable/index.vue"; 380 import tdytTable from "@/views/workflow/components/tdytTable";
374 export default { 381 import selectTable from "@/components/selectTable/index.vue";
375 components: { qlrCommonTable, ywrCommonTable, tdytTable,selectTable}, 382 export default {
376 computed: { 383 mixins: [ywmix],
377 ...mapGetters(["dictData", "flag"]), 384 components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable },
378 // 根据流程判断表单是否为只读 385 computed: {
379 editDisabled() { 386 ...mapGetters(["dictData", "flag"]),
380 if (!this.ableOperation) { 387 // 根据流程判断表单是否为只读
381 //只读状态 388 editDisabled () {
382 return true; 389 if (!this.ableOperation) {
383 } 390 //只读状态
384 return false; 391 return true;
385 }, 392 }
386 }, 393 return false;
387 data() {
388 return {
389 ssqlxxshow: true,
390 props: {
391 label: "bdcqzh",
392 value: "bdcdyid",
393 }, 394 },
394 //表单是否可操作 395 },
395 propsParam: this.$attrs, 396 data () {
396 key: 0, 397 return {
397 isShow: false, 398 ssqlxxshow: true,
398 disabled: true, 399 props: {
399 czrOptions: [], 400 label: "bdcqzh",
400 ssQlxxList: [], 401 value: "bdcdyid",
401 ztQlxxList: [],
402 ruleForm: {},
403 // 登记类型
404 djlxlist: [
405 {
406 dcode: "100",
407 dname: "首次登记",
408 },
409 {
410 dcode: "200",
411 dname: "转移登记",
412 },
413 {
414 dcode: "300",
415 dname: "变更登记",
416 },
417 {
418 dcode: "500",
419 dname: "更正登记",
420 }, 402 },
403 //表单是否可操作
404 propsParam: this.$attrs,
405 key: 0,
406 isShow: false,
407 disabled: true,
408 czrOptions: [],
409 ssQlxxList: [],
410 ztQlxxList: [],
411 ruleForm: {},
412 // 登记类型
413 djlxlist: [
414 {
415 dcode: "100",
416 dname: "首次登记",
417 },
418 {
419 dcode: "200",
420 dname: "转移登记",
421 },
422 {
423 dcode: "300",
424 dname: "变更登记",
425 },
426 {
427 dcode: "500",
428 dname: "更正登记",
429 },
421 430
422 { 431 {
423 dcode: "901", 432 dcode: "901",
424 dname: "补证", 433 dname: "补证",
425 }, 434 },
426 { 435 {
427 dcode: "902", 436 dcode: "902",
428 dname: "换证", 437 dname: "换证",
429 }, 438 },
430 ],
431 // 权属状态
432 qsztlist: [
433 {
434 dcode: "1",
435 dname: "现势",
436 },
437 {
438 dcode: "2",
439 dname: "历史",
440 },
441 ],
442 //传递参数\
443 rules: {
444 ztQlxxrules: [
445 { required: true, message: "抵押不动产信息", trigger: "blur" },
446 ], 439 ],
447 bdcqzhrules: [ 440 // 权属状态
448 { required: true, message: "不动产登记证明号", trigger: "blur" }, 441 qsztlist: [
442 {
443 dcode: "1",
444 dname: "现势",
445 },
446 {
447 dcode: "2",
448 dname: "历史",
449 },
449 ], 450 ],
450 // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], 451 //传递参数\
451 djjgrules: [{ required: true, message: "登记机构", trigger: "change" }], 452 rules: {
452 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], 453 ztQlxxrules: [
453 djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], 454 { required: true, message: "抵押不动产信息", trigger: "blur" },
454 djlxrules: [{ required: true, message: "登记类型", trigger: "blur" }], 455 ],
455 ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], 456 bdcqzhrules: [
456 }, 457 { required: true, message: "不动产登记证明号", trigger: "blur" },
457 ableOperation: false, 458 ],
458 }; 459 // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
459 }, 460 djjgrules: [{ required: true, message: "登记机构", trigger: "change" }],
460 created() { 461 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
461 this.loadData(); 462 djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
462 }, 463 djlxrules: [{ required: true, message: "登记类型", trigger: "blur" }],
463 mounted() { 464 ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
464 this.ableOperation = this.$parent.ableOperation; 465 },
465 }, 466 ableOperation: false,
466 methods: { 467 };
467 /**
468 * @description: ztQlxxchange
469 * @param {*} val
470 * @author: renchao
471 */
472 ztQlxxchange(val) {
473 this.ruleForm.ztQlxx = val;
474 }, 468 },
475 /** 469 created () {
476 * @description: ssQlxxchange 470 this.loadData();
477 * @param {*} val
478 * @author: renchao
479 */
480 ssQlxxchange(val) {
481 this.ruleForm.ssQlxx = val;
482 this.ruleForm.qlxx.ssywh = val.ywh;
483 }, 471 },
484 /** 472 mounted () {
485 * @description: djlxchange 473 this.ableOperation = this.$parent.ableOperation;
486 * @param {*} val
487 * @author: renchao
488 */
489 djlxchange(val) {
490 console.log("val", val);
491 if (val == null || val == 100) {
492 this.ssqlxxshow = false;
493 } else {
494 this.ssqlxxshow = true;
495 }
496 }, 474 },
497 /** 475 methods: {
498 * @description: loadData 476 /**
499 * @author: renchao 477 * @description: ztQlxxchange
500 */ 478 * @param {*} val
501 loadData() { 479 * @author: renchao
502 this.$startLoading(); 480 */
503 this.propsParam.isEdit = this.$parent.isEdit; 481 ztQlxxchange (val) {
504 init(this.propsParam).then((res) => { 482 this.ruleForm.ztQlxx = val;
505 if (res.code == 200) { 483 },
506 this.ruleForm = res.result; 484 /**
507 let djlx = this.ruleForm.qlxx.djlx; 485 * @description: ssQlxxchange
508 if (djlx == null || djlx == 100) { 486 * @param {*} val
509 this.ssqlxxshow = false; 487 * @author: renchao
510 } 488 */
511 this.$endLoading(); 489 ssQlxxchange (val) {
512 this.isShow = true; 490 this.ruleForm.ssQlxx = val;
513 } 491 this.ruleForm.qlxx.ssywh = val.ywh;
514 }); 492 },
515 //获取主体信息 493 /**
516 getSsQlxx({ 494 * @description: djlxchange
517 bdcdyid: this.propsParam.bdcdyid, 495 * @param {*} val
518 qllx: this.propsParam.qllx, 496 * @author: renchao
519 }).then((res) => { 497 */
520 if (res.code == 200) { 498 djlxchange (val) {
521 this.ssQlxxList = res.result; 499 console.log("val", val);
522 } 500 if (val == null || val == 100) {
523 }); 501 this.ssqlxxshow = false;
524 //获取上手信息 502 } else {
525 getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { 503 this.ssqlxxshow = true;
526 if (res.code == 200) {
527 this.ztQlxxList = res.result;
528 } 504 }
529 }); 505 },
530 }, 506 /**
531 // 更新土地用途信息 507 * @description: loadData
532 /** 508 * @author: renchao
533 * @description: 更新土地用途信息 509 */
534 * @param {*} val 510 loadData () {
535 * @author: renchao 511 this.$startLoading();
536 */ 512 this.propsParam.isEdit = this.$parent.isEdit;
537 upDateTdytxxList(val) { 513 init(this.propsParam).then((res) => {
538 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 514 if (res.code == 200) {
539 this.key++; 515 this.ruleForm = res.result;
540 }, 516 let djlx = this.ruleForm.qlxx.djlx;
541 // 更新权利人信息 517 if (djlx == null || djlx == 100) {
542 /** 518 this.ssqlxxshow = false;
543 * @description: 更新权利人信息 519 }
544 * @param {*} val 520 this.$endLoading();
545 * @author: renchao 521 this.isShow = true;
546 */
547 upDateQlrxxList(val) {
548 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
549 this.czrOptions = this.ruleForm.qlrData;
550 this.key++;
551 },
552 // 更新义务人信息
553 /**
554 * @description: 更新义务人信息
555 * @param {*} val
556 * @author: renchao
557 */
558 upDateYwrxxList(val) {
559 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
560 this.key++;
561 },
562 /**
563 * @description: onSubmit
564 * @author: renchao
565 */
566 onSubmit() {
567 this.$refs.ruleForm.validate((valid) => {
568 if (valid) {
569 if (this.ruleForm.qlrData.length == 0) {
570 this.$message({
571 showClose: true,
572 message: "请确认权利人信息",
573 type: "error",
574 });
575 return false;
576 } 522 }
577 if (this.ruleForm.ywrData.length == 0) { 523 });
578 this.$message({ 524 //获取主体信息
579 showClose: true, 525 getSsQlxx({
580 message: "请确认义务人信息", 526 bdcdyid: this.propsParam.bdcdyid,
581 type: "error", 527 qllx: this.propsParam.qllx,
582 }); 528 }).then((res) => {
583 return false; 529 if (res.code == 200) {
530 this.ssQlxxList = res.result;
531 }
532 });
533 //获取上手信息
534 getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
535 if (res.code == 200) {
536 this.ztQlxxList = res.result;
584 } 537 }
585 if (this.ruleForm.qlxx.gyfs == "0") { 538 });
586 if (this.ruleForm.qlrData.length > 1) { 539 },
540 // 更新土地用途信息
541 /**
542 * @description: 更新土地用途信息
543 * @param {*} val
544 * @author: renchao
545 */
546 upDateTdytxxList (val) {
547 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
548 this.key++;
549 },
550 // 更新权利人信息
551 /**
552 * @description: 更新权利人信息
553 * @param {*} val
554 * @author: renchao
555 */
556 upDateQlrxxList (val) {
557 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
558 this.czrOptions = this.ruleForm.qlrData;
559 this.key++;
560 },
561 // 更新义务人信息
562 /**
563 * @description: 更新义务人信息
564 * @param {*} val
565 * @author: renchao
566 */
567 upDateYwrxxList (val) {
568 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
569 this.key++;
570 },
571 /**
572 * @description: onSubmit
573 * @author: renchao
574 */
575 onSubmit () {
576 this.$refs.ruleForm.validate((valid) => {
577 if (valid) {
578 if (this.ruleForm.qlrData.length == 0) {
587 this.$message({ 579 this.$message({
588 showClose: true, 580 showClose: true,
589 message: "共有方式：单独所有，权利人只能是一个人", 581 message: "请确认权利人信息",
590 type: "error", 582 type: "error",
591 }); 583 });
592 return false; 584 return false;
593 } 585 }
594 this.ruleForm.qlrData[0].sfczr = "1"; 586 if (this.ruleForm.ywrData.length == 0) {
595 }
596 if (this.ruleForm.qlxx.gyfs == "1") {
597 //是否分别持证
598 if (this.ruleForm.qlxx.sqfbcz == "1") {
599 //是
600 this.ruleForm.qlrData.forEach((item, index) => {
601 item.sfczr = "1";
602 });
603 } else {
604 this.ruleForm.qlrData.forEach((item, index) => {
605 if (item.zjh == this.ruleForm.czr) {
606 item.sfczr = "1";
607 } else {
608 item.sfczr = "0";
609 }
610 });
611 }
612 }
613 save(this.ruleForm).then((res) => {
614 if (res.code === 200) {
615 this.$message({ 587 this.$message({
616 showClose: true, 588 showClose: true,
617 message: "保存成功！", 589 message: "请确认义务人信息",
618 type: "success",
619 });
620 this.$parent.changeywh()
621 this.$store.dispatch("user/refreshPage", true);
622 } else {
623 this.$message({
624 showClose: true,
625 message: res.message,
626 type: "error", 590 type: "error",
627 }); 591 });
592 return false;
628 } 593 }
629 }); 594 if (this.ruleForm.qlxx.gyfs == "0") {
630 } else { 595 if (this.ruleForm.qlrData.length > 1) {
631 return false; 596 this.$message({
632 } 597 showClose: true,
633 }); 598 message: "共有方式：单独所有，权利人只能是一个人",
599 type: "error",
600 });
601 return false;
602 }
603 this.ruleForm.qlrData[0].sfczr = "1";
604 }
605 if (this.ruleForm.qlxx.gyfs == "1") {
606 //是否分别持证
607 if (this.ruleForm.qlxx.sqfbcz == "1") {
608 //是
609 this.ruleForm.qlrData.forEach((item, index) => {
610 item.sfczr = "1";
611 });
612 } else {
613 this.ruleForm.qlrData.forEach((item, index) => {
614 if (item.zjh == this.ruleForm.czr) {
615 item.sfczr = "1";
616 } else {
617 item.sfczr = "0";
618 }
619 });
620 }
621 }
622 save(this.ruleForm).then((res) => {
623 if (res.code === 200) {
624 this.$message({
625 showClose: true,
626 message: "保存成功！",
627 type: "success",
628 });
629 this.$parent.changeywh()
630 this.$store.dispatch("user/refreshPage", true);
631 } else {
632 this.$message({
633 showClose: true,
634 message: res.message,
635 type: "error",
636 });
637 }
638 });
639 } else {
640 return false;
641 }
642 });
643 },
634 }, 644 },
635 }, 645 };
636 };
637 </script> 646 </script>
638 <style scoped lang="scss"> 647 <style scoped lang="scss">
639 @import "~@/styles/public.scss"; 648 @import "~@/styles/public.scss";
640 @import "~@/styles/slxx/slxx.scss"; 649 @import "~@/styles/slxx/slxx.scss";
641 </style> 650 </style>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-07-11 09:37:55 4 * @LastEditTime: 2023-08-01 17:41:49
5 --> 5 -->
6 <template> 6 <template>
7 <div> 7 <div>
...@@ -52,7 +52,7 @@ ...@@ -52,7 +52,7 @@
52 width: '50', 52 width: '50',
53 renderHeader: (h, scope) => { 53 renderHeader: (h, scope) => {
54 return <div> { 54 return <div> {
55 this.isDisabled? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.addClick() }}></i> 55 this.isDisabled ? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.addClick() }}></i>
56 } 56 }
57 </div> 57 </div>
58 }, 58 },
...@@ -60,7 +60,7 @@ ...@@ -60,7 +60,7 @@
60 return ( 60 return (
61 <div> 61 <div>
62 { 62 {
63 this.isDisabled? <span>{scope.$index + 1}</span> : 63 this.isDisabled ? <span>{scope.$index + 1}</span> :
64 <i class="el-icon-minus pointer" onClick={() => { this.deleClick(scope.$index, scope.row) }}></i> 64 <i class="el-icon-minus pointer" onClick={() => { this.deleClick(scope.$index, scope.row) }}></i>
65 } 65 }
66 </div> 66 </div>
...@@ -141,11 +141,11 @@ ...@@ -141,11 +141,11 @@
141 }, 141 },
142 gyfs: { 142 gyfs: {
143 handler (newVal, oldValue) { 143 handler (newVal, oldValue) {
144 console.log(newVal, 'newValnewValnewValnewVal', this.tableData);
144 let dataList = _.cloneDeep(this.InformationTable) 145 let dataList = _.cloneDeep(this.InformationTable)
145 if (newVal == 0) { 146 if (newVal == 0) {
146 // this.column = _.cloneDeep(dataList).slice(1, dataList.length)
147 this.column = _.cloneDeep(dataList) 147 this.column = _.cloneDeep(dataList)
148 148 this.tableDataList = _.cloneDeep(this.tableData)
149 } else if ((newVal == '1' || newVal == '3')) { 149 } else if ((newVal == '1' || newVal == '3')) {
150 this.column = dataList 150 this.column = dataList
151 } else { 151 } else {
...@@ -270,7 +270,7 @@ ...@@ -270,7 +270,7 @@
270 /deep/.el-table th { 270 /deep/.el-table th {
271 height: 30px !important; 271 height: 30px !important;
272 } 272 }
273 /deep/.el-table .cell { 273 /deep/.el-table .cell {
274 padding-right: 12px; 274 padding-right: 12px;
275 } 275 }
276 </style> 276 </style>
......
1 /*
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-08-01 18:05:25
5 */
6 export default {
7 data () {
8 return {
9 }
10 },
11 watch: {
12 'ruleForm.sldy.gyfs': {
13 handler: function (val, oldVal) {
14 if (val == '0' && this.ruleForm.qlrList.length > 1) {
15 this.ruleForm.sldy.gyfs = oldVal
16 this.$message({
17 message: '单独所有只能选择一个，请先删除再切换',
18 type: 'warning'
19 })
20 }
21 },
22 immediate: true
23 }
24 },
25 }
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-07-11 10:00:43 4 * @LastEditTime: 2023-08-02 08:34:59
5 --> 5 -->
6 <template> 6 <template>
7 <!-- 受理信息 --> 7 <!-- 受理信息 -->
...@@ -194,7 +194,7 @@ ...@@ -194,7 +194,7 @@
194 <div class="triangle"></div> 194 <div class="triangle"></div>
195 </div> 195 </div>
196 <el-row :gutter="10"> 196 <el-row :gutter="10">
197 <el-col :span="14"> 197 <el-col :span="12">
198 <el-form-item label="共有方式："> 198 <el-form-item label="共有方式：">
199 <el-radio-group :disabled="!ableOperation" v-model="ruleForm.sldy.gyfs"> 199 <el-radio-group :disabled="!ableOperation" v-model="ruleForm.sldy.gyfs">
200 <el-radio label="0">单独所有</el-radio> 200 <el-radio label="0">单独所有</el-radio>
...@@ -204,18 +204,29 @@ ...@@ -204,18 +204,29 @@
204 </el-radio-group> 204 </el-radio-group>
205 </el-form-item> 205 </el-form-item>
206 </el-col> 206 </el-col>
207 <el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'"> 207 <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
208 <el-form-item label="是否分别持证："> 208 <el-form-item label="是否分别持证：">
209 <el-radio-group v-model="ruleForm.sldy.sqfbcz" :disabled="!ableOperation"> 209 <el-radio-group
210 <el-radio label="1">是</el-radio> 210 v-model="ruleForm.sldy.sqfbcz"
211 <el-radio label="0">否</el-radio> 211 :disabled="!ableOperation">
212 <el-radio :label="1">是</el-radio>
213 <el-radio :label="0">否</el-radio>
212 </el-radio-group> 214 </el-radio-group>
213 </el-form-item> 215 </el-form-item>
214 </el-col> 216 </el-col>
215 <el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'"> 217 <el-col
218 :span="6"
219 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs == '1'">
216 <el-form-item label="持证人："> 220 <el-form-item label="持证人：">
217 <el-select v-model="ruleForm.czr" placeholder="持证人" :disabled="!ableOperation"> 221 <el-select
218 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> 222 v-model="ruleForm.czr"
223 placeholder="持证人"
224 :disabled="!ableOperation">
225 <el-option
226 v-for="item in czrOptions"
227 :key="item.zjh"
228 :label="item.sqrmc"
229 :value="item.zjh">
219 </el-option> 230 </el-option>
220 </el-select> 231 </el-select>
221 </el-form-item> 232 </el-form-item>
...@@ -267,7 +278,7 @@ ...@@ -267,7 +278,7 @@
267 this.ableOperation = this.$parent.currentSelectTab.ableOperation 278 this.ableOperation = this.$parent.currentSelectTab.ableOperation
268 this.propsParam = this.$attrs; 279 this.propsParam = this.$attrs;
269 var formdata = new FormData(); 280 var formdata = new FormData();
270 if (this.propsParam.djlx == '400') { 281 if (this.propsParam.djlx == '400') {
271 this.isJfOperation = true; 282 this.isJfOperation = true;
272 } 283 }
273 this.$startLoading(); 284 this.$startLoading();
......
1 <!-- 1 <!--
2 * @Description: 房屋多幢受理信息 2 * @Description: 房屋多幢受理信息
3 * @Autor: ssq 3 * @Autor: ssq
4 * @LastEditTime: 2023年07月27日 19:38:26 4 * @LastEditTime: 2023-08-02 08:52:42
5 --> 5 -->
6 <template> 6 <template>
7 <div class="slxx"> 7 <div class="slxx">
...@@ -134,9 +134,9 @@ ...@@ -134,9 +134,9 @@
134 <div class="triangle"></div> 134 <div class="triangle"></div>
135 </div> 135 </div>
136 <el-row :gutter="10"> 136 <el-row :gutter="10">
137 <el-col :span="14" v-if="ruleForm.qlxx"> 137 <el-col :span="12" v-if="ruleForm.qlxx">
138 <el-form-item label="共有方式："> 138 <el-form-item label="共有方式：">
139 <el-radio-group :disabled="!ableOperation" @change="showCZInfo" 139 <el-radio-group :disabled="!ableOperation"
140 v-model="ruleForm.sldy.gyfs"> 140 v-model="ruleForm.sldy.gyfs">
141 <el-radio label="0">单独所有</el-radio> 141 <el-radio label="0">单独所有</el-radio>
142 <el-radio label="1">共同共有</el-radio> 142 <el-radio label="1">共同共有</el-radio>
...@@ -145,16 +145,16 @@ ...@@ -145,16 +145,16 @@
145 </el-radio-group> 145 </el-radio-group>
146 </el-form-item> 146 </el-form-item>
147 </el-col> 147 </el-col>
148 <el-col :span="5"> 148 <!-- <el-col :span="5">
149 <el-form-item label="发证方式："> 149 <el-form-item label="发证方式：">
150 <el-radio-group v-model="ruleForm.slsq.fzfs" :disabled="!ableOperation"> 150 <el-radio-group v-model="ruleForm.slsq.fzfs" :disabled="!ableOperation">
151 <el-radio label="1">小证</el-radio> 151 <el-radio label="1">小证</el-radio>
152 <el-radio label="2">大证</el-radio> 152 <el-radio label="2">大证</el-radio>
153 </el-radio-group> 153 </el-radio-group>
154 </el-form-item> 154 </el-form-item>
155 </el-col> 155 </el-col> -->
156 156
157 <el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'"> 157 <el-col :span="6" v-show="ruleForm.sldy.gyfs == '2'">
158 <el-form-item label="是否分别持证："> 158 <el-form-item label="是否分别持证：">
159 <el-radio-group v-model="ruleForm.sldy.sqfbcz" :disabled="!ableOperation"> 159 <el-radio-group v-model="ruleForm.sldy.sqfbcz" :disabled="!ableOperation">
160 <el-radio label="1">是</el-radio> 160 <el-radio label="1">是</el-radio>
...@@ -162,7 +162,7 @@ ...@@ -162,7 +162,7 @@
162 </el-radio-group> 162 </el-radio-group>
163 </el-form-item> 163 </el-form-item>
164 </el-col> 164 </el-col>
165 <el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'"> 165 <el-col :span="6" v-show="ruleForm.sldy.gyfs == '2'">
166 <el-form-item label="持证人："> 166 <el-form-item label="持证人：">
167 <el-select v-model="ruleForm.slsq.czr" placeholder="持证人" :disabled="!ableOperation"> 167 <el-select v-model="ruleForm.slsq.czr" placeholder="持证人" :disabled="!ableOperation">
168 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> 168 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
...@@ -205,11 +205,13 @@ ...@@ -205,11 +205,13 @@
205 </div> 205 </div>
206 </template> 206 </template>
207 <script> 207 <script>
208 import ywmix from "@/views/ywbl/mixin/index"
208 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 209 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
209 import tdytTable from "@/views/workflow/components/tdytTable"; 210 import tdytTable from "@/views/workflow/components/tdytTable";
210 import { Init, saveData } from "@/api/workflow/fwsyq1Flow.js"; 211 import { Init, saveData } from "@/api/workflow/fwsyq1Flow.js";
211 import { mapGetters } from "vuex"; 212 import { mapGetters } from "vuex";
212 export default { 213 export default {
214 mixins: [ywmix],
213 mounted () { 215 mounted () {
214 this.ableOperation = this.$parent.currentSelectTab.ableOperation 216 this.ableOperation = this.$parent.currentSelectTab.ableOperation
215 this.propsParam = this.$attrs; 217 this.propsParam = this.$attrs;
...@@ -285,13 +287,6 @@ ...@@ -285,13 +287,6 @@
285 upDateQlrxxList (val) { 287 upDateQlrxxList (val) {
286 this.ruleForm.qlrList = _.cloneDeep(val); 288 this.ruleForm.qlrList = _.cloneDeep(val);
287 }, 289 },
288 /**
289 * @description: showCZInfo
290 * @author: renchao
291 */
292 showCZInfo () {
293 console.log(this.ruleForm.slsq.gyfs);
294 },
295 // 更新权利人信息 290 // 更新权利人信息
296 /** 291 /**
297 * @description: 更新权利人信息 292 * @description: 更新权利人信息
......
1 <!-- 1 <!--
2 * @Description: 受理信息 2 * @Description: 受理信息
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-07-21 14:13:57 4 * @LastEditTime: 2023-08-02 08:53:43
5 --> 5 -->
6 <template> 6 <template>
7 <div class="slxx"> 7 <div class="slxx">
...@@ -104,9 +104,9 @@ ...@@ -104,9 +104,9 @@
104 </el-col> 104 </el-col>
105 <el-col :span="8"> 105 <el-col :span="8">
106 <el-form-item label="建筑面积："> 106 <el-form-item label="建筑面积：">
107 <div class="flex"> 107 <div class="flex">
108 <el-input disabled v-model="ruleForm.qlxx.mj" 108 <el-input disabled v-model="ruleForm.qlxx.mj"
109 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 109 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
110 <el-select 110 <el-select
111 disabled 111 disabled
112 v-model="mjdw" 112 v-model="mjdw"
...@@ -118,14 +118,14 @@ ...@@ -118,14 +118,14 @@
118 :value="item.dcode"> 118 :value="item.dcode">
119 </el-option> 119 </el-option>
120 </el-select> 120 </el-select>
121 </div> 121 </div>
122 </el-form-item> 122 </el-form-item>
123 </el-col> 123 </el-col>
124 <el-col :span="8"> 124 <el-col :span="8">
125 <el-form-item label="专有建筑面积："> 125 <el-form-item label="专有建筑面积：">
126 <div class="flex"> 126 <div class="flex">
127 <el-input disabled v-model="ruleForm.fdcq2.zyjzmj" 127 <el-input disabled v-model="ruleForm.fdcq2.zyjzmj"
128 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 128 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
129 <el-select 129 <el-select
130 disabled 130 disabled
131 v-model="mjdw" 131 v-model="mjdw"
...@@ -137,7 +137,7 @@ ...@@ -137,7 +137,7 @@
137 :value="item.dcode"> 137 :value="item.dcode">
138 </el-option> 138 </el-option>
139 </el-select> 139 </el-select>
140 </div> 140 </div>
141 </el-form-item> 141 </el-form-item>
142 </el-col> 142 </el-col>
143 </el-row> 143 </el-row>
...@@ -145,9 +145,9 @@ ...@@ -145,9 +145,9 @@
145 145
146 <el-col :span="8"> 146 <el-col :span="8">
147 <el-form-item label="分摊建筑面积："> 147 <el-form-item label="分摊建筑面积：">
148 <div class="flex"> 148 <div class="flex">
149 <el-input disabled v-model="ruleForm.fdcq2.ftjzmj" 149 <el-input disabled v-model="ruleForm.fdcq2.ftjzmj"
150 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 150 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
151 <el-select 151 <el-select
152 disabled 152 disabled
153 v-model="mjdw" 153 v-model="mjdw"
...@@ -159,7 +159,7 @@ ...@@ -159,7 +159,7 @@
159 :value="item.dcode"> 159 :value="item.dcode">
160 </el-option> 160 </el-option>
161 </el-select> 161 </el-select>
162 </div> 162 </div>
163 </el-form-item> 163 </el-form-item>
164 </el-col> 164 </el-col>
165 </el-row> 165 </el-row>
...@@ -176,9 +176,9 @@ ...@@ -176,9 +176,9 @@
176 <div class="triangle"></div> 176 <div class="triangle"></div>
177 </div> 177 </div>
178 <el-row :gutter="10"> 178 <el-row :gutter="10">
179 <el-col :span="14" v-if="ruleForm.qlxx"> 179 <el-col :span="12" v-if="ruleForm.qlxx">
180 <el-form-item label="共有方式："> 180 <el-form-item label="共有方式：">
181 <el-radio-group :disabled="!ableOperation" @change="showCZInfo" 181 <el-radio-group :disabled="!ableOperation"
182 v-model="ruleForm.sldy.gyfs"> 182 v-model="ruleForm.sldy.gyfs">
183 <el-radio label="0">单独所有</el-radio> 183 <el-radio label="0">单独所有</el-radio>
184 <el-radio label="1">共同共有</el-radio> 184 <el-radio label="1">共同共有</el-radio>
...@@ -187,27 +187,38 @@ ...@@ -187,27 +187,38 @@
187 </el-radio-group> 187 </el-radio-group>
188 </el-form-item> 188 </el-form-item>
189 </el-col> 189 </el-col>
190 <el-col :span="5"> 190 <!-- <el-col :span="5">
191 <el-form-item label="发证方式："> 191 <el-form-item label="发证方式：">
192 <el-radio-group v-model="ruleForm.slsq.fzfs" :disabled="!ableOperation"> 192 <el-radio-group v-model="ruleForm.slsq.fzfs" :disabled="!ableOperation">
193 <el-radio label="1">小证</el-radio> 193 <el-radio label="1">小证</el-radio>
194 <el-radio label="2">大证</el-radio> 194 <el-radio label="2">大证</el-radio>
195 </el-radio-group> 195 </el-radio-group>
196 </el-form-item> 196 </el-form-item>
197 </el-col> 197 </el-col> -->
198 198
199 <el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'"> 199 <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
200 <el-form-item label="是否分别持证："> 200 <el-form-item label="是否分别持证：">
201 <el-radio-group v-model="ruleForm.sldy.sqfbcz" :disabled="!ableOperation"> 201 <el-radio-group
202 <el-radio label="1">是</el-radio> 202 v-model="ruleForm.sldy.sqfbcz"
203 <el-radio label="0">否</el-radio> 203 :disabled="!ableOperation">
204 <el-radio :label="1">是</el-radio>
205 <el-radio :label="0">否</el-radio>
204 </el-radio-group> 206 </el-radio-group>
205 </el-form-item> 207 </el-form-item>
206 </el-col> 208 </el-col>
207 <el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'"> 209 <el-col
210 :span="6"
211 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs == '1'">
208 <el-form-item label="持证人："> 212 <el-form-item label="持证人：">
209 <el-select v-model="ruleForm.slsq.czr" placeholder="持证人" :disabled="!ableOperation"> 213 <el-select
210 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> 214 v-model="ruleForm.czr"
215 placeholder="持证人"
216 :disabled="!ableOperation">
217 <el-option
218 v-for="item in czrOptions"
219 :key="item.zjh"
220 :label="item.sqrmc"
221 :value="item.zjh">
211 </el-option> 222 </el-option>
212 </el-select> 223 </el-select>
213 </el-form-item> 224 </el-form-item>
...@@ -247,11 +258,13 @@ ...@@ -247,11 +258,13 @@
247 </div> 258 </div>
248 </template> 259 </template>
249 <script> 260 <script>
261 import ywmix from "@/views/ywbl/mixin/index"
250 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 262 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
251 import tdytTable from "@/views/workflow/components/tdytTable"; 263 import tdytTable from "@/views/workflow/components/tdytTable";
252 import { Init, saveData } from "@/api/workflow/fwsyqFlow.js"; 264 import { Init, saveData } from "@/api/workflow/fwsyqFlow.js";
253 import { mapGetters } from "vuex"; 265 import { mapGetters } from "vuex";
254 export default { 266 export default {
267 mixins: [ywmix],
255 mounted () { 268 mounted () {
256 this.ableOperation = this.$parent.currentSelectTab.ableOperation 269 this.ableOperation = this.$parent.currentSelectTab.ableOperation
257 this.propsParam = this.$attrs; 270 this.propsParam = this.$attrs;
...@@ -276,7 +289,7 @@ ...@@ -276,7 +289,7 @@
276 }, 289 },
277 data () { 290 data () {
278 return { 291 return {
279 mjdw:"1", 292 mjdw: "1",
280 disabled: true, 293 disabled: true,
281 tdytOption: [], 294 tdytOption: [],
282 czrOptions: [], 295 czrOptions: [],
...@@ -309,7 +322,6 @@ ...@@ -309,7 +322,6 @@
309 } 322 }
310 }, 323 },
311 methods: { 324 methods: {
312 // 更新土地用途信息
313 /** 325 /**
314 * @description: 更新土地用途信息 326 * @description: 更新土地用途信息
315 * @param {*} val 327 * @param {*} val
...@@ -319,7 +331,6 @@ ...@@ -319,7 +331,6 @@
319 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 331 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
320 this.key++; 332 this.key++;
321 }, 333 },
322 // 更新权利人信息
323 /** 334 /**
324 * @description: 更新权利人信息 335 * @description: 更新权利人信息
325 * @param {*} val 336 * @param {*} val
...@@ -329,14 +340,6 @@ ...@@ -329,14 +340,6 @@
329 this.ruleForm.qlrList = _.cloneDeep(val); 340 this.ruleForm.qlrList = _.cloneDeep(val);
330 }, 341 },
331 /** 342 /**
332 * @description: showCZInfo
333 * @author: renchao
334 */
335 showCZInfo () {
336 console.log(this.ruleForm.slsq.gyfs);
337 },
338 // 更新权利人信息
339 /**
340 * @description: 更新权利人信息 343 * @description: 更新权利人信息
341 * @param {*} val 344 * @param {*} val
342 * @author: renchao 345 * @author: renchao
......
1 <!-- 1 <!--
2 * @Description: 受理信息 2 * @Description: 受理信息
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-07-25 09:22:40 4 * @LastEditTime: 2023-08-02 08:46:35
5 --> 5 -->
6 <template> 6 <template>
7 <div class="slxx"> 7 <div class="slxx">
...@@ -46,10 +46,9 @@ ...@@ -46,10 +46,9 @@
46 </el-form-item> 46 </el-form-item>
47 </el-col> 47 </el-col>
48 </el-row> 48 </el-row>
49 <div 49 <div
50 class="slxx_title title-block flex" 50 class="slxx_title title-block flex"
51 style="justify-content: space-between" 51 style="justify-content: space-between">
52 >
53 不动产单元情况 52 不动产单元情况
54 <el-button @click="compare">变化情况对比+</el-button> 53 <el-button @click="compare">变化情况对比+</el-button>
55 </div> 54 </div>
...@@ -125,8 +124,8 @@ ...@@ -125,8 +124,8 @@
125 <el-col :span="8"> 124 <el-col :span="8">
126 <el-form-item label="建筑面积："> 125 <el-form-item label="建筑面积：">
127 <div class="flex"> 126 <div class="flex">
128 <el-input disabled v-model="ruleForm.qlxx.mj" 127 <el-input disabled v-model="ruleForm.qlxx.mj"
129 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 128 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
130 <el-select 129 <el-select
131 disabled 130 disabled
132 v-model="mjdw" 131 v-model="mjdw"
...@@ -138,14 +137,14 @@ ...@@ -138,14 +137,14 @@
138 :value="item.dcode"> 137 :value="item.dcode">
139 </el-option> 138 </el-option>
140 </el-select> 139 </el-select>
141 </div> 140 </div>
142 </el-form-item> 141 </el-form-item>
143 </el-col> 142 </el-col>
144 <el-col :span="8"> 143 <el-col :span="8">
145 <el-form-item label="专有建筑面积："> 144 <el-form-item label="专有建筑面积：">
146 <div class="flex"> 145 <div class="flex">
147 <el-input disabled v-model="ruleForm.fdcq2.zyjzmj" 146 <el-input disabled v-model="ruleForm.fdcq2.zyjzmj"
148 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 147 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
149 <el-select 148 <el-select
150 disabled 149 disabled
151 v-model="mjdw" 150 v-model="mjdw"
...@@ -157,14 +156,14 @@ ...@@ -157,14 +156,14 @@
157 :value="item.dcode"> 156 :value="item.dcode">
158 </el-option> 157 </el-option>
159 </el-select> 158 </el-select>
160 </div> 159 </div>
161 </el-form-item> 160 </el-form-item>
162 </el-col> 161 </el-col>
163 <el-col :span="8"> 162 <el-col :span="8">
164 <el-form-item label="分摊建筑面积："> 163 <el-form-item label="分摊建筑面积：">
165 <div class="flex"> 164 <div class="flex">
166 <el-input disabled v-model="ruleForm.fdcq2.ftjzmj" 165 <el-input disabled v-model="ruleForm.fdcq2.ftjzmj"
167 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 166 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
168 <el-select 167 <el-select
169 disabled 168 disabled
170 v-model="mjdw" 169 v-model="mjdw"
...@@ -176,7 +175,7 @@ ...@@ -176,7 +175,7 @@
176 :value="item.dcode"> 175 :value="item.dcode">
177 </el-option> 176 </el-option>
178 </el-select> 177 </el-select>
179 </div> 178 </div>
180 </el-form-item> 179 </el-form-item>
181 </el-col> 180 </el-col>
182 </el-row> 181 </el-row>
...@@ -193,7 +192,7 @@ ...@@ -193,7 +192,7 @@
193 <div class="triangle"></div> 192 <div class="triangle"></div>
194 </div> 193 </div>
195 <el-row :gutter="10"> 194 <el-row :gutter="10">
196 <el-col :span="14"> 195 <el-col :span="12">
197 <el-form-item label="共有方式："> 196 <el-form-item label="共有方式：">
198 <el-radio-group :disabled="!ableOperation" v-model="ruleForm.sldy.gyfs"> 197 <el-radio-group :disabled="!ableOperation" v-model="ruleForm.sldy.gyfs">
199 <el-radio label="0">单独所有</el-radio> 198 <el-radio label="0">单独所有</el-radio>
...@@ -203,18 +202,29 @@ ...@@ -203,18 +202,29 @@
203 </el-radio-group> 202 </el-radio-group>
204 </el-form-item> 203 </el-form-item>
205 </el-col> 204 </el-col>
206 <el-col :span="5" v-if="ruleForm.sldy.gyfs && ruleForm.sldy.gyfs == '2'"> 205 <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
207 <el-form-item label="是否分别持证："> 206 <el-form-item label="是否分别持证：">
208 <el-radio-group v-model="ruleForm.sffbcz" :disabled="!ableOperation"> 207 <el-radio-group
209 <el-radio label="1">是</el-radio> 208 v-model="ruleForm.sldy.sqfbcz"
210 <el-radio label="0">否</el-radio> 209 :disabled="!ableOperation">
210 <el-radio :label="1">是</el-radio>
211 <el-radio :label="0">否</el-radio>
211 </el-radio-group> 212 </el-radio-group>
212 </el-form-item> 213 </el-form-item>
213 </el-col> 214 </el-col>
214 <el-col :span="5" v-if="ruleForm.sldy.gyfs && ruleForm.sldy.gyfs == '2'"> 215 <el-col
216 :span="6"
217 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs == '1'">
215 <el-form-item label="持证人："> 218 <el-form-item label="持证人：">
216 <el-select v-model="ruleForm.czr" placeholder="持证人" :disabled="!ableOperation"> 219 <el-select
217 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> 220 v-model="ruleForm.czr"
221 placeholder="持证人"
222 :disabled="!ableOperation">
223 <el-option
224 v-for="item in czrOptions"
225 :key="item.zjh"
226 :label="item.sqrmc"
227 :value="item.zjh">
218 </el-option> 228 </el-option>
219 </el-select> 229 </el-select>
220 </el-form-item> 230 </el-form-item>
...@@ -245,11 +255,13 @@ ...@@ -245,11 +255,13 @@
245 </div> 255 </div>
246 </template> 256 </template>
247 <script> 257 <script>
258 import ywmix from "@/views/ywbl/mixin/index"
248 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 259 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
249 import tdytTable from "@/views/workflow/components/tdytTable"; 260 import tdytTable from "@/views/workflow/components/tdytTable";
250 import { Init, saveData } from "@/api/workflow/fwsyqFlow.js"; 261 import { Init, saveData } from "@/api/workflow/fwsyqFlow.js";
251 import { mapGetters } from "vuex"; 262 import { mapGetters } from "vuex";
252 export default { 263 export default {
264 mixins: [ywmix],
253 mounted () { 265 mounted () {
254 this.ableOperation = this.$parent.currentSelectTab.ableOperation 266 this.ableOperation = this.$parent.currentSelectTab.ableOperation
255 this.propsParam = this.$attrs; 267 this.propsParam = this.$attrs;
...@@ -276,7 +288,7 @@ ...@@ -276,7 +288,7 @@
276 }, 288 },
277 data () { 289 data () {
278 return { 290 return {
279 mjdw:"1", 291 mjdw: "1",
280 //表单是否可操作 292 //表单是否可操作
281 ableOperation: true, 293 ableOperation: true,
282 disabled: true, 294 disabled: true,
...@@ -397,27 +409,28 @@ ...@@ -397,27 +409,28 @@
397 } 409 }
398 }); 410 });
399 }, 411 },
400 /** 412 /**
401 * @description: compare 413 * @description: compare
402 * @author: renchao 414 * @author: renchao
403 */ 415 */
404 compare() { 416 compare () {
405 this.$popupDialog( 417 this.$popupDialog(
406 this.ruleForm.qlxx.qllxmc, 418 this.ruleForm.qlxx.qllxmc,
407 "registerBook/comparison", 419 "registerBook/comparison",
408 { bsmQlxx: this.ruleForm.qlxx.bsmQlxx, 420 {
409 dqqllx: 'FDCQ2', 421 bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
410 }, 422 dqqllx: 'FDCQ2',
411 "80%", 423 },
412 true 424 "80%",
413 ); 425 true
414 }, 426 );
427 },
415 }, 428 },
416 }; 429 };
417 </script> 430 </script>
418 <style scoped lang='scss'> 431 <style scoped lang='scss'>
419 @import "~@/styles/public.scss"; 432 @import "~@/styles/public.scss";
420 @import "~@/styles/slxx/slxx.scss"; 433 @import "~@/styles/slxx/slxx.scss";
421 /deep/.el-form { 434 /deep/.el-form {
422 display: flex; 435 display: flex;
423 flex-direction: column; 436 flex-direction: column;
......
1 <!-- 1 <!--
2 * @Description: 受理信息 2 * @Description: 受理信息
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-07-21 14:16:25 4 * @LastEditTime: 2023-08-01 18:14:10
5 --> 5 -->
6 <template> 6 <template>
7 <div class="slxx"> 7 <div class="slxx">
...@@ -111,7 +111,7 @@ ...@@ -111,7 +111,7 @@
111 </el-form-item> 111 </el-form-item>
112 </el-col> 112 </el-col>
113 113
114 <el-col :span="5" v-show="ruleForm.sldyList.length>0 && ruleForm.slsq.gyfs == '2'"> 114 <el-col :span="5" v-show="ruleForm.sldyList.length>0 && ruleForm.slsq.gyfs != '0'">
115 <el-form-item label="是否分别持证：" v-if="ruleForm.sldyList.length>0"> 115 <el-form-item label="是否分别持证：" v-if="ruleForm.sldyList.length>0">
116 <el-radio-group v-model="ruleForm.sldyList[0].sqfbcz"> 116 <el-radio-group v-model="ruleForm.sldyList[0].sqfbcz">
117 <el-radio label="1">是</el-radio> 117 <el-radio label="1">是</el-radio>
...@@ -119,7 +119,7 @@ ...@@ -119,7 +119,7 @@
119 </el-radio-group> 119 </el-radio-group>
120 </el-form-item> 120 </el-form-item>
121 </el-col> 121 </el-col>
122 <el-col :span="5" v-show="ruleForm.sldyList.length>0 && ruleForm.sldyList[0].gyfs == '2'"> 122 <el-col :span="5" v-show="ruleForm.sldyList.length>0 && ruleForm.sldyList[0].gyfs != '0'">
123 <el-form-item label="持证人："> 123 <el-form-item label="持证人：">
124 <el-input v-model="ruleForm.slsq.czr"></el-input> 124 <el-input v-model="ruleForm.slsq.czr"></el-input>
125 </el-form-item> 125 </el-form-item>
...@@ -150,10 +150,12 @@ ...@@ -150,10 +150,12 @@
150 </div> 150 </div>
151 </template> 151 </template>
152 <script> 152 <script>
153 import ywmix from "@/views/ywbl/mixin/index"
153 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 154 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
154 import { BatchInit, Init, saveBatchData, saveData } from "@/api/workflow/fwsyqFlow.js"; 155 import { BatchInit, Init, saveBatchData, saveData } from "@/api/workflow/fwsyqFlow.js";
155 import { mapGetters } from "vuex"; 156 import { mapGetters } from "vuex";
156 export default { 157 export default {
158 mixins: [ywmix],
157 mounted (callbackfn, thisArg) { 159 mounted (callbackfn, thisArg) {
158 this.ableOperation = this.$parent.currentSelectTab.ableOperation 160 this.ableOperation = this.$parent.currentSelectTab.ableOperation
159 this.propsParam = this.$attrs; 161 this.propsParam = this.$attrs;
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-07-25 09:23:05 4 * @LastEditTime: 2023-08-01 18:14:28
5 --> 5 -->
6 <template> 6 <template>
7 <!-- 受理信息 --> 7 <!-- 受理信息 -->
...@@ -186,11 +186,13 @@ ...@@ -186,11 +186,13 @@
186 </div> 186 </div>
187 </template> 187 </template>
188 <script> 188 <script>
189 import ywmix from "@/views/ywbl/mixin/index"
189 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 190 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
190 import tdytTable from "@/views/workflow/components/tdytTable"; 191 import tdytTable from "@/views/workflow/components/tdytTable";
191 import { Init } from "@/api/workflow/fwsyqFlow.js"; 192 import { Init } from "@/api/workflow/fwsyqFlow.js";
192 import { mapGetters } from "vuex"; 193 import { mapGetters } from "vuex";
193 export default { 194 export default {
195 mixins: [ywmix],
194 mounted () { 196 mounted () {
195 this.ableOperation = this.$parent.currentSelectTab.ableOperation 197 this.ableOperation = this.$parent.currentSelectTab.ableOperation
196 this.propsParam = this.$attrs; 198 this.propsParam = this.$attrs;
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-07-25 09:23:20 4 * @LastEditTime: 2023-08-02 08:45:57
5 --> 5 -->
6 <template> 6 <template>
7 <!-- 受理信息 --> 7 <!-- 受理信息 -->
...@@ -72,9 +72,9 @@ ...@@ -72,9 +72,9 @@
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 <div class="flex"> 75 <div class="flex">
76 <el-input v-model="ruleForm.jsydsyq.syqmj" 76 <el-input v-model="ruleForm.jsydsyq.syqmj"
77 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 77 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
78 <el-select 78 <el-select
79 disabled 79 disabled
80 v-model="mjdw" 80 v-model="mjdw"
...@@ -86,7 +86,7 @@ ...@@ -86,7 +86,7 @@
86 :value="item.dcode"> 86 :value="item.dcode">
87 </el-option> 87 </el-option>
88 </el-select> 88 </el-select>
89 </div> 89 </div>
90 </el-form-item> 90 </el-form-item>
91 </el-col> 91 </el-col>
92 <!-- <el-col :span="8"> 92 <!-- <el-col :span="8">
...@@ -102,7 +102,7 @@ ...@@ -102,7 +102,7 @@
102 <el-col :span="8"> 102 <el-col :span="8">
103 <el-form-item label="取得价格："> 103 <el-form-item label="取得价格：">
104 <div style="display:flex"> 104 <div style="display:flex">
105 <el-input v-model="ruleForm.jsydsyq.qdjg" style="width:500%" oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 105 <el-input v-model="ruleForm.jsydsyq.qdjg" style="width:500%" oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
106 <el-select v-model="ruleForm.jsydsyq.jedw"> 106 <el-select v-model="ruleForm.jsydsyq.jedw">
107 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 107 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
108 </el-option> 108 </el-option>
...@@ -160,18 +160,29 @@ ...@@ -160,18 +160,29 @@
160 </el-radio-group> 160 </el-radio-group>
161 </el-form-item> 161 </el-form-item>
162 </el-col> 162 </el-col>
163 <el-col :span="6" v-show="ruleForm.sldy.gyfs == '1'"> 163 <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
164 <el-form-item label="是否分别持证："> 164 <el-form-item label="是否分别持证：">
165 <el-radio-group v-model="ruleForm.sldy.sqfbcz" :disabled="!ableOperation"> 165 <el-radio-group
166 <el-radio :label=1>是</el-radio> 166 v-model="ruleForm.sldy.sqfbcz"
167 <el-radio :label=0>否</el-radio> 167 :disabled="!ableOperation">
168 <el-radio :label="1">是</el-radio>
169 <el-radio :label="0">否</el-radio>
168 </el-radio-group> 170 </el-radio-group>
169 </el-form-item> 171 </el-form-item>
170 </el-col> 172 </el-col>
171 <el-col :span="6" v-show="ruleForm.sldy.sqfbcz == '0'&&ruleForm.sldy.gyfs == '1'"> 173 <el-col
174 :span="6"
175 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs == '1'">
172 <el-form-item label="持证人："> 176 <el-form-item label="持证人：">
173 <el-select v-model="ruleForm.czr" placeholder="持证人" :disabled="!ableOperation"> 177 <el-select
174 <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh"> 178 v-model="ruleForm.czr"
179 placeholder="持证人"
180 :disabled="!ableOperation">
181 <el-option
182 v-for="item in czrOptions"
183 :key="item.zjh"
184 :label="item.sqrmc"
185 :value="item.zjh">
175 </el-option> 186 </el-option>
176 </el-select> 187 </el-select>
177 </el-form-item> 188 </el-form-item>
...@@ -213,10 +224,12 @@ ...@@ -213,10 +224,12 @@
213 </template> 224 </template>
214 <script> 225 <script>
215 import { mapGetters } from "vuex" 226 import { mapGetters } from "vuex"
227 import ywmix from "@/views/ywbl/mixin/index"
216 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js" 228 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"
217 import tdytTable from "@/views/workflow/components/tdytTable"; 229 import tdytTable from "@/views/workflow/components/tdytTable";
218 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable" 230 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"
219 export default { 231 export default {
232 mixins: [ywmix],
220 mounted () { 233 mounted () {
221 this.ableOperation = this.$parent.currentSelectTab.ableOperation 234 this.ableOperation = this.$parent.currentSelectTab.ableOperation
222 this.propsParam = this.$attrs; 235 this.propsParam = this.$attrs;
...@@ -249,7 +262,7 @@ ...@@ -249,7 +262,7 @@
249 }, 262 },
250 data () { 263 data () {
251 return { 264 return {
252 mjdw:"1", 265 mjdw: "1",
253 //表单是否可操作 266 //表单是否可操作
254 ableOperation: true, 267 ableOperation: true,
255 key: 0, 268 key: 0,
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 <!-- 2 <!--
3 * @Description: 3 * @Description:
4 * @Autor: renchao 4 * @Autor: renchao
5 * @LastEditTime: 2023-07-25 09:23:42 5 * @LastEditTime: 2023-08-02 08:45:44
6 --> 6 -->
7 <template> 7 <template>
8 <!-- 受理信息 --> 8 <!-- 受理信息 -->
...@@ -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="120px">
17 >
18 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 17 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
19 <div class="slxx_title title-block"> 18 <div class="slxx_title title-block">
20 受理信息 19 受理信息
...@@ -56,8 +55,7 @@ ...@@ -56,8 +55,7 @@
56 </el-row> 55 </el-row>
57 <div 56 <div
58 class="slxx_title title-block flex" 57 class="slxx_title title-block flex"
59 style="justify-content: space-between" 58 style="justify-content: space-between">
60 >
61 不动产单元情况 59 不动产单元情况
62 <el-button @click="compare">变化情况对比+</el-button> 60 <el-button @click="compare">变化情况对比+</el-button>
63 </div> 61 </div>
...@@ -102,16 +100,14 @@ ...@@ -102,16 +100,14 @@
102 <el-input 100 <el-input
103 v-model="ruleForm.jsydsyq.qdjg" 101 v-model="ruleForm.jsydsyq.qdjg"
104 style="width: 500%" 102 style="width: 500%"
105 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" 103 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
106 disabled 104 disabled></el-input>
107 ></el-input>
108 <el-select v-model="ruleForm.jsydsyq.jedw" disabled> 105 <el-select v-model="ruleForm.jsydsyq.jedw" disabled>
109 <el-option 106 <el-option
110 v-for="item in dictData['A57']" 107 v-for="item in dictData['A57']"
111 :key="item.dcode" 108 :key="item.dcode"
112 :label="item.dname" 109 :label="item.dname"
113 :value="item.dcode" 110 :value="item.dcode">
114 >
115 </el-option> 111 </el-option>
116 </el-select> 112 </el-select>
117 </div> 113 </div>
...@@ -124,27 +120,13 @@ ...@@ -124,27 +120,13 @@
124 </el-form-item> 120 </el-form-item>
125 </el-col> 121 </el-col>
126 </el-row> 122 </el-row>
127 <!-- <el-row :gutter="10">
128 <el-col :span="8">
129 <el-form-item label="使用期限：">
130 <el-input disabled v-model="ruleForm.jsydsyq.tdsyqx"></el-input>
131 </el-form-item>
132 </el-col>
133
134 <el-col :span="16">
135 <el-form-item label="使用权起止时间：">
136 <el-input disabled v-model="ruleForm.jsydsyq.syqqzsj"></el-input>
137 </el-form-item>
138 </el-col>
139 </el-row> -->
140 <el-row :gutter="10"> 123 <el-row :gutter="10">
141 <el-col> 124 <el-col>
142 <el-form-item label="附记：" prop="fj"> 125 <el-form-item label="附记：" prop="fj">
143 <el-input 126 <el-input
144 type="textarea" 127 type="textarea"
145 v-model="ruleForm.jsydsyq.fj" 128 v-model="ruleForm.jsydsyq.fj"
146 :disabled="!ableOperation" 129 :disabled="!ableOperation"></el-input>
147 ></el-input>
148 </el-form-item> 130 </el-form-item>
149 </el-col> 131 </el-col>
150 </el-row> 132 </el-row>
...@@ -155,22 +137,17 @@ ...@@ -155,22 +137,17 @@
155 <tdytTable 137 <tdytTable
156 :tableData="ruleForm.tdytqxList" 138 :tableData="ruleForm.tdytqxList"
157 :ableOperation="ableOperation" 139 :ableOperation="ableOperation"
158 @upDateTdytxxList="upDateTdytxxList" 140 @upDateTdytxxList="upDateTdytxxList" />
159 />
160 <div class="slxx_title title-block"> 141 <div class="slxx_title title-block">
161 权利人信息 142 权利人信息
162 <div class="triangle"></div> 143 <div class="triangle"></div>
163 </div> 144 </div>
164 <!-- <el-divider content-position="left"><i
165 style="background-color:#3498db;font-size:16px;color:#fff !important;border-radius: 5px 5px 5px 0px;margin-bottom:10px;"
166 class="el-icon-edit-outline">权利人信息</i></el-divider> -->
167 <el-row :gutter="10"> 145 <el-row :gutter="10">
168 <el-col :span="14"> 146 <el-col :span="12">
169 <el-form-item label="共有方式："> 147 <el-form-item label="共有方式：">
170 <el-radio-group 148 <el-radio-group
171 :disabled="!ableOperation" 149 :disabled="!ableOperation"
172 v-model="ruleForm.sldy.gyfs" 150 v-model="ruleForm.sldy.gyfs">
173 >
174 <el-radio label="0">单独所有</el-radio> 151 <el-radio label="0">单独所有</el-radio>
175 <el-radio label="1">共同共有</el-radio> 152 <el-radio label="1">共同共有</el-radio>
176 <el-radio label="2">按份所有</el-radio> 153 <el-radio label="2">按份所有</el-radio>
...@@ -178,30 +155,29 @@ ...@@ -178,30 +155,29 @@
178 </el-radio-group> 155 </el-radio-group>
179 </el-form-item> 156 </el-form-item>
180 </el-col> 157 </el-col>
181 <el-col :span="5" v-show="ruleForm.gyfs == '2'"> 158 <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
182 <el-form-item label="是否分别持证："> 159 <el-form-item label="是否分别持证：">
183 <el-radio-group 160 <el-radio-group
184 v-model="ruleForm.sldy.sqfbcz" 161 v-model="ruleForm.sldy.sqfbcz"
185 :disabled="!ableOperation" 162 :disabled="!ableOperation">
186 > 163 <el-radio :label="1">是</el-radio>
187 <el-radio label="1">是</el-radio> 164 <el-radio :label="0">否</el-radio>
188 <el-radio label="0">否</el-radio>
189 </el-radio-group> 165 </el-radio-group>
190 </el-form-item> 166 </el-form-item>
191 </el-col> 167 </el-col>
192 <el-col :span="5" v-show="ruleForm.gyfs == '2'"> 168 <el-col
169 :span="6"
170 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs == '1'">
193 <el-form-item label="持证人："> 171 <el-form-item label="持证人：">
194 <el-select 172 <el-select
195 v-model="ruleForm.czr" 173 v-model="ruleForm.czr"
196 placeholder="持证人" 174 placeholder="持证人"
197 :disabled="!ableOperation" 175 :disabled="!ableOperation">
198 >
199 <el-option 176 <el-option
200 v-for="item in czrOptions" 177 v-for="item in czrOptions"
201 :key="item.value" 178 :key="item.zjh"
202 :label="item.label" 179 :label="item.sqrmc"
203 :value="item.value" 180 :value="item.zjh">
204 >
205 </el-option> 181 </el-option>
206 </el-select> 182 </el-select>
207 </el-form-item> 183 </el-form-item>
...@@ -211,8 +187,7 @@ ...@@ -211,8 +187,7 @@
211 :tableData="ruleForm.qlrList" 187 :tableData="ruleForm.qlrList"
212 :disabled="!ableOperation" 188 :disabled="!ableOperation"
213 @upDateQlrxxList="upDateQlrxxList" 189 @upDateQlrxxList="upDateQlrxxList"
214 :gyfs="ruleForm.sldy.gyfs" 190 :gyfs="ruleForm.sldy.gyfs" />
215 />
216 <div class="slxx_title title-block"> 191 <div class="slxx_title title-block">
217 登记原因 192 登记原因
218 <div class="triangle"></div> 193 <div class="triangle"></div>
...@@ -224,8 +199,7 @@ ...@@ -224,8 +199,7 @@
224 class="textArea" 199 class="textArea"
225 type="textarea" 200 type="textarea"
226 :disabled="!ableOperation" 201 :disabled="!ableOperation"
227 v-model="ruleForm.jsydsyq.djyy" 202 v-model="ruleForm.jsydsyq.djyy">
228 >
229 </el-input> 203 </el-input>
230 </el-form-item> 204 </el-form-item>
231 </el-col> 205 </el-col>
...@@ -240,109 +214,110 @@ ...@@ -240,109 +214,110 @@
240 </div> 214 </div>
241 </template> 215 </template>
242 <script> 216 <script>
243 import { mapGetters } from "vuex"; 217 import { mapGetters } from "vuex";
244 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 218 import ywmix from "@/views/ywbl/mixin/index"
245 import tdytTable from "@/views/workflow/components/tdytTable"; 219 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
246 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; 220 import tdytTable from "@/views/workflow/components/tdytTable";
247 export default { 221 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
248 mounted() { 222 export default {
249 this.ableOperation = this.$parent.currentSelectTab.ableOperation; 223 mixins: [ywmix],
250 this.propsParam = this.$attrs; 224 mounted () {
251 var formdata = new FormData(); 225 this.ableOperation = this.$parent.currentSelectTab.ableOperation;
252 this.$startLoading(); 226 this.propsParam = this.$attrs;
253 formdata.append("bsmSldy", this.propsParam.bsmSldy); 227 var formdata = new FormData();
254 formdata.append("djlx", this.propsParam.djlx); 228 this.$startLoading();
255 formdata.append("isEdit", this.ableOperation); 229 formdata.append("bsmSldy", this.propsParam.bsmSldy);
256 Init(formdata).then((res) => { 230 formdata.append("djlx", this.propsParam.djlx);
257 if (res.code === 200 && res.result) { 231 formdata.append("isEdit", this.ableOperation);
258 this.ruleForm = res.result; 232 Init(formdata).then((res) => {
259 } 233 if (res.code === 200 && res.result) {
260 this.$endLoading(); 234 this.ruleForm = res.result;
261 });
262 },
263 components: { qlrCommonTable, tdytTable },
264 computed: {
265 ...mapGetters(["dictData", "flag"]),
266 },
267 data() {
268 return {
269 //表单是否可操作
270 ableOperation: true,
271 disabled: true,
272 czrOptions: [],
273 ruleForm: {
274 slywxx: {},
275 qlxx: {},
276 zdjbxx: {},
277 jsydsyq: {},
278 },
279 //传递参数
280 propsParam: {},
281 rules: {},
282 };
283 },
284 methods: {
285 // 更新土地用途信息
286 /**
287 * @description: 更新土地用途信息
288 * @param {*} val
289 * @author: renchao
290 */
291 upDateTdytxxList(val) {
292 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
293 this.key++;
294 },
295 // 更新权利人信息
296 /**
297 * @description: 更新权利人信息
298 * @param {*} val
299 * @author: renchao
300 */
301 upDateQlrxxList(val) {
302 this.ruleForm.qlrList = _.cloneDeep(val);
303 },
304 /**
305 * @description: onSubmit
306 * @author: renchao
307 */
308 onSubmit() {
309 saveData(this.ruleForm).then((res) => {
310 if (res.code === 200) {
311 this.$message({
312 showClose: true,
313 message: "保存成功！",
314 type: "success",
315 });
316 this.$store.dispatch("user/refreshPage", true);
317 } else {
318 this.$message({
319 showClose: true,
320 message: res.message,
321 type: "error",
322 });
323 } 235 }
236 this.$endLoading();
324 }); 237 });
325 }, 238 },
326 /** 239 components: { qlrCommonTable, tdytTable },
327 * @description: compare 240 computed: {
328 * @author: renchao 241 ...mapGetters(["dictData", "flag"]),
329 */ 242 },
330 compare() { 243 data () {
331 console.log("this.ruleForm",this.ruleForm); 244 return {
332 this.$popupDialog( 245 //表单是否可操作
333 this.ruleForm.qlxx.qllxmc, 246 ableOperation: true,
334 "registerBook/comparison", 247 disabled: true,
335 { bsmQlxx: this.ruleForm.qlxx.bsmQlxx, 248 czrOptions: [],
336 dqqllx: 'JSYDSYQ', 249 ruleForm: {
250 slywxx: {},
251 qlxx: {},
252 zdjbxx: {},
253 jsydsyq: {},
337 }, 254 },
338 "80%", 255 //传递参数
339 true 256 propsParam: {},
340 ) 257 rules: {},
258 };
259 },
260 methods: {
261 /**
262 * @description: 更新土地用途信息
263 * @param {*} val
264 * @author: renchao
265 */
266 upDateTdytxxList (val) {
267 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
268 this.key++;
269 },
270 /**
271 * @description: 更新权利人信息
272 * @param {*} val
273 * @author: renchao
274 */
275 upDateQlrxxList (val) {
276 this.ruleForm.qlrList = _.cloneDeep(val);
277 },
278 /**
279 * @description: onSubmit
280 * @author: renchao
281 */
282 onSubmit () {
283 saveData(this.ruleForm).then((res) => {
284 if (res.code === 200) {
285 this.$message({
286 showClose: true,
287 message: "保存成功！",
288 type: "success",
289 });
290 this.$store.dispatch("user/refreshPage", true);
291 } else {
292 this.$message({
293 showClose: true,
294 message: res.message,
295 type: "error",
296 });
297 }
298 });
299 },
300 /**
301 * @description: compare
302 * @author: renchao
303 */
304 compare () {
305 console.log("this.ruleForm", this.ruleForm);
306 this.$popupDialog(
307 this.ruleForm.qlxx.qllxmc,
308 "registerBook/comparison",
309 {
310 bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
311 dqqllx: 'JSYDSYQ',
312 },
313 "80%",
314 true
315 )
316 }
341 } 317 }
342 } 318 }
343 }
344 </script> 319 </script>
345 <style scoped lang="scss"> 320 <style scoped lang="scss">
346 @import "~@/styles/public.scss"; 321 @import "~@/styles/public.scss";
347 @import "~@/styles/slxx/slxx.scss"; 322 @import "~@/styles/slxx/slxx.scss";
348 </style> 323 </style>
......
...@@ -174,7 +174,7 @@ ...@@ -174,7 +174,7 @@
174 <div class="triangle"></div> 174 <div class="triangle"></div>
175 </div> 175 </div>
176 <el-row :gutter="10"> 176 <el-row :gutter="10">
177 <el-col :span="14"> 177 <el-col :span="12">
178 <el-form-item label="共有方式："> 178 <el-form-item label="共有方式：">
179 <el-radio-group v-model="ruleForm.sldy.gyfs" :disabled="!ableOperation"> 179 <el-radio-group v-model="ruleForm.sldy.gyfs" :disabled="!ableOperation">
180 <el-radio label="0">单独所有</el-radio> 180 <el-radio label="0">单独所有</el-radio>
...@@ -184,18 +184,29 @@ ...@@ -184,18 +184,29 @@
184 </el-radio-group> 184 </el-radio-group>
185 </el-form-item> 185 </el-form-item>
186 </el-col> 186 </el-col>
187 <el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'"> 187 <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
188 <el-form-item label="是否分别持证："> 188 <el-form-item label="是否分别持证：">
189 <el-radio-group v-model="ruleForm.sldy.sqfbcz" :disabled="!ableOperation"> 189 <el-radio-group
190 <el-radio label="1">是</el-radio> 190 v-model="ruleForm.sldy.sqfbcz"
191 <el-radio label="0">否</el-radio> 191 :disabled="!ableOperation">
192 <el-radio :label="1">是</el-radio>
193 <el-radio :label="0">否</el-radio>
192 </el-radio-group> 194 </el-radio-group>
193 </el-form-item> 195 </el-form-item>
194 </el-col> 196 </el-col>
195 <el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'"> 197 <el-col
198 :span="6"
199 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs == '1'">
196 <el-form-item label="持证人："> 200 <el-form-item label="持证人：">
197 <el-select v-model="ruleForm.czr" placeholder="持证人" :disabled="!ableOperation"> 201 <el-select
198 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> 202 v-model="ruleForm.czr"
203 placeholder="持证人"
204 :disabled="!ableOperation">
205 <el-option
206 v-for="item in czrOptions"
207 :key="item.zjh"
208 :label="item.sqrmc"
209 :value="item.zjh">
199 </el-option> 210 </el-option>
200 </el-select> 211 </el-select>
201 </el-form-item> 212 </el-form-item>
...@@ -231,10 +242,12 @@ ...@@ -231,10 +242,12 @@
231 </template> 242 </template>
232 <script> 243 <script>
233 import { mapGetters } from "vuex" 244 import { mapGetters } from "vuex"
245 import ywmix from "@/views/ywbl/mixin/index"
234 import { Init, saveData } from "@/api/workflow/nydsyqFlow.js" 246 import { Init, saveData } from "@/api/workflow/nydsyqFlow.js"
235 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable" 247 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"
236 import JtcyTable from "@/views/workflow/components/JtcyTable" 248 import JtcyTable from "@/views/workflow/components/JtcyTable"
237 export default { 249 export default {
250 mixins: [ywmix],
238 mounted () { 251 mounted () {
239 this.ableOperation = this.$parent.currentSelectTab.ableOperation 252 this.ableOperation = this.$parent.currentSelectTab.ableOperation
240 this.propsParam = this.$attrs; 253 this.propsParam = this.$attrs;
......
...@@ -174,7 +174,7 @@ ...@@ -174,7 +174,7 @@
174 <div class="triangle"></div> 174 <div class="triangle"></div>
175 </div> 175 </div>
176 <el-row :gutter="10"> 176 <el-row :gutter="10">
177 <el-col :span="14"> 177 <el-col :span="12">
178 <el-form-item label="共有方式："> 178 <el-form-item label="共有方式：">
179 <el-radio-group :disabled="!ableOperation" v-model="ruleForm.sldy.gyfs"> 179 <el-radio-group :disabled="!ableOperation" v-model="ruleForm.sldy.gyfs">
180 <el-radio label="0">单独所有</el-radio> 180 <el-radio label="0">单独所有</el-radio>
...@@ -184,18 +184,29 @@ ...@@ -184,18 +184,29 @@
184 </el-radio-group> 184 </el-radio-group>
185 </el-form-item> 185 </el-form-item>
186 </el-col> 186 </el-col>
187 <el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'"> 187 <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
188 <el-form-item label="是否分别持证："> 188 <el-form-item label="是否分别持证：">
189 <el-radio-group v-model="ruleForm.sldy.sqfbcz" :disabled="!ableOperation"> 189 <el-radio-group
190 <el-radio label="1">是</el-radio> 190 v-model="ruleForm.sldy.sqfbcz"
191 <el-radio label="0">否</el-radio> 191 :disabled="!ableOperation">
192 <el-radio :label="1">是</el-radio>
193 <el-radio :label="0">否</el-radio>
192 </el-radio-group> 194 </el-radio-group>
193 </el-form-item> 195 </el-form-item>
194 </el-col> 196 </el-col>
195 <el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'"> 197 <el-col
198 :span="6"
199 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs == '1'">
196 <el-form-item label="持证人："> 200 <el-form-item label="持证人：">
197 <el-select v-model="ruleForm.czr" placeholder="持证人" :disabled="!ableOperation"> 201 <el-select
198 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> 202 v-model="ruleForm.czr"
203 placeholder="持证人"
204 :disabled="!ableOperation">
205 <el-option
206 v-for="item in czrOptions"
207 :key="item.zjh"
208 :label="item.sqrmc"
209 :value="item.zjh">
199 </el-option> 210 </el-option>
200 </el-select> 211 </el-select>
201 </el-form-item> 212 </el-form-item>
...@@ -236,10 +247,12 @@ ...@@ -236,10 +247,12 @@
236 </template> 247 </template>
237 <script> 248 <script>
238 import { mapGetters } from "vuex" 249 import { mapGetters } from "vuex"
250 import ywmix from "@/views/ywbl/mixin/index"
239 import { Init, saveData } from "@/api/workflow/nydsyqFlow.js" 251 import { Init, saveData } from "@/api/workflow/nydsyqFlow.js"
240 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable" 252 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"
241 import JtcyTable from "@/views/workflow/components/JtcyTable" 253 import JtcyTable from "@/views/workflow/components/JtcyTable"
242 export default { 254 export default {
255 mixins: [ywmix],
243 mounted () { 256 mounted () {
244 this.ableOperation = this.$parent.currentSelectTab.ableOperation 257 this.ableOperation = this.$parent.currentSelectTab.ableOperation
245 this.propsParam = this.$attrs; 258 this.propsParam = this.$attrs;
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-07-25 09:24:18 4 * @LastEditTime: 2023-08-01 18:15:20
5 --> 5 -->
6 <template> 6 <template>
7 <!-- 受理信息 --> 7 <!-- 受理信息 -->
...@@ -264,7 +264,7 @@ ...@@ -264,7 +264,7 @@
264 </el-radio-group> 264 </el-radio-group>
265 </el-form-item> 265 </el-form-item>
266 </el-col> 266 </el-col>
267 <el-col :span="6" v-show="ruleForm.sldy.gyfs == '1'"> 267 <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
268 <el-form-item label="是否分别持证："> 268 <el-form-item label="是否分别持证：">
269 <el-radio-group 269 <el-radio-group
270 v-model="ruleForm.sldy.sqfbcz" 270 v-model="ruleForm.sldy.sqfbcz"
...@@ -339,10 +339,12 @@ ...@@ -339,10 +339,12 @@
339 </template> 339 </template>
340 <script> 340 <script>
341 import { mapGetters } from "vuex"; 341 import { mapGetters } from "vuex";
342 import ywmix from "@/views/ywbl/mixin/index"
342 import { Init, saveData } from "@/api/workflow/tdsyqFlow.js"; 343 import { Init, saveData } from "@/api/workflow/tdsyqFlow.js";
343 import tdytTable from "@/views/workflow/components/tdytTable"; 344 import tdytTable from "@/views/workflow/components/tdytTable";
344 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 345 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
345 export default { 346 export default {
347 mixins: [ywmix],
346 components: { qlrCommonTable, tdytTable }, 348 components: { qlrCommonTable, tdytTable },
347 mounted () { 349 mounted () {
348 this.ableOperation = this.$parent.currentSelectTab.ableOperation; 350 this.ableOperation = this.$parent.currentSelectTab.ableOperation;
......
...@@ -71,8 +71,7 @@ ...@@ -71,8 +71,7 @@
71 v-for="item in dictData['A17']" 71 v-for="item in dictData['A17']"
72 :key="item.dcode" 72 :key="item.dcode"
73 :label="item.dname" 73 :label="item.dname"
74 :value="item.dcode" 74 :value="item.dcode">
75 >
76 </el-option> 75 </el-option>
77 </el-select> 76 </el-select>
78 </el-form-item> 77 </el-form-item>
...@@ -84,8 +83,7 @@ ...@@ -84,8 +83,7 @@
84 v-for="item in dictData['A19']" 83 v-for="item in dictData['A19']"
85 :key="item.dcode" 84 :key="item.dcode"
86 :label="item.dname" 85 :label="item.dname"
87 :value="item.dcode" 86 :value="item.dcode">
88 >
89 </el-option> 87 </el-option>
90 </el-select> 88 </el-select>
91 </el-form-item> 89 </el-form-item>
...@@ -94,27 +92,26 @@ ...@@ -94,27 +92,26 @@
94 <el-row :gutter="10" v-if="ruleForm.qlxx"> 92 <el-row :gutter="10" v-if="ruleForm.qlxx">
95 <el-col :span="8"> 93 <el-col :span="8">
96 <el-form-item label="房屋结构："> 94 <el-form-item label="房屋结构：">
97 <el-select v-model="ruleForm.ygdj.fwjg"> 95 <el-select v-model="ruleForm.ygdj.fwjg">
98 <el-option 96 <el-option
99 v-for="item in dictData['A46']" 97 v-for="item in dictData['A46']"
100 :key="item.dcode" 98 :key="item.dcode"
101 :label="item.dname" 99 :label="item.dname"
102 :value="item.dcode" 100 :value="item.dcode">
103 >
104 </el-option> 101 </el-option>
105 </el-select> 102 </el-select>
106 </el-form-item> 103 </el-form-item>
107 </el-col> 104 </el-col>
108 <el-col :span="8"> 105 <el-col :span="8">
109 <el-form-item label="建筑面积："> 106 <el-form-item label="建筑面积：">
110 <el-input v-model="ruleForm.ygdj.jzmj"></el-input> 107 <el-input v-model="ruleForm.ygdj.jzmj"></el-input>
111 </el-form-item> 108 </el-form-item>
112 </el-col> 109 </el-col>
113 <el-col :span="8"> 110 <el-col :span="8">
114 <el-form-item label="取得价格："> 111 <el-form-item label="取得价格：">
115 <div class="flex"> 112 <div class="flex">
116 <el-input v-model="ruleForm.ygdj.qdjg"></el-input> 113 <el-input v-model="ruleForm.ygdj.qdjg"></el-input>
117 <el-select 114 <el-select
118 v-model="ruleForm.ygdj.jedw" 115 v-model="ruleForm.ygdj.jedw"
119 :disabled="!ableOperation" 116 :disabled="!ableOperation"
120 style="width: 20%"> 117 style="width: 20%">
...@@ -125,19 +122,19 @@ ...@@ -125,19 +122,19 @@
125 :value="item.dcode"> 122 :value="item.dcode">
126 </el-option> 123 </el-option>
127 </el-select> 124 </el-select>
128 </div> 125 </div>
129 </el-form-item> 126 </el-form-item>
130 </el-col> 127 </el-col>
131 </el-row> 128 </el-row>
132 <el-row :gutter="10"> 129 <el-row :gutter="10">
133 <el-col :span="8"> 130 <el-col :span="8">
134 <el-form-item label="所在层："> 131 <el-form-item label="所在层：">
135 <el-input v-model="ruleForm.ygdj.szc"></el-input> 132 <el-input v-model="ruleForm.ygdj.szc"></el-input>
136 </el-form-item> 133 </el-form-item>
137 </el-col> 134 </el-col>
138 <el-col :span="8"> 135 <el-col :span="8">
139 <el-form-item label="总层数："> 136 <el-form-item label="总层数：">
140 <el-input v-model="ruleForm.ygdj.zcs"></el-input> 137 <el-input v-model="ruleForm.ygdj.zcs"></el-input>
141 </el-form-item> 138 </el-form-item>
142 </el-col> 139 </el-col>
143 </el-row> 140 </el-row>
...@@ -156,6 +153,33 @@ ...@@ -156,6 +153,33 @@
156 </el-radio-group> 153 </el-radio-group>
157 </el-form-item> 154 </el-form-item>
158 </el-col> 155 </el-col>
156 <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
157 <el-form-item label="是否分别持证：">
158 <el-radio-group
159 v-model="ruleForm.sldy.sqfbcz"
160 :disabled="!ableOperation">
161 <el-radio :label="1">是</el-radio>
162 <el-radio :label="0">否</el-radio>
163 </el-radio-group>
164 </el-form-item>
165 </el-col>
166 <el-col
167 :span="6"
168 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs == '1'">
169 <el-form-item label="持证人：">
170 <el-select
171 v-model="ruleForm.czr"
172 placeholder="持证人"
173 :disabled="!ableOperation">
174 <el-option
175 v-for="item in czrOptions"
176 :key="item.zjh"
177 :label="item.sqrmc"
178 :value="item.zjh">
179 </el-option>
180 </el-select>
181 </el-form-item>
182 </el-col>
159 </el-row> 183 </el-row>
160 <qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :disabled="!ableOperation" :tableData="ruleForm.qlrList" 184 <qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :disabled="!ableOperation" :tableData="ruleForm.qlrList"
161 :gyfs="ruleForm.qlxx.gyfs" /> 185 :gyfs="ruleForm.qlxx.gyfs" />
...@@ -188,10 +212,12 @@ ...@@ -188,10 +212,12 @@
188 </div> 212 </div>
189 </template> 213 </template>
190 <script> 214 <script>
215 import ywmix from "@/views/ywbl/mixin/index"
191 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 216 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
192 import { Init, saveData } from "@/api/workflow/ygdjFlow.js"; 217 import { Init, saveData } from "@/api/workflow/ygdjFlow.js";
193 import { mapGetters } from "vuex"; 218 import { mapGetters } from "vuex";
194 export default { 219 export default {
220 mixins: [ywmix],
195 created () { 221 created () {
196 this.ableOperation = this.$parent.currentSelectTab.ableOperation 222 this.ableOperation = this.$parent.currentSelectTab.ableOperation
197 this.propsParam = this.$attrs; 223 this.propsParam = this.$attrs;
......
...@@ -42,10 +42,9 @@ ...@@ -42,10 +42,9 @@
42 </el-form-item> 42 </el-form-item>
43 </el-col> 43 </el-col>
44 </el-row> 44 </el-row>
45 <div 45 <div
46 class="slxx_title title-block flex" 46 class="slxx_title title-block flex"
47 style="justify-content: space-between" 47 style="justify-content: space-between">
48 >
49 不动产单元情况 48 不动产单元情况
50 <el-button @click="compare">变化情况对比+</el-button> 49 <el-button @click="compare">变化情况对比+</el-button>
51 </div> 50 </div>
...@@ -112,7 +111,7 @@ ...@@ -112,7 +111,7 @@
112 <div class="triangle"></div> 111 <div class="triangle"></div>
113 </div> 112 </div>
114 <el-row :gutter="10"> 113 <el-row :gutter="10">
115 <el-col :span="14" v-if="ruleForm.qlxx"> 114 <el-col :span="12" v-if="ruleForm.qlxx">
116 <el-form-item label="共有方式："> 115 <el-form-item label="共有方式：">
117 <el-radio-group :disabled="!ableOperation" v-model="ruleForm.sldy.gyfs"> 116 <el-radio-group :disabled="!ableOperation" v-model="ruleForm.sldy.gyfs">
118 <el-radio label="0">单独所有</el-radio> 117 <el-radio label="0">单独所有</el-radio>
...@@ -122,6 +121,33 @@ ...@@ -122,6 +121,33 @@
122 </el-radio-group> 121 </el-radio-group>
123 </el-form-item> 122 </el-form-item>
124 </el-col> 123 </el-col>
124 <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
125 <el-form-item label="是否分别持证：">
126 <el-radio-group
127 v-model="ruleForm.sldy.sqfbcz"
128 :disabled="!ableOperation">
129 <el-radio :label="1">是</el-radio>
130 <el-radio :label="0">否</el-radio>
131 </el-radio-group>
132 </el-form-item>
133 </el-col>
134 <el-col
135 :span="6"
136 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs == '1'">
137 <el-form-item label="持证人：">
138 <el-select
139 v-model="ruleForm.czr"
140 placeholder="持证人"
141 :disabled="!ableOperation">
142 <el-option
143 v-for="item in czrOptions"
144 :key="item.zjh"
145 :label="item.sqrmc"
146 :value="item.zjh">
147 </el-option>
148 </el-select>
149 </el-form-item>
150 </el-col>
125 </el-row> 151 </el-row>
126 <qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" :disabled="!ableOperation" 152 <qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" :disabled="!ableOperation"
127 :gyfs="ruleForm.sldy.gyfs" /> 153 :gyfs="ruleForm.sldy.gyfs" />
...@@ -154,10 +180,12 @@ ...@@ -154,10 +180,12 @@
154 </div> 180 </div>
155 </template> 181 </template>
156 <script> 182 <script>
183 import ywmix from "@/views/ywbl/mixin/index"
157 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 184 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
158 import { Init, saveData } from "@/api/workflow/ygdjFlow.js"; 185 import { Init, saveData } from "@/api/workflow/ygdjFlow.js";
159 import { mapGetters } from "vuex"; 186 import { mapGetters } from "vuex";
160 export default { 187 export default {
188 mixins: [ywmix],
161 mounted () { 189 mounted () {
162 this.ableOperation = this.$parent.currentSelectTab.ableOperation 190 this.ableOperation = this.$parent.currentSelectTab.ableOperation
163 this.propsParam = this.$attrs; 191 this.propsParam = this.$attrs;
...@@ -245,21 +273,22 @@ ...@@ -245,21 +273,22 @@
245 } 273 }
246 }); 274 });
247 }, 275 },
248 /** 276 /**
249 * @description: compare 277 * @description: compare
250 * @author: renchao 278 * @author: renchao
251 */ 279 */
252 compare() { 280 compare () {
253 this.$popupDialog( 281 this.$popupDialog(
254 this.ruleForm.qlxx.qllxmc, 282 this.ruleForm.qlxx.qllxmc,
255 "registerBook/comparison", 283 "registerBook/comparison",
256 { bsmQlxx: this.ruleForm.qlxx.bsmQlxx, 284 {
257 dqqllx: 'YGDJ', 285 bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
258 }, 286 dqqllx: 'YGDJ',
259 "80%", 287 },
260 true 288 "80%",
261 ); 289 true
262 }, 290 );
291 },
263 }, 292 },
264 }; 293 };
265 </script> 294 </script>
......
...@@ -116,9 +116,9 @@ ...@@ -116,9 +116,9 @@
116 <el-row :gutter="10"> 116 <el-row :gutter="10">
117 <el-col :span="8"> 117 <el-col :span="8">
118 <el-form-item label="被担保主债权数额："> 118 <el-form-item label="被担保主债权数额：">
119 <div class="flex"> 119 <div class="flex">
120 <el-input v-model="ruleForm.ygdj.qdjg" :disabled="!ableOperation"></el-input> 120 <el-input v-model="ruleForm.ygdj.qdjg" :disabled="!ableOperation"></el-input>
121 <el-select 121 <el-select
122 v-model="ruleForm.ygdj.jedw" 122 v-model="ruleForm.ygdj.jedw"
123 :disabled="!ableOperation" 123 :disabled="!ableOperation"
124 style="width: 20%"> 124 style="width: 20%">
...@@ -129,7 +129,7 @@ ...@@ -129,7 +129,7 @@
129 :value="item.dcode"> 129 :value="item.dcode">
130 </el-option> 130 </el-option>
131 </el-select> 131 </el-select>
132 </div> 132 </div>
133 </el-form-item> 133 </el-form-item>
134 </el-col> 134 </el-col>
135 <el-col :span="8"> 135 <el-col :span="8">
...@@ -172,7 +172,7 @@ ...@@ -172,7 +172,7 @@
172 <div class="triangle"></div> 172 <div class="triangle"></div>
173 </div> 173 </div>
174 <el-row :gutter="10"> 174 <el-row :gutter="10">
175 <el-col :span="14"> 175 <el-col :span="12">
176 <el-form-item label="共有方式："> 176 <el-form-item label="共有方式：">
177 <el-radio-group :disabled="!ableOperation" v-model="ruleForm.sldy.gyfs"> 177 <el-radio-group :disabled="!ableOperation" v-model="ruleForm.sldy.gyfs">
178 <el-radio label="0">单独所有</el-radio> 178 <el-radio label="0">单独所有</el-radio>
...@@ -182,6 +182,33 @@ ...@@ -182,6 +182,33 @@
182 </el-radio-group> 182 </el-radio-group>
183 </el-form-item> 183 </el-form-item>
184 </el-col> 184 </el-col>
185 <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
186 <el-form-item label="是否分别持证：">
187 <el-radio-group
188 v-model="ruleForm.sldy.sqfbcz"
189 :disabled="!ableOperation">
190 <el-radio :label="1">是</el-radio>
191 <el-radio :label="0">否</el-radio>
192 </el-radio-group>
193 </el-form-item>
194 </el-col>
195 <el-col
196 :span="6"
197 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs == '1'">
198 <el-form-item label="持证人：">
199 <el-select
200 v-model="ruleForm.czr"
201 placeholder="持证人"
202 :disabled="!ableOperation">
203 <el-option
204 v-for="item in czrOptions"
205 :key="item.zjh"
206 :label="item.sqrmc"
207 :value="item.zjh">
208 </el-option>
209 </el-select>
210 </el-form-item>
211 </el-col>
185 </el-row> 212 </el-row>
186 <qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" :disabled="!ableOperation" 213 <qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" :disabled="!ableOperation"
187 :gyfs="ruleForm.sldy.gyfs" /> 214 :gyfs="ruleForm.sldy.gyfs" />
...@@ -214,10 +241,12 @@ ...@@ -214,10 +241,12 @@
214 </div> 241 </div>
215 </template> 242 </template>
216 <script> 243 <script>
244 import ywmix from "@/views/ywbl/mixin/index"
217 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 245 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
218 import { Init, saveData } from "@/api/workflow/ygdyFlow.js"; 246 import { Init, saveData } from "@/api/workflow/ygdyFlow.js";
219 import { mapGetters } from "vuex"; 247 import { mapGetters } from "vuex";
220 export default { 248 export default {
249 mixins: [ywmix],
221 created () { 250 created () {
222 this.ableOperation = this.$parent.currentSelectTab.ableOperation 251 this.ableOperation = this.$parent.currentSelectTab.ableOperation
223 this.propsParam = this.$attrs; 252 this.propsParam = this.$attrs;
......
...@@ -152,7 +152,8 @@ ...@@ -152,7 +152,8 @@
152 </el-radio-group> 152 </el-radio-group>
153 </el-form-item> 153 </el-form-item>
154 </el-col> 154 </el-col>
155 <el-col :span="5" v-show="ruleForm.sldyList[0].gyfs == '2'"> 155
156 <el-col :span="5" v-show="ruleForm.sldyList[0].gyfs != '0'">
156 <el-form-item label="是否分别持证："> 157 <el-form-item label="是否分别持证：">
157 <el-radio-group v-model="ruleForm.sldyList[0].sqfbcz" :disabled="!ableOperation"> 158 <el-radio-group v-model="ruleForm.sldyList[0].sqfbcz" :disabled="!ableOperation">
158 <el-radio label="1">是</el-radio> 159 <el-radio label="1">是</el-radio>
...@@ -160,7 +161,7 @@ ...@@ -160,7 +161,7 @@
160 </el-radio-group> 161 </el-radio-group>
161 </el-form-item> 162 </el-form-item>
162 </el-col> 163 </el-col>
163 <el-col :span="5" v-show="ruleForm.sldyList[0].gyfs == '2'"> 164 <el-col :span="5" v-show="ruleForm.sldyList[0].gyfs != '0'">
164 <el-form-item label="持证人："> 165 <el-form-item label="持证人：">
165 <el-select v-model="ruleForm.czr" placeholder="持证人" :disabled="!ableOperation"> 166 <el-select v-model="ruleForm.czr" placeholder="持证人" :disabled="!ableOperation">
166 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> 167 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
......
...@@ -196,18 +196,29 @@ ...@@ -196,18 +196,29 @@
196 </el-radio-group> 196 </el-radio-group>
197 </el-form-item> 197 </el-form-item>
198 </el-col> 198 </el-col>
199 <el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'"> 199 <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
200 <el-form-item label="是否分别持证："> 200 <el-form-item label="是否分别持证：">
201 <el-radio-group v-model="ruleForm.sldy.sqfbcz" :disabled="!ableOperation"> 201 <el-radio-group
202 <el-radio label="1">是</el-radio> 202 v-model="ruleForm.sldy.sqfbcz"
203 <el-radio label="0">否</el-radio> 203 :disabled="!ableOperation">
204 <el-radio :label="1">是</el-radio>
205 <el-radio :label="0">否</el-radio>
204 </el-radio-group> 206 </el-radio-group>
205 </el-form-item> 207 </el-form-item>
206 </el-col> 208 </el-col>
207 <el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'"> 209 <el-col
210 :span="6"
211 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs == '1'">
208 <el-form-item label="持证人："> 212 <el-form-item label="持证人：">
209 <el-select v-model="ruleForm.czr" placeholder="持证人" :disabled="!ableOperation"> 213 <el-select
210 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> 214 v-model="ruleForm.czr"
215 placeholder="持证人"
216 :disabled="!ableOperation">
217 <el-option
218 v-for="item in czrOptions"
219 :key="item.zjh"
220 :label="item.sqrmc"
221 :value="item.zjh">
211 </el-option> 222 </el-option>
212 </el-select> 223 </el-select>
213 </el-form-item> 224 </el-form-item>
......