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 235 additions and 16 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'
......
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
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 7 <div v-if="activeName == 'zrz'">
8 <div class="from-clues-header"> 8 <div class="from-clues-header">
9 <el-form :model="queryForm" ref="queryForm" label-width="110px"> 9 <el-form :model="queryForm" ref="queryForm" label-width="110px">
10 <el-row> 10 <el-row>
...@@ -26,7 +26,6 @@ ...@@ -26,7 +26,6 @@
26 </el-input> 26 </el-input>
27 </el-form-item> 27 </el-form-item>
28 </el-col> 28 </el-col>
29
30 </el-row> 29 </el-row>
31 <el-row> 30 <el-row>
32 <el-col :span="7"> 31 <el-col :span="7">
...@@ -67,14 +66,78 @@ ...@@ -67,14 +66,78 @@
67 <el-button type="primary" plain @click="submitForm">发起申请</el-button> 66 <el-button type="primary" plain @click="submitForm">发起申请</el-button>
68 </div> 67 </div>
69 </div> 68 </div>
69 <div v-if="activeName == 'h'">
70 <div class="from-clues-header">
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>
130 </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";
140 export default {
78 mixins: [table, jump], 141 mixins: [table, jump],
79 props: { 142 props: {
80 isJump: { type: Boolean, default: false }, 143 isJump: { type: Boolean, default: false },
...@@ -89,11 +152,22 @@ export default { ...@@ -89,11 +152,22 @@ export default {
89 ywh: '', 152 ywh: '',
90 bdcqzh: '' 153 bdcqzh: ''
91 }, 154 },
155 queryFormduo: {
156 qllx: '',
157 bdcdyh: '',
158 ywh: '',
159 bdcqzh: ''
160 },
92 tableData: { 161 tableData: {
93 total: 0, 162 total: 0,
94 columns: datas.columns(), 163 columns: datas.columns(),
95 data: [], 164 data: [],
96 }, 165 },
166 tableDataduo: {
167 total: 0,
168 columns: datasduo.columns(),
169 data: [],
170 },
97 bdcdysz: [], 171 bdcdysz: [],
98 bsmSqyw: 172 bsmSqyw:
99 this.sqywInfo.nodetype === "djlx" 173 this.sqywInfo.nodetype === "djlx"
...@@ -103,14 +177,17 @@ export default { ...@@ -103,14 +177,17 @@ export default {
103 }, 177 },
104 mounted () { 178 mounted () {
105 sendThis(this) 179 sendThis(this)
180 sendThisduo(this)
181
106 }, 182 },
107 methods: { 183 methods: {
108 queryClick () { 184 queryClick () {
109 if (!this.isJump) { 185 if (!this.isJump) {
110 //从业务办理进入 186 //从业务办理进入
187
188 if (this.activeName == "zrz") {
111 this.queryForm.sqywbm = this.sqywInfo.djywbm; 189 this.queryForm.sqywbm = this.sqywInfo.djywbm;
112 this.queryForm.fwfl = this.activeName; 190 this.queryForm.fwfl = this.activeName;
113 if (this.activeName == "zrz") {
114 selectZrz({ ...this.queryForm, ...this.pageData }).then((res) => { 191 selectZrz({ ...this.queryForm, ...this.pageData }).then((res) => {
115 if (res.code === 200) { 192 if (res.code === 200) {
116 this.tableData.total = res.result.total; 193 this.tableData.total = res.result.total;
...@@ -118,10 +195,13 @@ export default { ...@@ -118,10 +195,13 @@ export default {
118 } 195 }
119 }); 196 });
120 } else { 197 } else {
121 selectH({ ...this.queryForm, ...this.pageData }).then((res) => { 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);
122 if (res.code === 200) { 202 if (res.code === 200) {
123 this.tableData.total = res.result.total; 203 this.tableDataduo.total = res.result.total;
124 this.tableData.data = res.result.records; 204 this.tableDataduo.data = res.result.records;
125 } 205 }
126 }) 206 })
127 } 207 }
...@@ -139,10 +219,13 @@ export default { ...@@ -139,10 +219,13 @@ export default {
139 }) 219 })
140 } 220 }
141 }, 221 },
222 // 切换事件
142 handleTabClick () { 223 handleTabClick () {
224 this.bdcdysz = []
143 this.pageData.currentPage = 1; 225 this.pageData.currentPage = 1;
144 this.queryClick(); 226 this.queryClick();
145 }, 227 },
228 // 发起申请事件
146 submitForm () { 229 submitForm () {
147 if (this.bdcdysz.length == 0) { 230 if (this.bdcdysz.length == 0) {
148 this.$message.error("请至少选择一条数据"); 231 this.$message.error("请至少选择一条数据");
...@@ -186,12 +269,14 @@ export default { ...@@ -186,12 +269,14 @@ export default {
186 }) 269 })
187 } 270 }
188 }, 271 },
272 // 列表勾选事件
189 handleSelectionChange (val) { 273 handleSelectionChange (val) {
190 val.forEach((item, index) => { 274 val.forEach((item, index) => {
191 item.bsmSsql = item.zdbsm 275 item.bsmSsql = item.zdbsm
192 }) 276 })
193 this.bdcdysz = val 277 this.bdcdysz = val
194 }, 278 },
279 // 点击楼盘表
195 handleLpbClick (item) { 280 handleLpbClick (item) {
196 this.$popup('楼盘表', 'lpb/index', { 281 this.$popup('楼盘表', 'lpb/index', {
197 width: '85%', 282 width: '85%',
...@@ -204,9 +289,9 @@ export default { ...@@ -204,9 +289,9 @@ export default {
204 }) 289 })
205 } 290 }
206 } 291 }
207 } 292 }
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 }