Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
9710b627 by xiaomiao
Options

业务申请选择不动产tabs调整

1 parent 5e401e33
Inline Side-by-side
Showing 3 changed files with 405 additions and 186 deletions
1 import dialogBox from '@/components/DialogBox/dialogBox.vue' 1 import dialogBox from '@/components/dialogBox/dialogBox.vue'
2 import LbTable from '@/components/LbTable/lb-table.vue' 2 import LbTable from '@/components/LbTable/lb-table.vue'
3 import Theme from '@/components/Theme/theme.vue' 3 import Theme from '@/components/Theme/theme.vue'
4 import Popup from '@/components/Popup/index' 4 import Popup from '@/components/Popup/index'
...@@ -11,4 +11,4 @@ export default { ...@@ -11,4 +11,4 @@ export default {
11 Vue.prototype.$popup = Popup.install; 11 Vue.prototype.$popup = Popup.install;
12 Vue.prototype.$alertMes = MessageBox.alert; 12 Vue.prototype.$alertMes = MessageBox.alert;
13 } 13 }
14 }
...\ No newline at end of file ...\ No newline at end of file
14 }
......
...@@ -4,209 +4,294 @@ ...@@ -4,209 +4,294 @@
4 <el-tab-pane label="自然幢" name="zrz"></el-tab-pane> 4 <el-tab-pane label="自然幢" name="zrz"></el-tab-pane>
5 <el-tab-pane label="多幢" name="h"></el-tab-pane> 5 <el-tab-pane label="多幢" name="h"></el-tab-pane>
6 </el-tabs> 6 </el-tabs>
7 <div v-if="activeName == 'zrz'">
8 <div class="from-clues-header">
9 <el-form :model="queryForm" ref="queryForm" label-width="110px">
10 <el-row>
11 <el-col :span="7">
12 <el-form-item label="宗地代码">
13 <el-input placeholder="请输入宗地代码" v-model="queryForm.zddm" clearable>
14 </el-input>
15 </el-form-item>
16 </el-col>
17 <el-col :span="7">
18 <el-form-item label="土地证号">
19 <el-input placeholder="请输入土地证号" v-model="queryForm.bdcqzh" clearable>
20 </el-input>
21 </el-form-item>
22 </el-col>
23 <el-col :span="7">
24 <el-form-item label="土地坐落">
25 <el-input placeholder="请输入土地坐落" v-model="queryForm.zl" clearable>
26 </el-input>
27 </el-form-item>
28 </el-col>
29 </el-row>
30 <el-row>
31 <el-col :span="7">
32 <el-form-item label="自然幢号">
33 <el-input placeholder="请输入自然幢号" v-model="queryForm.zrzh" clearable>
34 </el-input>
35 </el-form-item>
36 </el-col>
37 <el-col :span="7">
38 <el-form-item label="项目名称">
39 <el-input placeholder="请输入项目名称" v-model="queryForm.xmmc"></el-input>
40 </el-form-item>
41 </el-col>
42 <el-col :span="7">
43 <el-form-item label="建筑物名称">
44 <el-input placeholder="请输入建筑物名称" v-model="queryForm.jzwmc" clearable>
45 </el-input>
46 </el-form-item>
47 </el-col>
7 48
8 <div class="from-clues-header"> 49 <el-col :span="3" class="btnColRight">
9 <el-form :model="queryForm" ref="queryForm" label-width="110px"> 50 <el-form-item>
10 <el-row> 51 <el-button type="primary" @click="handleSearch">查询</el-button>
11 <el-col :span="7"> 52 </el-form-item>
12 <el-form-item label="宗地代码"> 53 </el-col>
13 <el-input placeholder="请输入宗地代码" v-model="queryForm.zddm" clearable> 54 </el-row>
14 </el-input> 55 </el-form>
15 </el-form-item> 56 </div>
16 </el-col> 57 <div class="from-clues-content">
17 <el-col :span="7"> 58 <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :heightNum="400"
18 <el-form-item label="土地证号"> 59 :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange"
19 <el-input placeholder="请输入土地证号" v-model="queryForm.bdcqzh" clearable> 60 @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns"
20 </el-input> 61 :data="tableData.data">
21 </el-form-item> 62 </lb-table>
22 </el-col> 63 </div>
23 <el-col :span="7"> 64 <div class="submit_button">
24 <el-form-item label="土地坐落"> 65 <el-button @click="closeDialog">取消</el-button>
25 <el-input placeholder="请输入土地坐落" v-model="queryForm.zl" clearable> 66 <el-button type="primary" plain @click="submitForm">发起申请</el-button>
26 </el-input> 67 </div>
27 </el-form-item>
28 </el-col>
29
30 </el-row>
31 <el-row>
32 <el-col :span="7">
33 <el-form-item label="自然幢号">
34 <el-input placeholder="请输入自然幢号" v-model="queryForm.zrzh" clearable>
35 </el-input>
36 </el-form-item>
37 </el-col>
38 <el-col :span="7">
39 <el-form-item label="项目名称">
40 <el-input placeholder="请输入项目名称" v-model="queryForm.xmmc"></el-input>
41 </el-form-item>
42 </el-col>
43 <el-col :span="7">
44 <el-form-item label="建筑物名称">
45 <el-input placeholder="请输入建筑物名称" v-model="queryForm.jzwmc" clearable>
46 </el-input>
47 </el-form-item>
48 </el-col>
49
50 <el-col :span="3" class="btnColRight">
51 <el-form-item>
52 <el-button type="primary" @click="handleSearch">查询</el-button>
53 </el-form-item>
54 </el-col>
55 </el-row>
56 </el-form>
57 </div>
58 <div class="from-clues-content">
59 <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :heightNum="400"
60 :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange"
61 @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns"
62 :data="tableData.data">
63 </lb-table>
64 </div> 68 </div>
65 <div class="submit_button"> 69 <div v-if="activeName == 'h'">
66 <el-button @click="closeDialog">取消</el-button> 70 <div class="from-clues-header">
67 <el-button type="primary" plain @click="submitForm">发起申请</el-button> 71 <el-form :model="queryFormduo" ref="queryFormduo" label-width="110px">
72 <el-row>
73 <el-col :span="7">
74 <el-form-item label="宗地代码">
75 <el-input placeholder="请输入宗地代码" v-model="queryFormduo.zddm" clearable>
76 </el-input>
77 </el-form-item>
78 </el-col>
79 <el-col :span="7">
80 <el-form-item label="土地证号">
81 <el-input placeholder="请输入土地证号" v-model="queryFormduo.bdcqzh" clearable>
82 </el-input>
83 </el-form-item>
84 </el-col>
85 <el-col :span="7">
86 <el-form-item label="土地坐落">
87 <el-input placeholder="请输入土地坐落" v-model="queryFormduo.zl" clearable>
88 </el-input>
89 </el-form-item>
90 </el-col>
91 </el-row>
92 <el-row>
93 <el-col :span="7">
94 <el-form-item label="自然幢号">
95 <el-input placeholder="请输入自然幢号" v-model="queryFormduo.zrzh" clearable>
96 </el-input>
97 </el-form-item>
98 </el-col>
99 <el-col :span="7">
100 <el-form-item label="项目名称">
101 <el-input placeholder="请输入项目名称" v-model="queryFormduo.xmmc"></el-input>
102 </el-form-item>
103 </el-col>
104 <el-col :span="7">
105 <el-form-item label="建筑物名称">
106 <el-input placeholder="请输入建筑物名称" v-model="queryFormduo.jzwmc" clearable>
107 </el-input>
108 </el-form-item>
109 </el-col>
110
111 <el-col :span="3" class="btnColRight">
112 <el-form-item>
113 <el-button type="primary" @click="handleSearch">查询</el-button>
114 </el-form-item>
115 </el-col>
116 </el-row>
117 </el-form>
118 </div>
119 <div class="from-clues-content">
120 <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :heightNum="400"
121 :current-page.sync="pageData.currentPage" :total="tableDataduo.total" @size-change="handleSizeChange"
122 @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableDataduo.columns"
123 :data="tableDataduo.data">
124 </lb-table>
125 </div>
126 <div class="submit_button">
127 <el-button @click="closeDialog">取消</el-button>
128 <el-button type="primary" plain @click="submitForm">发起申请</el-button>
129 </div>
68 </div> 130 </div>
69 </div> 131 </div>
70 </template> 132 </template>
71 <script> 133 <script>
72 //国有建设用地使用权/房屋使用权 134 //国有建设用地使用权/房屋使用权
73 import { datas, sendThis } from "../javascript/fwsyq.js"; 135 import { datas, sendThis } from "../javascript/fwsyq.js";
74 import table from "@/utils/mixin/table"; 136 import { datasduo, sendThisduo } from "../javascript/fwsyqduo.js";
75 import jump from "@/views/ywbl/ywsq/components/mixin/jump"; 137 import table from "@/utils/mixin/table";
76 import { selectScBdcdy, startBusinessFlow, choiceBdcdy, selectOtherH, selectZrz, selectH } from "@/api/ywbl.js"; 138 import jump from "@/views/ywbl/ywsq/components/mixin/jump";
77 export default { 139 import { selectScBdcdy, startBusinessFlow, choiceBdcdy, selectOtherH, selectZrz, selectH } from "@/api/ywbl.js";
78 mixins: [table, jump], 140 export default {
79 props: { 141 mixins: [table, jump],
80 isJump: { type: Boolean, default: false }, 142 props: {
81 sqywInfo: { type: Object, default: () => { } }, 143 isJump: { type: Boolean, default: false },
82 }, 144 sqywInfo: { type: Object, default: () => { } },
83 data () { 145 },
84 return { 146 data () {
85 activeName: 'zrz', 147 return {
86 queryForm: { 148 activeName: 'zrz',
87 qllx: '', 149 queryForm: {
88 bdcdyh: '', 150 qllx: '',
89 ywh: '', 151 bdcdyh: '',
90 bdcqzh: '' 152 ywh: '',
153 bdcqzh: ''
154 },
155 queryFormduo: {
156 qllx: '',
157 bdcdyh: '',
158 ywh: '',
159 bdcqzh: ''
160 },
161 tableData: {
162 total: 0,
163 columns: datas.columns(),
164 data: [],
165 },
166 tableDataduo: {
167 total: 0,
168 columns: datasduo.columns(),
169 data: [],
170 },
171 bdcdysz: [],
172 bsmSqyw:
173 this.sqywInfo.nodetype === "djlx"
174 ? this.sqywInfo.bsmSqyw
175 : this.sqywInfo.parentid,
176 };
177 },
178 mounted () {
179 sendThis(this)
180 sendThisduo(this)
181
182 },
183 methods: {
184 queryClick () {
185 if (!this.isJump) {
186 //从业务办理进入
187
188 if (this.activeName == "zrz") {
189 this.queryForm.sqywbm = this.sqywInfo.djywbm;
190 this.queryForm.fwfl = this.activeName;
191 selectZrz({ ...this.queryForm, ...this.pageData }).then((res) => {
192 if (res.code === 200) {
193 this.tableData.total = res.result.total;
194 this.tableData.data = res.result.records;
195 }
196 });
197 } else {
198 this.queryFormduo.sqywbm = this.sqywInfo.djywbm;
199 this.queryFormduo.fwfl = this.activeName;
200 selectH({ ...this.queryFormduo, ...this.pageData }).then((res) => {
201 console.log("resssssssssssssssss", res);
202 if (res.code === 200) {
203 this.tableDataduo.total = res.result.total;
204 this.tableDataduo.data = res.result.records;
205 }
206 })
207 }
208
209 } else {
210 //从办理框架选择不动产单元进入
211 //房屋首次办理选择不动产需找出对应自然幢下未选择的户
212 this.queryForm.bsmSlsq = this.$route.query.bsmSlsq;
213 selectOtherH({ ...this.queryForm, ...this.pageData }).then((res) => {
214 if (res.code === 200) {
215 let { total, records } = res.result;
216 this.tableData.total = total;
217 this.tableData.data = records;
218 }
219 })
220 }
91 }, 221 },
92 tableData: { 222 // 切换事件
93 total: 0, 223 handleTabClick () {
94 columns: datas.columns(), 224 this.bdcdysz = []
95 data: [], 225 this.pageData.currentPage = 1;
226 this.queryClick();
96 }, 227 },
97 bdcdysz: [], 228 // 发起申请事件
98 bsmSqyw: 229 submitForm () {
99 this.sqywInfo.nodetype === "djlx" 230 if (this.bdcdysz.length == 0) {
100 ? this.sqywInfo.bsmSqyw 231 this.$message.error("请至少选择一条数据");
101 : this.sqywInfo.parentid, 232 return;
102 }; 233 }
103 }, 234 if (!this.isJump) {
104 mounted () { 235
105 sendThis(this) 236 startBusinessFlow({
106 }, 237 bsmSqyw: this.bsmSqyw,
107 methods: { 238 fwlx: this.activeName,
108 queryClick () { 239 bdcdysz: this.bdcdysz,
109 if (!this.isJump) { 240 djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "",
110 //从业务办理进入 241 djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "",
111 this.queryForm.sqywbm = this.sqywInfo.djywbm; 242 }).then((res) => {
112 this.queryForm.fwfl = this.activeName; 243 if (res.code == 200) {
113 if (this.activeName == "zrz") { 244 this.$message({
114 selectZrz({ ...this.queryForm, ...this.pageData }).then((res) => { 245 showClose: true,
115 if (res.code === 200) { 246 message: '发起申请成功',
116 this.tableData.total = res.result.total; 247 type: 'success'
117 this.tableData.data = res.result.records; 248 })
249 this.jump(res.result, this.djywbm)
250 } else {
251 this.$message.error(res.message);
118 } 252 }
119 }); 253 })
120 } else { 254 } else {
121 selectH({ ...this.queryForm, ...this.pageData }).then((res) => { 255 choiceBdcdy({
122 if (res.code === 200) { 256 bsmSlsq: this.$route.query.bsmSlsq,
123 this.tableData.total = res.result.total; 257 bdcdysz: this.bdcdysz
124 this.tableData.data = res.result.records; 258 }).then(res => {
259 if (res.code == 200) {
260 this.$message({
261 showClose: true,
262 message: '发起申请成功',
263 type: 'success'
264 })
265 this.$emit('updateDialog', true)
266 } else {
267 this.$message.error(res.message);
125 } 268 }
126 }) 269 })
127 } 270 }
128 271 },
129 } else { 272 // 列表勾选事件
130 //从办理框架选择不动产单元进入 273 handleSelectionChange (val) {
131 //房屋首次办理选择不动产需找出对应自然幢下未选择的户 274 val.forEach((item, index) => {
132 this.queryForm.bsmSlsq = this.$route.query.bsmSlsq; 275 item.bsmSsql = item.zdbsm
133 selectOtherH({ ...this.queryForm, ...this.pageData }).then((res) => {
134 if (res.code === 200) {
135 let { total, records } = res.result;
136 this.tableData.total = total;
137 this.tableData.data = records;
138 }
139 })
140 }
141 },
142 handleTabClick () {
143 this.pageData.currentPage = 1;
144 this.queryClick();
145 },
146 submitForm () {
147 if (this.bdcdysz.length == 0) {
148 this.$message.error("请至少选择一条数据");
149 return;
150 }
151 if (!this.isJump) {
152
153 startBusinessFlow({
154 bsmSqyw: this.bsmSqyw,
155 fwlx: this.activeName,
156 bdcdysz: this.bdcdysz,
157 djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "",
158 djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "",
159 }).then((res) => {
160 if (res.code == 200) {
161 this.$message({
162 showClose: true,
163 message: '发起申请成功',
164 type: 'success'
165 })
166 this.jump(res.result, this.djywbm)
167 } else {
168 this.$message.error(res.message);
169 }
170 }) 276 })
171 } else { 277 this.bdcdysz = val
172 choiceBdcdy({ 278 },
173 bsmSlsq: this.$route.query.bsmSlsq, 279 // 点击楼盘表
174 bdcdysz: this.bdcdysz 280 handleLpbClick (item) {
175 }).then(res => { 281 this.$popup('楼盘表', 'lpb/index', {
176 if (res.code == 200) { 282 width: '85%',
177 this.$message({ 283 formData: {
178 showClose: true, 284 bsm: item.bsm,
179 message: '发起申请成功', 285 bsmSqyw: this.bsmSqyw,
180 type: 'success' 286 djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "",
181 }) 287 djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "",
182 this.$emit('updateDialog', true)
183 } else {
184 this.$message.error(res.message);
185 } 288 }
186 }) 289 })
187 } 290 }
188 },
189 handleSelectionChange (val) {
190 val.forEach((item, index) => {
191 item.bsmSsql = item.zdbsm
192 })
193 this.bdcdysz = val
194 },
195 handleLpbClick (item) {
196 this.$popup('楼盘表', 'lpb/index', {
197 width: '85%',
198 formData: {
199 bsm: item.bsm,
200 bsmSqyw: this.bsmSqyw,
201 djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "",
202 djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "",
203 }
204 })
205 } 291 }
206 } 292 }
207 }
208 </script> 293 </script>
209 <style scoped lang="scss"> 294 <style scoped lang="scss">
210 @import "~@/styles/mixin.scss"; 295 @import "~@/styles/mixin.scss";
211 @import "~@/styles/public.scss"; 296 @import "~@/styles/public.scss";
212 </style> 297 </style>
......
1 import filter from '@/utils/filter.js'
2 let vm = null
3
4 const sendThisduo = (_this) => {
5 vm = _this
6 }
7 class data extends filter {
8 constructor() {
9 super()
10 }
11 columns () {
12 return [
13 {
14 type: 'selection',
15 label: '全选',
16 width: '30',
17 selectable: this.selected
18 },
19 {
20 label: '序号',
21 type: 'index',
22 width: '50',
23 render: (h, scope) => {
24 return (
25 <div>
26 {(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1}
27 </div>
28 )
29 }
30 },
31 {
32 label: "状态",
33 render: (h, scope) => {
34 return (
35 <div>
36 {/* <a v-on:click="doSomething"></a> */}
37 <a style='color:#3498db;' v-show={scope.row.djblzt == 1} >正在办理</a>
38 <span v-show={scope.row.zjgcdyzt == 1}>,在建工程抵押</span>
39 <span v-show={scope.row.ycfzt == 1}>,已预查封</span>
40 <span v-show={scope.row.ycfzt == 1}>,已预查封</span>
41 <span v-show={scope.row.cfzt == 1}>,已查封</span>
42 <span v-show={scope.row.diyizt == 1}>,已地役</span>
43 <span v-show={scope.row.yyzt == 1}>,异议中</span>
44 <span v-show={scope.row.xzzt == 1}>,已限制</span>
45 <span v-show={scope.row.ygmmzt == 1}>,已预告买卖</span>
46 <span v-show={scope.row.ygdyzt == 1}>,已预告抵押</span>
47 <span v-show={scope.row.dyzt == 1}>,已抵押</span>
48 </div>
49 )
50 }
51 },
52 {
53 prop: "tdzh",
54 label: "土地证号",
55 },
56 {
57 prop: "qllxmc",
58 label: "权利类型",
59 },
60 {
61 prop: "xmmc",
62 label: "项目名称",
63 },
64 {
65 prop: "zrzh",
66 label: "自然幢号",
67 },
68 {
69 prop: "jzwmc",
70 label: "建筑物名称",
71 },
72 {
73 label: "土地/房屋性质",
74 render: (h, scope) => {
75 return (
76 <div>
77 {(scope.row.showQlxz) + (' / ') + (scope.row.fwxzmc)}
78 </div>
79 )
80 }
81 },
82 {
83 label: "面积",
84 render: (h, scope) => {
85 return (
86 <div>
87 {(scope.row.zdmj) + (' / ') + (scope.row.scjzmj)}
88 </div>
89 )
90 }
91 },
92 {
93 label: "土地/房屋用途",
94 render: (h, scope) => {
95 return (
96 <div>
97 {(scope.row.showTdyt) + (' / ') + (scope.row.showFwyt)}
98 </div>
99 )
100 }
101 },
102 {
103 prop: "zcs",
104 label: "总层数",
105 width: '70',
106 },
107 {
108 prop: "zts",
109 label: "总套数",
110 width: '70',
111 },
112 {
113 prop: "zl",
114 label: "自然幢坐落",
115 },
116 {
117 label: '操作',
118 width: '80',
119 align: 'center',
120 fixed: 'right',
121 render: (h, scope) => {
122 return <el-button type="text" onClick={() => { vm.handleLpbClick(scope.row) }}>楼盘表</el-button>
123 }
124 }
125 ]
126 }
127
128
129 }
130 let datasduo = new data()
131 export {
132 datasduo,
133 sendThisduo
134 }