123456
Showing
2 changed files
with
91 additions
and
56 deletions
... | @@ -14,15 +14,6 @@ | ... | @@ -14,15 +14,6 @@ |
14 | border: 1px solid #e8edf3; | 14 | border: 1px solid #e8edf3; |
15 | } | 15 | } |
16 | 16 | ||
17 | &-header { | ||
18 | .el-select { | ||
19 | width: 200px; | ||
20 | } | ||
21 | |||
22 | .el-input { | ||
23 | width: 200px; | ||
24 | } | ||
25 | } | ||
26 | 17 | ||
27 | &-content { | 18 | &-content { |
28 | width: 100%; | 19 | width: 100%; |
... | @@ -55,3 +46,7 @@ | ... | @@ -55,3 +46,7 @@ |
55 | .width200px { | 46 | .width200px { |
56 | width: 200px; | 47 | width: 200px; |
57 | } | 48 | } |
49 | |||
50 | .width300px { | ||
51 | width: 300px; | ||
52 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -2,31 +2,58 @@ | ... | @@ -2,31 +2,58 @@ |
2 | <div class="from-clues"> | 2 | <div class="from-clues"> |
3 | <!-- 表单部分 --> | 3 | <!-- 表单部分 --> |
4 | <div class="from-clues-header"> | 4 | <div class="from-clues-header"> |
5 | <el-form :model="queryForm" ref="queryForm" label-width="100px"> | 5 | <el-form :model="queryForm" ref="queryForm" label-width="120px"> |
6 | <el-row> | 6 | <el-row> |
7 | <el-col :span="5"> | 7 | <el-col :span="10"> |
8 | <el-form-item label="权利类型"> | 8 | <el-form-item label="权利类型"> |
9 | <el-select v-model="queryForm.qllx" filterable clearable placeholder="请选择权利类型"> | 9 | <el-select |
10 | <el-option v-for="item in qllxs" :key="item.value" :label="item.label" :value="item.value"> | 10 | v-model="queryForm.qllx" |
11 | filterable | ||
12 | clearable | ||
13 | placeholder="请选择权利类型" | ||
14 | > | ||
15 | <el-option | ||
16 | v-for="item in qllxs" | ||
17 | :key="item.value" | ||
18 | :label="item.label" | ||
19 | :value="item.value" | ||
20 | > | ||
11 | </el-option> | 21 | </el-option> |
12 | </el-select> | 22 | </el-select> |
13 | </el-form-item> | 23 | </el-form-item> |
14 | </el-col> | 24 | </el-col> |
15 | <el-col :span="6"> | 25 | <el-col :span="10"> |
16 | <el-form-item label="不动产单元号"> | 26 | <el-form-item label="不动产单元号"> |
17 | <el-input placeholder="请输入不动产单元号" v-model="queryForm.bdcdyh" clearable class="width200px"> | 27 | <el-input |
28 | placeholder="请输入不动产单元号" | ||
29 | v-model="queryForm.bdcdyh" | ||
30 | clearable | ||
31 | class="width300px" | ||
32 | > | ||
18 | </el-input> | 33 | </el-input> |
19 | </el-form-item> | 34 | </el-form-item> |
20 | </el-col> | 35 | </el-col> |
21 | <el-col :span="5"> | 36 | </el-row> |
37 | <el-row> | ||
38 | <el-col :span="10"> | ||
22 | <el-form-item label="业务号"> | 39 | <el-form-item label="业务号"> |
23 | <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width200px"> | 40 | <el-input |
41 | placeholder="请输入业务号" | ||
42 | v-model="queryForm.ywh" | ||
43 | clearable | ||
44 | class="width200px" | ||
45 | > | ||
24 | </el-input> | 46 | </el-input> |
25 | </el-form-item> | 47 | </el-form-item> |
26 | </el-col> | 48 | </el-col> |
27 | <el-col :span="6"> | 49 | <el-col :span="10"> |
28 | <el-form-item label="不动产权证号"> | 50 | <el-form-item label="不动产权证号"> |
29 | <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width200px"> | 51 | <el-input |
52 | placeholder="请输入不动产权证号" | ||
53 | v-model="queryForm.bdcqzh" | ||
54 | clearable | ||
55 | class="width300px" | ||
56 | > | ||
30 | </el-input> | 57 | </el-input> |
31 | </el-form-item> | 58 | </el-form-item> |
32 | </el-col> | 59 | </el-col> |
... | @@ -40,14 +67,24 @@ | ... | @@ -40,14 +67,24 @@ |
40 | </div> | 67 | </div> |
41 | <!-- 表格 --> | 68 | <!-- 表格 --> |
42 | <div class="from-clues-content"> | 69 | <div class="from-clues-content"> |
43 | <lb-table :page-size="pageData.pageSize" :heightNum="400" :current-page.sync="pageData.currentPage" | 70 | <lb-table |
44 | :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" | 71 | :page-size="pageData.pageSize" |
45 | @selection-change="handleSelectionChange" :column="tableData.columns" :data="tableData.data"> | 72 | :heightNum="400" |
73 | :current-page.sync="pageData.currentPage" | ||
74 | :total="tableData.total" | ||
75 | @size-change="handleSizeChange" | ||
76 | @p-current-change="handleCurrentChange" | ||
77 | @selection-change="handleSelectionChange" | ||
78 | :column="tableData.columns" | ||
79 | :data="tableData.data" | ||
80 | > | ||
46 | </lb-table> | 81 | </lb-table> |
47 | </div> | 82 | </div> |
48 | <div class="submit_button"> | 83 | <div class="submit_button"> |
49 | <el-button @click="closeDialog">取消</el-button> | 84 | <el-button @click="closeDialog">取消</el-button> |
50 | <el-button type="primary" plain @click="submitForm" :loading="saveloding">发起申请</el-button> | 85 | <el-button type="primary" plain @click="submitForm" :loading="saveloding" |
86 | >发起申请</el-button | ||
87 | > | ||
51 | </div> | 88 | </div> |
52 | </div> | 89 | </div> |
53 | </template> | 90 | </template> |
... | @@ -58,11 +95,11 @@ import table from "@/utils/mixin/table"; | ... | @@ -58,11 +95,11 @@ import table from "@/utils/mixin/table"; |
58 | import { selectBdcdy, startBusinessFlow } from "@/api/ywbl.js"; | 95 | import { selectBdcdy, startBusinessFlow } from "@/api/ywbl.js"; |
59 | export default { | 96 | export default { |
60 | props: { | 97 | props: { |
61 | bsmSqyw: { type: String, default: '' }, | 98 | bsmSqyw: { type: String, default: "" }, |
62 | djqxObj:{type: Object, default: ''} | 99 | djqxObj: { type: Object, default: "" }, |
63 | }, | 100 | }, |
64 | mixins: [table], | 101 | mixins: [table], |
65 | data () { | 102 | data() { |
66 | return { | 103 | return { |
67 | queryForm: { | 104 | queryForm: { |
68 | qllx: "", | 105 | qllx: "", |
... | @@ -78,62 +115,65 @@ export default { | ... | @@ -78,62 +115,65 @@ export default { |
78 | data: [], | 115 | data: [], |
79 | }, | 116 | }, |
80 | bdcdysz: [], | 117 | bdcdysz: [], |
81 | saveloding: false | 118 | saveloding: false, |
82 | }; | 119 | }; |
83 | }, | 120 | }, |
84 | watch: { | 121 | watch: { |
85 | bsmSqyw (val) { | 122 | bsmSqyw(val) { |
86 | this.fetchData() | 123 | this.fetchData(); |
87 | }, | 124 | }, |
88 | }, | 125 | }, |
89 | mounted () { | 126 | mounted() { |
90 | sendThis(this); | 127 | sendThis(this); |
91 | }, | 128 | }, |
92 | methods: { | 129 | methods: { |
93 | closeDialog () { | 130 | closeDialog() { |
94 | this.$emit("closeDialog") | 131 | this.$emit("closeDialog"); |
95 | }, | 132 | }, |
96 | fetchData () { | 133 | fetchData() { |
97 | if (this.bsmSqyw) { | 134 | if (this.bsmSqyw) { |
98 | selectBdcdy({ ...this.queryForm, ...this.pageData }) | 135 | selectBdcdy({ ...this.queryForm, ...this.pageData }).then((res) => { |
99 | .then((res) => { | ||
100 | if (res.code === 200) { | 136 | if (res.code === 200) { |
101 | let { total, records } = res.result; | 137 | let { total, records } = res.result; |
102 | this.tableData.total = total; | 138 | this.tableData.total = total; |
103 | this.tableData.data = records; | 139 | this.tableData.data = records; |
104 | } | 140 | } |
105 | }) | 141 | }); |
106 | } | 142 | } |
107 | }, | 143 | }, |
108 | submitForm () { | 144 | submitForm() { |
109 | if (this.bdcdysz.length == 0) { | 145 | if (this.bdcdysz.length == 0) { |
110 | this.$message.error('请至少选择一条数据'); | 146 | this.$message.error("请至少选择一条数据"); |
111 | return | 147 | return; |
112 | } | 148 | } |
113 | this.saveloding = true | 149 | this.saveloding = true; |
114 | startBusinessFlow({ | 150 | startBusinessFlow({ |
115 | bsmSqyw: this.bsmSqyw, | 151 | bsmSqyw: this.bsmSqyw, |
116 | bdcdysz: this.bdcdysz, | 152 | bdcdysz: this.bdcdysz, |
117 | djqxbm:this.djqxObj.djqxbm, | 153 | djqxbm: this.djqxObj.djqxbm, |
118 | djqxmc:this.djqxObj.djqxmc, | 154 | djqxmc: this.djqxObj.djqxmc, |
119 | }).then(res => { | 155 | }).then((res) => { |
120 | this.saveloding = false | 156 | this.saveloding = false; |
121 | if(res.code==200){ | 157 | if (res.code == 200) { |
122 | this.$emit("closeDialog") | 158 | this.$emit("closeDialog"); |
123 | const { href } = this.$router.resolve('/fqsq?bsmSlsq=' + res.result.bsmSlsq + '&bestepid=' + res.result.bestepid) | 159 | const { href } = this.$router.resolve( |
124 | window.open(href, '_blank'); | 160 | "/fqsq?bsmSlsq=" + |
125 | }else{ | 161 | res.result.bsmSlsq + |
126 | this.$message.error(res.message) | 162 | "&bestepid=" + |
163 | res.result.bestepid | ||
164 | ); | ||
165 | window.open(href, "_blank"); | ||
166 | } else { | ||
167 | this.$message.error(res.message); | ||
127 | } | 168 | } |
128 | 169 | }); | |
129 | }) | ||
130 | }, | 170 | }, |
131 | handleSelectionChange (val) { | 171 | handleSelectionChange(val) { |
132 | this.bdcdysz = val | 172 | this.bdcdysz = val; |
133 | }, | 173 | }, |
134 | queryClick(){ | 174 | queryClick() { |
135 | this.fetchData(); | 175 | this.fetchData(); |
136 | } | 176 | }, |
137 | }, | 177 | }, |
138 | }; | 178 | }; |
139 | </script> | 179 | </script> | ... | ... |
-
Please register or sign in to post a comment