修改申请查询页面及脚本
Showing
9 changed files
with
4 additions
and
261 deletions
| 1 | <template> | ||
| 2 | <div class="from-clues" id="bdcql"> | ||
| 3 | <!-- 表单部分 --> | ||
| 4 | <div class="from-clues-header"> | ||
| 5 | <el-form :model="queryForm" ref="queryForm" label-width="100px"> | ||
| 6 | <el-row> | ||
| 7 | <el-col :span="5"> | ||
| 8 | <el-form-item label="权利类型"> | ||
| 9 | <el-select v-model="queryForm.qllx" filterable clearable placeholder="请选择权利类型"> | ||
| 10 | <el-option v-for="item in qllxs" :key="item.value" :label="item.label" :value="item.value"> | ||
| 11 | </el-option> | ||
| 12 | </el-select> | ||
| 13 | </el-form-item> | ||
| 14 | </el-col> | ||
| 15 | <el-col :span="6"> | ||
| 16 | <el-form-item label="不动产单元号"> | ||
| 17 | <el-input placeholder="请输入不动产单元号" v-model="queryForm.bdcdyh" clearable class="width200px"> | ||
| 18 | </el-input> | ||
| 19 | </el-form-item> | ||
| 20 | </el-col> | ||
| 21 | <el-col :span="5"> | ||
| 22 | <el-form-item label="业务号"> | ||
| 23 | <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width200px"> | ||
| 24 | </el-input> | ||
| 25 | </el-form-item> | ||
| 26 | </el-col> | ||
| 27 | <el-col :span="6"> | ||
| 28 | <el-form-item label="不动产权证号"> | ||
| 29 | <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width200px"> | ||
| 30 | </el-input> | ||
| 31 | </el-form-item> | ||
| 32 | </el-col> | ||
| 33 | <el-col :span="2" class="btnColRight"> | ||
| 34 | <el-form-item> | ||
| 35 | <el-button type="primary" @click="fetchData">查询</el-button> | ||
| 36 | </el-form-item> | ||
| 37 | </el-col> | ||
| 38 | </el-row> | ||
| 39 | </el-form> | ||
| 40 | </div> | ||
| 41 | <!-- 表格 --> | ||
| 42 | <div class="from-clues-content"> | ||
| 43 | <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :heightNum="400" | ||
| 44 | :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" | ||
| 45 | @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns" | ||
| 46 | :data="tableData.data"> | ||
| 47 | </lb-table> | ||
| 48 | </div> | ||
| 49 | <div class="submit_button"> | ||
| 50 | <el-button @click="closeDialog">取消</el-button> | ||
| 51 | <el-button type="primary" plain @click="submitForm">发起申请</el-button> | ||
| 52 | </div> | ||
| 53 | </div> | ||
| 54 | </template> | ||
| 55 | <script> | ||
| 56 | //查封登记 | ||
| 57 | import { datas, sendThis } from "../javascript/bdcql.js"; | ||
| 58 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; | ||
| 59 | import table from "@/utils/mixin/table"; | ||
| 60 | import jump from "../components/mixin/jump"; | ||
| 61 | import { selectQlxx, startBusinessFlow, choiceBdcdy } from "@/api/ywbl.js"; | ||
| 62 | export default { | ||
| 63 | mixins: [table, jump], | ||
| 64 | props: { | ||
| 65 | isJump: { type: Boolean, default: false }, | ||
| 66 | djywbm: { type: String, default: '' }, | ||
| 67 | djqxObj: { | ||
| 68 | type: Object, | ||
| 69 | default: {} | ||
| 70 | }, | ||
| 71 | bsmSqyw: { type: String, default: '' }, | ||
| 72 | }, | ||
| 73 | data () { | ||
| 74 | return { | ||
| 75 | queryForm: defaultParameters.defaultParameters(), | ||
| 76 | qllxs: [], | ||
| 77 | tableData: { | ||
| 78 | total: 0, | ||
| 79 | columns: datas.columns(), | ||
| 80 | data: [], | ||
| 81 | }, | ||
| 82 | bdcdysz: [], | ||
| 83 | saveloding: false | ||
| 84 | }; | ||
| 85 | }, | ||
| 86 | mounted () { | ||
| 87 | sendThis(this) | ||
| 88 | }, | ||
| 89 | methods: { | ||
| 90 | //点击行选中或取消复选框 | ||
| 91 | handleRowClick (row, column, event) { | ||
| 92 | //通过ref绑定后这里使用$refs.table来操作bom元素 | ||
| 93 | this.$refs.table.toggleRowSelection(row); | ||
| 94 | }, | ||
| 95 | closeDialog () { | ||
| 96 | this.$emit("closeDialog") | ||
| 97 | }, | ||
| 98 | fetchData () { | ||
| 99 | this.queryForm.sqywbm = this.djywbm; | ||
| 100 | selectQlxx({ ...this.queryForm, ...this.pageData }) | ||
| 101 | .then((res) => { | ||
| 102 | if (res.code === 200) { | ||
| 103 | let { total, records } = res.result; | ||
| 104 | this.tableData.total = total; | ||
| 105 | this.tableData.data = records; | ||
| 106 | } | ||
| 107 | }) | ||
| 108 | }, | ||
| 109 | submitForm () { | ||
| 110 | if (this.bdcdysz.length == 0) { | ||
| 111 | this.$message.error("请至少选择一条数据"); | ||
| 112 | return; | ||
| 113 | } | ||
| 114 | if (!this.isJump) { | ||
| 115 | startBusinessFlow({ | ||
| 116 | bsmSqyw: this.bsmSqyw, | ||
| 117 | bdcdysz: this.bdcdysz, | ||
| 118 | djqxbm: this.djqxObj?.djqxbm, | ||
| 119 | djqxmc: this.djqxObj?.djqxmc | ||
| 120 | }).then((res) => { | ||
| 121 | if (res.code == 200) { | ||
| 122 | this.$message({ | ||
| 123 | showClose: true, | ||
| 124 | message: '发起申请成功', | ||
| 125 | type: 'success' | ||
| 126 | }) | ||
| 127 | this.jump(res.result, this.djywbm) | ||
| 128 | } else { | ||
| 129 | this.$message.error(res.message) | ||
| 130 | } | ||
| 131 | }) | ||
| 132 | } else { | ||
| 133 | choiceBdcdy({ | ||
| 134 | bsmSlsq: this.$route.query.bsmSlsq, | ||
| 135 | bdcdysz: this.bdcdysz | ||
| 136 | }).then(res => { | ||
| 137 | if (res.code == 200) { | ||
| 138 | this.$message({ | ||
| 139 | showClose: true, | ||
| 140 | message: '发起申请成功', | ||
| 141 | type: 'success' | ||
| 142 | }) | ||
| 143 | this.$emit('updateDialog', true) | ||
| 144 | } else { | ||
| 145 | this.$message.error(res.message); | ||
| 146 | } | ||
| 147 | }) | ||
| 148 | } | ||
| 149 | }, | ||
| 150 | handleSelectionChange (val) { | ||
| 151 | val.forEach((item, index) => { | ||
| 152 | item.bsmSsql = item.bsmQlxx | ||
| 153 | item.ybdcqzsh = item.bdcqzh | ||
| 154 | item.yqllx = item.qllx | ||
| 155 | item.ydjlx = item.djlx | ||
| 156 | }) | ||
| 157 | this.bdcdysz = val | ||
| 158 | } | ||
| 159 | } | ||
| 160 | }; | ||
| 161 | </script> | ||
| 162 | <style scoped lang="scss"> | ||
| 163 | @import "~@/styles/mixin.scss"; | ||
| 164 | @import "~@/styles/public.scss"; | ||
| 165 | </style> |
| ... | @@ -40,7 +40,7 @@ | ... | @@ -40,7 +40,7 @@ |
| 40 | </template> | 40 | </template> |
| 41 | <script> | 41 | <script> |
| 42 | //首次登记 | 42 | //首次登记 |
| 43 | import { datas, sendThis } from "../javascript/jsydsyq200.js"; | 43 | import { datas, sendThis } from "../javascript/selectJsydsyq.js"; |
| 44 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; | 44 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; |
| 45 | import table from "@/utils/mixin/table"; | 45 | import table from "@/utils/mixin/table"; |
| 46 | import jump from "../components/mixin/jump"; | 46 | import jump from "../components/mixin/jump"; | ... | ... |
| ... | @@ -88,7 +88,7 @@ | ... | @@ -88,7 +88,7 @@ |
| 88 | </div> | 88 | </div> |
| 89 | </template> | 89 | </template> |
| 90 | <script> | 90 | <script> |
| 91 | import { datas, sendThis } from "../javascript/bdcqlMain.js"; | 91 | import { datas, sendThis } from "../javascript/selecBdcql.js"; |
| 92 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; | 92 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; |
| 93 | import table from "@/utils/mixin/table"; | 93 | import table from "@/utils/mixin/table"; |
| 94 | import jump from "./mixin/jump"; | 94 | import jump from "./mixin/jump"; | ... | ... |
| ... | @@ -54,7 +54,7 @@ | ... | @@ -54,7 +54,7 @@ |
| 54 | </template> | 54 | </template> |
| 55 | <script> | 55 | <script> |
| 56 | //首次登记 | 56 | //首次登记 |
| 57 | import { datas, sendThis } from "../javascript/jsydsyq200.js"; | 57 | import { datas, sendThis } from "../javascript/selectJsydsyq.js"; |
| 58 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; | 58 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; |
| 59 | import table from "@/utils/mixin/table"; | 59 | import table from "@/utils/mixin/table"; |
| 60 | import jump from "./mixin/jump"; | 60 | import jump from "./mixin/jump"; | ... | ... |
| ... | @@ -40,7 +40,7 @@ | ... | @@ -40,7 +40,7 @@ |
| 40 | </template> | 40 | </template> |
| 41 | <script> | 41 | <script> |
| 42 | //首次登记 | 42 | //首次登记 |
| 43 | import { datas, sendThis } from "../javascript/jsydsyq100.js"; | 43 | import { datas, sendThis } from "../javascript/selectQjzdjbxx.js"; |
| 44 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; | 44 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; |
| 45 | import table from "@/utils/mixin/table"; | 45 | import table from "@/utils/mixin/table"; |
| 46 | import jump from "./mixin/jump"; | 46 | import jump from "./mixin/jump"; | ... | ... |
| 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 | render: (h, scope) => { | ||
| 22 | return ( | ||
| 23 | <div> | ||
| 24 | {(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1} | ||
| 25 | </div> | ||
| 26 | ) | ||
| 27 | } | ||
| 28 | }, | ||
| 29 | { | ||
| 30 | prop: "status", | ||
| 31 | label: "状态", | ||
| 32 | render: (h, scope) => { | ||
| 33 | return ( | ||
| 34 | <div> | ||
| 35 | {/* <a v-on:click="doSomething"></a> */} | ||
| 36 | <a style='color:#3498db;' v-show={scope.row.djblzt == 1} >正在办理</a> | ||
| 37 | <span v-show={scope.row.zjgcdyzt == 1}>,在建工程抵押</span> | ||
| 38 | <span v-show={scope.row.ycfzt == 1}>,已预查封</span> | ||
| 39 | <span v-show={scope.row.ycfzt == 1}>,已预查封</span> | ||
| 40 | <span v-show={scope.row.cfzt == 1}>,已查封</span> | ||
| 41 | <span v-show={scope.row.diyizt == 1}>,已地役</span> | ||
| 42 | <span v-show={scope.row.yyzt == 1}>,异议中</span> | ||
| 43 | <span v-show={scope.row.xzzt == 1}>,已限制</span> | ||
| 44 | <span v-show={scope.row.ygmmzt == 1}>,已预告买卖</span> | ||
| 45 | <span v-show={scope.row.ygdyzt == 1}>,已预告抵押</span> | ||
| 46 | <span v-show={scope.row.dyzt == 1}>,已抵押</span> | ||
| 47 | </div> | ||
| 48 | ) | ||
| 49 | } | ||
| 50 | }, | ||
| 51 | { | ||
| 52 | prop: "qllxmc", | ||
| 53 | label: "权利类型", | ||
| 54 | }, | ||
| 55 | { | ||
| 56 | prop: "bdcdyh", | ||
| 57 | label: "不动产单元号", | ||
| 58 | }, | ||
| 59 | { | ||
| 60 | prop: "bdcqzh", | ||
| 61 | label: "不动产权证号", | ||
| 62 | }, | ||
| 63 | { | ||
| 64 | prop: "qlrmc", | ||
| 65 | label: "权利人", | ||
| 66 | }, | ||
| 67 | { | ||
| 68 | prop: "zjh", | ||
| 69 | label: "证件号", | ||
| 70 | }, | ||
| 71 | { | ||
| 72 | prop: "mj", | ||
| 73 | label: "面积", | ||
| 74 | }, | ||
| 75 | { | ||
| 76 | prop: "showTdyt", | ||
| 77 | label: "用途", | ||
| 78 | }, | ||
| 79 | { | ||
| 80 | prop: "zl", | ||
| 81 | label: "坐落", | ||
| 82 | } | ||
| 83 | ] | ||
| 84 | } | ||
| 85 | |||
| 86 | |||
| 87 | } | ||
| 88 | let datas = new data() | ||
| 89 | export { | ||
| 90 | datas, | ||
| 91 | sendThis | ||
| 92 | } |
File moved
File moved
-
Please register or sign in to post a comment