7d6e79c1 by 田浩浩

修改申请查询页面及脚本

1 parent a10269ac
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 }