12bdf135 by jiaozeping@pashanhoo.com

123

1 parent f968dc8e
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 }
...@@ -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 {
......