|
@@ -88,7 +88,13 @@
|
|
<vxe-column field="visible" title="显示" width="90">
|
|
<vxe-column field="visible" title="显示" width="90">
|
|
<template #header> <vxe-checkbox v-model="visibleCheck" size="mini">显示</vxe-checkbox></template>
|
|
<template #header> <vxe-checkbox v-model="visibleCheck" size="mini">显示</vxe-checkbox></template>
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
- <el-checkbox v-model="scope.row.visible" />
|
|
|
|
|
|
+ <el-checkbox v-model="scope.row.visible" @change="visibleCheckChange(scope)" />
|
|
|
|
+ </template>
|
|
|
|
+ </vxe-column>
|
|
|
|
+ <vxe-column field="visible" title="移动端显示" width="90">
|
|
|
|
+ <template #header> <vxe-checkbox v-model="mobileVisibleCheck" size="mini">移动端显示</vxe-checkbox></template>
|
|
|
|
+ <template slot-scope="scope">
|
|
|
|
+ <el-checkbox v-model="scope.row.mobileVisible" />
|
|
</template>
|
|
</template>
|
|
</vxe-column>
|
|
</vxe-column>
|
|
<vxe-column field="sortable" title="排序" width="90">
|
|
<vxe-column field="sortable" title="排序" width="90">
|
|
@@ -161,6 +167,7 @@ export default {
|
|
predefineColors: ['#ff4500', '#ff8c00', '#ffd700', '#90ee90', '#00ced1', '#1e90ff', '#c71585'],
|
|
predefineColors: ['#ff4500', '#ff8c00', '#ffd700', '#90ee90', '#00ced1', '#1e90ff', '#c71585'],
|
|
showHelpTip1: false,
|
|
showHelpTip1: false,
|
|
visibleCheck: false,
|
|
visibleCheck: false,
|
|
|
|
+ mobileVisibleCheck: false,
|
|
sortCheck: false,
|
|
sortCheck: false,
|
|
isFieldShow: false,
|
|
isFieldShow: false,
|
|
setSeachFlag: false,
|
|
setSeachFlag: false,
|
|
@@ -218,6 +225,22 @@ export default {
|
|
this.columnData.columnList = g.T.toTree(columnList, 'children', '_ID', '_PID')
|
|
this.columnData.columnList = g.T.toTree(columnList, 'children', '_ID', '_PID')
|
|
}
|
|
}
|
|
},
|
|
},
|
|
|
|
+ mobileVisibleCheck(val) {
|
|
|
|
+ if (val) {
|
|
|
|
+ const columnList = g.T.toTable(this.columnData.columnList, 'children').map((item) => {
|
|
|
|
+ item.mobileVisible = true
|
|
|
|
+ return item
|
|
|
|
+ })
|
|
|
|
+ this.columnData.columnList = g.T.toTree(columnList, 'children', '_ID', '_PID')
|
|
|
|
+ }
|
|
|
|
+ if (!val) {
|
|
|
|
+ const columnList = g.T.toTable(this.columnData.columnList, 'children').map((item) => {
|
|
|
|
+ item.mobileVisible = false
|
|
|
|
+ return item
|
|
|
|
+ })
|
|
|
|
+ this.columnData.columnList = g.T.toTree(columnList, 'children', '_ID', '_PID')
|
|
|
|
+ }
|
|
|
|
+ },
|
|
sortCheck(val) {
|
|
sortCheck(val) {
|
|
if (val) {
|
|
if (val) {
|
|
const columnList = g.T.toTable(this.columnData.columnList, 'children').map((item) => {
|
|
const columnList = g.T.toTable(this.columnData.columnList, 'children').map((item) => {
|
|
@@ -280,7 +303,7 @@ export default {
|
|
item.format = val.format
|
|
item.format = val.format
|
|
item.type = val.dateType
|
|
item.type = val.dateType
|
|
item.dateType = val.dateType
|
|
item.dateType = val.dateType
|
|
- item.value = val.conditions[0].values ? val.conditions[0].values[0] !== 'Invalid date' ? val.conditions[0].values : null : null
|
|
|
|
|
|
+ item.value = val.conditions[0].values ? (val.conditions[0].values[0] !== 'Invalid date' ? val.conditions[0].values : null) : null
|
|
item.function = val.conditions[0].function
|
|
item.function = val.conditions[0].function
|
|
}
|
|
}
|
|
})
|
|
})
|
|
@@ -343,6 +366,10 @@ export default {
|
|
setColor(item) {
|
|
setColor(item) {
|
|
this.fieldForm = { ...this.fieldForm, ...item }
|
|
this.fieldForm = { ...this.fieldForm, ...item }
|
|
this.isColorVisible = true
|
|
this.isColorVisible = true
|
|
|
|
+ },
|
|
|
|
+ visibleCheckChange(row) {
|
|
|
|
+ row.mobileVisible = row.visible
|
|
|
|
+ console.log(row)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|