e2679cda by jiaozeping@pashanhoo.com

12

1 parent 12bdf135
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="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
48 @selection-change="handleSelectionChange" :column="tableData.columns" :data="tableData.data">
49 </lb-table>
50 </div>
51 </div>
52 </dialogBox>
53 </div>
54
55 </template>
56 <script>
57 import { datas, sendThis } from "./ywsqdata.js";
58 import table from "@/utils/mixin/table";
59 import { getselectBdcdy, startBusinessFlow } from "@/api/ywbl.js"
60 export default {
61 mixins: [table],
62 props: {
63 value: { type: Boolean, default: false },
64 bsmSqyw: { type: String, default: '' },
65 },
66 data () {
67 return {
68 appliDialog: false,
69 queryForm: {
70 qllx: "",
71 bdcdyh: "",
72 ywh: "",
73 bdcqzh: "",
74 sqywbm: 'A03100'
75 },
76 qllxs: [],
77 tableData: {
78 total: 0,
79 columns: datas.columns(),
80 data: []
81 },
82 bdcdyid: '',
83 bdcdyh: ''
84 }
85 },
86 watch: {
87 value (val) {
88 if (val) this.fetchData()
89 }
90 },
91 mounted () {
92 sendThis(this);
93 },
94 methods: {
95 fetchData () {
96 if (this.value) {
97 getselectBdcdy({ ...this.queryForm, ...this.pageData }).then(res => {
98 if (res.code === 200) {
99 let { total, records } = res.result
100 this.tableData.total = total;
101 this.tableData.data = records
102 }
103 })
104 }
105 },
106 submitForm () {
107 if (this.bdcdyid == '') {
108 this.$message.error('请至少选择一条数据');
109 return
110 }
111 startBusinessFlow({
112 bsmSqyw: this.bsmSqyw,
113 bdcdyid: this.bdcdyid,
114 bdcdyh: this.bdcdyh
115 }).then(res => {
116 this.$emit('input', false)
117 const { href } = this.$router.resolve('/fqsq?bsmSqyw=' + this.bsmSqyw)
118 window.open(href, '_blank');
119 })
120 },
121 closeDialog () {
122 this.$emit('input', false)
123 },
124 handleSelectionChange (val) {
125 this.bdcdyid = val.map(item => item.dyhbsm ? item.dyhbsm : '').join(',')
126 this.bdcdyh = val.map(item => item.bdcdyh ? item.bdcdyh : '').join(',')
127 }
128 }
129 }
130 </script>
131 <style scoped lang="scss">
132 @import "~@/styles/mixin.scss";
133
134 .qtjfjmb-edit-title {
135 padding-bottom: 10px;
136 border-bottom: 1px solid $borderColor;
137 margin-bottom: 10px;
138 }
139
140 /deep/.el-input {
141 width: 187px;
142 }
143
144 ul {
145 @include flex;
146 border-radius: 5px;
147 overflow: hidden;
148 margin-bottom: 20px;
149
150 .active {
151 background: $light-blue;
152 color: #fff;
153 }
154
155 li {
156 flex: 1;
157 line-height: 36px;
158 @include flex-center;
159 border: 1px solid $borderColor;
160 margin-left: -1px;
161 cursor: pointer;
162 transition: all 0.3s;
163
164 &:hover {
165 @extend .active;
166 }
167 }
168 }
169 </style>