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