123
Showing
2 changed files
with
89 additions
and
82 deletions
... | @@ -31,7 +31,7 @@ export function getNextNode (bsmSqyw) { | ... | @@ -31,7 +31,7 @@ export function getNextNode (bsmSqyw) { |
31 | /* | 31 | /* |
32 | 业务办理-选择单元-根据条件进行列表查询 | 32 | 业务办理-选择单元-根据条件进行列表查询 |
33 | */ | 33 | */ |
34 | export function getselectBdcdy (data) { | 34 | export function selectBdcdy (data) { |
35 | return request({ | 35 | return request({ |
36 | url: '/ywbl/ywsq/selectBdcdy', | 36 | url: '/ywbl/ywsq/selectBdcdy', |
37 | method: 'post', | 37 | method: 'post', | ... | ... |
1 | <template> | 1 | <template> |
2 | <div> | 2 | <div> |
3 | <dialogBox title="查询权利信息" @submitForm="submitForm" saveButton="发起申请" width="85%" @closeDialog="closeDialog" | 3 | <dialogBox |
4 | v-model="value"> | 4 | title="查询权利信息" |
5 | @submitForm="submitForm" | ||
6 | saveButton="发起申请" | ||
7 | width="85%" | ||
8 | @closeDialog="closeDialog" | ||
9 | v-model="value" | ||
10 | > | ||
5 | <div class="from-clues"> | 11 | <div class="from-clues"> |
6 | <!-- 表单部分 --> | 12 | <!-- 表单部分 --> |
7 | <div class="from-clues-header"> | 13 | <div class="from-clues-header"> |
... | @@ -9,33 +15,60 @@ | ... | @@ -9,33 +15,60 @@ |
9 | <el-row> | 15 | <el-row> |
10 | <el-col :span="5"> | 16 | <el-col :span="5"> |
11 | <el-form-item label="权利类型"> | 17 | <el-form-item label="权利类型"> |
12 | <el-select v-model="queryForm.qllx" filterable clearable placeholder="请选择权利类型"> | 18 | <el-select |
13 | <el-option v-for="item in qllxs" :key="item.value" :label="item.label" :value="item.value"> | 19 | v-model="queryForm.qllx" |
20 | filterable | ||
21 | clearable | ||
22 | placeholder="请选择权利类型" | ||
23 | > | ||
24 | <el-option | ||
25 | v-for="item in qllxs" | ||
26 | :key="item.value" | ||
27 | :label="item.label" | ||
28 | :value="item.value" | ||
29 | > | ||
14 | </el-option> | 30 | </el-option> |
15 | </el-select> | 31 | </el-select> |
16 | </el-form-item> | 32 | </el-form-item> |
17 | </el-col> | 33 | </el-col> |
18 | <el-col :span="6"> | 34 | <el-col :span="6"> |
19 | <el-form-item label="不动产单元号"> | 35 | <el-form-item label="不动产单元号"> |
20 | <el-input placeholder="请输入不动产单元号" v-model="queryForm.bdcdyh" clearable class="width200px"> | 36 | <el-input |
37 | placeholder="请输入不动产单元号" | ||
38 | v-model="queryForm.bdcdyh" | ||
39 | clearable | ||
40 | class="width200px" | ||
41 | > | ||
21 | </el-input> | 42 | </el-input> |
22 | </el-form-item> | 43 | </el-form-item> |
23 | </el-col> | 44 | </el-col> |
24 | <el-col :span="5"> | 45 | <el-col :span="5"> |
25 | <el-form-item label="业务号"> | 46 | <el-form-item label="业务号"> |
26 | <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width200px"> | 47 | <el-input |
48 | placeholder="请输入业务号" | ||
49 | v-model="queryForm.ywh" | ||
50 | clearable | ||
51 | class="width200px" | ||
52 | > | ||
27 | </el-input> | 53 | </el-input> |
28 | </el-form-item> | 54 | </el-form-item> |
29 | </el-col> | 55 | </el-col> |
30 | <el-col :span="6"> | 56 | <el-col :span="6"> |
31 | <el-form-item label="不动产权证号"> | 57 | <el-form-item label="不动产权证号"> |
32 | <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width200px"> | 58 | <el-input |
59 | placeholder="请输入不动产权证号" | ||
60 | v-model="queryForm.bdcqzh" | ||
61 | clearable | ||
62 | class="width200px" | ||
63 | > | ||
33 | </el-input> | 64 | </el-input> |
34 | </el-form-item> | 65 | </el-form-item> |
35 | </el-col> | 66 | </el-col> |
36 | <el-col :span="2" class="btnCol"> | 67 | <el-col :span="2" class="btnCol"> |
37 | <el-form-item> | 68 | <el-form-item> |
38 | <el-button type="primary" @click="queryClick()">查询</el-button> | 69 | <el-button type="primary" @click="queryClick()" |
70 | >查询</el-button | ||
71 | > | ||
39 | </el-form-item> | 72 | </el-form-item> |
40 | </el-col> | 73 | </el-col> |
41 | </el-row> | 74 | </el-row> |
... | @@ -43,25 +76,31 @@ | ... | @@ -43,25 +76,31 @@ |
43 | </div> | 76 | </div> |
44 | <!-- 表格 --> | 77 | <!-- 表格 --> |
45 | <div class="from-clues-content"> | 78 | <div class="from-clues-content"> |
46 | <lb-table :page-size="pageData.pageSize" heightNumSetting :current-page.sync="pageData.currentPage" | 79 | <lb-table |
47 | :total="pageData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" | 80 | :page-size="pageData.pageSize" |
81 | heightNumSetting | ||
82 | :current-page.sync="pageData.currentPage" | ||
83 | :total="pageData.total" | ||
84 | @size-change="handleSizeChange" | ||
85 | @p-current-change="handleCurrentChange" | ||
48 | @selection-change="handleSelectionChange" | 86 | @selection-change="handleSelectionChange" |
49 | :column="tableData.columns" :data="tableData.data"> | 87 | :column="tableData.columns" |
88 | :data="tableData.data" | ||
89 | > | ||
50 | </lb-table> | 90 | </lb-table> |
51 | </div> | 91 | </div> |
52 | </div> | 92 | </div> |
53 | </dialogBox> | 93 | </dialogBox> |
54 | </div> | 94 | </div> |
55 | |||
56 | </template> | 95 | </template> |
57 | <script> | 96 | <script> |
58 | import { datas } from "./gyjsydsyqdata.js"; | 97 | import { datas } from "./gyjsydsyqdata.js"; |
59 | import { getselectBdcdy } from "@/api/ywbl.js" | 98 | import { selectBdcdy } from "@/api/ywbl.js"; |
60 | export default { | 99 | export default { |
61 | props: { | 100 | props: { |
62 | value: { type: Boolean, default: false }, | 101 | value: { type: Boolean, default: false }, |
63 | }, | 102 | }, |
64 | data () { | 103 | data() { |
65 | return { | 104 | return { |
66 | appliDialog: false, | 105 | appliDialog: false, |
67 | queryForm: { | 106 | queryForm: { |
... | @@ -69,7 +108,7 @@ export default { | ... | @@ -69,7 +108,7 @@ export default { |
69 | bdcdyh: "", | 108 | bdcdyh: "", |
70 | ywh: "", | 109 | ywh: "", |
71 | bdcqzh: "", | 110 | bdcqzh: "", |
72 | sqywbm:'A03100' | 111 | sqywbm: "A03100", |
73 | }, | 112 | }, |
74 | qllxs: [], | 113 | qllxs: [], |
75 | pageData: { | 114 | pageData: { |
... | @@ -79,84 +118,52 @@ export default { | ... | @@ -79,84 +118,52 @@ export default { |
79 | }, | 118 | }, |
80 | tableData: { | 119 | tableData: { |
81 | columns: datas.columns(), | 120 | columns: datas.columns(), |
82 | data: [ | 121 | data: [], |
83 | 122 | }, | |
84 | ] | 123 | }; |
85 | } | ||
86 | } | ||
87 | }, | 124 | }, |
88 | created(){ | 125 | created() { |
89 | this.list() | 126 | this.init(); |
90 | }, | 127 | }, |
91 | methods: { | 128 | methods: { |
92 | list(data){ | 129 | init(data) { |
93 | getselectBdcdy({ ...this.queryForm, ...this.pageData,...data }).then(res => { | 130 | selectBdcdy({ ...this.queryForm, ...this.pageData, ...data }) |
94 | if (res.code === 200) { | 131 | .then((res) => { |
95 | let { total, records } = res.result | 132 | if (res.code === 200) { |
96 | this.pageData.total = total; | 133 | let { total, records } = res.result; |
97 | this.tableData.data = records | 134 | this.pageData.total = total; |
98 | } | 135 | this.tableData.data = records; |
99 | }) | 136 | } |
137 | }) | ||
138 | .catch(() => {}); | ||
100 | }, | 139 | }, |
101 | submitForm () { | 140 | |
102 | this.$emit('input', false) | 141 | submitForm() { |
103 | const { href } = this.$router.resolve('/fqsq') | 142 | this.$emit("input", false); |
104 | window.open(href, '_blank'); | 143 | const { href } = this.$router.resolve("/fqsq"); |
144 | window.open(href, "_blank"); | ||
105 | }, | 145 | }, |
106 | closeDialog () { | 146 | |
107 | this.$emit('input', false) | 147 | closeDialog() { |
148 | this.$emit("input", false); | ||
108 | }, | 149 | }, |
109 | handleSizeChange (val) { | 150 | |
151 | handleSizeChange(val) { | ||
110 | this.list({ | 152 | this.list({ |
111 | pageSize: val, | 153 | pageSize: val, |
112 | currentPage: this.pageData.currentPage, | 154 | currentPage: this.pageData.currentPage, |
113 | }); | 155 | }); |
114 | }, | 156 | }, |
115 | handleCurrentChange (val) { | 157 | |
158 | handleCurrentChange(val) { | ||
116 | this.list({ pageSize: this.pageData.pageSize, currentPage: val }); | 159 | this.list({ pageSize: this.pageData.pageSize, currentPage: val }); |
117 | }, | 160 | }, |
118 | handleSelectionChange(val){ | 161 | |
119 | 162 | handleSelectionChange(val) {}, | |
120 | }, | 163 | }, |
121 | } | 164 | }; |
122 | } | ||
123 | </script> | 165 | </script> |
124 | <style scoped lang="scss"> | 166 | <style scoped lang="scss"> |
125 | @import "~@/styles/mixin.scss"; | 167 | @import "~@/styles/mixin.scss"; |
126 | 168 | @import "~@/styles/public.scss"; | |
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> | 169 | </style> | ... | ... |
-
Please register or sign in to post a comment