修改文件内容
Showing
8 changed files
with
205 additions
and
302 deletions
| 1 | <template> | 1 | <template> |
| 2 | <dialogBox title="家庭房产查询" @closeDialog="closeDialog" width="70%" height="700" :isButton="false" v-model="myValue"> | 2 | <dialogBox title="家庭房产查询" @closeDialog="closeDialog" width="70%" :isButton="false" v-model="myValue"> |
| 3 | <div class="jtfccx-edit"> | 3 | <div class="jtfccx-edit"> |
| 4 | <div class="jtfccx-edit-con"> | 4 | <div class="jtfccx-edit-con"> |
| 5 | <b class="title">申请信息</b> | 5 | <b class="title">申请信息</b> |
| 6 | <el-form :model="ruleForm" label-width="120px"> | 6 | <el-form :model="form" label-width="120px"> |
| 7 | <el-row> | 7 | <el-row> |
| 8 | <el-col :span="8"> | 8 | <el-col :span="8"> |
| 9 | <el-form-item label="查询用途" label-width="90px"> | 9 | <el-form-item label="查询用途" label-width="90px"> |
| 10 | <el-input v-model="ruleForm.cxyt" class="width200px"></el-input> | 10 | <el-input v-model="form.djSqcxDO.cxyt" class="width200px"></el-input> |
| 11 | </el-form-item> | 11 | </el-form-item> |
| 12 | </el-col> | 12 | </el-col> |
| 13 | <el-col :span="16"> | 13 | <el-col :span="16"> |
| 14 | <el-form-item label="与产权人的关系"> | 14 | <el-form-item label="与产权人的关系"> |
| 15 | <el-radio-group v-model="ruleForm.ycyrgx"> | 15 | <el-radio-group v-model="form.djSqcxDO.ycyrgx"> |
| 16 | <el-radio :label="1">房屋权利人</el-radio> | 16 | <el-radio label="1">房屋权利人</el-radio> |
| 17 | <el-radio :label="2">产权利害关系人</el-radio> | 17 | <el-radio label="2">产权利害关系人</el-radio> |
| 18 | <el-radio :label="3">委托人</el-radio> | 18 | <el-radio label="3">委托人</el-radio> |
| 19 | </el-radio-group> | 19 | </el-radio-group> |
| 20 | </el-form-item> | 20 | </el-form-item> |
| 21 | </el-col> | 21 | </el-col> |
| 22 | </el-row> | 22 | </el-row> |
| 23 | </el-form> | 23 | </el-form> |
| 24 | <personInfoTable @getInfoList="handleGetSqList" :dataList="sqdataList" /> | 24 | <personInfoTable @getInfoList="handleGetSqList" :dataList="form.sqrList" /> |
| 25 | 25 | ||
| 26 | <b class="title">权利人</b> | 26 | <b class="title">权利人</b> |
| 27 | <personInfoTable @getInfoList="handleGetQlList" :dataList="qldataList" /> | 27 | <personInfoTable @getInfoList="handleGetQlList" :dataList="form.qlrList" /> |
| 28 | <div class="submit-button"> | 28 | <div v-show="isSearch"> |
| 29 | <el-button @click="resetClick">重置</el-button> | 29 | <b class="title">查询结果</b> |
| 30 | <el-button type="primary" @click="queryChick">查询</el-button> | 30 | <lb-table :column="cxjgColumns" :data="form.cxjgList" :maxHeight="200" heightNumSetting :pagination="false"> |
| 31 | </div> | ||
| 32 | <b class="title" v-show="isSearch">查询结果</b> | ||
| 33 | <lb-table :column="searchData.columns" v-if="isSearch" :data="searchData.data" :maxHeight="200" heightNumSetting | ||
| 34 | :pagination="false"> | ||
| 35 | </lb-table> | 31 | </lb-table> |
| 36 | </div> | 32 | </div> |
| 37 | 33 | </div> | |
| 38 | <div class="submit-button" v-show="isSearch" style="padding-bottom:20px"> | 34 | <el-divider></el-divider> |
| 39 | <el-button type="primary" v-if="searchData.data.length > 0">房产结果打印(1)</el-button> | 35 | <div class="submit-button" style="padding-bottom:50px"> |
| 40 | <el-button type="primary" v-else>无房证明打印(1)</el-button> | 36 | <el-button @click="resetClick">重置</el-button> |
| 37 | <el-button type="primary" v-show="isSearch==false" @click="queryChick">查询</el-button> | ||
| 38 | <el-button type="primary" v-show="isSearch&&form.dyjlList.length > 0">房产结果打印(1)</el-button> | ||
| 39 | <el-button type="primary" v-show="isSearch&&form.dyjlList.length == 0">无房证明打印(1)</el-button> | ||
| 41 | <el-button @click="closeDialog">关闭</el-button> | 40 | <el-button @click="closeDialog">关闭</el-button> |
| 42 | </div> | 41 | </div> |
| 43 | </div> | 42 | </div> |
| ... | @@ -45,113 +44,105 @@ | ... | @@ -45,113 +44,105 @@ |
| 45 | </template> | 44 | </template> |
| 46 | 45 | ||
| 47 | <script> | 46 | <script> |
| 48 | import personInfoTable from './personInfoTable' | 47 | import personInfoTable from "./personInfoTable"; |
| 49 | import { addJtfcCxjgXx } from '@/api/sqcx' | 48 | import { addJtfcCxjgXx } from "@/api/sqcx"; |
| 50 | import { datas, sendThis } from "./addjtfcdata"; | 49 | import { datas, sendThis } from "./addjtfcdata"; |
| 51 | 50 | ||
| 52 | export default { | 51 | export default { |
| 53 | components: { | 52 | components: { |
| 54 | personInfoTable | 53 | personInfoTable, |
| 55 | }, | 54 | }, |
| 56 | props: { | 55 | props: { |
| 57 | value: { type: Boolean, default: false }, | 56 | value: { type: Boolean, default: false }, |
| 58 | }, | 57 | }, |
| 59 | mounted () { | 58 | mounted() { |
| 60 | sendThis(this); | 59 | sendThis(this); |
| 60 | // this.form.sqrList=_.cloneDeep(this.newData); | ||
| 61 | // this.form.qlrList=_.cloneDeep(this.newData); | ||
| 61 | }, | 62 | }, |
| 62 | data () { | 63 | data() { |
| 63 | return { | 64 | return { |
| 64 | myValue: this.value, | 65 | myValue: this.value, |
| 65 | ruleForm: { | ||
| 66 | cxyt: '', | ||
| 67 | ycyrgx: 1, | ||
| 68 | cxlx: '1' //查询类型 1:房产查询 2:登记簿查询 | ||
| 69 | }, | ||
| 70 | isSearch: false, | 66 | isSearch: false, |
| 71 | dataList: [{ | 67 | newData: [ |
| 72 | sqrxm: '', | 68 | { |
| 73 | sqrzjlxbm: '', | 69 | sqrxm: "", |
| 74 | sqrzjhm: '', | 70 | sqrzjlxbm: "", |
| 75 | lxdh: '', | 71 | sqrzjhm: "", |
| 76 | inputErr: false | 72 | lxdh: "", |
| 77 | }], | 73 | inputErr: false, |
| 78 | sqdataList: [], | ||
| 79 | qldataList: [], | ||
| 80 | options: [{ | ||
| 81 | name: '1', | ||
| 82 | value: 1 | ||
| 83 | }], | ||
| 84 | |||
| 85 | searchData: { | ||
| 86 | columns: datas.columns(), | ||
| 87 | data: [], | ||
| 88 | }, | 74 | }, |
| 89 | 75 | ], | |
| 90 | addJtfc: { | 76 | cxjgColumns: datas.columns(), |
| 91 | djSqcxDO: {}, | 77 | form: { |
| 92 | sqrList: [], | 78 | djSqcxDO: { ycyrgx: "1", cxyt: "" }, |
| 93 | qlrList: [], | 79 | sqrList: this.newData, |
| 94 | } | 80 | qlrList: this.newData, |
| 95 | } | 81 | cxjgList: [], |
| 82 | dyjlList: [], | ||
| 83 | }, | ||
| 84 | }; | ||
| 96 | }, | 85 | }, |
| 97 | watch: { | 86 | watch: { |
| 98 | value (val) { | 87 | value(val) { |
| 99 | this.myValue = val | 88 | this.myValue = val; |
| 100 | this.qldataList = _.cloneDeep(this.dataList) | 89 | // this.qldataList = _.cloneDeep(this.dataList) |
| 101 | this.sqdataList = _.cloneDeep(this.dataList) | 90 | // this.sqdataList = _.cloneDeep(this.dataList) |
| 102 | this.addJtfc.sqrList = _.cloneDeep(this.dataList) | 91 | // this.addJtfc.sqrList = _.cloneDeep(this.dataList) |
| 103 | this.addJtfc.qlrList = _.cloneDeep(this.dataList) | 92 | // this.addJtfc.qlrList = _.cloneDeep(this.dataList) |
| 104 | }, | 93 | }, |
| 105 | 'ruleForm.ycyrgx' (val) { | 94 | "form.djSqcxDO.ycyrgx"(val) { |
| 106 | if (val != 1) { | 95 | if (val == "1") { |
| 107 | this.qldataList = _.cloneDeep(this.dataList) | 96 | this.$alert(this.form.sqrList); |
| 108 | this.addJtfc.qlrList = _.cloneDeep(this.dataList) | 97 | this.form.qlrList = this.form.sqrList; |
| 109 | } else { | 98 | } else { |
| 110 | this.qldataList = this.addJtfc.sqrList | 99 | this.form.qlrList = []; |
| 111 | this.addJtfc.qlrList = this.addJtfc.sqrList | 100 | this.form.qlrList.push(this.newData); |
| 112 | } | ||
| 113 | } | 101 | } |
| 114 | }, | 102 | }, |
| 103 | "form.djSqcxDO.ycyrgx": { | ||
| 104 | handler(newValue, oldName) {}, | ||
| 105 | }, | ||
| 106 | }, | ||
| 115 | methods: { | 107 | methods: { |
| 116 | closeDialog () { | 108 | closeDialog() { |
| 117 | this.$emit('input', false) | 109 | this.$emit("input", false); |
| 118 | }, | ||
| 119 | handleGetSqList (val) { | ||
| 120 | if (!_.isEqual(val, this.dataList) && this.ruleForm.ycyrgx == 1) { | ||
| 121 | this.qldataList = val | ||
| 122 | this.addJtfc.qlrList = val | ||
| 123 | } else | ||
| 124 | this.addJtfc.sqrList = val | ||
| 125 | }, | ||
| 126 | handleGetQlList (val) { | ||
| 127 | if (this.ruleForm.ycyrgx != 1) { | ||
| 128 | this.addJtfc.qlrList = val | ||
| 129 | } | ||
| 130 | }, | 110 | }, |
| 131 | queryChick () { | 111 | handleGetSqList(val) { |
| 132 | this.addJtfc.djSqcxDO = { ...this.ruleForm } | 112 | // if (!_.isEqual(val, this.dataList) && this.ruleForm.ycyrgx == 1) { |
| 133 | addJtfcCxjgXx(this.addJtfc).then(res => { | 113 | // this.qldataList = val |
| 134 | this.searchData.data = res.result; | 114 | // this.addJtfc.qlrList = val |
| 135 | this.isSearch = true | 115 | // } else |
| 136 | }) | 116 | // this.addJtfc.sqrList = val |
| 137 | }, | 117 | }, |
| 138 | resetClick () { | 118 | handleGetQlList(val) { |
| 139 | this.qldataList = _.cloneDeep(this.dataList) | 119 | // if (this.ruleForm.ycyrgx != 1) { |
| 140 | this.sqdataList = _.cloneDeep(this.dataList) | 120 | // this.addJtfc.qlrList = val |
| 121 | // } | ||
| 141 | }, | 122 | }, |
| 142 | handleRead (row) { }, | 123 | queryChick() { |
| 124 | addJtfcCxjgXx(this.form).then((res) => { | ||
| 125 | if (res.code == 200) { | ||
| 126 | this.$alert("ddd"); | ||
| 127 | } | ||
| 128 | // this.searchData.data = res.result; | ||
| 129 | // this.isSearch = true | ||
| 130 | }); | ||
| 131 | }, | ||
| 132 | resetClick() { | ||
| 133 | this.form.djSqcxDO = { ycyrgx: "1", cxyt: "" }; | ||
| 134 | this.form.sqrList = _.cloneDeep(this.dataList); | ||
| 135 | this.form.qlrList = _.cloneDeep(this.dataList); | ||
| 136 | }, | ||
| 137 | handleRead(row) {}, | ||
| 143 | 138 | ||
| 144 | //抵押 | 139 | //抵押 |
| 145 | dyClick () { | 140 | dyClick() {}, |
| 146 | |||
| 147 | }, | ||
| 148 | 141 | ||
| 149 | //查封 | 142 | //查封 |
| 150 | cfClick () { | 143 | cfClick() {}, |
| 151 | 144 | }, | |
| 152 | } | 145 | }; |
| 153 | } | ||
| 154 | } | ||
| 155 | </script> | 146 | </script> |
| 156 | <style scoped lang="scss"> | 147 | <style scoped lang="scss"> |
| 157 | @import "~@/styles/mixin.scss"; | 148 | @import "~@/styles/mixin.scss"; | ... | ... |
| ... | @@ -32,11 +32,11 @@ export default { | ... | @@ -32,11 +32,11 @@ export default { |
| 32 | { | 32 | { |
| 33 | width: '60', | 33 | width: '60', |
| 34 | renderHeader: (h, scope) => { | 34 | renderHeader: (h, scope) => { |
| 35 | return <i class="el-icon-plus pointer" onClick={() => { this.handleAdd() }} style="color:#409EFF"></i> | 35 | return <i class="el-icon-plus pointer" onClick={() => { this.add() }} style="color:#409EFF"></i> |
| 36 | }, | 36 | }, |
| 37 | render: (h, scope) => { | 37 | render: (h, scope) => { |
| 38 | return ( | 38 | return ( |
| 39 | <i class="el-icon-minus pointer" onClick={() => { this.handleMinus(scope.$index, scope.row) }}></i> | 39 | <i class="el-icon-minus pointer" onClick={() => { this.remove(scope.$index, scope.row) }}></i> |
| 40 | ) | 40 | ) |
| 41 | } | 41 | } |
| 42 | }, | 42 | }, |
| ... | @@ -113,27 +113,28 @@ export default { | ... | @@ -113,27 +113,28 @@ export default { |
| 113 | } | 113 | } |
| 114 | } | 114 | } |
| 115 | }, | 115 | }, |
| 116 | watch: { | 116 | // watch: { |
| 117 | 'tableData.data': { | 117 | // 'tableData.data': { |
| 118 | handler (newValue, oldName) { | 118 | // handler (newValue, oldName) { |
| 119 | if (newValue.length != 0) { | 119 | // if (newValue.length != 0) { |
| 120 | this.$emit('getInfoList', newValue) | 120 | // this.$alert(newValue); |
| 121 | } | 121 | // //this.$emit('getInfoList', newValue) |
| 122 | }, | 122 | // } |
| 123 | deep: true, | 123 | // }, |
| 124 | immediate: true | 124 | // deep: true, |
| 125 | }, | 125 | // immediate: true |
| 126 | dataList: { | 126 | // }, |
| 127 | handler (newValue, oldName) { | 127 | // dataList: { |
| 128 | this.tableData.data = _.cloneDeep(newValue) | 128 | // handler (newValue, oldName) { |
| 129 | console.log(this.tableData.data, 'this.tableData.datathis.tableData.data'); | 129 | // this.tableData.data = _.cloneDeep(newValue) |
| 130 | }, | 130 | // console.log(this.tableData.data, 'this.tableData.datathis.tableData.data'); |
| 131 | deep: true, | 131 | // }, |
| 132 | immediate: true | 132 | // deep: true, |
| 133 | }, | 133 | // immediate: true |
| 134 | }, | 134 | // }, |
| 135 | // }, | ||
| 135 | methods: { | 136 | methods: { |
| 136 | handleAdd () { | 137 | add () { |
| 137 | this.tableData.data.push({ | 138 | this.tableData.data.push({ |
| 138 | sqrxm: '', | 139 | sqrxm: '', |
| 139 | sqrzjlxbm: '', | 140 | sqrzjlxbm: '', |
| ... | @@ -142,7 +143,7 @@ export default { | ... | @@ -142,7 +143,7 @@ export default { |
| 142 | inputErr: false | 143 | inputErr: false |
| 143 | }) | 144 | }) |
| 144 | }, | 145 | }, |
| 145 | handleMinus (index, row) { | 146 | remove (index, row) { |
| 146 | this.tableData.data.splice(index, 1) | 147 | this.tableData.data.splice(index, 1) |
| 147 | }, | 148 | }, |
| 148 | teltest (row) { | 149 | teltest (row) { | ... | ... |
| ... | @@ -54,7 +54,7 @@ class data extends filter { | ... | @@ -54,7 +54,7 @@ class data extends filter { |
| 54 | render: (h, scope) => { | 54 | render: (h, scope) => { |
| 55 | switch (scope.row.ycyrgx) { | 55 | switch (scope.row.ycyrgx) { |
| 56 | case '1': | 56 | case '1': |
| 57 | return <div>权利人</div> | 57 | return <div>房屋权利人</div> |
| 58 | case '2': | 58 | case '2': |
| 59 | return <div>产权利害关系人</div> | 59 | return <div>产权利害关系人</div> |
| 60 | case '3': | 60 | case '3': | ... | ... |
| ... | @@ -7,52 +7,27 @@ | ... | @@ -7,52 +7,27 @@ |
| 7 | <el-row> | 7 | <el-row> |
| 8 | <el-col :span="5"> | 8 | <el-col :span="5"> |
| 9 | <el-form-item label="权利类型"> | 9 | <el-form-item label="权利类型"> |
| 10 | <el-select | 10 | <el-select v-model="queryForm.qllx" filterable clearable placeholder="请选择权利类型"> |
| 11 | v-model="queryForm.qllx" | 11 | <el-option v-for="item in qllxs" :key="item.value" :label="item.label" :value="item.value"> |
| 12 | filterable | ||
| 13 | clearable | ||
| 14 | placeholder="请选择权利类型" | ||
| 15 | > | ||
| 16 | <el-option | ||
| 17 | v-for="item in qllxs" | ||
| 18 | :key="item.value" | ||
| 19 | :label="item.label" | ||
| 20 | :value="item.value" | ||
| 21 | > | ||
| 22 | </el-option> | 12 | </el-option> |
| 23 | </el-select> | 13 | </el-select> |
| 24 | </el-form-item> | 14 | </el-form-item> |
| 25 | </el-col> | 15 | </el-col> |
| 26 | <el-col :span="6"> | 16 | <el-col :span="6"> |
| 27 | <el-form-item label="不动产单元号"> | 17 | <el-form-item label="不动产单元号"> |
| 28 | <el-input | 18 | <el-input placeholder="请输入不动产单元号" v-model="queryForm.bdcdyh" clearable class="width200px"> |
| 29 | placeholder="请输入不动产单元号" | ||
| 30 | v-model="queryForm.bdcdyh" | ||
| 31 | clearable | ||
| 32 | class="width200px" | ||
| 33 | > | ||
| 34 | </el-input> | 19 | </el-input> |
| 35 | </el-form-item> | 20 | </el-form-item> |
| 36 | </el-col> | 21 | </el-col> |
| 37 | <el-col :span="5"> | 22 | <el-col :span="5"> |
| 38 | <el-form-item label="业务号"> | 23 | <el-form-item label="业务号"> |
| 39 | <el-input | 24 | <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width200px"> |
| 40 | placeholder="请输入业务号" | ||
| 41 | v-model="queryForm.ywh" | ||
| 42 | clearable | ||
| 43 | class="width200px" | ||
| 44 | > | ||
| 45 | </el-input> | 25 | </el-input> |
| 46 | </el-form-item> | 26 | </el-form-item> |
| 47 | </el-col> | 27 | </el-col> |
| 48 | <el-col :span="6"> | 28 | <el-col :span="6"> |
| 49 | <el-form-item label="不动产权证号"> | 29 | <el-form-item label="不动产权证号"> |
| 50 | <el-input | 30 | <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width200px"> |
| 51 | placeholder="请输入不动产权证号" | ||
| 52 | v-model="queryForm.bdcqzh" | ||
| 53 | clearable | ||
| 54 | class="width200px" | ||
| 55 | > | ||
| 56 | </el-input> | 31 | </el-input> |
| 57 | </el-form-item> | 32 | </el-form-item> |
| 58 | </el-col> | 33 | </el-col> |
| ... | @@ -66,26 +41,15 @@ | ... | @@ -66,26 +41,15 @@ |
| 66 | </div> | 41 | </div> |
| 67 | <!-- 表格 --> | 42 | <!-- 表格 --> |
| 68 | <div class="from-clues-content"> | 43 | <div class="from-clues-content"> |
| 69 | <lb-table | 44 | <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :heightNum="400" |
| 70 | ref="table" | 45 | :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" |
| 71 | @row-click="handleRowClick" | 46 | @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns" |
| 72 | :page-size="pageData.pageSize" | 47 | :data="tableData.data"> |
| 73 | :heightNum="400" | ||
| 74 | :current-page.sync="pageData.currentPage" | ||
| 75 | :total="tableData.total" | ||
| 76 | @size-change="handleSizeChange" | ||
| 77 | @p-current-change="handleCurrentChange" | ||
| 78 | @selection-change="handleSelectionChange" | ||
| 79 | :column="tableData.columns" | ||
| 80 | :data="tableData.data" | ||
| 81 | > | ||
| 82 | </lb-table> | 48 | </lb-table> |
| 83 | </div> | 49 | </div> |
| 84 | <div class="submit_button"> | 50 | <div class="submit_button"> |
| 85 | <el-button @click="closeDialog">取消</el-button> | 51 | <el-button @click="closeDialog">取消</el-button> |
| 86 | <el-button type="primary" plain @click="submitFormClick()" | 52 | <el-button type="primary" plain @click="submitFormClick()">发起申请</el-button> |
| 87 | >发起申请</el-button | ||
| 88 | > | ||
| 89 | </div> | 53 | </div> |
| 90 | </div> | 54 | </div> |
| 91 | </template> | 55 | </template> |
| ... | @@ -143,8 +107,8 @@ export default { | ... | @@ -143,8 +107,8 @@ export default { |
| 143 | startBusinessFlow({ | 107 | startBusinessFlow({ |
| 144 | bsmSqyw: this.sqywInfo.parentid, | 108 | bsmSqyw: this.sqywInfo.parentid, |
| 145 | bdcdysz: this.bdcdysz, | 109 | bdcdysz: this.bdcdysz, |
| 146 | djqxbm: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodecode:"", | 110 | djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "", |
| 147 | djqxmc: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodename:"", | 111 | djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "", |
| 148 | }).then((res) => { | 112 | }).then((res) => { |
| 149 | if (res.code == 200) { | 113 | if (res.code == 200) { |
| 150 | this.$message({ | 114 | this.$message({ | ... | ... |
| ... | @@ -7,52 +7,27 @@ | ... | @@ -7,52 +7,27 @@ |
| 7 | <el-row> | 7 | <el-row> |
| 8 | <el-col :span="5"> | 8 | <el-col :span="5"> |
| 9 | <el-form-item label="权利类型"> | 9 | <el-form-item label="权利类型"> |
| 10 | <el-select | 10 | <el-select v-model="queryForm.qllx" filterable clearable placeholder="请选择权利类型"> |
| 11 | v-model="queryForm.qllx" | 11 | <el-option v-for="item in qllxData" :key="item.sxzdz" :label="item.sxzdmc" :value="item.sxzdz"> |
| 12 | filterable | ||
| 13 | clearable | ||
| 14 | placeholder="请选择权利类型" | ||
| 15 | > | ||
| 16 | <el-option | ||
| 17 | v-for="item in qllxData" | ||
| 18 | :key="item.sxzdz" | ||
| 19 | :label="item.sxzdmc" | ||
| 20 | :value="item.sxzdz" | ||
| 21 | > | ||
| 22 | </el-option> | 12 | </el-option> |
| 23 | </el-select> | 13 | </el-select> |
| 24 | </el-form-item> | 14 | </el-form-item> |
| 25 | </el-col> | 15 | </el-col> |
| 26 | <el-col :span="6"> | 16 | <el-col :span="6"> |
| 27 | <el-form-item label="不动产单元号"> | 17 | <el-form-item label="不动产单元号"> |
| 28 | <el-input | 18 | <el-input placeholder="请输入不动产单元号" v-model="queryForm.bdcdyh" clearable class="width200px"> |
| 29 | placeholder="请输入不动产单元号" | ||
| 30 | v-model="queryForm.bdcdyh" | ||
| 31 | clearable | ||
| 32 | class="width200px" | ||
| 33 | > | ||
| 34 | </el-input> | 19 | </el-input> |
| 35 | </el-form-item> | 20 | </el-form-item> |
| 36 | </el-col> | 21 | </el-col> |
| 37 | <el-col :span="5"> | 22 | <el-col :span="5"> |
| 38 | <el-form-item label="业务号"> | 23 | <el-form-item label="业务号"> |
| 39 | <el-input | 24 | <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width200px"> |
| 40 | placeholder="请输入业务号" | ||
| 41 | v-model="queryForm.ywh" | ||
| 42 | clearable | ||
| 43 | class="width200px" | ||
| 44 | > | ||
| 45 | </el-input> | 25 | </el-input> |
| 46 | </el-form-item> | 26 | </el-form-item> |
| 47 | </el-col> | 27 | </el-col> |
| 48 | <el-col :span="6"> | 28 | <el-col :span="6"> |
| 49 | <el-form-item label="不动产权证号"> | 29 | <el-form-item label="不动产权证号"> |
| 50 | <el-input | 30 | <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width200px"> |
| 51 | placeholder="请输入不动产权证号" | ||
| 52 | v-model="queryForm.bdcqzh" | ||
| 53 | clearable | ||
| 54 | class="width200px" | ||
| 55 | > | ||
| 56 | </el-input> | 31 | </el-input> |
| 57 | </el-form-item> | 32 | </el-form-item> |
| 58 | </el-col> | 33 | </el-col> |
| ... | @@ -66,19 +41,10 @@ | ... | @@ -66,19 +41,10 @@ |
| 66 | </div> | 41 | </div> |
| 67 | <!-- 表格 --> | 42 | <!-- 表格 --> |
| 68 | <div class="from-clues-content"> | 43 | <div class="from-clues-content"> |
| 69 | <lb-table | 44 | <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :heightNum="400" |
| 70 | ref="table" | 45 | :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" |
| 71 | @row-click="handleRowClick" | 46 | @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns" |
| 72 | :page-size="pageData.pageSize" | 47 | :data="tableData.data"> |
| 73 | :heightNum="400" | ||
| 74 | :current-page.sync="pageData.currentPage" | ||
| 75 | :total="tableData.total" | ||
| 76 | @size-change="handleSizeChange" | ||
| 77 | @p-current-change="handleCurrentChange" | ||
| 78 | @selection-change="handleSelectionChange" | ||
| 79 | :column="tableData.columns" | ||
| 80 | :data="tableData.data" | ||
| 81 | > | ||
| 82 | </lb-table> | 48 | </lb-table> |
| 83 | </div> | 49 | </div> |
| 84 | <div class="submit_button"> | 50 | <div class="submit_button"> |
| ... | @@ -155,8 +121,8 @@ export default { | ... | @@ -155,8 +121,8 @@ export default { |
| 155 | startBusinessFlow({ | 121 | startBusinessFlow({ |
| 156 | bsmSqyw: this.bsmSqyw, | 122 | bsmSqyw: this.bsmSqyw, |
| 157 | bdcdysz: this.bdcdysz, | 123 | bdcdysz: this.bdcdysz, |
| 158 | djqxbm: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodecode:"", | 124 | djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "", |
| 159 | djqxmc: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodename:"", | 125 | djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "", |
| 160 | }).then((res) => { | 126 | }).then((res) => { |
| 161 | if (res.code == 200) { | 127 | if (res.code == 200) { |
| 162 | this.$message({ | 128 | this.$message({ | ... | ... |
| ... | @@ -7,34 +7,19 @@ | ... | @@ -7,34 +7,19 @@ |
| 7 | <el-row> | 7 | <el-row> |
| 8 | <el-col :span="8"> | 8 | <el-col :span="8"> |
| 9 | <el-form-item label="不动产权证号"> | 9 | <el-form-item label="不动产权证号"> |
| 10 | <el-input | 10 | <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width200px"> |
| 11 | placeholder="请输入不动产权证号" | ||
| 12 | v-model="queryForm.bdcqzh" | ||
| 13 | clearable | ||
| 14 | class="width200px" | ||
| 15 | > | ||
| 16 | </el-input> | 11 | </el-input> |
| 17 | </el-form-item> | 12 | </el-form-item> |
| 18 | </el-col> | 13 | </el-col> |
| 19 | <el-col :span="8"> | 14 | <el-col :span="8"> |
| 20 | <el-form-item label="不动产单元号"> | 15 | <el-form-item label="不动产单元号"> |
| 21 | <el-input | 16 | <el-input placeholder="请输入不动产单元号" v-model="queryForm.bdcdyh" clearable class="width200px"> |
| 22 | placeholder="请输入不动产单元号" | ||
| 23 | v-model="queryForm.bdcdyh" | ||
| 24 | clearable | ||
| 25 | class="width200px" | ||
| 26 | > | ||
| 27 | </el-input> | 17 | </el-input> |
| 28 | </el-form-item> | 18 | </el-form-item> |
| 29 | </el-col> | 19 | </el-col> |
| 30 | <el-col :span="6"> | 20 | <el-col :span="6"> |
| 31 | <el-form-item label="坐落"> | 21 | <el-form-item label="坐落"> |
| 32 | <el-input | 22 | <el-input placeholder="" v-model="queryForm.zl" clearable class="width200px"> |
| 33 | placeholder="" | ||
| 34 | v-model="queryForm.zl" | ||
| 35 | clearable | ||
| 36 | class="width200px" | ||
| 37 | > | ||
| 38 | </el-input> | 23 | </el-input> |
| 39 | </el-form-item> | 24 | </el-form-item> |
| 40 | </el-col> | 25 | </el-col> |
| ... | @@ -48,19 +33,10 @@ | ... | @@ -48,19 +33,10 @@ |
| 48 | </div> | 33 | </div> |
| 49 | <!-- 表格 --> | 34 | <!-- 表格 --> |
| 50 | <div class="from-clues-content"> | 35 | <div class="from-clues-content"> |
| 51 | <lb-table | 36 | <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :heightNum="400" |
| 52 | ref="table" | 37 | :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" |
| 53 | @row-click="handleRowClick" | 38 | @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns" |
| 54 | :page-size="pageData.pageSize" | 39 | :data="tableData.data"> |
| 55 | :heightNum="400" | ||
| 56 | :current-page.sync="pageData.currentPage" | ||
| 57 | :total="tableData.total" | ||
| 58 | @size-change="handleSizeChange" | ||
| 59 | @p-current-change="handleCurrentChange" | ||
| 60 | @selection-change="handleSelectionChange" | ||
| 61 | :column="tableData.columns" | ||
| 62 | :data="tableData.data" | ||
| 63 | > | ||
| 64 | </lb-table> | 40 | </lb-table> |
| 65 | </div> | 41 | </div> |
| 66 | <div class="submit_button"> | 42 | <div class="submit_button"> |
| ... | @@ -122,19 +98,19 @@ export default { | ... | @@ -122,19 +98,19 @@ export default { |
| 122 | startBusinessFlow({ | 98 | startBusinessFlow({ |
| 123 | bsmSqyw: this.sqywInfo.bsmSqyw, | 99 | bsmSqyw: this.sqywInfo.bsmSqyw, |
| 124 | bdcdysz: this.bdcdysz, | 100 | bdcdysz: this.bdcdysz, |
| 125 | djqxbm: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodecode:"", | 101 | djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "", |
| 126 | djqxmc: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodename:"", | 102 | djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "", |
| 127 | }).then((res) => { | 103 | }).then((res) => { |
| 128 | if (res.code == 200) { | 104 | if (res.code == 200) { |
| 129 | this.$message({ | 105 | this.$message({ |
| 130 | showClose: true, | 106 | showClose: true, |
| 131 | message: '发起申请成功', | 107 | message: "发起申请成功", |
| 132 | type: 'success' | 108 | type: "success", |
| 133 | }) | 109 | }); |
| 134 | if (!this.isJump) { | 110 | if (!this.isJump) { |
| 135 | this.jump(res.result, this.sqywInfo.djywbm) | 111 | this.jump(res.result, this.sqywInfo.djywbm); |
| 136 | } else { | 112 | } else { |
| 137 | this.$emit('updateDialog', true) | 113 | this.$emit("updateDialog", true); |
| 138 | } | 114 | } |
| 139 | } else { | 115 | } else { |
| 140 | this.$message.error(res.message); | 116 | this.$message.error(res.message); | ... | ... |
| ... | @@ -65,7 +65,7 @@ export default { | ... | @@ -65,7 +65,7 @@ export default { |
| 65 | isJump: { type: Boolean, default: false }, | 65 | isJump: { type: Boolean, default: false }, |
| 66 | sqywInfo: { type: Object, default: () => {} }, | 66 | sqywInfo: { type: Object, default: () => {} }, |
| 67 | }, | 67 | }, |
| 68 | data () { | 68 | data() { |
| 69 | return { | 69 | return { |
| 70 | queryForm: defaultParameters.defaultParameters(), | 70 | queryForm: defaultParameters.defaultParameters(), |
| 71 | tableData: { | 71 | tableData: { |
| ... | @@ -76,19 +76,19 @@ export default { | ... | @@ -76,19 +76,19 @@ export default { |
| 76 | bdcdysz: [], | 76 | bdcdysz: [], |
| 77 | }; | 77 | }; |
| 78 | }, | 78 | }, |
| 79 | mounted () { | 79 | mounted() { |
| 80 | sendThis(this); | 80 | sendThis(this); |
| 81 | }, | 81 | }, |
| 82 | methods: { | 82 | methods: { |
| 83 | //点击行选中或取消复选框 | 83 | //点击行选中或取消复选框 |
| 84 | handleRowClick (row, column, event) { | 84 | handleRowClick(row, column, event) { |
| 85 | //通过ref绑定后这里使用$refs.table来操作bom元素 | 85 | //通过ref绑定后这里使用$refs.table来操作bom元素 |
| 86 | this.$refs.table.toggleRowSelection(row); | 86 | this.$refs.table.toggleRowSelection(row); |
| 87 | }, | 87 | }, |
| 88 | closeDialog () { | 88 | closeDialog() { |
| 89 | this.$emit("closeDialog"); | 89 | this.$emit("closeDialog"); |
| 90 | }, | 90 | }, |
| 91 | fetchData () { | 91 | fetchData() { |
| 92 | this.queryForm.sqywbm = this.sqywInfo.djywbm; | 92 | this.queryForm.sqywbm = this.sqywInfo.djywbm; |
| 93 | selectJsydQlxx({ ...this.queryForm, ...this.pageData }).then((res) => { | 93 | selectJsydQlxx({ ...this.queryForm, ...this.pageData }).then((res) => { |
| 94 | if (res.code === 200) { | 94 | if (res.code === 200) { |
| ... | @@ -96,9 +96,9 @@ export default { | ... | @@ -96,9 +96,9 @@ export default { |
| 96 | this.tableData.total = total; | 96 | this.tableData.total = total; |
| 97 | this.tableData.data = records; | 97 | this.tableData.data = records; |
| 98 | } | 98 | } |
| 99 | }) | 99 | }); |
| 100 | }, | 100 | }, |
| 101 | submitForm () { | 101 | submitForm() { |
| 102 | if (this.bdcdysz.length == 0) { | 102 | if (this.bdcdysz.length == 0) { |
| 103 | this.$message.error("请至少选择一条数据"); | 103 | this.$message.error("请至少选择一条数据"); |
| 104 | return; | 104 | return; |
| ... | @@ -106,40 +106,45 @@ export default { | ... | @@ -106,40 +106,45 @@ export default { |
| 106 | startBusinessFlow({ | 106 | startBusinessFlow({ |
| 107 | bsmSqyw: this.sqywInfo.parentid, | 107 | bsmSqyw: this.sqywInfo.parentid, |
| 108 | bdcdysz: this.bdcdysz, | 108 | bdcdysz: this.bdcdysz, |
| 109 | djqxbm: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodecode:"", | 109 | djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "", |
| 110 | djqxmc: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodename:"", | 110 | djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "", |
| 111 | }).then((res) => { | 111 | }).then((res) => { |
| 112 | if (res.code == 200) { | 112 | if (res.code == 200) { |
| 113 | this.$message({ | 113 | this.$message({ |
| 114 | showClose: true, | 114 | showClose: true, |
| 115 | message: '发起申请成功', | 115 | message: "发起申请成功", |
| 116 | type: 'success' | 116 | type: "success", |
| 117 | }) | 117 | }); |
| 118 | if (!this.isJump) { | 118 | if (!this.isJump) { |
| 119 | this.jump(res.result, this.sqywInfo.djywbm) | 119 | this.jump(res.result, this.sqywInfo.djywbm); |
| 120 | } else { | 120 | } else { |
| 121 | this.$emit('updateDialog', true) | 121 | this.$emit("updateDialog", true); |
| 122 | } | 122 | } |
| 123 | } else { | 123 | } else { |
| 124 | this.$message.error(res.message); | 124 | this.$message.error(res.message); |
| 125 | } | 125 | } |
| 126 | }) | 126 | }); |
| 127 | }, | 127 | }, |
| 128 | handleSelectionChange (val) { | 128 | handleSelectionChange(val) { |
| 129 | val.forEach((item, index) => { | 129 | val.forEach((item, index) => { |
| 130 | item.bsmSsql = item.bsmQlxx | 130 | item.bsmSsql = item.bsmQlxx; |
| 131 | item.ybdcqzsh = item.bdcqzh | 131 | item.ybdcqzsh = item.bdcqzh; |
| 132 | }) | 132 | }); |
| 133 | this.bdcdysz = val; | 133 | this.bdcdysz = val; |
| 134 | }, | 134 | }, |
| 135 | openBook (row) { | 135 | openBook(row) { |
| 136 | var param = { bdcdyid: row.bdcdyid, qllx: row.qllx, bdcdyh: row.bdcdyh, bsmQlxx: row.bsmQlxx }; | 136 | var param = { |
| 137 | this.$popup('登记簿详情', 'registerBook/djbFrame', { | 137 | bdcdyid: row.bdcdyid, |
| 138 | formData: param | 138 | qllx: row.qllx, |
| 139 | }) | 139 | bdcdyh: row.bdcdyh, |
| 140 | } | 140 | bsmQlxx: row.bsmQlxx, |
| 141 | } | 141 | }; |
| 142 | } | 142 | this.$popup("登记簿详情", "registerBook/djbFrame", { |
| 143 | formData: param, | ||
| 144 | }); | ||
| 145 | }, | ||
| 146 | }, | ||
| 147 | }; | ||
| 143 | </script> | 148 | </script> |
| 144 | <style scoped lang="scss"> | 149 | <style scoped lang="scss"> |
| 145 | @import "~@/styles/mixin.scss"; | 150 | @import "~@/styles/mixin.scss"; | ... | ... |
| ... | @@ -51,7 +51,7 @@ export default { | ... | @@ -51,7 +51,7 @@ export default { |
| 51 | isJump: { type: Boolean, default: false }, | 51 | isJump: { type: Boolean, default: false }, |
| 52 | sqywInfo: { type: Object, default: () => {} }, | 52 | sqywInfo: { type: Object, default: () => {} }, |
| 53 | }, | 53 | }, |
| 54 | data () { | 54 | data() { |
| 55 | return { | 55 | return { |
| 56 | queryForm: defaultParameters.defaultParameters(), | 56 | queryForm: defaultParameters.defaultParameters(), |
| 57 | tableData: { | 57 | tableData: { |
| ... | @@ -66,22 +66,22 @@ export default { | ... | @@ -66,22 +66,22 @@ export default { |
| 66 | : this.sqywInfo.parentid, | 66 | : this.sqywInfo.parentid, |
| 67 | }; | 67 | }; |
| 68 | }, | 68 | }, |
| 69 | mounted () { | 69 | mounted() { |
| 70 | sendThis(this); | 70 | sendThis(this); |
| 71 | }, | 71 | }, |
| 72 | methods: { | 72 | methods: { |
| 73 | //点击行选中或取消复选框 | 73 | //点击行选中或取消复选框 |
| 74 | handleRowClick (row, column, event) { | 74 | handleRowClick(row, column, event) { |
| 75 | //通过ref绑定后这里使用$refs.table来操作bom元素 | 75 | //通过ref绑定后这里使用$refs.table来操作bom元素 |
| 76 | this.$refs.table.toggleRowSelection(row); | 76 | this.$refs.table.toggleRowSelection(row); |
| 77 | }, | 77 | }, |
| 78 | closeDialog () { | 78 | closeDialog() { |
| 79 | this.$emit("closeDialog"); | 79 | this.$emit("closeDialog"); |
| 80 | }, | 80 | }, |
| 81 | queryClick () { | 81 | queryClick() { |
| 82 | this.fetchData() | 82 | this.fetchData(); |
| 83 | }, | 83 | }, |
| 84 | fetchData () { | 84 | fetchData() { |
| 85 | this.queryForm.sqywbm = this.sqywInfo.djywbm; | 85 | this.queryForm.sqywbm = this.sqywInfo.djywbm; |
| 86 | selectZdjbxx({ ...this.queryForm, ...this.pageData }).then((res) => { | 86 | selectZdjbxx({ ...this.queryForm, ...this.pageData }).then((res) => { |
| 87 | if (res.code === 200) { | 87 | if (res.code === 200) { |
| ... | @@ -91,7 +91,7 @@ export default { | ... | @@ -91,7 +91,7 @@ export default { |
| 91 | } | 91 | } |
| 92 | }); | 92 | }); |
| 93 | }, | 93 | }, |
| 94 | submitForm () { | 94 | submitForm() { |
| 95 | if (this.bdcdysz.length == 0) { | 95 | if (this.bdcdysz.length == 0) { |
| 96 | this.$alert("请至少选择一条数据"); | 96 | this.$alert("请至少选择一条数据"); |
| 97 | return; | 97 | return; |
| ... | @@ -99,30 +99,30 @@ export default { | ... | @@ -99,30 +99,30 @@ export default { |
| 99 | startBusinessFlow({ | 99 | startBusinessFlow({ |
| 100 | bsmSqyw: this.bsmSqyw, | 100 | bsmSqyw: this.bsmSqyw, |
| 101 | bdcdysz: this.bdcdysz, | 101 | bdcdysz: this.bdcdysz, |
| 102 | djqxbm: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodecode:"", | 102 | djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "", |
| 103 | djqxmc: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodename:"", | 103 | djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "", |
| 104 | }).then((res) => { | 104 | }).then((res) => { |
| 105 | if (res.code == 200) { | 105 | if (res.code == 200) { |
| 106 | this.$message({ | 106 | this.$message({ |
| 107 | showClose: true, | 107 | showClose: true, |
| 108 | message: '发起申请成功', | 108 | message: "发起申请成功", |
| 109 | type: 'success' | 109 | type: "success", |
| 110 | }) | 110 | }); |
| 111 | if (!this.isJump) { | 111 | if (!this.isJump) { |
| 112 | this.jump(res.result, this.djywbm) | 112 | this.jump(res.result, this.djywbm); |
| 113 | } else { | 113 | } else { |
| 114 | this.$emit('updateDialog', true) | 114 | this.$emit("updateDialog", true); |
| 115 | } | 115 | } |
| 116 | } else { | 116 | } else { |
| 117 | this.$alert(res.message); | 117 | this.$alert(res.message); |
| 118 | } | 118 | } |
| 119 | }) | 119 | }); |
| 120 | }, | 120 | }, |
| 121 | handleSelectionChange (val) { | 121 | handleSelectionChange(val) { |
| 122 | this.bdcdysz = val; | 122 | this.bdcdysz = val; |
| 123 | } | 123 | }, |
| 124 | } | 124 | }, |
| 125 | } | 125 | }; |
| 126 | </script> | 126 | </script> |
| 127 | <style scoped lang="scss"> | 127 | <style scoped lang="scss"> |
| 128 | @import "~@/styles/mixin.scss"; | 128 | @import "~@/styles/mixin.scss"; | ... | ... |
-
Please register or sign in to post a comment