Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
b4d8fbe7 by 任超
Options

style:登记信息

1 parent 1482dd52
Inline Side-by-side
Showing 7 changed files with 145 additions and 90 deletions
...@@ -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
......
...@@ -33,7 +33,7 @@ ...@@ -33,7 +33,7 @@
33 </tr> 33 </tr>
34 </table> 34 </table>
35 35
36 <table class="xxTable rollTable" style="margin-left: 2px"> 36 <table class="xxTable rollTable">
37 <tr v-for="(item, colindex) in columns.slice(3)" :key="colindex"> 37 <tr v-for="(item, colindex) in columns.slice(3)" :key="colindex">
38 <td> 38 <td>
39 {{ item.label }} 39 {{ item.label }}
......
...@@ -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) {
......
...@@ -141,6 +141,7 @@ ...@@ -141,6 +141,7 @@
141 display: block; 141 display: block;
142 height: calc(100vh - 300px); 142 height: calc(100vh - 300px);
143 overflow-y: scroll; 143 overflow-y: scroll;
144 margin-left: 2px;
144 } 145 }
145 } 146 }
146 } 147 }
...\ 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) {
......