123
Showing
4 changed files
with
229 additions
and
1 deletions
1 | <template> | ||
2 | <div> | ||
3 | <dialogBox title="查询权利信息" @submitForm="submitForm" saveButton="发起申请" width="85%" @closeDialog="closeDialog" | ||
4 | v-model="value"> | ||
5 | <div class="from-clues"> | ||
6 | <!-- 表单部分 --> | ||
7 | <div class="from-clues-header"> | ||
8 | <el-form :model="queryForm" ref="queryForm" label-width="100px"> | ||
9 | <el-row> | ||
10 | <el-col :span="5"> | ||
11 | <el-form-item label="权利类型"> | ||
12 | <el-select v-model="queryForm.qllx" filterable clearable placeholder="请选择权利类型"> | ||
13 | <el-option v-for="item in qllxs" :key="item.value" :label="item.label" :value="item.value"> | ||
14 | </el-option> | ||
15 | </el-select> | ||
16 | </el-form-item> | ||
17 | </el-col> | ||
18 | <el-col :span="6"> | ||
19 | <el-form-item label="不动产单元号"> | ||
20 | <el-input placeholder="请输入不动产单元号" v-model="queryForm.bdcdyh" clearable class="width200px"> | ||
21 | </el-input> | ||
22 | </el-form-item> | ||
23 | </el-col> | ||
24 | <el-col :span="5"> | ||
25 | <el-form-item label="业务号"> | ||
26 | <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width200px"> | ||
27 | </el-input> | ||
28 | </el-form-item> | ||
29 | </el-col> | ||
30 | <el-col :span="6"> | ||
31 | <el-form-item label="不动产权证号"> | ||
32 | <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width200px"> | ||
33 | </el-input> | ||
34 | </el-form-item> | ||
35 | </el-col> | ||
36 | <el-col :span="2" class="btnCol"> | ||
37 | <el-form-item> | ||
38 | <el-button type="primary" @click="queryClick()">查询</el-button> | ||
39 | </el-form-item> | ||
40 | </el-col> | ||
41 | </el-row> | ||
42 | </el-form> | ||
43 | </div> | ||
44 | <!-- 表格 --> | ||
45 | <div class="from-clues-content"> | ||
46 | <lb-table :page-size="pageData.pageSize" heightNumSetting :current-page.sync="pageData.currentPage" | ||
47 | :total="pageData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" | ||
48 | @selection-change="handleSelectionChange" | ||
49 | :column="tableData.columns" :data="tableData.data"> | ||
50 | </lb-table> | ||
51 | </div> | ||
52 | </div> | ||
53 | </dialogBox> | ||
54 | </div> | ||
55 | |||
56 | </template> | ||
57 | <script> | ||
58 | import { datas } from "./gyjsydsyqdata.js"; | ||
59 | import { getselectBdcdy } from "@/api/ywbl.js" | ||
60 | export default { | ||
61 | props: { | ||
62 | value: { type: Boolean, default: false }, | ||
63 | }, | ||
64 | data () { | ||
65 | return { | ||
66 | appliDialog: false, | ||
67 | queryForm: { | ||
68 | qllx: "", | ||
69 | bdcdyh: "", | ||
70 | ywh: "", | ||
71 | bdcqzh: "", | ||
72 | sqywbm:'A03100' | ||
73 | }, | ||
74 | qllxs: [], | ||
75 | pageData: { | ||
76 | pageSize: 10, | ||
77 | currentPage: 1, | ||
78 | total: 0, | ||
79 | }, | ||
80 | tableData: { | ||
81 | columns: datas.columns(), | ||
82 | data: [ | ||
83 | |||
84 | ] | ||
85 | } | ||
86 | } | ||
87 | }, | ||
88 | created(){ | ||
89 | this.list() | ||
90 | }, | ||
91 | methods: { | ||
92 | list(data){ | ||
93 | getselectBdcdy({ ...this.queryForm, ...this.pageData,...data }).then(res => { | ||
94 | if (res.code === 200) { | ||
95 | let { total, records } = res.result | ||
96 | this.pageData.total = total; | ||
97 | this.tableData.data = records | ||
98 | } | ||
99 | }) | ||
100 | }, | ||
101 | submitForm () { | ||
102 | this.$emit('input', false) | ||
103 | const { href } = this.$router.resolve('/fqsq') | ||
104 | window.open(href, '_blank'); | ||
105 | }, | ||
106 | closeDialog () { | ||
107 | this.$emit('input', false) | ||
108 | }, | ||
109 | handleSizeChange (val) { | ||
110 | this.list({ | ||
111 | pageSize: val, | ||
112 | currentPage: this.pageData.currentPage, | ||
113 | }); | ||
114 | }, | ||
115 | handleCurrentChange (val) { | ||
116 | this.list({ pageSize: this.pageData.pageSize, currentPage: val }); | ||
117 | }, | ||
118 | handleSelectionChange(val){ | ||
119 | |||
120 | }, | ||
121 | } | ||
122 | } | ||
123 | </script> | ||
124 | <style scoped lang="scss"> | ||
125 | @import "~@/styles/mixin.scss"; | ||
126 | |||
127 | .qtjfjmb-edit-title { | ||
128 | padding-bottom: 10px; | ||
129 | border-bottom: 1px solid $borderColor; | ||
130 | margin-bottom: 10px; | ||
131 | } | ||
132 | |||
133 | /deep/.el-input { | ||
134 | width: 187px; | ||
135 | } | ||
136 | |||
137 | ul { | ||
138 | @include flex; | ||
139 | border-radius: 5px; | ||
140 | overflow: hidden; | ||
141 | margin-bottom: 20px; | ||
142 | |||
143 | .active { | ||
144 | background: $light-blue; | ||
145 | color: #fff; | ||
146 | } | ||
147 | |||
148 | li { | ||
149 | flex: 1; | ||
150 | line-height: 36px; | ||
151 | @include flex-center; | ||
152 | border: 1px solid $borderColor; | ||
153 | margin-left: -1px; | ||
154 | cursor: pointer; | ||
155 | transition: all 0.3s; | ||
156 | |||
157 | &:hover { | ||
158 | @extend .active; | ||
159 | } | ||
160 | } | ||
161 | } | ||
162 | </style> |
1 | import filter from '@/utils/filter.js' | ||
2 | let vm = null | ||
3 | |||
4 | const sendThis = (_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 | }, | ||
17 | { | ||
18 | label: '序号', | ||
19 | type: 'index', | ||
20 | width: '50' | ||
21 | }, | ||
22 | { | ||
23 | prop: "status", | ||
24 | label: "状态", | ||
25 | }, | ||
26 | { | ||
27 | prop: "qllx", | ||
28 | label: "权利类型", | ||
29 | }, | ||
30 | { | ||
31 | prop: "zddm", | ||
32 | label: "宗地代码", | ||
33 | }, | ||
34 | { | ||
35 | prop: "bdcdyh", | ||
36 | label: "不动产单元号", | ||
37 | }, | ||
38 | { | ||
39 | prop: "qlxz", | ||
40 | label: "权利性质", | ||
41 | }, | ||
42 | { | ||
43 | prop: "zdmj", | ||
44 | label: "宗地面积", | ||
45 | }, | ||
46 | { | ||
47 | prop: "qlsdfs", | ||
48 | label: "权利设定方式", | ||
49 | }, | ||
50 | { | ||
51 | prop: "tdyt", | ||
52 | label: "土地用途", | ||
53 | }, | ||
54 | { | ||
55 | prop: "zl", | ||
56 | label: "坐落", | ||
57 | }, | ||
58 | ] | ||
59 | } | ||
60 | |||
61 | |||
62 | } | ||
63 | let datas = new data() | ||
64 | export { | ||
65 | datas, | ||
66 | } |
File mode changed
... | @@ -68,7 +68,7 @@ | ... | @@ -68,7 +68,7 @@ |
68 | </template> | 68 | </template> |
69 | <script> | 69 | <script> |
70 | import { getCollectBiz, getleftMenu, getNextNode } from "@/api/ywbl" | 70 | import { getCollectBiz, getleftMenu, getNextNode } from "@/api/ywbl" |
71 | import choiceDialog from "./components/selectql.vue" | 71 | import choiceDialog from "./components/gyjsydsyq/gyjsydsyq.vue" |
72 | export default { | 72 | export default { |
73 | data () { | 73 | data () { |
74 | return { | 74 | return { | ... | ... |
-
Please register or sign in to post a comment