Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
1e28e767 by 蔡俊立
Options

Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web

2 parents bbcb138e 4d792518
Inline Side-by-side
Showing 17 changed files with 381 additions and 263 deletions
1 // import request from '@/utils/request'
2 // // 根据条件进行列表查询
3 // export function getJtfcPage (data) {
4 // return request({
5 // url: '/sqcx/getJtfcPage',
6 // method: 'post',
7 // data
8 // })
9 // }
10 // // 新增申请查询家庭房产信息
11 // export function addJtfcCxjgXx (data) {
12 // return request({
13 // url: '/sqcx/addJtfcCxjgXx',
14 // method: 'post',
15 // data,
16 // showLoading: true,
17 // loadingTarget: '正在查询中...'
18 // })
19 // }
...\ No newline at end of file ...\ No newline at end of file
...@@ -10,18 +10,18 @@ ...@@ -10,18 +10,18 @@
10 10
11 <template> 11 <template>
12 <div :class="['lb-table', customClass]"> 12 <div :class="['lb-table', customClass]">
13 <el-table v-if="!heightNumSetting" class="table-fixed" ref="elTable" :border='border' 13 <el-table v-if="!heightNumSetting" class="table-fixed" :row-style="{ height: '50px' }" ref="elTable"
14 :row-class-name="tableRowClassName" :show-header='showHeader' 14 :border='border' :row-class-name="tableRowClassName" :show-header='showHeader'
15 :header-cell-style="{ background: 'rgb(236, 245, 255)' }" v-bind="$attrs" :height="tableHeight" v-on="$listeners" 15 :header-cell-style="{ background: 'rgb(236, 245, 255)' }" v-bind="$attrs" :height="tableHeight" v-on="$listeners"
16 :data="data" style="width: 100%" :span-method="this.merge ? this.mergeMethod : this.spanMethod"> 16 :data="data" style="width: 100%" :span-method="this.merge ? this.mergeMethod : this.spanMethod">
17 <lb-column v-bind="$attrs" v-for="(item, index) in column" :key="index" :column="item"> 17 <lb-column v-bind="$attrs" v-for="(item, index) in column" :key="index" :column="item">
18 </lb-column> 18 </lb-column>
19 </el-table> 19 </el-table>
20 20
21 <el-table v-else ref="elTable" class="table-fixed" :border='border' :row-class-name="tableRowClassName" 21 <el-table v-else ref="elTable" class="table-fixed" :row-style="{ height: '50px' }" :border='border'
22 :show-header='showHeader' :header-cell-style="{ background: 'rgb(236, 245, 255)' }" v-bind="$attrs" 22 :row-class-name="tableRowClassName" :show-header='showHeader'
23 :max-height="maxHeight" v-on="$listeners" :data="data" style="width: 100%" 23 :header-cell-style="{ background: 'rgb(236, 245, 255)' }" v-bind="$attrs" :max-height="maxHeight"
24 :span-method="this.merge ? this.mergeMethod : this.spanMethod"> 24 v-on="$listeners" :data="data" style="width: 100%" :span-method="this.merge ? this.mergeMethod : this.spanMethod">
25 <lb-column v-bind="$attrs" v-for="(item, index) in column" :key="index" :column="item"> 25 <lb-column v-bind="$attrs" v-for="(item, index) in column" :key="index" :column="item">
26 </lb-column> 26 </lb-column>
27 </el-table> 27 </el-table>
......
...@@ -34,7 +34,8 @@ ...@@ -34,7 +34,8 @@
34 height: 100%; 34 height: 100%;
35 background-color: #ffffff; 35 background-color: #ffffff;
36 overflow-y: auto; 36 overflow-y: auto;
37 padding-right: 3px; 37 box-sizing: border-box;
38 padding-left: 5px;
38 overflow-x: hidden; 39 overflow-x: hidden;
39 } 40 }
40 41
......
...@@ -5,30 +5,44 @@ ...@@ -5,30 +5,44 @@
5 {{ title }} 5 {{ title }}
6 <div class="checkbox"> 6 <div class="checkbox">
7 <el-checkbox-group v-model="checkList" @change="checkChange"> 7 <el-checkbox-group v-model="checkList" @change="checkChange">
8 <el-checkbox 8 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
9 v-for="item in qsztList"
10 :key="item.value"
11 :label="item.value"
12 >{{ item.label }}</el-checkbox
13 >
14 </el-checkbox-group> 9 </el-checkbox-group>
15 </div> 10 </div>
16 </div> 11 </div>
17 <div class="xxTableBox"> 12 <div class="xxTableBox">
18 <table class="xxTable"> 13 <table class="xxTable">
19 <tr v-for="(item, colindex) in columns" :key="colindex"> 14 <tr v-for="(item, colindex) in columns.slice(0, 3)" :key="colindex">
20 <td> 15 <td>
21 {{ item.label }} 16 {{ item.label }}
22 </td> 17 </td>
23 <td 18 <td v-for="(row, index) in tableData" :key="index" :class="[
24 v-for="(row, index) in tableData" 19 row.qszt == '2' ? 'lishi' : '',
25 :key="index" 20 row.qszt == '0' ? 'linshi' : '',
26 :class="[ 21 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
27 row.qszt == '2' ? 'lishi' : '', 22 ]">
28 row.qszt == '0' ? 'linshi' : '', 23 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
29 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 24 正在办理
30 ]" 25 </div>
31 > 26 <span v-if="item.prop == 'qszt'">
27 {{ getQsztName(row[item.prop]) }}
28 </span>
29
30 <span v-else> {{ row[item.prop] }}</span>
31 </td>
32 <td v-for="count in emptycolNum" :key="~count"></td>
33 </tr>
34 </table>
35
36 <table class="xxTable rollTable">
37 <tr v-for="(item, colindex) in columns.slice(3)" :key="colindex">
38 <td>
39 {{ item.label }}
40 </td>
41 <td v-for="(row, index) in tableData" :key="index" :class="[
42 row.qszt == '2' ? 'lishi' : '',
43 row.qszt == '0' ? 'linshi' : '',
44 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
45 ]">
32 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 46 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
33 正在办理 47 正在办理
34 </div> 48 </div>
...@@ -50,7 +64,7 @@ ...@@ -50,7 +64,7 @@
50 import { getCfdjList } from "@/api/registerBook.js"; 64 import { getCfdjList } from "@/api/registerBook.js";
51 import { datas } from "./qlxxFormData.js"; 65 import { datas } from "./qlxxFormData.js";
52 export default { 66 export default {
53 data() { 67 data () {
54 return { 68 return {
55 title: "查封登记信息", 69 title: "查封登记信息",
56 qsztList: datas.columns().qsztList, 70 qsztList: datas.columns().qsztList,
...@@ -65,11 +79,11 @@ export default { ...@@ -65,11 +79,11 @@ export default {
65 columns: datas.columns().CFDJ, 79 columns: datas.columns().CFDJ,
66 }; 80 };
67 }, 81 },
68 created() { 82 created () {
69 this.loadData(); 83 this.loadData();
70 }, 84 },
71 methods: { 85 methods: {
72 loadData() { 86 loadData () {
73 getCfdjList({ 87 getCfdjList({
74 bdcdyid: this.propsParam.bdcdyid, 88 bdcdyid: this.propsParam.bdcdyid,
75 bsmSldy: this.propsParam.bsmSldy, 89 bsmSldy: this.propsParam.bsmSldy,
...@@ -78,7 +92,7 @@ export default { ...@@ -78,7 +92,7 @@ export default {
78 }).then((res) => { 92 }).then((res) => {
79 if (res.code === 200) { 93 if (res.code === 200) {
80 this.tableData = res.result; 94 this.tableData = res.result;
81 if (this.tableData.length < datas.columns().emptycolNum) { 95 if (this.tableData.length < datas.columns().emptycolNum) {
82 this.emptycolNum = 96 this.emptycolNum =
83 datas.columns().emptycolNum - this.tableData.length; 97 datas.columns().emptycolNum - this.tableData.length;
84 } else { 98 } else {
...@@ -87,7 +101,7 @@ export default { ...@@ -87,7 +101,7 @@ export default {
87 } 101 }
88 }); 102 });
89 }, 103 },
90 checkChange() { 104 checkChange () {
91 if (this.checkList.length === 0) { 105 if (this.checkList.length === 0) {
92 this.tableData = []; 106 this.tableData = [];
93 this.emptycolNum = datas.columns().emptycolNum; 107 this.emptycolNum = datas.columns().emptycolNum;
...@@ -95,7 +109,7 @@ export default { ...@@ -95,7 +109,7 @@ export default {
95 this.loadData(); 109 this.loadData();
96 } 110 }
97 }, 111 },
98 getQsztName(code) { 112 getQsztName (code) {
99 let name = ""; 113 let name = "";
100 for (let item of this.qsztList) { 114 for (let item of this.qsztList) {
101 if (item.value == code) { 115 if (item.value == code) {
......
...@@ -5,30 +5,44 @@ ...@@ -5,30 +5,44 @@
5 {{ title }} 5 {{ title }}
6 <div class="checkbox"> 6 <div class="checkbox">
7 <el-checkbox-group v-model="checkList" @change="checkChange"> 7 <el-checkbox-group v-model="checkList" @change="checkChange">
8 <el-checkbox 8 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
9 v-for="item in qsztList"
10 :key="item.value"
11 :label="item.value"
12 >{{ item.label }}</el-checkbox
13 >
14 </el-checkbox-group> 9 </el-checkbox-group>
15 </div> 10 </div>
16 </div> 11 </div>
17 <div class="xxTableBox"> 12 <div class="xxTableBox">
18 <table class="xxTable"> 13 <table class="xxTable">
19 <tr v-for="(item, colindex) in columns" :key="colindex"> 14 <tr v-for="(item, colindex) in columns.slice(0, 3)" :key="colindex">
20 <td> 15 <td>
21 {{ item.label }} 16 {{ item.label }}
22 </td> 17 </td>
23 <td 18 <td v-for="(row, index) in tableData" :key="index" :class="[
24 v-for="(row, index) in tableData" 19 row.qszt == '2' ? 'lishi' : '',
25 :key="index" 20 row.qszt == '0' ? 'linshi' : '',
26 :class="[ 21 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
27 row.qszt == '2' ? 'lishi' : '', 22 ]">
28 row.qszt == '0' ? 'linshi' : '', 23 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
29 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 24 正在办理
30 ]" 25 </div>
31 > 26 <span v-if="item.prop == 'qszt'">
27 {{ getQsztName(row[item.prop]) }}
28 </span>
29
30 <span v-else> {{ row[item.prop] }}</span>
31 </td>
32 <td v-for="count in emptycolNum" :key="~count"></td>
33 </tr>
34 </table>
35
36 <table class="xxTable rollTable">
37 <tr v-for="(item, colindex) in columns.slice(3)" :key="colindex">
38 <td>
39 {{ item.label }}
40 </td>
41 <td v-for="(row, index) in tableData" :key="index" :class="[
42 row.qszt == '2' ? 'lishi' : '',
43 row.qszt == '0' ? 'linshi' : '',
44 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
45 ]">
32 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 46 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
33 正在办理 47 正在办理
34 </div> 48 </div>
...@@ -50,8 +64,8 @@ ...@@ -50,8 +64,8 @@
50 import { getDiyaqList } from "@/api/registerBook.js"; 64 import { getDiyaqList } from "@/api/registerBook.js";
51 import { datas } from "./qlxxFormData.js"; 65 import { datas } from "./qlxxFormData.js";
52 export default { 66 export default {
53 data() { 67 data () {
54 return { 68 return {
55 title: "抵押权登记信息", 69 title: "抵押权登记信息",
56 qsztList: datas.columns().qsztList, 70 qsztList: datas.columns().qsztList,
57 checkList: datas.columns().checkList, 71 checkList: datas.columns().checkList,
...@@ -65,11 +79,11 @@ export default { ...@@ -65,11 +79,11 @@ export default {
65 columns: datas.columns().DYAQ, 79 columns: datas.columns().DYAQ,
66 }; 80 };
67 }, 81 },
68 created() { 82 created () {
69 this.loadData(); 83 this.loadData();
70 }, 84 },
71 methods: { 85 methods: {
72 loadData() { 86 loadData () {
73 getDiyaqList({ 87 getDiyaqList({
74 bdcdyid: this.propsParam.bdcdyid, 88 bdcdyid: this.propsParam.bdcdyid,
75 qllx: this.propsParam.qllx, 89 qllx: this.propsParam.qllx,
...@@ -86,7 +100,7 @@ export default { ...@@ -86,7 +100,7 @@ export default {
86 } 100 }
87 }); 101 });
88 }, 102 },
89 checkChange() { 103 checkChange () {
90 if (this.checkList.length === 0) { 104 if (this.checkList.length === 0) {
91 this.tableData = []; 105 this.tableData = [];
92 this.emptycolNum = datas.columns().emptycolNum; 106 this.emptycolNum = datas.columns().emptycolNum;
...@@ -94,7 +108,7 @@ export default { ...@@ -94,7 +108,7 @@ export default {
94 this.loadData(); 108 this.loadData();
95 } 109 }
96 }, 110 },
97 getQsztName(code) { 111 getQsztName (code) {
98 let name = ""; 112 let name = "";
99 for (let item of this.qsztList) { 113 for (let item of this.qsztList) {
100 if (item.value == code) { 114 if (item.value == code) {
......
...@@ -5,30 +5,43 @@ ...@@ -5,30 +5,43 @@
5 {{ title }} 5 {{ title }}
6 <div class="checkbox"> 6 <div class="checkbox">
7 <el-checkbox-group v-model="checkList" @change="checkChange"> 7 <el-checkbox-group v-model="checkList" @change="checkChange">
8 <el-checkbox 8 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
9 v-for="item in qsztList"
10 :key="item.value"
11 :label="item.value"
12 >{{ item.label }}</el-checkbox
13 >
14 </el-checkbox-group> 9 </el-checkbox-group>
15 </div> 10 </div>
16 </div> 11 </div>
17 <div class="xxTableBox"> 12 <div class="xxTableBox">
18 <table class="xxTable"> 13 <table class="xxTable">
19 <tr v-for="(item, colindex) in columns" :key="colindex"> 14 <tr v-for="(item, colindex) in columns.slice(0, 3)" :key="colindex">
20 <td> 15 <td>
21 {{ item.label }} 16 {{ item.label }}
22 </td> 17 </td>
23 <td 18 <td v-for="(row, index) in tableData" :key="index" :class="[
24 v-for="(row, index) in tableData" 19 row.qszt == '2' ? 'lishi' : '',
25 :key="index" 20 row.qszt == '0' ? 'linshi' : '',
26 :class="[ 21 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
27 row.qszt == '2' ? 'lishi' : '', 22 ]">
28 row.qszt == '0' ? 'linshi' : '', 23 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
29 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 24 正在办理
30 ]" 25 </div>
31 > 26 <span v-if="item.prop == 'qszt'">
27 {{ getQsztName(row[item.prop]) }}
28 </span>
29
30 <span v-else> {{ row[item.prop] }}</span>
31 </td>
32 <td v-for="count in emptycolNum" :key="~count"></td>
33 </tr>
34 </table>
35 <table class="xxTable rollTable">
36 <tr v-for="(item, colindex) in columns.slice(3)" :key="colindex">
37 <td>
38 {{ item.label }}
39 </td>
40 <td v-for="(row, index) in tableData" :key="index" :class="[
41 row.qszt == '2' ? 'lishi' : '',
42 row.qszt == '0' ? 'linshi' : '',
43 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
44 ]">
32 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 45 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
33 正在办理 46 正在办理
34 </div> 47 </div>
...@@ -50,8 +63,8 @@ ...@@ -50,8 +63,8 @@
50 import { getDiyiqList } from "@/api/registerBook.js"; 63 import { getDiyiqList } from "@/api/registerBook.js";
51 import { datas } from "./qlxxFormData.js"; 64 import { datas } from "./qlxxFormData.js";
52 export default { 65 export default {
53 data() { 66 data () {
54 return { 67 return {
55 title: "地役权登记信息", 68 title: "地役权登记信息",
56 qsztList: datas.columns().qsztList, 69 qsztList: datas.columns().qsztList,
57 checkList: datas.columns().checkList, 70 checkList: datas.columns().checkList,
...@@ -65,11 +78,11 @@ export default { ...@@ -65,11 +78,11 @@ export default {
65 columns: datas.columns().DYIQ, 78 columns: datas.columns().DYIQ,
66 }; 79 };
67 }, 80 },
68 created() { 81 created () {
69 this.loadData(); 82 this.loadData();
70 }, 83 },
71 methods: { 84 methods: {
72 loadData() { 85 loadData () {
73 getDiyiqList({ 86 getDiyiqList({
74 bdcdyid: this.propsParam.bdcdyid, 87 bdcdyid: this.propsParam.bdcdyid,
75 qllx: this.propsParam.qllx, 88 qllx: this.propsParam.qllx,
...@@ -86,7 +99,7 @@ export default { ...@@ -86,7 +99,7 @@ export default {
86 } 99 }
87 }); 100 });
88 }, 101 },
89 checkChange() { 102 checkChange () {
90 if (this.checkList.length === 0) { 103 if (this.checkList.length === 0) {
91 this.tableData = []; 104 this.tableData = [];
92 this.emptycolNum = datas.columns().emptycolNum; 105 this.emptycolNum = datas.columns().emptycolNum;
...@@ -94,7 +107,7 @@ export default { ...@@ -94,7 +107,7 @@ export default {
94 this.loadData(); 107 this.loadData();
95 } 108 }
96 }, 109 },
97 getQsztName(code) { 110 getQsztName (code) {
98 let name = ""; 111 let name = "";
99 for (let item of this.qsztList) { 112 for (let item of this.qsztList) {
100 if (item.value == code) { 113 if (item.value == code) {
......
...@@ -5,30 +5,45 @@ ...@@ -5,30 +5,45 @@
5 {{ title }} 5 {{ title }}
6 <div class="checkbox"> 6 <div class="checkbox">
7 <el-checkbox-group v-model="checkList" @change="checkChange"> 7 <el-checkbox-group v-model="checkList" @change="checkChange">
8 <el-checkbox 8 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
9 v-for="item in qsztList"
10 :key="item.value"
11 :label="item.value"
12 >{{ item.label }}</el-checkbox
13 >
14 </el-checkbox-group> 9 </el-checkbox-group>
15 </div> 10 </div>
16 </div> 11 </div>
17 <div class="xxTableBox"> 12 <div class="xxTableBox">
13 <!-- 固定前三个 -->
18 <table class="xxTable"> 14 <table class="xxTable">
19 <tr v-for="(item, colindex) in columns" :key="colindex"> 15 <tr v-for="(item, colindex) in columns.slice(0, 3)" :key="colindex">
20 <td> 16 <td>
21 {{ item.label }} 17 {{ item.label }}
22 </td> 18 </td>
23 <td 19 <td v-for="(row, index) in tableData" :key="index" :class="[
24 v-for="(row, index) in tableData" 20 row.qszt == '2' ? 'lishi' : '',
25 :key="index" 21 row.qszt == '0' ? 'linshi' : '',
26 :class="[ 22 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
27 row.qszt == '2' ? 'lishi' : '', 23 ]">
28 row.qszt == '0' ? 'linshi' : '', 24 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
29 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 25 正在办理
30 ]" 26 </div>
31 > 27 <span v-if="item.prop == 'qszt'">
28 {{ getQsztName(row[item.prop]) }}
29 </span>
30
31 <span v-else> {{ row[item.prop] }}</span>
32 </td>
33 <td v-for="count in emptycolNum" :key="~count"></td>
34 </tr>
35 </table>
36
37 <table class="xxTable rollTable">
38 <tr v-for="(item, colindex) in columns.slice(3)" :key="colindex">
39 <td>
40 {{ item.label }}
41 </td>
42 <td v-for="(row, index) in tableData" :key="index" :class="[
43 row.qszt == '2' ? 'lishi' : '',
44 row.qszt == '0' ? 'linshi' : '',
45 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
46 ]">
32 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 47 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
33 正在办理 48 正在办理
34 </div> 49 </div>
...@@ -50,7 +65,7 @@ ...@@ -50,7 +65,7 @@
50 import { getJsydsyqList } from "@/api/registerBook.js"; 65 import { getJsydsyqList } from "@/api/registerBook.js";
51 import { datas } from "./qlxxFormData.js"; 66 import { datas } from "./qlxxFormData.js";
52 export default { 67 export default {
53 data() { 68 data () {
54 return { 69 return {
55 title: "建设用地使用权、宅基地使用权登记信息", 70 title: "建设用地使用权、宅基地使用权登记信息",
56 qsztList: datas.columns().qsztList, 71 qsztList: datas.columns().qsztList,
...@@ -65,11 +80,11 @@ export default { ...@@ -65,11 +80,11 @@ export default {
65 columns: datas.columns().JSYDSYQ, 80 columns: datas.columns().JSYDSYQ,
66 }; 81 };
67 }, 82 },
68 created() { 83 created () {
69 this.loadData(); 84 this.loadData();
70 }, 85 },
71 methods: { 86 methods: {
72 loadData() { 87 loadData () {
73 getJsydsyqList({ 88 getJsydsyqList({
74 bdcdyid: this.propsParam.bdcdyid, 89 bdcdyid: this.propsParam.bdcdyid,
75 qllx: this.propsParam.qllx, 90 qllx: this.propsParam.qllx,
...@@ -77,7 +92,7 @@ export default { ...@@ -77,7 +92,7 @@ export default {
77 }).then((res) => { 92 }).then((res) => {
78 if (res.code === 200) { 93 if (res.code === 200) {
79 this.tableData = res.result; 94 this.tableData = res.result;
80 if (this.tableData.length < datas.columns().emptycolNum) { 95 if (this.tableData.length < datas.columns().emptycolNum) {
81 this.emptycolNum = 96 this.emptycolNum =
82 datas.columns().emptycolNum - this.tableData.length; 97 datas.columns().emptycolNum - this.tableData.length;
83 } else { 98 } else {
...@@ -86,7 +101,7 @@ export default { ...@@ -86,7 +101,7 @@ export default {
86 } 101 }
87 }); 102 });
88 }, 103 },
89 checkChange() { 104 checkChange () {
90 if (this.checkList.length === 0) { 105 if (this.checkList.length === 0) {
91 this.tableData = []; 106 this.tableData = [];
92 this.emptycolNum = datas.columns().emptycolNum; 107 this.emptycolNum = datas.columns().emptycolNum;
...@@ -94,7 +109,7 @@ export default { ...@@ -94,7 +109,7 @@ export default {
94 this.loadData(); 109 this.loadData();
95 } 110 }
96 }, 111 },
97 getQsztName(code) { 112 getQsztName (code) {
98 let name = ""; 113 let name = "";
99 for (let item of this.qsztList) { 114 for (let item of this.qsztList) {
100 if (item.value == code) { 115 if (item.value == code) {
......
...@@ -5,30 +5,22 @@ ...@@ -5,30 +5,22 @@
5 {{ title }} 5 {{ title }}
6 <div class="checkbox"> 6 <div class="checkbox">
7 <el-checkbox-group v-model="checkList" @change="checkChange"> 7 <el-checkbox-group v-model="checkList" @change="checkChange">
8 <el-checkbox 8 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
9 v-for="item in qsztList"
10 :key="item.value"
11 :label="item.value"
12 >{{ item.label }}</el-checkbox
13 >
14 </el-checkbox-group> 9 </el-checkbox-group>
15 </div> 10 </div>
16 </div> 11 </div>
17 <div class="xxTableBox"> 12 <div class="xxTableBox">
13 <!-- 固定前三个 -->
18 <table class="xxTable"> 14 <table class="xxTable">
19 <tr v-for="(item, colindex) in columns" :key="colindex"> 15 <tr v-for="(item, colindex) in columns.slice(0, 3)" :key="colindex">
20 <td> 16 <td>
21 {{ item.label }} 17 {{ item.label }}
22 </td> 18 </td>
23 <td 19 <td v-for="(row, index) in tableData" :key="index" :class="[
24 v-for="(row, index) in tableData" 20 row.qszt == '2' ? 'lishi' : '',
25 :key="index" 21 row.qszt == '0' ? 'linshi' : '',
26 :class="[ 22 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
27 row.qszt == '2' ? 'lishi' : '', 23 ]">
28 row.qszt == '0' ? 'linshi' : '',
29 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
30 ]"
31 >
32 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 24 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
33 正在办理 25 正在办理
34 </div> 26 </div>
...@@ -41,6 +33,30 @@ ...@@ -41,6 +33,30 @@
41 <td v-for="count in emptycolNum" :key="~count"></td> 33 <td v-for="count in emptycolNum" :key="~count"></td>
42 </tr> 34 </tr>
43 </table> 35 </table>
36
37 <table class="xxTable rollTable">
38 <tr v-for="(item, colindex) in columnsslice(3)" :key="colindex">
39 <td>
40 {{ item.label }}
41 </td>
42 <td v-for="(row, index) in tableData" :key="index" :class="[
43 row.qszt == '2' ? 'lishi' : '',
44 row.qszt == '0' ? 'linshi' : '',
45 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
46 ]">
47 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
48 正在办理
49 </div>
50 <span v-if="item.prop == 'qszt'">
51 {{ getQsztName(row[item.prop]) }}
52 </span>
53
54 <span v-else> {{ row[item.prop] }}</span>
55 </td>
56 <td v-for="count in emptycolNum" :key="~count"></td>
57 </tr>
58 </table>
59
44 </div> 60 </div>
45 </div> 61 </div>
46 </div> 62 </div>
...@@ -50,7 +66,7 @@ ...@@ -50,7 +66,7 @@
50 import { getFdcq2List } from "@/api/registerBook.js"; 66 import { getFdcq2List } from "@/api/registerBook.js";
51 import { datas } from "./qlxxFormData.js"; 67 import { datas } from "./qlxxFormData.js";
52 export default { 68 export default {
53 data() { 69 data () {
54 return { 70 return {
55 title: "房地产权登记信息（独幢、层、套、间房屋）", 71 title: "房地产权登记信息（独幢、层、套、间房屋）",
56 qsztList: datas.columns().qsztList, 72 qsztList: datas.columns().qsztList,
...@@ -65,11 +81,11 @@ export default { ...@@ -65,11 +81,11 @@ export default {
65 columns: datas.columns().FDCQ2, 81 columns: datas.columns().FDCQ2,
66 }; 82 };
67 }, 83 },
68 created() { 84 created () {
69 this.loadData(); 85 this.loadData();
70 }, 86 },
71 methods: { 87 methods: {
72 loadData() { 88 loadData () {
73 getFdcq2List({ 89 getFdcq2List({
74 bdcdyid: this.propsParam.bdcdyid, 90 bdcdyid: this.propsParam.bdcdyid,
75 qllx: this.propsParam.qllx, 91 qllx: this.propsParam.qllx,
...@@ -77,7 +93,7 @@ export default { ...@@ -77,7 +93,7 @@ export default {
77 }).then((res) => { 93 }).then((res) => {
78 if (res.code === 200) { 94 if (res.code === 200) {
79 this.tableData = res.result; 95 this.tableData = res.result;
80 if (this.tableData.length < datas.columns().emptycolNum) { 96 if (this.tableData.length < datas.columns().emptycolNum) {
81 this.emptycolNum = 97 this.emptycolNum =
82 datas.columns().emptycolNum - this.tableData.length; 98 datas.columns().emptycolNum - this.tableData.length;
83 } else { 99 } else {
...@@ -86,7 +102,7 @@ export default { ...@@ -86,7 +102,7 @@ export default {
86 } 102 }
87 }); 103 });
88 }, 104 },
89 checkChange() { 105 checkChange () {
90 if (this.checkList.length === 0) { 106 if (this.checkList.length === 0) {
91 this.tableData = []; 107 this.tableData = [];
92 this.emptycolNum = datas.columns().emptycolNum; 108 this.emptycolNum = datas.columns().emptycolNum;
...@@ -94,7 +110,7 @@ export default { ...@@ -94,7 +110,7 @@ export default {
94 this.loadData(); 110 this.loadData();
95 } 111 }
96 }, 112 },
97 getQsztName(code) { 113 getQsztName (code) {
98 let name = ""; 114 let name = "";
99 for (let item of this.qsztList) { 115 for (let item of this.qsztList) {
100 if (item.value == code) { 116 if (item.value == code) {
......
...@@ -5,30 +5,45 @@ ...@@ -5,30 +5,45 @@
5 {{ title }} 5 {{ title }}
6 <div class="checkbox"> 6 <div class="checkbox">
7 <el-checkbox-group v-model="checkList" @change="checkChange"> 7 <el-checkbox-group v-model="checkList" @change="checkChange">
8 <el-checkbox 8 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
9 v-for="item in qsztList"
10 :key="item.value"
11 :label="item.value"
12 >{{ item.label }}</el-checkbox
13 >
14 </el-checkbox-group> 9 </el-checkbox-group>
15 </div> 10 </div>
16 </div> 11 </div>
17 <div class="xxTableBox"> 12 <div class="xxTableBox">
13 <!-- 固定前三个 -->
18 <table class="xxTable"> 14 <table class="xxTable">
19 <tr v-for="(item, colindex) in columns" :key="colindex"> 15 <tr v-for="(item, colindex) in columns.slice(0, 3)" :key="colindex">
20 <td> 16 <td>
21 {{ item.label }} 17 {{ item.label }}
22 </td> 18 </td>
23 <td 19 <td v-for="(row, index) in tableData" :key="index" :class="[
24 v-for="(row, index) in tableData" 20 row.qszt == '2' ? 'lishi' : '',
25 :key="index" 21 row.qszt == '0' ? 'linshi' : '',
26 :class="[ 22 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
27 row.qszt == '2' ? 'lishi' : '', 23 ]">
28 row.qszt == '0' ? 'linshi' : '', 24 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
29 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 25 正在办理
30 ]" 26 </div>
31 > 27 <span v-if="item.prop == 'qszt'">
28 {{ getQsztName(row[item.prop]) }}
29 </span>
30
31 <span v-else> {{ row[item.prop] }}</span>
32 </td>
33 <td v-for="count in emptycolNum" :key="~count"></td>
34 </tr>
35 </table>
36
37 <table class="xxTable rollTable">
38 <tr v-for="(item, colindex) in columns.slice(3)" :key="colindex">
39 <td>
40 {{ item.label }}
41 </td>
42 <td v-for="(row, index) in tableData" :key="index" :class="[
43 row.qszt == '2' ? 'lishi' : '',
44 row.qszt == '0' ? 'linshi' : '',
45 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
46 ]">
32 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 47 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
33 正在办理 48 正在办理
34 </div> 49 </div>
...@@ -50,7 +65,7 @@ ...@@ -50,7 +65,7 @@
50 import { getJsydsyqList } from "@/api/registerBook.js"; 65 import { getJsydsyqList } from "@/api/registerBook.js";
51 import { datas } from "./qlxxFormData.js"; 66 import { datas } from "./qlxxFormData.js";
52 export default { 67 export default {
53 data() { 68 data () {
54 return { 69 return {
55 title: "建设用地使用权、宅基地使用权登记信息", 70 title: "建设用地使用权、宅基地使用权登记信息",
56 qsztList: datas.columns().qsztList, 71 qsztList: datas.columns().qsztList,
...@@ -65,11 +80,11 @@ export default { ...@@ -65,11 +80,11 @@ export default {
65 columns: datas.columns().JSYDSYQ, 80 columns: datas.columns().JSYDSYQ,
66 }; 81 };
67 }, 82 },
68 created() { 83 created () {
69 this.loadData(); 84 this.loadData();
70 }, 85 },
71 methods: { 86 methods: {
72 loadData() { 87 loadData () {
73 getJsydsyqList({ 88 getJsydsyqList({
74 bdcdyid: this.propsParam.bdcdyid, 89 bdcdyid: this.propsParam.bdcdyid,
75 qllx: this.propsParam.qllx, 90 qllx: this.propsParam.qllx,
...@@ -86,7 +101,7 @@ export default { ...@@ -86,7 +101,7 @@ export default {
86 } 101 }
87 }); 102 });
88 }, 103 },
89 checkChange() { 104 checkChange () {
90 if (this.checkList.length === 0) { 105 if (this.checkList.length === 0) {
91 this.tableData = []; 106 this.tableData = [];
92 this.emptycolNum = datas.columns().emptycolNum; 107 this.emptycolNum = datas.columns().emptycolNum;
...@@ -94,7 +109,7 @@ export default { ...@@ -94,7 +109,7 @@ export default {
94 this.loadData(); 109 this.loadData();
95 } 110 }
96 }, 111 },
97 getQsztName(code) { 112 getQsztName (code) {
98 let name = ""; 113 let name = "";
99 for (let item of this.qsztList) { 114 for (let item of this.qsztList) {
100 if (item.value == code) { 115 if (item.value == code) {
......
...@@ -2,7 +2,6 @@ ...@@ -2,7 +2,6 @@
2 width: 100%; 2 width: 100%;
3 height: 100%; 3 height: 100%;
4 background: #fff; 4 background: #fff;
5 overflow-y: scroll;
6 color: #333; 5 color: #333;
7 6
8 .tableBox { 7 .tableBox {
...@@ -105,13 +104,21 @@ ...@@ -105,13 +104,21 @@
105 z-index: 10; 104 z-index: 10;
106 } 105 }
107 106
107 tr {
108 display: flex;
109 }
110
108 tr td { 111 tr td {
109 border: 1px solid #ccc; 112 border: 1px solid rgb(227, 226, 226);
110 text-align: center; 113 text-align: center;
111 height: 40px; 114 height: 40px;
112 padding: 4px;
113 font-size: 13px; 115 font-size: 13px;
114 width: 140px; 116 width: 140px;
117 flex: 1;
118 width: 100%;
119 display: flex;
120 align-items: center;
121 justify-content: center;
115 } 122 }
116 123
117 >tr:nth-child(odd) td { 124 >tr:nth-child(odd) td {
...@@ -130,5 +137,13 @@ ...@@ -130,5 +137,13 @@
130 color: #7f7f7f; 137 color: #7f7f7f;
131 } 138 }
132 } 139 }
140
141 .rollTable {
142 margin-top: -2px;
143 display: block;
144 height: calc(100vh - 300px);
145 overflow-y: scroll;
146 margin-left: 2px;
147 }
133 } 148 }
134 } 149 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -5,30 +5,43 @@ ...@@ -5,30 +5,43 @@
5 {{ title }} 5 {{ title }}
6 <div class="checkbox"> 6 <div class="checkbox">
7 <el-checkbox-group v-model="checkList" @change="checkChange"> 7 <el-checkbox-group v-model="checkList" @change="checkChange">
8 <el-checkbox 8 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
9 v-for="item in qsztList"
10 :key="item.value"
11 :label="item.value"
12 >{{ item.label }}</el-checkbox
13 >
14 </el-checkbox-group> 9 </el-checkbox-group>
15 </div> 10 </div>
16 </div> 11 </div>
17 <div class="xxTableBox"> 12 <div class="xxTableBox">
18 <table class="xxTable"> 13 <table class="xxTable">
19 <tr v-for="(item, colindex) in columns" :key="colindex"> 14 <tr v-for="(item, colindex) in columns.slice(0, 3)" :key="colindex">
20 <td> 15 <td>
21 {{ item.label }} 16 {{ item.label }}
22 </td> 17 </td>
23 <td 18 <td v-for="(row, index) in tableData" :key="index" :class="[
24 v-for="(row, index) in tableData" 19 row.qszt == '2' ? 'lishi' : '',
25 :key="index" 20 row.qszt == '0' ? 'linshi' : '',
26 :class="[ 21 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
27 row.qszt == '2' ? 'lishi' : '', 22 ]">
28 row.qszt == '0' ? 'linshi' : '', 23 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
29 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 24 正在办理
30 ]" 25 </div>
31 > 26 <span v-if="item.prop == 'qszt'">
27 {{ getQsztName(row[item.prop]) }}
28 </span>
29
30 <span v-else> {{ row[item.prop] }}</span>
31 </td>
32 <td v-for="count in emptycolNum" :key="~count"></td>
33 </tr>
34 </table>
35 <table class="xxTable rollTable">
36 <tr v-for="(item, colindex) in columns.slice(3)" :key="colindex">
37 <td>
38 {{ item.label }}
39 </td>
40 <td v-for="(row, index) in tableData" :key="index" :class="[
41 row.qszt == '2' ? 'lishi' : '',
42 row.qszt == '0' ? 'linshi' : '',
43 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
44 ]">
32 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 45 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
33 正在办理 46 正在办理
34 </div> 47 </div>
...@@ -50,8 +63,8 @@ ...@@ -50,8 +63,8 @@
50 import { getYgdjList } from "@/api/registerBook.js"; 63 import { getYgdjList } from "@/api/registerBook.js";
51 import { datas } from "./qlxxFormData.js"; 64 import { datas } from "./qlxxFormData.js";
52 export default { 65 export default {
53 data() { 66 data () {
54 return { 67 return {
55 title: "预告登记信息", 68 title: "预告登记信息",
56 qsztList: datas.columns().qsztList, 69 qsztList: datas.columns().qsztList,
57 checkList: datas.columns().checkList, 70 checkList: datas.columns().checkList,
...@@ -60,16 +73,16 @@ export default { ...@@ -60,16 +73,16 @@ export default {
60 //列表数据 73 //列表数据
61 tableData: [], 74 tableData: [],
62 //空列值个数 75 //空列值个数
63 emptycolNum: datas.columns().emptycolNum, 76 emptycolNum: datas.columns().emptycolNum,
64 //列名称对象 77 //列名称对象
65 columns: datas.columns().YGDJ, 78 columns: datas.columns().YGDJ,
66 }; 79 };
67 }, 80 },
68 created() { 81 created () {
69 this.loadData(); 82 this.loadData();
70 }, 83 },
71 methods: { 84 methods: {
72 loadData() { 85 loadData () {
73 getYgdjList({ 86 getYgdjList({
74 bdcdyid: this.propsParam.bdcdyid, 87 bdcdyid: this.propsParam.bdcdyid,
75 qllx: this.propsParam.qllx, 88 qllx: this.propsParam.qllx,
...@@ -86,7 +99,7 @@ export default { ...@@ -86,7 +99,7 @@ export default {
86 } 99 }
87 }); 100 });
88 }, 101 },
89 checkChange() { 102 checkChange () {
90 if (this.checkList.length === 0) { 103 if (this.checkList.length === 0) {
91 this.tableData = []; 104 this.tableData = [];
92 this.emptycolNum = datas.columns().emptycolNum; 105 this.emptycolNum = datas.columns().emptycolNum;
...@@ -94,7 +107,7 @@ export default { ...@@ -94,7 +107,7 @@ export default {
94 this.loadData(); 107 this.loadData();
95 } 108 }
96 }, 109 },
97 getQsztName(code) { 110 getQsztName (code) {
98 let name = ""; 111 let name = "";
99 for (let item of this.qsztList) { 112 for (let item of this.qsztList) {
100 if (item.value == code) { 113 if (item.value == code) {
......
...@@ -5,30 +5,43 @@ ...@@ -5,30 +5,43 @@
5 {{ title }} 5 {{ title }}
6 <div class="checkbox"> 6 <div class="checkbox">
7 <el-checkbox-group v-model="checkList" @change="checkChange"> 7 <el-checkbox-group v-model="checkList" @change="checkChange">
8 <el-checkbox 8 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
9 v-for="item in qsztList"
10 :key="item.value"
11 :label="item.value"
12 >{{ item.label }}</el-checkbox
13 >
14 </el-checkbox-group> 9 </el-checkbox-group>
15 </div> 10 </div>
16 </div> 11 </div>
17 <div class="xxTableBox"> 12 <div class="xxTableBox">
18 <table class="xxTable"> 13 <table class="xxTable">
19 <tr v-for="(item, colindex) in columns" :key="colindex"> 14 <tr v-for="(item, colindex) in columns.slice(0, 3)" :key="colindex">
20 <td> 15 <td>
21 {{ item.label }} 16 {{ item.label }}
22 </td> 17 </td>
23 <td 18 <td v-for="(row, index) in tableData" :key="index" :class="[
24 v-for="(row, index) in tableData" 19 row.qszt == '2' ? 'lishi' : '',
25 :key="index" 20 row.qszt == '0' ? 'linshi' : '',
26 :class="[ 21 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
27 row.qszt == '2' ? 'lishi' : '', 22 ]">
28 row.qszt == '0' ? 'linshi' : '', 23 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
29 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 24 正在办理
30 ]" 25 </div>
31 > 26 <span v-if="item.prop == 'qszt'">
27 {{ getQsztName(row[item.prop]) }}
28 </span>
29
30 <span v-else> {{ row[item.prop] }}</span>
31 </td>
32 <td v-for="count in emptycolNum" :key="~count"></td>
33 </tr>
34 </table>
35 <table class="xxTable rollTable">
36 <tr v-for="(item, colindex) in columns.slice(3)" :key="colindex">
37 <td>
38 {{ item.label }}
39 </td>
40 <td v-for="(row, index) in tableData" :key="index" :class="[
41 row.qszt == '2' ? 'lishi' : '',
42 row.qszt == '0' ? 'linshi' : '',
43 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
44 ]">
32 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 45 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
33 正在办理 46 正在办理
34 </div> 47 </div>
...@@ -50,7 +63,7 @@ ...@@ -50,7 +63,7 @@
50 import { getYydjList } from "@/api/registerBook.js"; 63 import { getYydjList } from "@/api/registerBook.js";
51 import { datas } from "./qlxxFormData.js"; 64 import { datas } from "./qlxxFormData.js";
52 export default { 65 export default {
53 data() { 66 data () {
54 return { 67 return {
55 title: "异议登记信息", 68 title: "异议登记信息",
56 qsztList: datas.columns().qsztList, 69 qsztList: datas.columns().qsztList,
...@@ -65,11 +78,11 @@ export default { ...@@ -65,11 +78,11 @@ export default {
65 columns: datas.columns().YYDJ, 78 columns: datas.columns().YYDJ,
66 }; 79 };
67 }, 80 },
68 created() { 81 created () {
69 this.loadData(); 82 this.loadData();
70 }, 83 },
71 methods: { 84 methods: {
72 loadData() { 85 loadData () {
73 getYydjList({ 86 getYydjList({
74 bdcdyid: this.propsParam.bdcdyid, 87 bdcdyid: this.propsParam.bdcdyid,
75 qllx: this.propsParam.qllx, 88 qllx: this.propsParam.qllx,
...@@ -86,7 +99,7 @@ export default { ...@@ -86,7 +99,7 @@ export default {
86 } 99 }
87 }); 100 });
88 }, 101 },
89 checkChange() { 102 checkChange () {
90 if (this.checkList.length === 0) { 103 if (this.checkList.length === 0) {
91 this.tableData = []; 104 this.tableData = [];
92 this.emptycolNum = datas.columns().emptycolNum; 105 this.emptycolNum = datas.columns().emptycolNum;
...@@ -94,7 +107,7 @@ export default { ...@@ -94,7 +107,7 @@ export default {
94 this.loadData(); 107 this.loadData();
95 } 108 }
96 }, 109 },
97 getQsztName(code) { 110 getQsztName (code) {
98 let name = ""; 111 let name = "";
99 for (let item of this.qsztList) { 112 for (let item of this.qsztList) {
100 if (item.value == code) { 113 if (item.value == code) {
......
...@@ -46,7 +46,7 @@ ...@@ -46,7 +46,7 @@
46 </div> 46 </div>
47 <!-- 表格 --> 47 <!-- 表格 -->
48 <div class="from-clues-content"> 48 <div class="from-clues-content">
49 <lb-table :page-size="pageData.size" @sort-change="handleSort" :current-page.sync="pageData.current" 49 <lb-table :page-size="pageData.size" border @sort-change="handleSort" :current-page.sync="pageData.current"
50 :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" 50 :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
51 :column="tableData.columns" :data="tableData.data"> 51 :column="tableData.columns" :data="tableData.data">
52 </lb-table> 52 </lb-table>
......
...@@ -76,7 +76,6 @@ export default { ...@@ -76,7 +76,6 @@ export default {
76 sqr: "", 76 sqr: "",
77 }, 77 },
78 78
79
80 tableData: { 79 tableData: {
81 columns: datas.columns(), 80 columns: datas.columns(),
82 data: [], 81 data: [],
......
...@@ -17,23 +17,14 @@ ...@@ -17,23 +17,14 @@
17 </el-form-item> 17 </el-form-item>
18 </el-col> 18 </el-col>
19 <el-col :span="5"> 19 <el-col :span="5">
20 <el-form-item label="查询用途">
21 <el-select v-model="queryForm.cxyt" class="width100" filterable clearable placeholder="请选择用途">
22 <el-option v-for="item in cxytOption" :key="item.value" :label="item.label" :value="item.value">
23 </el-option>
24 </el-select>
25 </el-form-item>
26 </el-col>
27 <el-col :span="5">
28 <el-form-item label="业务号"> 20 <el-form-item label="业务号">
29 <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width200px"> 21 <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width200px">
30 </el-input> 22 </el-input>
31 </el-form-item> 23 </el-form-item>
32 </el-col> 24 </el-col>
33
34 <el-col :span="4" class="btnCol"> 25 <el-col :span="4" class="btnCol">
35 <el-form-item> 26 <el-form-item>
36 <el-button type="primary" icon="el-icon-search" @click="fetchData">查询</el-button> 27 <el-button type="primary" icon="el-icon-search" @click="queryClick()">查询</el-button>
37 <el-button @click="moreQueryClick()">高级查询</el-button> 28 <el-button @click="moreQueryClick()">高级查询</el-button>
38 </el-form-item> 29 </el-form-item>
39 </el-col> 30 </el-col>
...@@ -42,71 +33,77 @@ ...@@ -42,71 +33,77 @@
42 </div> 33 </div>
43 <!-- 表格 --> 34 <!-- 表格 -->
44 <div class="from-clues-content"> 35 <div class="from-clues-content">
45 <lb-table :page-size="pageData.size" @sort-change="handleSort" :current-page.sync="pageData.current" 36 <lb-table :page-size="pageData.size" border @sort-change="handleSort" :current-page.sync="pageData.current"
46 :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" 37 :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
47 :column="tableData.columns" :data="tableData.data"> 38 :column="tableData.columns" :data="tableData.data">
48 </lb-table> 39 </lb-table>
49 </div> 40 </div>
50 <addjtfc v-model="isDialog" />
51 </div> 41 </div>
52 </template> 42 </template>
53 <script> 43 <script>
54 import addjtfc from "./components/addjtfc.vue";
55 import table from "@/utils/mixin/table" 44 import table from "@/utils/mixin/table"
56 import { datas, sendThis } from "./sqcxjldata" 45 import { datas, sendThis } from "./sqcxjldata"
57 import { getJtfcPage } from '@/api/sqcx' 46 import { getJtfcPage } from '@/api/jtfc'
58 export default { 47 export default {
59 name: "sqcxjl", 48 name: "sqcxjl",
60 components: { addjtfc },
61 mixins: [table], 49 mixins: [table],
62 mounted () { 50 mounted () {
63 sendThis(this); 51 sendThis(this);
64 }, 52 },
65 data () { 53 data () {
66 return { 54 return {
67 isDialog: false, 55
68 sqrOption: [],
69 cxytOption: [],
70 queryForm: { 56 queryForm: {
71 cxbh: "", 57 cxbh: "",
72 sqr: "", 58 sqr: "",
73 cxyt: "",
74 ywh: "", 59 ywh: "",
75 }, 60 },
76 tableData: { 61 tableData: {
77 total: 0,
78 columns: datas.columns(), 62 columns: datas.columns(),
79 data: [ 63 data: [],
80 { 64 },
81 cxly: "登记大厅",
82 cxlx: "家庭房产",
83 cxbh: "20200409146",
84 cxsj: "2016-10-12 10:00:00",
85 slry: "查询窗口",
86 sqr: "张三",
87 yqlrgx: "不动产权利人",
88 qlr: "张三",
89 cxyt: "预告买卖记录||首次登记",
90 }
91 ]
92 }
93 } 65 }
94 }, 66 },
95 methods: { 67 methods: {
68 queryClick(){
69 this.fetchData();
70 },
71
96 // 初始化数据 72 // 初始化数据
97 fetchData () { 73 fetchData () {
98 getJtfcPage({ ...this.queryForm, ...this.pageData }).then(res => { 74 debugger;
99 let { records, total } = res.result 75 getJtfcPage({ ...this.queryForm, ...this.pageData }).then((res) => {
100 this.tableData.data = records 76 let { records, total } = res.result;
101 this.tableData.total = total 77 this.tableData.data = records;
102 }) 78 this.tableData.total = total;
79 });
103 }, 80 },
104 handleSort (name, sort) { 81 handleSort (name, sort) {
105 console.log(name, sort); 82 console.log(name, sort);
106 }, 83 },
107 // 查看 84 // 查看
108 handleView () { 85 handleView () {
109 this.isDialog = true 86 // this.isDialog = true
87
88
89 let that = this;
90 this.$popup({
91 title: "楼盘表",
92 width: "50%",
93 btnShow: true,
94 editItem: "xxxxxxxxxx",
95 height: "600px",
96 formData: {
97 bsmSlsq: this.bsmSlsq,
98 dataList: this.unitData,
99 },
100 cancel: function () { }, //取消事件的回调
101 confirm: function () {
102 that.loadBdcdylist();
103 }, //确认事件的回调
104 });
105
106
110 } 107 }
111 }, 108 },
112 }; 109 };
......
...@@ -16,12 +16,15 @@ class data extends filter { ...@@ -16,12 +16,15 @@ class data extends filter {
16 width: '50' 16 width: '50'
17 }, 17 },
18 { 18 {
19 prop: "cxly",
20 label: "查询来源",
21 },
22 {
23 prop: "cxlx",
24 label: "查询类型", 19 label: "查询类型",
20 render: (h, scope) => {
21 switch (scope.row.cxlx) {
22 case '1':
23 return <div>家庭房产</div>
24 case '2':
25 return <div>登记簿</div>
26 }
27 }
25 }, 28 },
26 { 29 {
27 label: "查询编号", 30 label: "查询编号",
...@@ -32,19 +35,28 @@ class data extends filter { ...@@ -32,19 +35,28 @@ class data extends filter {
32 label: "查询时间", 35 label: "查询时间",
33 }, 36 },
34 { 37 {
35 prop: "slry", 38 prop: "cxr",
36 label: "受理人员", 39 label: "受理人员",
37 }, 40 },
38 { 41 {
39 prop: "sqr", 42 prop: "sqrxm",
40 label: "申请人", 43 label: "申请人",
41 }, 44 },
42 { 45 {
43 prop: "yqlrgx",
44 label: "与权利人的关系", 46 label: "与权利人的关系",
47 render: (h, scope) => {
48 switch (scope.row.ycyrgx) {
49 case '1':
50 return <div>权利人</div>
51 case '2':
52 return <div>产权利害关系人</div>
53 case '3':
54 return <div>委托人</div>
55 }
56 }
45 }, 57 },
46 { 58 {
47 prop: "qlr", 59 prop: "qlrxm",
48 label: "权利人", 60 label: "权利人",
49 }, 61 },
50 { 62 {
......
...@@ -362,7 +362,7 @@ export default { ...@@ -362,7 +362,7 @@ export default {
362 console.log("确认回调"); 362 console.log("确认回调");
363 }, 363 },
364 }) 364 })
365 break; 365 break;
366 case "signout": 366 case "signout":
367 window.close(); 367 window.close();
368 break; 368 break;
...@@ -404,12 +404,12 @@ export default { ...@@ -404,12 +404,12 @@ export default {
404 this.currentSelectProps = this.unitData[index]; 404 this.currentSelectProps = this.unitData[index];
405 getStepFormInfo(this.unitData[index]).then((res) => { 405 getStepFormInfo(this.unitData[index]).then((res) => {
406 if (res.code === 200) { 406 if (res.code === 200) {
407 //获取单元对应的所有表单信息 407 //获取单元对应的所有表单信息
408 this.tabList = res.result; 408 this.tabList = res.result;
409 //默认加载第一个表单信息 409 //默认加载第一个表单信息
410 this.tabName = res.result[0].value; 410 this.tabName = res.result[0].value;
411 //处理分屏材料信息 411 //处理分屏材料信息
412 let that = this; 412 let that = this;
413 this.tabList.forEach(function (item, index) { 413 this.tabList.forEach(function (item, index) {
414 if (item.value == "clxx") { 414 if (item.value == "clxx") {
415 that.clxxIndex = index; 415 that.clxxIndex = index;
...@@ -426,7 +426,6 @@ export default { ...@@ -426,7 +426,6 @@ export default {
426 }, 426 },
427 //表单选项卡事件 427 //表单选项卡事件
428 beforeLeave (activeName, oldActiveName) { 428 beforeLeave (activeName, oldActiveName) {
429 console.log(this.oldDetail, this.newDetail);
430 if (!_.isEqual(this.oldDetail, this.newDetail)) { 429 if (!_.isEqual(this.oldDetail, this.newDetail)) {
431 this.$message.error('界面内容有所变化,请先保存') 430 this.$message.error('界面内容有所变化,请先保存')
432 return false 431 return false
...@@ -436,6 +435,7 @@ export default { ...@@ -436,6 +435,7 @@ export default {
436 }, 435 },
437 //切换选项卡内容组件 436 //切换选项卡内容组件
438 getFromRouter (tabname) { 437 getFromRouter (tabname) {
438 console.log(tabname, 'tabnametabname');
439 this.componentTag = getForm(tabname, this.$route.query.sqywbm); 439 this.componentTag = getForm(tabname, this.$route.query.sqywbm);
440 }, 440 },
441 //发送下一个环节 441 //发送下一个环节
......