Skip to content

bdc / bdcjg-web

Go to a project
Toggle navigation
Toggle navigation pinning
9be74bbf by renchao@pashanhoo.com
Options

style:导出表格配置化

1 parent a4b488eb
Inline Side-by-side
Showing 10 changed files with 256 additions and 236 deletions
...@@ -4,6 +4,7 @@ ...@@ -4,6 +4,7 @@
4 "LOGIN": "jg", 4 "LOGIN": "jg",
5 "CODE": "BDCJGPT", 5 "CODE": "BDCJGPT",
6 "AREARMAP": "610702", 6 "AREARMAP": "610702",
7 "XZQ": "汉中市",
7 "SERVERAPI": "/bdcsjsb", 8 "SERVERAPI": "/bdcsjsb",
8 "calcHeight": 200, 9 "calcHeight": 200,
9 "echartTextColor": "#FFFFFF", 10 "echartTextColor": "#FFFFFF",
......
...@@ -4,6 +4,7 @@ ...@@ -4,6 +4,7 @@
4 "LOGIN": "sb", 4 "LOGIN": "sb",
5 "CODE": "BDCSBPT", 5 "CODE": "BDCSBPT",
6 "AREARMAP": "610702", 6 "AREARMAP": "610702",
7 "XZQ": "汉中市",
7 "SERVERAPI": "/bdcsjsb", 8 "SERVERAPI": "/bdcsjsb",
8 "calcHeight": 160, 9 "calcHeight": 160,
9 "echartTextColor": "#4A4A4A", 10 "echartTextColor": "#4A4A4A",
......
...@@ -4,6 +4,7 @@ ...@@ -4,6 +4,7 @@
4 "LOGIN": "jg", 4 "LOGIN": "jg",
5 "CODE": "BDCJGPT", 5 "CODE": "BDCJGPT",
6 "AREARMAP": "632701", 6 "AREARMAP": "632701",
7 "XZQ": "玉树州",
7 "SERVERAPI": "/bdcsjsb", 8 "SERVERAPI": "/bdcsjsb",
8 "calcHeight": 200, 9 "calcHeight": 200,
9 "echartTextColor": "#FFFFFF", 10 "echartTextColor": "#FFFFFF",
......
...@@ -4,6 +4,7 @@ ...@@ -4,6 +4,7 @@
4 "LOGIN": "sb", 4 "LOGIN": "sb",
5 "CODE": "BDCSBPT", 5 "CODE": "BDCSBPT",
6 "AREARMAP": "632701", 6 "AREARMAP": "632701",
7 "XZQ": "玉树州",
7 "SERVERAPI": "/bdcsjsb", 8 "SERVERAPI": "/bdcsjsb",
8 "calcHeight": 160, 9 "calcHeight": 160,
9 "echartTextColor": "#4A4A4A", 10 "echartTextColor": "#4A4A4A",
......
...@@ -4,6 +4,7 @@ ...@@ -4,6 +4,7 @@
4 "LOGIN": "jg", 4 "LOGIN": "jg",
5 "CODE": "BDCJGPT", 5 "CODE": "BDCJGPT",
6 "AREARMAP": "610702", 6 "AREARMAP": "610702",
7 "XZQ": "汉中市",
7 "SERVERAPI": "/bdcsjsb", 8 "SERVERAPI": "/bdcsjsb",
8 "calcHeight": 200, 9 "calcHeight": 200,
9 "echartTextColor": "#FFFFFF", 10 "echartTextColor": "#FFFFFF",
......
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-03-17 15:10:43 4 * @LastEditTime: 2023-05-11 10:02:44
5 */ 5 */
6 import filter from '@/utils/filter.js' 6 import filter from '@/utils/filter.js'
7 class data extends filter { 7 class data extends filter {
...@@ -10,6 +10,20 @@ class data extends filter { ...@@ -10,6 +10,20 @@ class data extends filter {
10 } 10 }
11 columns () { 11 columns () {
12 return [ 12 return [
13 // {
14 // prop: 'sjlx',
15 // label: '数据类型',
16 // width: 90,
17 // render: (h, scope) => {
18 // return (
19 // <div>
20 // <span v-show={scope.row.sjlx == 1}>ftp上传</span>
21 // <span v-show={scope.row.sjlx == 2}>业务库抽取</span>
22 // <span v-show={scope.row.sjlx == 3}>存量数据</span>
23 // </div>
24 // )
25 // }
26 // },
13 { 27 {
14 prop: 'jcjg', 28 prop: 'jcjg',
15 label: '检查结果', 29 label: '检查结果',
......
...@@ -333,3 +333,4 @@ ...@@ -333,3 +333,4 @@
333 } 333 }
334 </style> 334 </style>
335 335
336
......
...@@ -101,7 +101,7 @@ ...@@ -101,7 +101,7 @@
101 ] 101 ]
102 }, 102 },
103 // 表格数据 103 // 表格数据
104 tableData: { 104 tableData: {
105 // 表格头部 105 // 表格头部
106 columns: [ 106 columns: [
107 { 107 {
...@@ -136,7 +136,7 @@ ...@@ -136,7 +136,7 @@
136 // 生成文件名 136 // 生成文件名
137 generateFileName () { 137 generateFileName () {
138 var reg = /(\d{4})\-(\d{2})\-(\d{2})/; 138 var reg = /(\d{4})\-(\d{2})\-(\d{2})/;
139 this.downTitle = `汉中市不动产登记增量数据接入质量评价表(${this.form.startTime.replace(reg, "$1年$2月$3日")}至${this.form.endTime.replace(reg, "$1年$2月$3日")})` 139 this.downTitle = this.BASE_API.XZQ + `不动产登记增量数据接入质量评价表(${this.form.startTime.replace(reg, "$1年$2月$3日")}至${this.form.endTime.replace(reg, "$1年$2月$3日")})`
140 }, 140 },
141 headerStyle ({ row, rowIndex }) { 141 headerStyle ({ row, rowIndex }) {
142 if (rowIndex == 4) { 142 if (rowIndex == 4) {
......
...@@ -44,120 +44,120 @@ ...@@ -44,120 +44,120 @@
44 </template> 44 </template>
45 45
46 <script> 46 <script>
47 // 相关字段空置率统计 47 // 相关字段空置率统计
48 // 引入表格头部数据 48 // 引入表格头部数据
49 import data from "./data"; 49 import data from "./data";
50 // 引入table混入方法 50 // 引入table混入方法
51 import tableMixin from "@/mixins/tableMixin.js"; 51 import tableMixin from "@/mixins/tableMixin.js";
52 // 导出excel表格 52 // 导出excel表格
53 import downLbTable from '@/components/DownLbTable' 53 import downLbTable from '@/components/DownLbTable'
54 // 获取时间 54 // 获取时间
55 import { getCurrentDate, setExport2Excel } from "@/utils/tools"; 55 import { getCurrentDate, setExport2Excel } from "@/utils/tools";
56 import { nonNullSta } from "@/api/statistics.js"; 56 import { nonNullSta } from "@/api/statistics.js";
57 export default { 57 export default {
58 name: "jsbwcx", 58 name: "jsbwcx",
59 components: { 59 components: {
60 downLbTable 60 downLbTable
61 }, 61 },
62 mixins: [tableMixin], 62 mixins: [tableMixin],
63 data () { 63 data () {
64 return { 64 return {
65 pickerOptionsStart: { 65 pickerOptionsStart: {
66 disabledDate: (time) => { 66 disabledDate: (time) => {
67 let endDateVal = this.form.endTime; 67 let endDateVal = this.form.endTime;
68 if (endDateVal) { 68 if (endDateVal) {
69 return ( 69 return (
70 time.getTime() >= 70 time.getTime() >=
71 new Date(endDateVal).getTime() 71 new Date(endDateVal).getTime()
72 ); 72 );
73 } 73 }
74 },
74 }, 75 },
75 }, 76 pickerOptionsEnd: {
76 pickerOptionsEnd: { 77 disabledDate: (time) => {
77 disabledDate: (time) => { 78 let beginDateVal = this.form.startTime;
78 let beginDateVal = this.form.startTime; 79 if (beginDateVal) {
79 if (beginDateVal) { 80 return (
80 return ( 81 time.getTime() <
81 time.getTime() < 82 new Date(beginDateVal).getTime()
82 new Date(beginDateVal).getTime() 83 );
83 ); 84 }
84 } 85 },
85 }, 86 },
86 }, 87 // 表格数据
87 // 表格数据 88 form: {
89 startTime: "", // 开始日期
90 endTime: "" // 结束日期
91 },
92 // 校验规则
93 rules: {
94 startTime: [
95 { required: true, message: "请选择开始日期", trigger: "change" },
96 ],
97 endTime: [
98 { required: true, message: "请选择结束日期", trigger: "change" },
99 ]
100 },
101 // 表格数据
102 tableData: {
103 // 表格头部
104 columns: [
105 {
106 label: "序号",
107 type: "index",
108 width: "50"
109 // index: this.indexMethod,
110 }
111 ]
112 .concat(data.columns()),
113 data: [],
114 },
115 downTitle: ''
116 }
117 },
118 watch: {
88 form: { 119 form: {
89 startTime: "", // 开始日期 120 handler (newVal, oldVal) {
90 endTime: "" // 结束日期 121 this.generateFileName()
91 }, 122 },
92 // 校验规则 123 deep: true
93 rules: { 124 }
94 startTime: [ 125 },
95 { required: true, message: "请选择开始日期", trigger: "change" }, 126 created () {
96 ], 127 this.handleResetForm()
97 endTime: [ 128 this.generateFileName()
98 { required: true, message: "请选择结束日期", trigger: "change" }, 129 },
99 ] 130 methods: {
131 // 生成文件名
132 generateFileName () {
133 var reg = /(\d{4})\-(\d{2})\-(\d{2})/;
134 this.downTitle = this.BASE_API.XZQ + `不动产登记增量数据相关字段空项率统计(${this.form.startTime.replace(reg, "$1年$2月$3日")}至${this.form.endTime.replace(reg, "$1年$2月$3日")})`
100 }, 135 },
101 // 表格数据 136 handlesetExport2Excel (val) {
102 tableData: { 137 setExport2Excel(val)
103 // 表格头部
104 columns: [
105 {
106 label: "序号",
107 type: "index",
108 width: "50"
109 // index: this.indexMethod,
110 }
111 ]
112 .concat(data.columns()),
113 data: [],
114 }, 138 },
115 downTitle: '' 139 // 初始化数据
116 } 140 featchDataSelf () {
117 }, 141 nonNullSta(this.form.startTime, this.form.endTime).then(res => {
118 watch: { 142 let records = res.result
119 form: { 143 this.tableData.data = records ? records : []
120 handler (newVal, oldVal) { 144 })
121 this.generateFileName()
122 }, 145 },
123 deep: true 146 // 重置
124 } 147 handleResetForm () {
125 }, 148 this.form.startTime = getCurrentDate()
126 created () { 149 this.form.endTime = getCurrentDate('time')
127 this.handleResetForm() 150 this.featchDataSelf()
128 this.generateFileName() 151 }
129 },
130 methods: {
131 // 生成文件名
132 generateFileName () {
133 var reg = /(\d{4})\-(\d{2})\-(\d{2})/;
134 this.downTitle = `汉中市不动产登记增量数据相关字段空项率统计(${this.form.startTime.replace(reg, "$1年$2月$3日")}至${this.form.endTime.replace(reg, "$1年$2月$3日")})`
135 },
136 handlesetExport2Excel (val) {
137 setExport2Excel(val)
138 },
139 // 初始化数据
140 featchDataSelf () {
141 nonNullSta(this.form.startTime, this.form.endTime).then(res => {
142 let records = res.result
143 this.tableData.data = records ? records : []
144 })
145 },
146 // 重置
147 handleResetForm () {
148 this.form.startTime = getCurrentDate()
149 this.form.endTime = getCurrentDate('time')
150 this.featchDataSelf()
151 } 152 }
152 } 153 }
153 }
154 </script> 154 </script>
155 <style scoped lang="scss"> 155 <style scoped lang="scss">
156 // 引入表单整体样式 156 // 引入表单整体样式
157 @import "../css/index.scss"; 157 @import "../css/index.scss";
158 158
159 /deep/.el-table thead.is-group th.el-table__cell { 159 /deep/.el-table thead.is-group th.el-table__cell {
160 height: 14px !important; 160 height: 14px !important;
161 } 161 }
162 </style> 162 </style>
163 163
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 * @Author: yangwei 2 * @Author: yangwei
3 * @Date: 2023-02-17 16:32:50 3 * @Date: 2023-02-17 16:32:50
4 * @LastEditors: Please set LastEditors 4 * @LastEditors: Please set LastEditors
5 * @LastEditTime: 2023-03-28 10:24:52 5 * @LastEditTime: 2023-05-11 10:11:15
6 * @FilePath: \bdcjg-web\src\views\statistics\registerBookQuality\index.vue 6 * @FilePath: \bdcjg-web\src\views\statistics\registerBookQuality\index.vue
7 * @Description: 7 * @Description:
8 * 8 *
...@@ -54,148 +54,148 @@ ...@@ -54,148 +54,148 @@
54 </template> 54 </template>
55 55
56 <script> 56 <script>
57 // 登簿质量评价表 57 // 登簿质量评价表
58 // 引入表格头部数据 58 // 引入表格头部数据
59 import data from "./data"; 59 import data from "./data";
60 // 引入table混入方法 60 // 引入table混入方法
61 import tableMixin from "@/mixins/tableMixin.js"; 61 import tableMixin from "@/mixins/tableMixin.js";
62 // 导出excel表格 62 // 导出excel表格
63 import downLbTable from '@/components/DownLbTable' 63 import downLbTable from '@/components/DownLbTable'
64 // 获取时间 64 // 获取时间
65 import { getCurrentDate, setExport2Excel } from "@/utils/tools"; 65 import { getCurrentDate, setExport2Excel } from "@/utils/tools";
66 import { registerBookQuality } from "@/api/statistics.js"; 66 import { registerBookQuality } from "@/api/statistics.js";
67 67
68 export default { 68 export default {
69 name: "jsbwcx", 69 name: "jsbwcx",
70 components: { 70 components: {
71 downLbTable 71 downLbTable
72 }, 72 },
73 mixins: [tableMixin], 73 mixins: [tableMixin],
74 data () { 74 data () {
75 return { 75 return {
76 pickerOptionsStart: { 76 pickerOptionsStart: {
77 disabledDate: (time) => { 77 disabledDate: (time) => {
78 let endDateVal = this.form.endTime; 78 let endDateVal = this.form.endTime;
79 if (endDateVal) { 79 if (endDateVal) {
80 return ( 80 return (
81 time.getTime() >= 81 time.getTime() >=
82 new Date(endDateVal).getTime() 82 new Date(endDateVal).getTime()
83 ); 83 );
84 } 84 }
85 },
85 }, 86 },
86 }, 87 pickerOptionsEnd: {
87 pickerOptionsEnd: { 88 disabledDate: (time) => {
88 disabledDate: (time) => { 89 let beginDateVal = this.form.startTime;
89 let beginDateVal = this.form.startTime; 90 if (beginDateVal) {
90 if (beginDateVal) { 91 return (
91 return ( 92 time.getTime() <
92 time.getTime() < 93 new Date(beginDateVal).getTime()
93 new Date(beginDateVal).getTime() 94 );
94 ); 95 }
95 } 96 },
96 }, 97 },
97 }, 98 // 表格数据
98 // 表格数据 99 form: {
100 startTime: "", // 开始日期
101 endTime: "", // 结束日期
102 currentPage: 1
103 },
104 // 校验规则
105 rules: {
106 startTime: [
107 { required: true, message: "请选择开始日期", trigger: "change" },
108 ],
109 endTime: [
110 { required: true, message: "请选择结束日期", trigger: "change" },
111 ]
112 },
113 // 表格数据
114 tableData: {
115 // 表格头部
116 columns: [
117 {
118 label: "序号",
119 type: "index",
120 width: "50",
121 index: this.indexMethod,
122 }
123 ]
124 .concat(data.columns()),
125 data: []
126 },
127 downTitle: ''
128 }
129 },
130 watch: {
99 form: { 131 form: {
100 startTime: "", // 开始日期 132 handler (newVal, oldVal) {
101 endTime: "", // 结束日期 133 this.generateFileName()
102 currentPage: 1 134 },
135 deep: true
136 }
137 },
138 created () {
139 this.handleResetForm()
140 this.generateFileName()
141 },
142 mounted () {
143 this.$nextTick(function () {
144 let c = document.getElementsByClassName("el-table__header")
145 let k = c[0].getElementsByClassName("is-group has-gutter");
146 let f = k[0].children
147 let d = f[1].getElementsByClassName("el-table__cell")
148 let p = d[0]
149 p.setAttribute("rowspan", 2)
150 })
151
152 },
153 methods: {
154 handleSearch () { },
155 // 生成文件名
156 generateFileName () {
157 var reg = /(\d{4})\-(\d{2})\-(\d{2})/;
158 this.downTitle = this.BASE_API.XZQ + `不动产登记增量数据登簿质量评价表(${this.form.startTime.replace(reg, "$1年$2月$3日")}至${this.form.endTime.replace(reg, "$1年$2月$3日")})`
103 }, 159 },
104 // 校验规则 160 handlesetExport2Excel (val) {
105 rules: { 161 setExport2Excel(val)
106 startTime: [
107 { required: true, message: "请选择开始日期", trigger: "change" },
108 ],
109 endTime: [
110 { required: true, message: "请选择结束日期", trigger: "change" },
111 ]
112 }, 162 },
113 // 表格数据 163 headerStyle ({ row, rowIndex }) {
114 tableData: { 164 if (rowIndex == 1) {
115 // 表格头部 165 row.forEach(item => {
116 columns: [ 166 item.rowSpan = 2
117 { 167 })
118 label: "序号", 168 }
119 type: "index",
120 width: "50",
121 index: this.indexMethod,
122 }
123 ]
124 .concat(data.columns()),
125 data: []
126 }, 169 },
127 downTitle: '' 170 headerStyle1 ({ row, rowIndex }) {
128 } 171 if (rowIndex == 2) {
129 }, 172 row.forEach(item => {
130 watch: { 173 item.rowSpan = 2
131 form: { 174 })
132 handler (newVal, oldVal) { 175 }
133 this.generateFileName()
134 }, 176 },
135 deep: true 177 // 初始化数据
136 } 178 featchDataSelf () {
137 }, 179 registerBookQuality(this.form.startTime, this.form.endTime).then(res => {
138 created () { 180 let records = res.result
139 this.handleResetForm() 181 this.tableData.data = records ? records : []
140 this.generateFileName()
141 },
142 mounted () {
143 this.$nextTick(function () {
144 let c = document.getElementsByClassName("el-table__header")
145 let k = c[0].getElementsByClassName("is-group has-gutter");
146 let f = k[0].children
147 let d = f[1].getElementsByClassName("el-table__cell")
148 let p = d[0]
149 p.setAttribute("rowspan", 2)
150 })
151
152 },
153 methods: {
154 handleSearch () { },
155 // 生成文件名
156 generateFileName () {
157 var reg = /(\d{4})\-(\d{2})\-(\d{2})/;
158 this.downTitle = `汉中市不动产登记增量数据登簿质量评价表(${this.form.startTime.replace(reg, "$1年$2月$3日")}至${this.form.endTime.replace(reg, "$1年$2月$3日")})`
159 },
160 handlesetExport2Excel (val) {
161 setExport2Excel(val)
162 },
163 headerStyle ({ row, rowIndex }) {
164 if (rowIndex == 1) {
165 row.forEach(item => {
166 item.rowSpan = 2
167 })
168 }
169 },
170 headerStyle1 ({ row, rowIndex }) {
171 if (rowIndex == 2) {
172 row.forEach(item => {
173 item.rowSpan = 2
174 }) 182 })
183 },
184 // 重置
185 handleResetForm () {
186 this.form.startTime = getCurrentDate()
187 this.form.endTime = getCurrentDate('time')
188 this.featchDataSelf()
175 } 189 }
176 },
177 // 初始化数据
178 featchDataSelf () {
179 registerBookQuality(this.form.startTime, this.form.endTime).then(res => {
180 let records = res.result
181 this.tableData.data = records ? records : []
182 })
183 },
184 // 重置
185 handleResetForm () {
186 this.form.startTime = getCurrentDate()
187 this.form.endTime = getCurrentDate('time')
188 this.featchDataSelf()
189 } 190 }
190 } 191 }
191 }
192 </script> 192 </script>
193 <style scoped lang="scss"> 193 <style scoped lang="scss">
194 // 引入表单整体样式 194 // 引入表单整体样式
195 @import "../css/index.scss"; 195 @import "../css/index.scss";
196 196
197 /deep/.el-table thead.is-group th.el-table__cell { 197 /deep/.el-table thead.is-group th.el-table__cell {
198 height: 14px !important; 198 height: 14px !important;
199 } 199 }
200 </style> 200 </style>
201 201
......