style:房屋信息模块字典编译
Showing
13 changed files
with
359 additions
and
348 deletions
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-05-30 15:28:52 | 4 | * @LastEditTime: 2023-06-20 10:02:14 |
5 | */ | 5 | */ |
6 | import Vue from 'vue' | 6 | import Vue from 'vue' |
7 | import App from './App' | 7 | import App from './App' |
... | @@ -16,12 +16,10 @@ import Loading from '@/components/Loading/index.js'; | ... | @@ -16,12 +16,10 @@ import Loading from '@/components/Loading/index.js'; |
16 | import { startLoadingAddCount, endLoadingSubCount } from './utils/requestLoading' | 16 | import { startLoadingAddCount, endLoadingSubCount } from './utils/requestLoading' |
17 | Vue.mixin(mixin); | 17 | Vue.mixin(mixin); |
18 | Vue.use(Loading.directive); | 18 | Vue.use(Loading.directive); |
19 | import rules from './utils/rule.js' | ||
20 | // 引入xml | 19 | // 引入xml |
21 | import x2js from 'x2js' | 20 | import x2js from 'x2js' |
22 | Vue.prototype.$x2js = new x2js() | 21 | Vue.prototype.$x2js = new x2js() |
23 | // 全局方法挂载 | 22 | // 全局方法挂载 |
24 | Vue.prototype.$rules = rules | ||
25 | // 全局加载 | 23 | // 全局加载 |
26 | Vue.prototype.$startLoading = startLoadingAddCount | 24 | Vue.prototype.$startLoading = startLoadingAddCount |
27 | Vue.prototype.$endLoading = endLoadingSubCount | 25 | Vue.prototype.$endLoading = endLoadingSubCount | ... | ... |
src/utils/dictionary.js
0 → 100644
src/utils/rule.js
deleted
100644 → 0
1 | // 手机号码验证 | ||
2 | const validatePhone = (rule, value, callback) => { | ||
3 | const patter = new RegExp('^1([358][0-9]|4[579]|66|7[0135678]|9[89])[0-9]{8}$') | ||
4 | if (!patter.test(value)) { | ||
5 | return callback(new Error('请输入正确格式的手机号!')) | ||
6 | } else { | ||
7 | callback() // 必须有此项回调,否则验证会一直不通过 | ||
8 | } | ||
9 | } | ||
10 | export default { | ||
11 | common: { | ||
12 | phone: [{// 手机号 | ||
13 | required: true, | ||
14 | message: '手机号不能为空' | ||
15 | }, { | ||
16 | validator: validatePhone, | ||
17 | trigger: 'blur' | ||
18 | }] | ||
19 | } | ||
20 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
1 | <!-- | 1 | <!-- |
2 | * @Description : 房地产权2 | 2 | * @Description : 房地产权2 |
3 | * @Autor : miaofang | 3 | * @Autor : miaofang |
4 | * @LastEditTime : 2023-06-16 16:53:36 | 4 | * @LastEditTime: 2023-06-20 09:59:18 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
... | @@ -26,8 +26,8 @@ | ... | @@ -26,8 +26,8 @@ |
26 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | 26 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', |
27 | ]"> | 27 | ]"> |
28 | <div class="setbut" v-if="item.prop == 'cz'"> | 28 | <div class="setbut" v-if="item.prop == 'cz'"> |
29 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | 29 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> |
30 | <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button> | 30 | <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button> |
31 | </div> | 31 | </div> |
32 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 32 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> |
33 | 正在办理 | 33 | 正在办理 |
... | @@ -47,68 +47,67 @@ | ... | @@ -47,68 +47,67 @@ |
47 | </template> | 47 | </template> |
48 | 48 | ||
49 | <script> | 49 | <script> |
50 | import { getFdcq2List } from "@/api/registerBook.js"; | 50 | import { getFdcq2List } from "@/api/registerBook.js"; |
51 | import { datas } from "./qlxxFormData.js"; | 51 | import { datas } from "./qlxxFormData.js"; |
52 | export default { | 52 | export default { |
53 | data () { | 53 | data () { |
54 | return { | 54 | return { |
55 | title: "房地产权登记信息(独幢、层、套、间房屋)", | 55 | title: "房地产权登记信息(独幢、层、套、间房屋)", |
56 | qsztList: datas.columns().qsztList, | 56 | qsztList: datas.columns().qsztList, |
57 | checkList: datas.columns().checkList, | 57 | checkList: datas.columns().checkList, |
58 | //传递参数 | 58 | //传递参数 |
59 | propsParam: this.$attrs, | 59 | propsParam: this.$attrs, |
60 | //列表数据 | 60 | //列表数据 |
61 | tableData: [], | 61 | tableData: [], |
62 | //空列值个数 | 62 | //空列值个数 |
63 | emptycolNum: datas.columns().emptycolNum, | 63 | emptycolNum: datas.columns().emptycolNum, |
64 | //列名称对象 | 64 | //列名称对象 |
65 | columns: datas.columns().FDCQ2, | 65 | columns: datas.columns().FDCQ2, |
66 | }; | 66 | }; |
67 | }, | ||
68 | created () { | ||
69 | this.loadData(); | ||
70 | }, | ||
71 | methods: { | ||
72 | loadData () { | ||
73 | getFdcq2List({ | ||
74 | bdcdyid: this.propsParam.bdcdyid, | ||
75 | qllx: this.propsParam.qllx, | ||
76 | qszt: this.checkList, | ||
77 | }).then((res) => { | ||
78 | if (res.code === 200) { | ||
79 | console.log("国有建设",res); | ||
80 | this.tableData = res.result; | ||
81 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
82 | this.emptycolNum = | ||
83 | datas.columns().emptycolNum - this.tableData.length; | ||
84 | } else { | ||
85 | this.emptycolNum = 0; | ||
86 | } | ||
87 | } | ||
88 | }); | ||
89 | }, | 67 | }, |
90 | checkChange () { | 68 | created () { |
91 | if (this.checkList.length === 0) { | 69 | this.loadData(); |
92 | this.tableData = []; | ||
93 | this.emptycolNum = datas.columns().emptycolNum; | ||
94 | } else { | ||
95 | this.loadData(); | ||
96 | } | ||
97 | }, | 70 | }, |
98 | getQsztName (code) { | 71 | methods: { |
99 | let name = ""; | 72 | loadData () { |
100 | for (let item of this.qsztList) { | 73 | getFdcq2List({ |
101 | if (item.value == code) { | 74 | bdcdyid: this.propsParam.bdcdyid, |
102 | name = item.label; | 75 | qllx: this.propsParam.qllx, |
103 | break; | 76 | qszt: this.checkList, |
77 | }).then((res) => { | ||
78 | if (res.code === 200) { | ||
79 | this.tableData = res.result; | ||
80 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
81 | this.emptycolNum = | ||
82 | datas.columns().emptycolNum - this.tableData.length; | ||
83 | } else { | ||
84 | this.emptycolNum = 0; | ||
85 | } | ||
86 | } | ||
87 | }); | ||
88 | }, | ||
89 | checkChange () { | ||
90 | if (this.checkList.length === 0) { | ||
91 | this.tableData = []; | ||
92 | this.emptycolNum = datas.columns().emptycolNum; | ||
93 | } else { | ||
94 | this.loadData(); | ||
104 | } | 95 | } |
105 | } | 96 | }, |
106 | return name; | 97 | getQsztName (code) { |
107 | }, | 98 | let name = ""; |
99 | for (let item of this.qsztList) { | ||
100 | if (item.value == code) { | ||
101 | name = item.label; | ||
102 | break; | ||
103 | } | ||
104 | } | ||
105 | return name; | ||
106 | }, | ||
108 | 107 | ||
109 | // 编辑 | 108 | // 编辑 |
110 | editDialog(row){ | 109 | editDialog (row) { |
111 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | 110 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { |
112 | confirmButtonText: '确定', | 111 | confirmButtonText: '确定', |
113 | cancelButtonText: '取消', | 112 | cancelButtonText: '取消', |
114 | type: 'warning' | 113 | type: 'warning' |
... | @@ -126,21 +125,21 @@ export default { | ... | @@ -126,21 +125,21 @@ export default { |
126 | }); | 125 | }); |
127 | }); | 126 | }); |
128 | 127 | ||
129 | // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { | 128 | // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { |
130 | // datalist:this.columns, | 129 | // datalist:this.columns, |
131 | // data: row, | 130 | // data: row, |
132 | 131 | ||
133 | // }) | 132 | // }) |
134 | 133 | ||
135 | }, | 134 | }, |
136 | // 删除 | 135 | // 删除 |
137 | deleteDialog(row){ | 136 | deleteDialog (row) { |
138 | this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { | 137 | this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { |
139 | confirmButtonText: '确定', | 138 | confirmButtonText: '确定', |
140 | cancelButtonText: '取消', | 139 | cancelButtonText: '取消', |
141 | type: 'warning' | 140 | type: 'warning' |
142 | }).then(() => { | 141 | }).then(() => { |
143 | // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx | 142 | // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx |
144 | // deleteClmx(bsmClmx).then(res => { | 143 | // deleteClmx(bsmClmx).then(res => { |
145 | // if (res.code == 200) { | 144 | // if (res.code == 200) { |
146 | // that.$emit('updateList', res.result) | 145 | // that.$emit('updateList', res.result) |
... | @@ -163,10 +162,10 @@ export default { | ... | @@ -163,10 +162,10 @@ export default { |
163 | 162 | ||
164 | } | 163 | } |
165 | 164 | ||
166 | }, | 165 | }, |
167 | }; | 166 | }; |
168 | </script> | 167 | </script> |
169 | 168 | ||
170 | <style lang="scss" scoped> | 169 | <style lang="scss" scoped> |
171 | @import "./qlxxCommon.scss"; | 170 | @import "./qlxxCommon.scss"; |
172 | </style> | 171 | </style> | ... | ... |
... | @@ -8,8 +8,7 @@ | ... | @@ -8,8 +8,7 @@ |
8 | <el-checkbox | 8 | <el-checkbox |
9 | v-for="item in qsztList" | 9 | v-for="item in qsztList" |
10 | :key="item.value" | 10 | :key="item.value" |
11 | :label="item.value" | 11 | :label="item.value">{{ item.label }}</el-checkbox> |
12 | >{{ item.label }}</el-checkbox> | ||
13 | </el-checkbox-group> | 12 | </el-checkbox-group> |
14 | </div> | 13 | </div> |
15 | </div> | 14 | </div> |
... | @@ -24,8 +23,7 @@ | ... | @@ -24,8 +23,7 @@ |
24 | row.qszt == '2' ? 'lishi' : '', | 23 | row.qszt == '2' ? 'lishi' : '', |
25 | row.qszt == '0' ? 'linshi' : '', | 24 | row.qszt == '0' ? 'linshi' : '', |
26 | item.prop == 'qszt' && (row.qszt == '0' ||(row.qszt == '1' &&row.qlblzt == '1'&&row.zxywh != null))? 'linshiIcon' : '', | 25 | item.prop == 'qszt' && (row.qszt == '0' ||(row.qszt == '1' &&row.qlblzt == '1'&&row.zxywh != null))? 'linshiIcon' : '', |
27 | ]" | 26 | ]"> |
28 | > | ||
29 | <div class="icon" v-if="item.prop == 'qszt' && (row.qszt == '0' ||(row.qszt == '1' &&row.qlblzt == '1'&&row.zxywh != null))">正在办理</div> | 27 | <div class="icon" v-if="item.prop == 'qszt' && (row.qszt == '0' ||(row.qszt == '1' &&row.qlblzt == '1'&&row.zxywh != null))">正在办理</div> |
30 | <span v-if="item.prop == 'qszt'">{{ getQsztName(row[item.prop]) }}</span> | 28 | <span v-if="item.prop == 'qszt'">{{ getQsztName(row[item.prop]) }}</span> |
31 | 29 | ||
... | @@ -40,74 +38,78 @@ | ... | @@ -40,74 +38,78 @@ |
40 | </template> | 38 | </template> |
41 | 39 | ||
42 | <script> | 40 | <script> |
43 | import { getCfdjList } from "@/api/registerBook.js"; | 41 | import { datas } from "./qlxxFormData.js"; |
44 | import { datas } from "./qlxxFormData.js"; | 42 | import { getSjlx } from "@/utils/dictionary.js"; |
45 | export default { | 43 | import { getCfdjList } from "@/api/registerBook.js"; |
46 | data() { | 44 | export default { |
47 | return { | 45 | data () { |
48 | title: "查封登记信息", | 46 | return { |
49 | qsztList: datas.columns().qsztList, | 47 | title: "查封登记信息", |
50 | checkList: datas.columns().checkList, | 48 | qsztList: datas.columns().qsztList, |
51 | //传递参数 | 49 | checkList: datas.columns().checkList, |
52 | propsParam: this.$attrs, | 50 | //传递参数 |
53 | //列表数据 | 51 | propsParam: this.$attrs, |
54 | tableData: [], | 52 | //列表数据 |
55 | //空列值个数 | 53 | tableData: [], |
56 | emptycolNum: datas.columns().emptycolNum, | 54 | //空列值个数 |
57 | //列名称对象 | 55 | emptycolNum: datas.columns().emptycolNum, |
58 | columns: datas.columns().CFDJ, | 56 | //列名称对象 |
59 | }; | 57 | columns: datas.columns().CFDJ, |
60 | }, | 58 | }; |
61 | created() { | 59 | }, |
62 | this.loadData(); | 60 | created () { |
63 | }, | 61 | this.loadData(); |
64 | methods: { | 62 | }, |
65 | loadData() { | 63 | methods: { |
66 | getCfdjList({ | 64 | loadData () { |
67 | bdcdyid: this.propsParam.bdcdyid, | 65 | getCfdjList({ |
68 | qllx: this.propsParam.qllx, | 66 | bdcdyid: this.propsParam.bdcdyid, |
69 | qszt: this.checkList, | 67 | qllx: this.propsParam.qllx, |
70 | }).then((res) => { | 68 | qszt: this.checkList, |
71 | if (res.code === 200) { | 69 | }).then((res) => { |
72 | this.tableData = res.result; | 70 | if (res.code === 200) { |
73 | this.tableData.forEach((item, index) => { | 71 | this.tableData = res.result; |
74 | if (item.sfbxf == "1") { | 72 | this.tableData.forEach(item => { |
75 | item.zxywh = ""; | 73 | item.sjlx = getSjlx(item.sjlx) |
76 | item.zxdbr = ""; | 74 | }) |
77 | item.zxsj = ""; | 75 | this.tableData.forEach((item, index) => { |
76 | if (item.sfbxf == "1") { | ||
77 | item.zxywh = ""; | ||
78 | item.zxdbr = ""; | ||
79 | item.zxsj = ""; | ||
80 | } | ||
81 | }); | ||
82 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
83 | this.emptycolNum = | ||
84 | datas.columns().emptycolNum - this.tableData.length; | ||
85 | } else { | ||
86 | this.emptycolNum = 0; | ||
78 | } | 87 | } |
79 | }); | ||
80 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
81 | this.emptycolNum = | ||
82 | datas.columns().emptycolNum - this.tableData.length; | ||
83 | } else { | ||
84 | this.emptycolNum = 0; | ||
85 | } | 88 | } |
89 | }); | ||
90 | }, | ||
91 | checkChange () { | ||
92 | if (this.checkList.length === 0) { | ||
93 | this.tableData = []; | ||
94 | this.emptycolNum = datas.columns().emptycolNum; | ||
95 | } else { | ||
96 | this.loadData(); | ||
86 | } | 97 | } |
87 | }); | 98 | }, |
88 | }, | 99 | getQsztName (code) { |
89 | checkChange() { | 100 | let name = ""; |
90 | if (this.checkList.length === 0) { | 101 | for (let item of this.qsztList) { |
91 | this.tableData = []; | 102 | if (item.value == code) { |
92 | this.emptycolNum = datas.columns().emptycolNum; | 103 | name = item.label; |
93 | } else { | 104 | break; |
94 | this.loadData(); | 105 | } |
95 | } | ||
96 | }, | ||
97 | getQsztName(code) { | ||
98 | let name = ""; | ||
99 | for (let item of this.qsztList) { | ||
100 | if (item.value == code) { | ||
101 | name = item.label; | ||
102 | break; | ||
103 | } | 106 | } |
104 | } | 107 | return name; |
105 | return name; | 108 | }, |
106 | }, | 109 | }, |
107 | }, | 110 | }; |
108 | }; | ||
109 | </script> | 111 | </script> |
110 | 112 | ||
111 | <style lang="scss" scoped> | 113 | <style lang="scss" scoped> |
112 | @import "./qlxxCommon.scss"; | 114 | @import "./qlxxCommon.scss"; |
113 | </style> | 115 | </style> | ... | ... |
... | @@ -38,67 +38,71 @@ | ... | @@ -38,67 +38,71 @@ |
38 | </template> | 38 | </template> |
39 | 39 | ||
40 | <script> | 40 | <script> |
41 | import { getDiyaqList } from "@/api/registerBook.js"; | 41 | import { datas } from "./qlxxFormData.js"; |
42 | import { datas } from "./qlxxFormData.js"; | 42 | import { getSjlx } from "@/utils/dictionary.js"; |
43 | export default { | 43 | import { getDiyaqList } from "@/api/registerBook.js"; |
44 | data () { | 44 | export default { |
45 | return { | 45 | data () { |
46 | title: "抵押权登记信息", | 46 | return { |
47 | qsztList: datas.columns().qsztList, | 47 | title: "抵押权登记信息", |
48 | checkList: datas.columns().checkList, | 48 | qsztList: datas.columns().qsztList, |
49 | //传递参数 | 49 | checkList: datas.columns().checkList, |
50 | propsParam: this.$attrs, | 50 | //传递参数 |
51 | //列表数据 | 51 | propsParam: this.$attrs, |
52 | tableData: [], | 52 | //列表数据 |
53 | //空列值个数 | 53 | tableData: [], |
54 | emptycolNum: datas.columns().emptycolNum, | 54 | //空列值个数 |
55 | //列名称对象 | 55 | emptycolNum: datas.columns().emptycolNum, |
56 | columns: datas.columns().DYAQ, | 56 | //列名称对象 |
57 | }; | 57 | columns: datas.columns().DYAQ, |
58 | }, | 58 | }; |
59 | created () { | ||
60 | this.loadData(); | ||
61 | }, | ||
62 | methods: { | ||
63 | loadData () { | ||
64 | getDiyaqList({ | ||
65 | bdcdyid: this.propsParam.bdcdyid, | ||
66 | qllx: this.propsParam.qllx, | ||
67 | qszt: this.checkList, | ||
68 | }).then((res) => { | ||
69 | if (res.code === 200) { | ||
70 | this.tableData = res.result; | ||
71 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
72 | this.emptycolNum = | ||
73 | datas.columns().emptycolNum - this.tableData.length; | ||
74 | } else { | ||
75 | this.emptycolNum = 0; | ||
76 | } | ||
77 | } | ||
78 | }); | ||
79 | }, | 59 | }, |
80 | checkChange () { | 60 | created () { |
81 | if (this.checkList.length === 0) { | 61 | this.loadData(); |
82 | this.tableData = []; | ||
83 | this.emptycolNum = datas.columns().emptycolNum; | ||
84 | } else { | ||
85 | this.loadData(); | ||
86 | } | ||
87 | }, | 62 | }, |
88 | getQsztName (code) { | 63 | methods: { |
89 | let name = ""; | 64 | loadData () { |
90 | for (let item of this.qsztList) { | 65 | getDiyaqList({ |
91 | if (item.value == code) { | 66 | bdcdyid: this.propsParam.bdcdyid, |
92 | name = item.label; | 67 | qllx: this.propsParam.qllx, |
93 | break; | 68 | qszt: this.checkList, |
69 | }).then((res) => { | ||
70 | if (res.code === 200) { | ||
71 | this.tableData = res.result; | ||
72 | this.tableData.forEach(item => { | ||
73 | item.sjlx = getSjlx(item.sjlx) | ||
74 | }) | ||
75 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
76 | this.emptycolNum = | ||
77 | datas.columns().emptycolNum - this.tableData.length; | ||
78 | } else { | ||
79 | this.emptycolNum = 0; | ||
80 | } | ||
81 | } | ||
82 | }); | ||
83 | }, | ||
84 | checkChange () { | ||
85 | if (this.checkList.length === 0) { | ||
86 | this.tableData = []; | ||
87 | this.emptycolNum = datas.columns().emptycolNum; | ||
88 | } else { | ||
89 | this.loadData(); | ||
90 | } | ||
91 | }, | ||
92 | getQsztName (code) { | ||
93 | let name = ""; | ||
94 | for (let item of this.qsztList) { | ||
95 | if (item.value == code) { | ||
96 | name = item.label; | ||
97 | break; | ||
98 | } | ||
94 | } | 99 | } |
95 | } | 100 | return name; |
96 | return name; | 101 | }, |
97 | }, | 102 | }, |
98 | }, | 103 | }; |
99 | }; | ||
100 | </script> | 104 | </script> |
101 | 105 | ||
102 | <style lang="scss" scoped> | 106 | <style lang="scss" scoped> |
103 | @import "./qlxxCommon.scss"; | 107 | @import "./qlxxCommon.scss"; |
104 | </style> | 108 | </style> | ... | ... |
... | @@ -38,67 +38,71 @@ | ... | @@ -38,67 +38,71 @@ |
38 | </template> | 38 | </template> |
39 | 39 | ||
40 | <script> | 40 | <script> |
41 | import { getDiyiqList } from "@/api/registerBook.js"; | 41 | import { datas } from "./qlxxFormData.js"; |
42 | import { datas } from "./qlxxFormData.js"; | 42 | import { getSjlx } from "@/utils/dictionary.js"; |
43 | export default { | 43 | import { getDiyiqList } from "@/api/registerBook.js"; |
44 | data () { | 44 | export default { |
45 | return { | 45 | data () { |
46 | title: "地役权登记信息", | 46 | return { |
47 | qsztList: datas.columns().qsztList, | 47 | title: "地役权登记信息", |
48 | checkList: datas.columns().checkList, | 48 | qsztList: datas.columns().qsztList, |
49 | //传递参数 | 49 | checkList: datas.columns().checkList, |
50 | propsParam: this.$attrs, | 50 | //传递参数 |
51 | //列表数据 | 51 | propsParam: this.$attrs, |
52 | tableData: [], | 52 | //列表数据 |
53 | //空列值个数 | 53 | tableData: [], |
54 | emptycolNum: datas.columns().emptycolNum, | 54 | //空列值个数 |
55 | //列名称对象 | 55 | emptycolNum: datas.columns().emptycolNum, |
56 | columns: datas.columns().DYIQ, | 56 | //列名称对象 |
57 | }; | 57 | columns: datas.columns().DYIQ, |
58 | }, | 58 | }; |
59 | created () { | ||
60 | this.loadData(); | ||
61 | }, | ||
62 | methods: { | ||
63 | loadData () { | ||
64 | getDiyiqList({ | ||
65 | bdcdyid: this.propsParam.bdcdyid, | ||
66 | qllx: this.propsParam.qllx, | ||
67 | qszt: this.checkList, | ||
68 | }).then((res) => { | ||
69 | if (res.code === 200) { | ||
70 | this.tableData = res.result; | ||
71 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
72 | this.emptycolNum = | ||
73 | datas.columns().emptycolNum - this.tableData.length; | ||
74 | } else { | ||
75 | this.emptycolNum = 0; | ||
76 | } | ||
77 | } | ||
78 | }); | ||
79 | }, | 59 | }, |
80 | checkChange () { | 60 | created () { |
81 | if (this.checkList.length === 0) { | 61 | this.loadData(); |
82 | this.tableData = []; | ||
83 | this.emptycolNum = datas.columns().emptycolNum; | ||
84 | } else { | ||
85 | this.loadData(); | ||
86 | } | ||
87 | }, | 62 | }, |
88 | getQsztName (code) { | 63 | methods: { |
89 | let name = ""; | 64 | loadData () { |
90 | for (let item of this.qsztList) { | 65 | getDiyiqList({ |
91 | if (item.value == code) { | 66 | bdcdyid: this.propsParam.bdcdyid, |
92 | name = item.label; | 67 | qllx: this.propsParam.qllx, |
93 | break; | 68 | qszt: this.checkList, |
69 | }).then((res) => { | ||
70 | if (res.code === 200) { | ||
71 | this.tableData = res.result; | ||
72 | this.tableData.forEach(item => { | ||
73 | item.sjlx = getSjlx(item.sjlx) | ||
74 | }) | ||
75 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
76 | this.emptycolNum = | ||
77 | datas.columns().emptycolNum - this.tableData.length; | ||
78 | } else { | ||
79 | this.emptycolNum = 0; | ||
80 | } | ||
81 | } | ||
82 | }); | ||
83 | }, | ||
84 | checkChange () { | ||
85 | if (this.checkList.length === 0) { | ||
86 | this.tableData = []; | ||
87 | this.emptycolNum = datas.columns().emptycolNum; | ||
88 | } else { | ||
89 | this.loadData(); | ||
90 | } | ||
91 | }, | ||
92 | getQsztName (code) { | ||
93 | let name = ""; | ||
94 | for (let item of this.qsztList) { | ||
95 | if (item.value == code) { | ||
96 | name = item.label; | ||
97 | break; | ||
98 | } | ||
94 | } | 99 | } |
95 | } | 100 | return name; |
96 | return name; | 101 | }, |
97 | }, | 102 | }, |
98 | }, | 103 | }; |
99 | }; | ||
100 | </script> | 104 | </script> |
101 | 105 | ||
102 | <style lang="scss" scoped> | 106 | <style lang="scss" scoped> |
103 | @import "./qlxxCommon.scss"; | 107 | @import "./qlxxCommon.scss"; |
104 | </style> | 108 | </style> | ... | ... |
... | @@ -43,8 +43,9 @@ | ... | @@ -43,8 +43,9 @@ |
43 | </template> | 43 | </template> |
44 | 44 | ||
45 | <script> | 45 | <script> |
46 | import { getJsydsyqList } from "@/api/registerBook.js"; | ||
47 | import { datas } from "./qlxxFormData.js"; | 46 | import { datas } from "./qlxxFormData.js"; |
47 | import { getSjlx } from "@/utils/dictionary.js"; | ||
48 | import { getJsydsyqList } from "@/api/registerBook.js"; | ||
48 | export default { | 49 | export default { |
49 | data () { | 50 | data () { |
50 | return { | 51 | return { |
... | @@ -73,6 +74,9 @@ | ... | @@ -73,6 +74,9 @@ |
73 | }).then((res) => { | 74 | }).then((res) => { |
74 | if (res.code === 200) { | 75 | if (res.code === 200) { |
75 | this.tableData = res.result; | 76 | this.tableData = res.result; |
77 | this.tableData.forEach(item => { | ||
78 | item.sjlx = getSjlx(item.sjlx) | ||
79 | }) | ||
76 | if (this.tableData.length < datas.columns().emptycolNum) { | 80 | if (this.tableData.length < datas.columns().emptycolNum) { |
77 | this.emptycolNum = | 81 | this.emptycolNum = |
78 | datas.columns().emptycolNum - this.tableData.length; | 82 | datas.columns().emptycolNum - this.tableData.length; | ... | ... |
... | @@ -38,67 +38,71 @@ | ... | @@ -38,67 +38,71 @@ |
38 | </template> | 38 | </template> |
39 | 39 | ||
40 | <script> | 40 | <script> |
41 | import { getFdcq2List } from "@/api/registerBook.js"; | 41 | import { datas } from "./qlxxFormData.js"; |
42 | import { datas } from "./qlxxFormData.js"; | 42 | import { getSjlx } from "@/utils/dictionary.js"; |
43 | export default { | 43 | import { getFdcq2List } from "@/api/registerBook.js"; |
44 | data () { | 44 | export default { |
45 | return { | 45 | data () { |
46 | title: "房地产权登记信息(独幢、层、套、间房屋)", | 46 | return { |
47 | qsztList: datas.columns().qsztList, | 47 | title: "房地产权登记信息(独幢、层、套、间房屋)", |
48 | checkList: datas.columns().checkList, | 48 | qsztList: datas.columns().qsztList, |
49 | //传递参数 | 49 | checkList: datas.columns().checkList, |
50 | propsParam: this.$attrs, | 50 | //传递参数 |
51 | //列表数据 | 51 | propsParam: this.$attrs, |
52 | tableData: [], | 52 | //列表数据 |
53 | //空列值个数 | 53 | tableData: [], |
54 | emptycolNum: datas.columns().emptycolNum, | 54 | //空列值个数 |
55 | //列名称对象 | 55 | emptycolNum: datas.columns().emptycolNum, |
56 | columns: datas.columns().FDCQ2, | 56 | //列名称对象 |
57 | }; | 57 | columns: datas.columns().FDCQ2, |
58 | }, | 58 | }; |
59 | created () { | ||
60 | this.loadData(); | ||
61 | }, | ||
62 | methods: { | ||
63 | loadData () { | ||
64 | getFdcq2List({ | ||
65 | bdcdyid: this.propsParam.bdcdyid, | ||
66 | qllx: this.propsParam.qllx, | ||
67 | qszt: this.checkList, | ||
68 | }).then((res) => { | ||
69 | if (res.code === 200) { | ||
70 | this.tableData = res.result; | ||
71 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
72 | this.emptycolNum = | ||
73 | datas.columns().emptycolNum - this.tableData.length; | ||
74 | } else { | ||
75 | this.emptycolNum = 0; | ||
76 | } | ||
77 | } | ||
78 | }); | ||
79 | }, | 59 | }, |
80 | checkChange () { | 60 | created () { |
81 | if (this.checkList.length === 0) { | 61 | this.loadData(); |
82 | this.tableData = []; | ||
83 | this.emptycolNum = datas.columns().emptycolNum; | ||
84 | } else { | ||
85 | this.loadData(); | ||
86 | } | ||
87 | }, | 62 | }, |
88 | getQsztName (code) { | 63 | methods: { |
89 | let name = ""; | 64 | loadData () { |
90 | for (let item of this.qsztList) { | 65 | getFdcq2List({ |
91 | if (item.value == code) { | 66 | bdcdyid: this.propsParam.bdcdyid, |
92 | name = item.label; | 67 | qllx: this.propsParam.qllx, |
93 | break; | 68 | qszt: this.checkList, |
69 | }).then((res) => { | ||
70 | if (res.code === 200) { | ||
71 | this.tableData = res.result; | ||
72 | this.tableData.forEach(item => { | ||
73 | item.sjlx = getSjlx(item.sjlx) | ||
74 | }) | ||
75 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
76 | this.emptycolNum = | ||
77 | datas.columns().emptycolNum - this.tableData.length; | ||
78 | } else { | ||
79 | this.emptycolNum = 0; | ||
80 | } | ||
81 | } | ||
82 | }); | ||
83 | }, | ||
84 | checkChange () { | ||
85 | if (this.checkList.length === 0) { | ||
86 | this.tableData = []; | ||
87 | this.emptycolNum = datas.columns().emptycolNum; | ||
88 | } else { | ||
89 | this.loadData(); | ||
90 | } | ||
91 | }, | ||
92 | getQsztName (code) { | ||
93 | let name = ""; | ||
94 | for (let item of this.qsztList) { | ||
95 | if (item.value == code) { | ||
96 | name = item.label; | ||
97 | break; | ||
98 | } | ||
94 | } | 99 | } |
95 | } | 100 | return name; |
96 | return name; | 101 | }, |
97 | }, | 102 | }, |
98 | }, | 103 | }; |
99 | }; | ||
100 | </script> | 104 | </script> |
101 | 105 | ||
102 | <style lang="scss" scoped> | 106 | <style lang="scss" scoped> |
103 | @import "./qlxxCommon.scss"; | 107 | @import "./qlxxCommon.scss"; |
104 | </style> | 108 | </style> | ... | ... |
... | @@ -43,8 +43,9 @@ | ... | @@ -43,8 +43,9 @@ |
43 | </template> | 43 | </template> |
44 | 44 | ||
45 | <script> | 45 | <script> |
46 | import { getJsydsyqList } from "@/api/registerBook.js"; | ||
47 | import { datas } from "./qlxxFormData.js"; | 46 | import { datas } from "./qlxxFormData.js"; |
47 | import { getSjlx } from "@/utils/dictionary.js"; | ||
48 | import { getJsydsyqList } from "@/api/registerBook.js"; | ||
48 | export default { | 49 | export default { |
49 | data () { | 50 | data () { |
50 | return { | 51 | return { |
... | @@ -73,6 +74,9 @@ | ... | @@ -73,6 +74,9 @@ |
73 | }).then((res) => { | 74 | }).then((res) => { |
74 | if (res.code === 200) { | 75 | if (res.code === 200) { |
75 | this.tableData = res.result; | 76 | this.tableData = res.result; |
77 | this.tableData.forEach(item => { | ||
78 | item.sjlx = getSjlx(item.sjlx) | ||
79 | }) | ||
76 | if (this.tableData.length < datas.columns().emptycolNum) { | 80 | if (this.tableData.length < datas.columns().emptycolNum) { |
77 | this.emptycolNum = | 81 | this.emptycolNum = |
78 | datas.columns().emptycolNum - this.tableData.length; | 82 | datas.columns().emptycolNum - this.tableData.length; | ... | ... |
... | @@ -66,8 +66,9 @@ | ... | @@ -66,8 +66,9 @@ |
66 | </template> | 66 | </template> |
67 | 67 | ||
68 | <script> | 68 | <script> |
69 | import { getNydsyqList } from "@/api/registerBook.js"; | ||
70 | import { datas } from "./qlxxFormData.js"; | 69 | import { datas } from "./qlxxFormData.js"; |
70 | import { getSjlx } from "@/utils/dictionary.js"; | ||
71 | import { getNydsyqList } from "@/api/registerBook.js"; | ||
71 | export default { | 72 | export default { |
72 | data () { | 73 | data () { |
73 | return { | 74 | return { |
... | @@ -102,6 +103,9 @@ | ... | @@ -102,6 +103,9 @@ |
102 | }).then((res) => { | 103 | }).then((res) => { |
103 | if (res.code === 200) { | 104 | if (res.code === 200) { |
104 | this.tableData = res.result; | 105 | this.tableData = res.result; |
106 | this.tableData.forEach(item => { | ||
107 | item.sjlx = getSjlx(item.sjlx) | ||
108 | }) | ||
105 | if (this.tableData.length < datas.columns().emptycolNum) { | 109 | if (this.tableData.length < datas.columns().emptycolNum) { |
106 | this.emptycolNum = | 110 | this.emptycolNum = |
107 | datas.columns().emptycolNum - this.tableData.length; | 111 | datas.columns().emptycolNum - this.tableData.length; | ... | ... |
... | @@ -4,7 +4,7 @@ class data extends filter { | ... | @@ -4,7 +4,7 @@ class data extends filter { |
4 | constructor() { | 4 | constructor() { |
5 | super() | 5 | super() |
6 | } | 6 | } |
7 | columns() { | 7 | columns () { |
8 | return { | 8 | return { |
9 | //空列值个数 | 9 | //空列值个数 |
10 | emptycolNum: 3, | 10 | emptycolNum: 3, |
... | @@ -24,7 +24,7 @@ class data extends filter { | ... | @@ -24,7 +24,7 @@ class data extends filter { |
24 | label: "历史", | 24 | label: "历史", |
25 | }, | 25 | }, |
26 | ], | 26 | ], |
27 | JSYDSYQ: [ | 27 | JSYDSYQ: [ |
28 | { | 28 | { |
29 | prop: "qszt", | 29 | prop: "qszt", |
30 | label: "权属状态", | 30 | label: "权属状态", |
... | @@ -134,7 +134,7 @@ class data extends filter { | ... | @@ -134,7 +134,7 @@ class data extends filter { |
134 | label: "附记", | 134 | label: "附记", |
135 | }, | 135 | }, |
136 | ], | 136 | ], |
137 | FDCQ2: [ | 137 | FDCQ2: [ |
138 | { | 138 | { |
139 | prop: "qszt", | 139 | prop: "qszt", |
140 | label: "权属状态", | 140 | label: "权属状态", |
... | @@ -172,7 +172,7 @@ class data extends filter { | ... | @@ -172,7 +172,7 @@ class data extends filter { |
172 | label: "坐落", | 172 | label: "坐落", |
173 | }, | 173 | }, |
174 | { | 174 | { |
175 | prop: "gyfs", | 175 | prop: "gyqk", |
176 | label: "共有情况", | 176 | label: "共有情况", |
177 | }, | 177 | }, |
178 | { | 178 | { |
... | @@ -216,7 +216,7 @@ class data extends filter { | ... | @@ -216,7 +216,7 @@ class data extends filter { |
216 | label: "房地产交易价格(万元)", | 216 | label: "房地产交易价格(万元)", |
217 | }, | 217 | }, |
218 | { | 218 | { |
219 | prop: "ytmc", | 219 | prop: "ghyt", |
220 | label: "规划用途", | 220 | label: "规划用途", |
221 | }, | 221 | }, |
222 | { | 222 | { |
... | @@ -273,7 +273,7 @@ class data extends filter { | ... | @@ -273,7 +273,7 @@ class data extends filter { |
273 | label: "附记", | 273 | label: "附记", |
274 | }, | 274 | }, |
275 | ], | 275 | ], |
276 | NYDSYQ: [ | 276 | NYDSYQ: [ |
277 | { | 277 | { |
278 | prop: "qszt", | 278 | prop: "qszt", |
279 | label: "权属状态", | 279 | label: "权属状态", |
... | @@ -403,7 +403,7 @@ class data extends filter { | ... | @@ -403,7 +403,7 @@ class data extends filter { |
403 | label: "附记", | 403 | label: "附记", |
404 | }, | 404 | }, |
405 | ], | 405 | ], |
406 | DYAQ: [ | 406 | DYAQ: [ |
407 | { | 407 | { |
408 | prop: "qszt", | 408 | prop: "qszt", |
409 | label: "权属状态", | 409 | label: "权属状态", |
... | @@ -440,12 +440,12 @@ class data extends filter { | ... | @@ -440,12 +440,12 @@ class data extends filter { |
440 | prop: "zl", | 440 | prop: "zl", |
441 | label: "在建建筑物坐落", | 441 | label: "在建建筑物坐落", |
442 | }, | 442 | }, |
443 | { | 443 | { |
444 | prop: "dyfs", | 444 | prop: "dyfs", |
445 | label: "抵押方式", | 445 | label: "抵押方式", |
446 | render: (h, scope) => { | 446 | render: (h, scope) => { |
447 | return ( | 447 | return ( |
448 | <div> | 448 | <div> |
449 | <span v-show={scope.row.dyfs == '1'}>一般抵押权</span> | 449 | <span v-show={scope.row.dyfs == '1'}>一般抵押权</span> |
450 | <span v-show={scope.row.dyfs == '2'}>最高额抵押权</span> | 450 | <span v-show={scope.row.dyfs == '2'}>最高额抵押权</span> |
451 | </div> | 451 | </div> |
... | @@ -480,7 +480,7 @@ class data extends filter { | ... | @@ -480,7 +480,7 @@ class data extends filter { |
480 | prop: "ywrzjhm", | 480 | prop: "ywrzjhm", |
481 | label: "抵押人证件号", | 481 | label: "抵押人证件号", |
482 | }, | 482 | }, |
483 | 483 | ||
484 | { | 484 | { |
485 | prop: "sfygdj", | 485 | prop: "sfygdj", |
486 | label: "是否预告登记", | 486 | label: "是否预告登记", |
... | @@ -532,7 +532,7 @@ class data extends filter { | ... | @@ -532,7 +532,7 @@ class data extends filter { |
532 | { | 532 | { |
533 | prop: "fj", | 533 | prop: "fj", |
534 | label: "附记", | 534 | label: "附记", |
535 | }, | 535 | }, |
536 | { | 536 | { |
537 | prop: "djsj", | 537 | prop: "djsj", |
538 | label: "登记时间", | 538 | label: "登记时间", |
... | @@ -563,7 +563,7 @@ class data extends filter { | ... | @@ -563,7 +563,7 @@ class data extends filter { |
563 | }, | 563 | }, |
564 | 564 | ||
565 | ], | 565 | ], |
566 | DYIQ: [ | 566 | DYIQ: [ |
567 | { | 567 | { |
568 | prop: "qszt", | 568 | prop: "qszt", |
569 | label: "权属状态", | 569 | label: "权属状态", |
... | @@ -657,7 +657,7 @@ class data extends filter { | ... | @@ -657,7 +657,7 @@ class data extends filter { |
657 | label: "登记时间", | 657 | label: "登记时间", |
658 | }, | 658 | }, |
659 | ], | 659 | ], |
660 | YGDJ: [ | 660 | YGDJ: [ |
661 | { | 661 | { |
662 | prop: "qszt", | 662 | prop: "qszt", |
663 | label: "权属状态", | 663 | label: "权属状态", |
... | @@ -783,7 +783,7 @@ class data extends filter { | ... | @@ -783,7 +783,7 @@ class data extends filter { |
783 | label: "注销时间", | 783 | label: "注销时间", |
784 | } | 784 | } |
785 | ], | 785 | ], |
786 | CFDJ: [ | 786 | CFDJ: [ |
787 | { | 787 | { |
788 | prop: "qszt", | 788 | prop: "qszt", |
789 | label: "权属状态", | 789 | label: "权属状态", | ... | ... |
... | @@ -5,8 +5,8 @@ | ... | @@ -5,8 +5,8 @@ |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
8 | <div class="slxx"> | 8 | <div class="slxx loadingtext"> |
9 | <el-form :model="ruleForm" :rules="rules" class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''" | 9 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" |
10 | :inline="flag" label-width="120px"> | 10 | :inline="flag" label-width="120px"> |
11 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 11 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
12 | <div class="slxx_title title-block"> | 12 | <div class="slxx_title title-block"> |
... | @@ -202,8 +202,8 @@ | ... | @@ -202,8 +202,8 @@ |
202 | Init(formdata).then((res) => { | 202 | Init(formdata).then((res) => { |
203 | if (res.code === 200 && res.result) { | 203 | if (res.code === 200 && res.result) { |
204 | this.ruleForm = res.result; | 204 | this.ruleForm = res.result; |
205 | this.$endLoading(); | ||
206 | } | 205 | } |
206 | this.$endLoading(); | ||
207 | }); | 207 | }); |
208 | }, | 208 | }, |
209 | components: { qlrCommonTable }, | 209 | components: { qlrCommonTable }, | ... | ... |
-
Please register or sign in to post a comment