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