分析,基础分析,表格高度;
This commit is contained in:
@@ -4,7 +4,7 @@
|
|||||||
:align="'center'"
|
:align="'center'"
|
||||||
:columns="columns"
|
:columns="columns"
|
||||||
:dataSource="tableSource"
|
:dataSource="tableSource"
|
||||||
:scroll="{ x: 300, y: 400 }"
|
:scroll="{ x: 300, y: 455 }"
|
||||||
rowKey="title"
|
rowKey="title"
|
||||||
:pagination="finalPagination"
|
:pagination="finalPagination"
|
||||||
class="ant-table-striped"
|
class="ant-table-striped"
|
||||||
|
|||||||
@@ -67,7 +67,7 @@ const finalPagination = computed(() => {
|
|||||||
})
|
})
|
||||||
|
|
||||||
const scroll = computed(() =>
|
const scroll = computed(() =>
|
||||||
tableSource.value.length >= perPage.value ? { x: '100%', y:420 } : { x: '100%', y: 420}
|
tableSource.value.length >= perPage.value ? { x: '100%', y:475 } : { x: '100%', y: 475}
|
||||||
);
|
);
|
||||||
|
|
||||||
function renderTitle(title) {
|
function renderTitle(title) {
|
||||||
|
|||||||
@@ -36,7 +36,7 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { defineComponent, ref, watch , inject} from "vue";
|
import { computed, defineComponent, ref, watch , inject} from "vue";
|
||||||
import { cloneDeep } from "lodash";
|
import { cloneDeep } from "lodash";
|
||||||
import pieChart from "@/components/chart/PieChart";
|
import pieChart from "@/components/chart/PieChart";
|
||||||
import ChartAction from "@/views/DataAnalyse/diagram/components/ChartAction";
|
import ChartAction from "@/views/DataAnalyse/diagram/components/ChartAction";
|
||||||
@@ -83,7 +83,9 @@ export default defineComponent({
|
|||||||
const columns = ref([]);
|
const columns = ref([]);
|
||||||
const head = ref([]);
|
const head = ref([]);
|
||||||
const tableSource = ref([]);
|
const tableSource = ref([]);
|
||||||
const scroll = ref({ y: 110, x: 400 });
|
const scroll = computed(() => {
|
||||||
|
return { y: props.data.group_head.length > 0 ? 110 : 165, x: 400 };
|
||||||
|
});
|
||||||
const source = ref(props.data.option);
|
const source = ref(props.data.option);
|
||||||
const option = ref({});
|
const option = ref({});
|
||||||
|
|
||||||
@@ -187,7 +189,7 @@ export default defineComponent({
|
|||||||
if(data.group_head.length > 0){
|
if(data.group_head.length > 0){
|
||||||
const hasRowGroup = data.head[0]?.key === "rowGroupTitle";
|
const hasRowGroup = data.head[0]?.key === "rowGroupTitle";
|
||||||
let keys = [];
|
let keys = [];
|
||||||
columns.value = data.group_head.map((groupItem) => {
|
columns.value = data.group_head.map((groupItem, groupIndex) => {
|
||||||
let children = [];
|
let children = [];
|
||||||
children = groupItem.children.map((item) => {
|
children = groupItem.children.map((item) => {
|
||||||
keys.push(item.key);
|
keys.push(item.key);
|
||||||
@@ -218,6 +220,7 @@ export default defineComponent({
|
|||||||
});
|
});
|
||||||
return {
|
return {
|
||||||
...groupItem,
|
...groupItem,
|
||||||
|
title: () => <RenderTableTitle title={groupItem.title}/>,
|
||||||
children: children,
|
children: children,
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -84,7 +84,7 @@ export default defineComponent({
|
|||||||
const chart = ref(null);
|
const chart = ref(null);
|
||||||
const columns = ref([]);
|
const columns = ref([]);
|
||||||
const tableSource = ref([]);
|
const tableSource = ref([]);
|
||||||
const scroll = ref({ y: 135, x: 400 });
|
const scroll = ref({ y: 230, x: 400 });
|
||||||
const source = ref([]);
|
const source = ref([]);
|
||||||
const option = ref({});
|
const option = ref({});
|
||||||
const other =
|
const other =
|
||||||
|
|||||||
@@ -193,7 +193,7 @@ function fullScreen() {
|
|||||||
.diagram-item {
|
.diagram-item {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
position: relative;
|
position: relative;
|
||||||
height: 640px;
|
height: 695px;
|
||||||
padding: 24px 32px 24px 32px;
|
padding: 24px 32px 24px 32px;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
|
|||||||
@@ -66,7 +66,7 @@ export default defineComponent({
|
|||||||
const tableInstance = inject('tableInstance')
|
const tableInstance = inject('tableInstance')
|
||||||
|
|
||||||
const chart = ref(null);
|
const chart = ref(null);
|
||||||
const scroll = ref({ y: 140, x: 400 });
|
const scroll = ref({ y: 195, x: 400 });
|
||||||
const option = ref({})
|
const option = ref({})
|
||||||
const options = ref({
|
const options = ref({
|
||||||
legendData: [],
|
legendData: [],
|
||||||
|
|||||||
@@ -69,7 +69,7 @@ const chart = ref(null);
|
|||||||
|
|
||||||
const columns = ref([]);
|
const columns = ref([]);
|
||||||
const tableSource = ref([]);
|
const tableSource = ref([]);
|
||||||
const scroll = ref({ y: 140, x: 400 });
|
const scroll = ref({ y: 195, x: 400 });
|
||||||
const source = ref(props.data.option);
|
const source = ref(props.data.option);
|
||||||
const option = ref({});
|
const option = ref({});
|
||||||
const chart_params = ref({});
|
const chart_params = ref({});
|
||||||
|
|||||||
@@ -71,7 +71,7 @@ const chart = ref(null);
|
|||||||
|
|
||||||
const columns = ref([]);
|
const columns = ref([]);
|
||||||
const tableSource = ref([]);
|
const tableSource = ref([]);
|
||||||
const scroll = ref({ y: 135, x: 400 });
|
const scroll = ref({ y: 230, x: 400 });
|
||||||
const source = ref(props.data.option);
|
const source = ref(props.data.option);
|
||||||
const option = ref({});
|
const option = ref({});
|
||||||
const chart_params = ref({});
|
const chart_params = ref({});
|
||||||
|
|||||||
@@ -71,7 +71,7 @@ const chart = ref(null);
|
|||||||
|
|
||||||
const columns = ref([]);
|
const columns = ref([]);
|
||||||
const tableSource = ref([]);
|
const tableSource = ref([]);
|
||||||
const scroll = ref({ y: 135, x: 400 });
|
const scroll = ref({ y: 230, x: 400 });
|
||||||
const source = ref(props.data.option);
|
const source = ref(props.data.option);
|
||||||
const option = ref({});
|
const option = ref({});
|
||||||
const chart_params = ref({});
|
const chart_params = ref({});
|
||||||
|
|||||||
@@ -70,7 +70,7 @@ const chart = ref(null);
|
|||||||
|
|
||||||
const columns = ref([]);
|
const columns = ref([]);
|
||||||
const tableSource = ref([]);
|
const tableSource = ref([]);
|
||||||
const scroll = ref({ y: 135, x: 400 });
|
const scroll = ref({ y: 230, x: 400 });
|
||||||
const source = ref(props.data.option);
|
const source = ref(props.data.option);
|
||||||
const option = ref({});
|
const option = ref({});
|
||||||
const chart_params = ref({});
|
const chart_params = ref({});
|
||||||
|
|||||||
@@ -70,7 +70,7 @@ const chart = ref(null);
|
|||||||
|
|
||||||
const columns = ref([]);
|
const columns = ref([]);
|
||||||
const tableSource = ref([]);
|
const tableSource = ref([]);
|
||||||
const scroll = ref({ y: 135, x: 400 });
|
const scroll = ref({ y: 230, x: 400 });
|
||||||
const source = ref(props.data.option);
|
const source = ref(props.data.option);
|
||||||
const option = ref({});
|
const option = ref({});
|
||||||
const chart_params = ref({});
|
const chart_params = ref({});
|
||||||
|
|||||||
Reference in New Issue
Block a user