9be74bbf by renchao@pashanhoo.com

style:导出表格配置化

1 parent a4b488eb
......@@ -4,6 +4,7 @@
"LOGIN": "jg",
"CODE": "BDCJGPT",
"AREARMAP": "610702",
"XZQ": "汉中市",
"SERVERAPI": "/bdcsjsb",
"calcHeight": 200,
"echartTextColor": "#FFFFFF",
......
......@@ -4,6 +4,7 @@
"LOGIN": "sb",
"CODE": "BDCSBPT",
"AREARMAP": "610702",
"XZQ": "汉中市",
"SERVERAPI": "/bdcsjsb",
"calcHeight": 160,
"echartTextColor": "#4A4A4A",
......
......@@ -4,6 +4,7 @@
"LOGIN": "jg",
"CODE": "BDCJGPT",
"AREARMAP": "632701",
"XZQ": "玉树州",
"SERVERAPI": "/bdcsjsb",
"calcHeight": 200,
"echartTextColor": "#FFFFFF",
......
......@@ -4,6 +4,7 @@
"LOGIN": "sb",
"CODE": "BDCSBPT",
"AREARMAP": "632701",
"XZQ": "玉树州",
"SERVERAPI": "/bdcsjsb",
"calcHeight": 160,
"echartTextColor": "#4A4A4A",
......
......@@ -4,6 +4,7 @@
"LOGIN": "jg",
"CODE": "BDCJGPT",
"AREARMAP": "610702",
"XZQ": "汉中市",
"SERVERAPI": "/bdcsjsb",
"calcHeight": 200,
"echartTextColor": "#FFFFFF",
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-03-17 15:10:43
* @LastEditTime: 2023-05-11 10:02:44
*/
import filter from '@/utils/filter.js'
class data extends filter {
......@@ -10,6 +10,20 @@ class data extends filter {
}
columns () {
return [
// {
// prop: 'sjlx',
// label: '数据类型',
// width: 90,
// render: (h, scope) => {
// return (
// <div>
// <span v-show={scope.row.sjlx == 1}>ftp上传</span>
// <span v-show={scope.row.sjlx == 2}>业务库抽取</span>
// <span v-show={scope.row.sjlx == 3}>存量数据</span>
// </div>
// )
// }
// },
{
prop: 'jcjg',
label: '检查结果',
......
......@@ -333,3 +333,4 @@
}
</style>
......
......@@ -101,7 +101,7 @@
]
},
// 表格数据
tableData: {
tableData: {
// 表格头部
columns: [
{
......@@ -136,7 +136,7 @@
// 生成文件名
generateFileName () {
var reg = /(\d{4})\-(\d{2})\-(\d{2})/;
this.downTitle = `汉中市不动产登记增量数据接入质量评价表(${this.form.startTime.replace(reg, "$1年$2月$3日")}${this.form.endTime.replace(reg, "$1年$2月$3日")})`
this.downTitle = this.BASE_API.XZQ + `不动产登记增量数据接入质量评价表(${this.form.startTime.replace(reg, "$1年$2月$3日")}${this.form.endTime.replace(reg, "$1年$2月$3日")})`
},
headerStyle ({ row, rowIndex }) {
if (rowIndex == 4) {
......
......@@ -44,120 +44,120 @@
</template>
<script>
// 相关字段空置率统计
// 引入表格头部数据
import data from "./data";
// 引入table混入方法
import tableMixin from "@/mixins/tableMixin.js";
// 导出excel表格
import downLbTable from '@/components/DownLbTable'
// 获取时间
import { getCurrentDate, setExport2Excel } from "@/utils/tools";
import { nonNullSta } from "@/api/statistics.js";
export default {
name: "jsbwcx",
components: {
downLbTable
},
mixins: [tableMixin],
data () {
return {
pickerOptionsStart: {
disabledDate: (time) => {
let endDateVal = this.form.endTime;
if (endDateVal) {
return (
time.getTime() >=
new Date(endDateVal).getTime()
);
}
// 相关字段空置率统计
// 引入表格头部数据
import data from "./data";
// 引入table混入方法
import tableMixin from "@/mixins/tableMixin.js";
// 导出excel表格
import downLbTable from '@/components/DownLbTable'
// 获取时间
import { getCurrentDate, setExport2Excel } from "@/utils/tools";
import { nonNullSta } from "@/api/statistics.js";
export default {
name: "jsbwcx",
components: {
downLbTable
},
mixins: [tableMixin],
data () {
return {
pickerOptionsStart: {
disabledDate: (time) => {
let endDateVal = this.form.endTime;
if (endDateVal) {
return (
time.getTime() >=
new Date(endDateVal).getTime()
);
}
},
},
},
pickerOptionsEnd: {
disabledDate: (time) => {
let beginDateVal = this.form.startTime;
if (beginDateVal) {
return (
time.getTime() <
new Date(beginDateVal).getTime()
);
}
pickerOptionsEnd: {
disabledDate: (time) => {
let beginDateVal = this.form.startTime;
if (beginDateVal) {
return (
time.getTime() <
new Date(beginDateVal).getTime()
);
}
},
},
},
// 表格数据
// 表格数据
form: {
startTime: "", // 开始日期
endTime: "" // 结束日期
},
// 校验规则
rules: {
startTime: [
{ required: true, message: "请选择开始日期", trigger: "change" },
],
endTime: [
{ required: true, message: "请选择结束日期", trigger: "change" },
]
},
// 表格数据
tableData: {
// 表格头部
columns: [
{
label: "序号",
type: "index",
width: "50"
// index: this.indexMethod,
}
]
.concat(data.columns()),
data: [],
},
downTitle: ''
}
},
watch: {
form: {
startTime: "", // 开始日期
endTime: "" // 结束日期
},
// 校验规则
rules: {
startTime: [
{ required: true, message: "请选择开始日期", trigger: "change" },
],
endTime: [
{ required: true, message: "请选择结束日期", trigger: "change" },
]
handler (newVal, oldVal) {
this.generateFileName()
},
deep: true
}
},
created () {
this.handleResetForm()
this.generateFileName()
},
methods: {
// 生成文件名
generateFileName () {
var reg = /(\d{4})\-(\d{2})\-(\d{2})/;
this.downTitle = this.BASE_API.XZQ + `不动产登记增量数据相关字段空项率统计(${this.form.startTime.replace(reg, "$1年$2月$3日")}${this.form.endTime.replace(reg, "$1年$2月$3日")})`
},
// 表格数据
tableData: {
// 表格头部
columns: [
{
label: "序号",
type: "index",
width: "50"
// index: this.indexMethod,
}
]
.concat(data.columns()),
data: [],
handlesetExport2Excel (val) {
setExport2Excel(val)
},
downTitle: ''
}
},
watch: {
form: {
handler (newVal, oldVal) {
this.generateFileName()
// 初始化数据
featchDataSelf () {
nonNullSta(this.form.startTime, this.form.endTime).then(res => {
let records = res.result
this.tableData.data = records ? records : []
})
},
deep: true
}
},
created () {
this.handleResetForm()
this.generateFileName()
},
methods: {
// 生成文件名
generateFileName () {
var reg = /(\d{4})\-(\d{2})\-(\d{2})/;
this.downTitle = `汉中市不动产登记增量数据相关字段空项率统计(${this.form.startTime.replace(reg, "$1年$2月$3日")}${this.form.endTime.replace(reg, "$1年$2月$3日")})`
},
handlesetExport2Excel (val) {
setExport2Excel(val)
},
// 初始化数据
featchDataSelf () {
nonNullSta(this.form.startTime, this.form.endTime).then(res => {
let records = res.result
this.tableData.data = records ? records : []
})
},
// 重置
handleResetForm () {
this.form.startTime = getCurrentDate()
this.form.endTime = getCurrentDate('time')
this.featchDataSelf()
// 重置
handleResetForm () {
this.form.startTime = getCurrentDate()
this.form.endTime = getCurrentDate('time')
this.featchDataSelf()
}
}
}
}
</script>
<style scoped lang="scss">
// 引入表单整体样式
@import "../css/index.scss";
// 引入表单整体样式
@import "../css/index.scss";
/deep/.el-table thead.is-group th.el-table__cell {
height: 14px !important;
}
/deep/.el-table thead.is-group th.el-table__cell {
height: 14px !important;
}
</style>
......
......@@ -2,7 +2,7 @@
* @Author: yangwei
* @Date: 2023-02-17 16:32:50
* @LastEditors: Please set LastEditors
* @LastEditTime: 2023-03-28 10:24:52
* @LastEditTime: 2023-05-11 10:11:15
* @FilePath: \bdcjg-web\src\views\statistics\registerBookQuality\index.vue
* @Description:
*
......@@ -54,148 +54,148 @@
</template>
<script>
// 登簿质量评价表
// 引入表格头部数据
import data from "./data";
// 引入table混入方法
import tableMixin from "@/mixins/tableMixin.js";
// 导出excel表格
import downLbTable from '@/components/DownLbTable'
// 获取时间
import { getCurrentDate, setExport2Excel } from "@/utils/tools";
import { registerBookQuality } from "@/api/statistics.js";
// 登簿质量评价表
// 引入表格头部数据
import data from "./data";
// 引入table混入方法
import tableMixin from "@/mixins/tableMixin.js";
// 导出excel表格
import downLbTable from '@/components/DownLbTable'
// 获取时间
import { getCurrentDate, setExport2Excel } from "@/utils/tools";
import { registerBookQuality } from "@/api/statistics.js";
export default {
name: "jsbwcx",
components: {
downLbTable
},
mixins: [tableMixin],
data () {
return {
pickerOptionsStart: {
disabledDate: (time) => {
let endDateVal = this.form.endTime;
if (endDateVal) {
return (
time.getTime() >=
new Date(endDateVal).getTime()
);
}
export default {
name: "jsbwcx",
components: {
downLbTable
},
mixins: [tableMixin],
data () {
return {
pickerOptionsStart: {
disabledDate: (time) => {
let endDateVal = this.form.endTime;
if (endDateVal) {
return (
time.getTime() >=
new Date(endDateVal).getTime()
);
}
},
},
},
pickerOptionsEnd: {
disabledDate: (time) => {
let beginDateVal = this.form.startTime;
if (beginDateVal) {
return (
time.getTime() <
new Date(beginDateVal).getTime()
);
}
pickerOptionsEnd: {
disabledDate: (time) => {
let beginDateVal = this.form.startTime;
if (beginDateVal) {
return (
time.getTime() <
new Date(beginDateVal).getTime()
);
}
},
},
},
// 表格数据
// 表格数据
form: {
startTime: "", // 开始日期
endTime: "", // 结束日期
currentPage: 1
},
// 校验规则
rules: {
startTime: [
{ required: true, message: "请选择开始日期", trigger: "change" },
],
endTime: [
{ required: true, message: "请选择结束日期", trigger: "change" },
]
},
// 表格数据
tableData: {
// 表格头部
columns: [
{
label: "序号",
type: "index",
width: "50",
index: this.indexMethod,
}
]
.concat(data.columns()),
data: []
},
downTitle: ''
}
},
watch: {
form: {
startTime: "", // 开始日期
endTime: "", // 结束日期
currentPage: 1
handler (newVal, oldVal) {
this.generateFileName()
},
deep: true
}
},
created () {
this.handleResetForm()
this.generateFileName()
},
mounted () {
this.$nextTick(function () {
let c = document.getElementsByClassName("el-table__header")
let k = c[0].getElementsByClassName("is-group has-gutter");
let f = k[0].children
let d = f[1].getElementsByClassName("el-table__cell")
let p = d[0]
p.setAttribute("rowspan", 2)
})
},
methods: {
handleSearch () { },
// 生成文件名
generateFileName () {
var reg = /(\d{4})\-(\d{2})\-(\d{2})/;
this.downTitle = this.BASE_API.XZQ + `不动产登记增量数据登簿质量评价表(${this.form.startTime.replace(reg, "$1年$2月$3日")}${this.form.endTime.replace(reg, "$1年$2月$3日")})`
},
// 校验规则
rules: {
startTime: [
{ required: true, message: "请选择开始日期", trigger: "change" },
],
endTime: [
{ required: true, message: "请选择结束日期", trigger: "change" },
]
handlesetExport2Excel (val) {
setExport2Excel(val)
},
// 表格数据
tableData: {
// 表格头部
columns: [
{
label: "序号",
type: "index",
width: "50",
index: this.indexMethod,
}
]
.concat(data.columns()),
data: []
headerStyle ({ row, rowIndex }) {
if (rowIndex == 1) {
row.forEach(item => {
item.rowSpan = 2
})
}
},
downTitle: ''
}
},
watch: {
form: {
handler (newVal, oldVal) {
this.generateFileName()
headerStyle1 ({ row, rowIndex }) {
if (rowIndex == 2) {
row.forEach(item => {
item.rowSpan = 2
})
}
},
deep: true
}
},
created () {
this.handleResetForm()
this.generateFileName()
},
mounted () {
this.$nextTick(function () {
let c = document.getElementsByClassName("el-table__header")
let k = c[0].getElementsByClassName("is-group has-gutter");
let f = k[0].children
let d = f[1].getElementsByClassName("el-table__cell")
let p = d[0]
p.setAttribute("rowspan", 2)
})
},
methods: {
handleSearch () { },
// 生成文件名
generateFileName () {
var reg = /(\d{4})\-(\d{2})\-(\d{2})/;
this.downTitle = `汉中市不动产登记增量数据登簿质量评价表(${this.form.startTime.replace(reg, "$1年$2月$3日")}${this.form.endTime.replace(reg, "$1年$2月$3日")})`
},
handlesetExport2Excel (val) {
setExport2Excel(val)
},
headerStyle ({ row, rowIndex }) {
if (rowIndex == 1) {
row.forEach(item => {
item.rowSpan = 2
})
}
},
headerStyle1 ({ row, rowIndex }) {
if (rowIndex == 2) {
row.forEach(item => {
item.rowSpan = 2
// 初始化数据
featchDataSelf () {
registerBookQuality(this.form.startTime, this.form.endTime).then(res => {
let records = res.result
this.tableData.data = records ? records : []
})
},
// 重置
handleResetForm () {
this.form.startTime = getCurrentDate()
this.form.endTime = getCurrentDate('time')
this.featchDataSelf()
}
},
// 初始化数据
featchDataSelf () {
registerBookQuality(this.form.startTime, this.form.endTime).then(res => {
let records = res.result
this.tableData.data = records ? records : []
})
},
// 重置
handleResetForm () {
this.form.startTime = getCurrentDate()
this.form.endTime = getCurrentDate('time')
this.featchDataSelf()
}
}
}
</script>
<style scoped lang="scss">
// 引入表单整体样式
@import "../css/index.scss";
// 引入表单整体样式
@import "../css/index.scss";
/deep/.el-table thead.is-group th.el-table__cell {
height: 14px !important;
}
/deep/.el-table thead.is-group th.el-table__cell {
height: 14px !important;
}
</style>
......