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