Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
5c6850d2 by xiaomiao
Options

--no commit message

2 parents 6ff618e7 7150b0af
Inline Side-by-side
Showing 9 changed files with 218 additions and 186 deletions
...@@ -25,7 +25,7 @@ ...@@ -25,7 +25,7 @@
25 </el-table> 25 </el-table>
26 26
27 <el-table v-else ref="elTable" id="heightNumSetting" class="table-fixed" :row-style="{ height: '50px' }" 27 <el-table v-else ref="elTable" id="heightNumSetting" class="table-fixed" :row-style="{ height: '50px' }"
28 :border='border' :row-class-name="tableRowClassName" :show-header='showHeader' v-bind="$attrs" 28 :border='border' :row-class-name="tableRowClassName" :show-header='showHeader' @row-dblclick="singleElection" v-bind="$attrs"
29 :max-height="maxHeight" :height="tableHeight" v-on="$listeners" :data="data" style="width: 100%" 29 :max-height="maxHeight" :height="tableHeight" v-on="$listeners" :data="data" style="width: 100%"
30 :span-method="this.merge ? this.mergeMethod : this.spanMethod"> 30 :span-method="this.merge ? this.mergeMethod : this.spanMethod">
31 31
......
...@@ -20,8 +20,9 @@ ...@@ -20,8 +20,9 @@
20 row.qszt == '2' ? 'lishi' : '', 20 row.qszt == '2' ? 'lishi' : '',
21 row.qszt == '0' ? 'linshi' : '', 21 row.qszt == '0' ? 'linshi' : '',
22 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 22 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
23 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
23 ]"> 24 ]">
24 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 25 <div class="icon" v-if="item.prop == 'qszt' && (row.qszt == '0' || row.qszt == '1')">
25 正在办理 26 正在办理
26 </div> 27 </div>
27 <span v-if="item.prop == 'qszt'"> 28 <span v-if="item.prop == 'qszt'">
...@@ -39,67 +40,67 @@ ...@@ -39,67 +40,67 @@
39 </template> 40 </template>
40 41
41 <script> 42 <script>
42 import { getJsydsyqList } from "@/api/registerBook.js"; 43 import { getJsydsyqList } from "@/api/registerBook.js";
43 import { datas } from "./qlxxFormData.js"; 44 import { datas } from "./qlxxFormData.js";
44 export default { 45 export default {
45 data () { 46 data () {
46 return { 47 return {
47 title: "建设用地使用权、宅基地使用权登记信息", 48 title: "建设用地使用权、宅基地使用权登记信息",
48 qsztList: datas.columns().qsztList, 49 qsztList: datas.columns().qsztList,
49 checkList: datas.columns().checkList, 50 checkList: datas.columns().checkList,
50 //传递参数 51 //传递参数
51 propsParam: this.$attrs, 52 propsParam: this.$attrs,
52 //列表数据 53 //列表数据
53 tableData: [], 54 tableData: [],
54 //空列值个数 55 //空列值个数
55 emptycolNum: datas.columns().emptycolNum, 56 emptycolNum: datas.columns().emptycolNum,
56 //列名称对象 57 //列名称对象
57 columns: datas.columns().JSYDSYQ, 58 columns: datas.columns().JSYDSYQ,
58 }; 59 };
59 },
60 created () {
61 this.loadData();
62 },
63 methods: {
64 loadData () {
65 getJsydsyqList({
66 bdcdyid: this.propsParam.bdcdyid,
67 qllx: this.propsParam.qllx,
68 qszt: this.checkList,
69 }).then((res) => {
70 if (res.code === 200) {
71 this.tableData = res.result;
72 if (this.tableData.length < datas.columns().emptycolNum) {
73 this.emptycolNum =
74 datas.columns().emptycolNum - this.tableData.length;
75 } else {
76 this.emptycolNum = 0;
77 }
78 }
79 });
80 }, 60 },
81 checkChange () { 61 created () {
82 if (this.checkList.length === 0) { 62 this.loadData();
83 this.tableData = [];
84 this.emptycolNum = datas.columns().emptycolNum;
85 } else {
86 this.loadData();
87 }
88 }, 63 },
89 getQsztName (code) { 64 methods: {
90 let name = ""; 65 loadData () {
91 for (let item of this.qsztList) { 66 getJsydsyqList({
92 if (item.value == code) { 67 bdcdyid: this.propsParam.bdcdyid,
93 name = item.label; 68 qllx: this.propsParam.qllx,
94 break; 69 qszt: this.checkList,
70 }).then((res) => {
71 if (res.code === 200) {
72 this.tableData = res.result;
73 if (this.tableData.length < datas.columns().emptycolNum) {
74 this.emptycolNum =
75 datas.columns().emptycolNum - this.tableData.length;
76 } else {
77 this.emptycolNum = 0;
78 }
79 }
80 });
81 },
82 checkChange () {
83 if (this.checkList.length === 0) {
84 this.tableData = [];
85 this.emptycolNum = datas.columns().emptycolNum;
86 } else {
87 this.loadData();
88 }
89 },
90 getQsztName (code) {
91 let name = "";
92 for (let item of this.qsztList) {
93 if (item.value == code) {
94 name = item.label;
95 break;
96 }
95 } 97 }
96 } 98 return name;
97 return name; 99 },
98 }, 100 },
99 }, 101 };
100 };
101 </script> 102 </script>
102 103
103 <style lang="scss" scoped> 104 <style lang="scss" scoped>
104 @import "./qlxxCommon.scss"; 105 @import "./qlxxCommon.scss";
105 </style> 106 </style>
......
...@@ -20,8 +20,9 @@ ...@@ -20,8 +20,9 @@
20 row.qszt == '2' ? 'lishi' : '', 20 row.qszt == '2' ? 'lishi' : '',
21 row.qszt == '0' ? 'linshi' : '', 21 row.qszt == '0' ? 'linshi' : '',
22 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 22 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
23 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
23 ]"> 24 ]">
24 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 25 <div class="icon" v-if="item.prop == 'qszt' && (row.qszt == '0' || row.qszt == '1')">
25 正在办理 26 正在办理
26 </div> 27 </div>
27 <span v-if="item.prop == 'qszt'"> 28 <span v-if="item.prop == 'qszt'">
...@@ -39,67 +40,67 @@ ...@@ -39,67 +40,67 @@
39 </template> 40 </template>
40 41
41 <script> 42 <script>
42 import { getJsydsyqList } from "@/api/registerBook.js"; 43 import { getJsydsyqList } from "@/api/registerBook.js";
43 import { datas } from "./qlxxFormData.js"; 44 import { datas } from "./qlxxFormData.js";
44 export default { 45 export default {
45 data () { 46 data () {
46 return { 47 return {
47 title: "建设用地使用权、宅基地使用权登记信息", 48 title: "建设用地使用权、宅基地使用权登记信息",
48 qsztList: datas.columns().qsztList, 49 qsztList: datas.columns().qsztList,
49 checkList: datas.columns().checkList, 50 checkList: datas.columns().checkList,
50 //传递参数 51 //传递参数
51 propsParam: this.$attrs, 52 propsParam: this.$attrs,
52 //列表数据 53 //列表数据
53 tableData: [], 54 tableData: [],
54 //空列值个数 55 //空列值个数
55 emptycolNum: datas.columns().emptycolNum, 56 emptycolNum: datas.columns().emptycolNum,
56 //列名称对象 57 //列名称对象
57 columns: datas.columns().JSYDSYQ, 58 columns: datas.columns().JSYDSYQ,
58 }; 59 };
59 },
60 created () {
61 this.loadData();
62 },
63 methods: {
64 loadData () {
65 getJsydsyqList({
66 bdcdyid: this.propsParam.bdcdyid,
67 qllx: this.propsParam.qllx,
68 qszt: this.checkList,
69 }).then((res) => {
70 if (res.code === 200) {
71 this.tableData = res.result;
72 if (this.tableData.length < datas.columns().emptycolNum) {
73 this.emptycolNum =
74 datas.columns().emptycolNum - this.tableData.length;
75 } else {
76 this.emptycolNum = 0;
77 }
78 }
79 });
80 }, 60 },
81 checkChange () { 61 created () {
82 if (this.checkList.length === 0) { 62 this.loadData();
83 this.tableData = [];
84 this.emptycolNum = datas.columns().emptycolNum;
85 } else {
86 this.loadData();
87 }
88 }, 63 },
89 getQsztName (code) { 64 methods: {
90 let name = ""; 65 loadData () {
91 for (let item of this.qsztList) { 66 getJsydsyqList({
92 if (item.value == code) { 67 bdcdyid: this.propsParam.bdcdyid,
93 name = item.label; 68 qllx: this.propsParam.qllx,
94 break; 69 qszt: this.checkList,
70 }).then((res) => {
71 if (res.code === 200) {
72 this.tableData = res.result;
73 if (this.tableData.length < datas.columns().emptycolNum) {
74 this.emptycolNum =
75 datas.columns().emptycolNum - this.tableData.length;
76 } else {
77 this.emptycolNum = 0;
78 }
79 }
80 });
81 },
82 checkChange () {
83 if (this.checkList.length === 0) {
84 this.tableData = [];
85 this.emptycolNum = datas.columns().emptycolNum;
86 } else {
87 this.loadData();
88 }
89 },
90 getQsztName (code) {
91 let name = "";
92 for (let item of this.qsztList) {
93 if (item.value == code) {
94 name = item.label;
95 break;
96 }
95 } 97 }
96 } 98 return name;
97 return name; 99 },
98 }, 100 },
99 }, 101 };
100 };
101 </script> 102 </script>
102 103
103 <style lang="scss" scoped> 104 <style lang="scss" scoped>
104 @import "./qlxxCommon.scss"; 105 @import "./qlxxCommon.scss";
105 </style> 106 </style>
......
...@@ -20,8 +20,9 @@ ...@@ -20,8 +20,9 @@
20 row.qszt == '2' ? 'lishi' : '', 20 row.qszt == '2' ? 'lishi' : '',
21 row.qszt == '0' ? 'linshi' : '', 21 row.qszt == '0' ? 'linshi' : '',
22 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 22 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
23 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
23 ]"> 24 ]">
24 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 25 <div class="icon" v-if="item.prop == 'qszt' && (row.qszt == '0' || row.qszt == '1')">
25 正在办理 26 正在办理
26 </div> 27 </div>
27 <span v-if="item.prop == 'qszt'"> 28 <span v-if="item.prop == 'qszt'">
...@@ -62,73 +63,73 @@ ...@@ -62,73 +63,73 @@
62 </template> 63 </template>
63 64
64 <script> 65 <script>
65 import { getNydsyqList } from "@/api/registerBook.js"; 66 import { getNydsyqList } from "@/api/registerBook.js";
66 import { datas } from "./qlxxFormData.js"; 67 import { datas } from "./qlxxFormData.js";
67 export default { 68 export default {
68 data () { 69 data () {
69 return { 70 return {
70 title: "农用地使用权登记信息", 71 title: "农用地使用权登记信息",
71 qsztList: datas.columns().qsztList, 72 qsztList: datas.columns().qsztList,
72 checkList: datas.columns().checkList, 73 checkList: datas.columns().checkList,
73 //传递参数 74 //传递参数
74 propsParam: this.$attrs, 75 propsParam: this.$attrs,
75 //列表数据 76 //列表数据
76 tableData: [], 77 tableData: [],
77 //空列值个数 78 //空列值个数
78 emptycolNum: datas.columns().emptycolNum, 79 emptycolNum: datas.columns().emptycolNum,
79 //列名称对象 80 //列名称对象
80 columns: datas.columns().NYDSYQ, 81 columns: datas.columns().NYDSYQ,
81 }; 82 };
82 },
83 created () {
84 var qllx = this.$route.query.sqywbm.substr(0,3)
85 if(qllx == 'A09'){
86 this.title = '土地经营权登记信息'
87 }else{
88 this.title = '农用地使用权登记信息'
89 }
90 this.loadData();
91 },
92 methods: {
93 loadData () {
94 getNydsyqList({
95 bdcdyid: this.propsParam.bdcdyid,
96 qllx: this.propsParam.qllx,
97 qszt: this.checkList,
98 }).then((res) => {
99 if (res.code === 200) {
100 this.tableData = res.result;
101 if (this.tableData.length < datas.columns().emptycolNum) {
102 this.emptycolNum =
103 datas.columns().emptycolNum - this.tableData.length;
104 } else {
105 this.emptycolNum = 0;
106 }
107 }
108 });
109 }, 83 },
110 checkChange () { 84 created () {
111 if (this.checkList.length === 0) { 85 var qllx = this.$route.query.sqywbm.substr(0, 3)
112 this.tableData = []; 86 if (qllx == 'A09') {
113 this.emptycolNum = datas.columns().emptycolNum; 87 this.title = '土地经营权登记信息'
114 } else { 88 } else {
115 this.loadData(); 89 this.title = '农用地使用权登记信息'
116 } 90 }
91 this.loadData();
117 }, 92 },
118 getQsztName (code) { 93 methods: {
119 let name = ""; 94 loadData () {
120 for (let item of this.qsztList) { 95 getNydsyqList({
121 if (item.value == code) { 96 bdcdyid: this.propsParam.bdcdyid,
122 name = item.label; 97 qllx: this.propsParam.qllx,
123 break; 98 qszt: this.checkList,
99 }).then((res) => {
100 if (res.code === 200) {
101 this.tableData = res.result;
102 if (this.tableData.length < datas.columns().emptycolNum) {
103 this.emptycolNum =
104 datas.columns().emptycolNum - this.tableData.length;
105 } else {
106 this.emptycolNum = 0;
107 }
108 }
109 });
110 },
111 checkChange () {
112 if (this.checkList.length === 0) {
113 this.tableData = [];
114 this.emptycolNum = datas.columns().emptycolNum;
115 } else {
116 this.loadData();
124 } 117 }
125 } 118 },
126 return name; 119 getQsztName (code) {
120 let name = "";
121 for (let item of this.qsztList) {
122 if (item.value == code) {
123 name = item.label;
124 break;
125 }
126 }
127 return name;
128 },
127 }, 129 },
128 }, 130 };
129 };
130 </script> 131 </script>
131 132
132 <style lang="scss" scoped> 133 <style lang="scss" scoped>
133 @import "./qlxxCommon.scss"; 134 @import "./qlxxCommon.scss";
134 </style> 135 </style>
......
...@@ -125,6 +125,24 @@ ...@@ -125,6 +125,24 @@
125 transform: rotate(-90deg); 125 transform: rotate(-90deg);
126 } 126 }
127 127
128 .xianshiIcon {
129 position: relative;
130 }
131
132 .xianshiIcon::after {
133 content: "";
134 display: block;
135 width: 0;
136 height: 0;
137 border-width: 0px 0px 55px 55px;
138 border-style: none solid solid;
139 border-color: transparent transparent #67C23A;
140 position: absolute;
141 top: 0;
142 right: 0;
143 transform: rotate(-90deg);
144 }
145
128 .icon { 146 .icon {
129 position: absolute; 147 position: absolute;
130 top: 12px; 148 top: 12px;
......
...@@ -107,7 +107,7 @@ class data extends filter { ...@@ -107,7 +107,7 @@ class data extends filter {
107 }, 107 },
108 { 108 {
109 prop: "qdjg", 109 prop: "qdjg",
110 label: "取得价格(元)", 110 label: "取得价格(万元)",
111 }, 111 },
112 { 112 {
113 prop: "djyy", 113 prop: "djyy",
......
...@@ -18,7 +18,9 @@ ...@@ -18,7 +18,9 @@
18 </el-col> 18 </el-col>
19 </el-row> 19 </el-row>
20 20
21 <lb-table :column="tableData.columns" :data="tableData.data" :pagination="false" :calcHeight="300"> 21 <lb-table :column="tableData.columns" @row-dblclick="handleRowClick" ref="table" @selection-change="handleSelectionChange" :data="tableData.data"
22 :pagination="false"
23 :calcHeight="300">
22 </lb-table> 24 </lb-table>
23 <el-row> 25 <el-row>
24 <el-col :span="6"> 26 <el-col :span="6">
...@@ -58,7 +60,6 @@ ...@@ -58,7 +60,6 @@
58 import table from "@/utils/mixin/table"; 60 import table from "@/utils/mixin/table";
59 import { getUnclaimedBdcqz, issueCertificate } from "@/api/bdcqz.js"; 61 import { getUnclaimedBdcqz, issueCertificate } from "@/api/bdcqz.js";
60 import { datas } from "../../javascript/fzxxdata"; 62 import { datas } from "../../javascript/fzxxdata";
61 import { log } from 'bpmn-js-token-simulation';
62 export default { 63 export default {
63 props: { 64 props: {
64 formData: { 65 formData: {
...@@ -122,6 +123,12 @@ ...@@ -122,6 +123,12 @@
122 } 123 }
123 }) 124 })
124 }, 125 },
126 handleSelectionChange (val) {
127 this.ruleForm.bdcqzList = val
128 },
129 handleRowClick (row) {
130 this.$refs.table.toggleRowSelection(row)
131 },
125 handleSubmit () { 132 handleSubmit () {
126 133
127 this.$refs.ruleForm.validate(valid => { 134 this.$refs.ruleForm.validate(valid => {
...@@ -146,3 +153,4 @@ ...@@ -146,3 +153,4 @@
146 <style scoped lang="scss"> 153 <style scoped lang="scss">
147 @import "~@/styles/mixin.scss"; 154 @import "~@/styles/mixin.scss";
148 </style> 155 </style>
156
......
...@@ -22,9 +22,9 @@ class data extends filter { ...@@ -22,9 +22,9 @@ class data extends filter {
22 label: "不动产权证类型", 22 label: "不动产权证类型",
23 render: (h, scope) => { 23 render: (h, scope) => {
24 return ( 24 return (
25 <div> 25 <div>
26 <span v-show={scope.row.bdcqzlx == '1'}>不动产权证书</span> 26 <span v-show={scope.row.bdcqzlx == '1'}>不动产权证书</span>
27 <span v-show={scope.row.bdcqzlx == '2'}>不动产登记证明</span> 27 <span v-show={scope.row.bdcqzlx == '2'}>不动产登记证明</span>
28 </div> 28 </div>
29 ) 29 )
30 } 30 }
...@@ -58,7 +58,7 @@ class data extends filter { ...@@ -58,7 +58,7 @@ class data extends filter {
58 { 58 {
59 prop: "zl", 59 prop: "zl",
60 label: "坐落" 60 label: "坐落"
61 }, 61 },
62 { 62 {
63 prop: "fzsj", 63 prop: "fzsj",
64 label: "发证时间", 64 label: "发证时间",
...@@ -72,6 +72,9 @@ class data extends filter { ...@@ -72,6 +72,9 @@ class data extends filter {
72 //领证证列表 72 //领证证列表
73 lzgrid: [ 73 lzgrid: [
74 { 74 {
75 type: 'selection'
76 },
77 {
75 label: '序号', 78 label: '序号',
76 type: 'index', 79 type: 'index',
77 width: '50' 80 width: '50'
...@@ -82,9 +85,9 @@ class data extends filter { ...@@ -82,9 +85,9 @@ class data extends filter {
82 width: '120', 85 width: '120',
83 render: (h, scope) => { 86 render: (h, scope) => {
84 return ( 87 return (
85 <div> 88 <div>
86 <span v-show={scope.row.bdcqzlx == '1'}>不动产权证书</span> 89 <span v-show={scope.row.bdcqzlx == '1'}>不动产权证书</span>
87 <span v-show={scope.row.bdcqzlx == '2'}>不动产登记证明</span> 90 <span v-show={scope.row.bdcqzlx == '2'}>不动产登记证明</span>
88 </div> 91 </div>
89 ) 92 )
90 } 93 }
......
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-04-18 10:51:37 4 * @LastEditTime: 2023-05-05 09:45:31
5 */ 5 */
6 import Router from '@/router' 6 import Router from '@/router'
7 export default { 7 export default {
8 methods: { 8 methods: {
9 //点击行选中或取消复选框 9 //点击行选中或取消复选框
10 handleRowClick (row, column, event) { 10 handleRowClick (row, column, event) {
11 row.djblzt != 1 && (this.$refs.table.toggleRowSelection(row)) 11 (this.$refs.table.toggleRowSelection(row))
12 }, 12 },
13 jump (data, type) { 13 jump (data, type) {
14 const { href } = Router.resolve( 14 const { href } = Router.resolve(
......