This commit is contained in:
parent
5bf970faf6
commit
7f845a644b
|
@ -602,7 +602,6 @@ onBeforeUnmount(() => {
|
||||||
.ViewDataBottomimg {
|
.ViewDataBottomimg {
|
||||||
background-image: url(@/assets/images/sjfx/sjfx2.png);
|
background-image: url(@/assets/images/sjfx/sjfx2.png);
|
||||||
animation: scaleUpDown 2s infinite;
|
animation: scaleUpDown 2s infinite;
|
||||||
// transform: scale(1.3);
|
|
||||||
}
|
}
|
||||||
.ViewDataBottomimg_1 {
|
.ViewDataBottomimg_1 {
|
||||||
background-image: url(@/assets/images/sjfx/sjfx3.png);
|
background-image: url(@/assets/images/sjfx/sjfx3.png);
|
||||||
|
|
|
@ -10,11 +10,7 @@
|
||||||
>
|
>
|
||||||
<template #header="{ close, titleId, titleClass }">
|
<template #header="{ close, titleId, titleClass }">
|
||||||
<div class="my-header">
|
<div class="my-header">
|
||||||
<el-icon
|
<el-icon size="26" color="#fff" @click="closeDialog">
|
||||||
size="26"
|
|
||||||
color="#fff"
|
|
||||||
@click="closeDialog"
|
|
||||||
>
|
|
||||||
<CircleCloseFilled />
|
<CircleCloseFilled />
|
||||||
</el-icon>
|
</el-icon>
|
||||||
</div>
|
</div>
|
||||||
|
@ -93,21 +89,17 @@
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
:key="item.label"
|
v-else
|
||||||
:property="item.property"
|
:property="item.property"
|
||||||
:label="item.label"
|
:label="item.label"
|
||||||
:show-overflow-tooltip="true"
|
:show-overflow-tooltip="true"
|
||||||
align="center"
|
align="center"
|
||||||
v-else
|
|
||||||
/>
|
/>
|
||||||
</template>
|
</template>
|
||||||
</el-table>
|
</el-table>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div
|
<div v-if="data.tab == '0'" class="pagePart">
|
||||||
v-if="data.tab == '0'"
|
|
||||||
class="pagePart"
|
|
||||||
>
|
|
||||||
<el-pagination
|
<el-pagination
|
||||||
background
|
background
|
||||||
layout="prev, pager, next,total"
|
layout="prev, pager, next,total"
|
||||||
|
@ -119,14 +111,8 @@
|
||||||
v-model:current-page="pagination.currentPage"
|
v-model:current-page="pagination.currentPage"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div v-if="data.tab == '1'" style="width: 100%; height: 70vh">
|
||||||
v-if="data.tab == '1'"
|
<tL :list1="data.list1" :year="data.year"></tL>
|
||||||
style="width: 100%; height: 70vh"
|
|
||||||
>
|
|
||||||
<tL
|
|
||||||
:list1="data.list1"
|
|
||||||
:year="data.year"
|
|
||||||
></tL>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
|
@ -197,7 +183,7 @@ const data = reactive({
|
||||||
pagination: {},
|
pagination: {},
|
||||||
list1: [],
|
list1: [],
|
||||||
year: [],
|
year: [],
|
||||||
tab: '0',
|
tab: "0",
|
||||||
});
|
});
|
||||||
|
|
||||||
const gridData = [];
|
const gridData = [];
|
||||||
|
@ -253,8 +239,8 @@ const handle = (current) => {
|
||||||
emit("handle", current);
|
emit("handle", current);
|
||||||
};
|
};
|
||||||
const changeTab = (val) => {
|
const changeTab = (val) => {
|
||||||
data.tab = val
|
data.tab = val;
|
||||||
}
|
};
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
:deep(.el-dialog) {
|
:deep(.el-dialog) {
|
||||||
|
@ -398,4 +384,4 @@ const changeTab = (val) => {
|
||||||
height: 19px;
|
height: 19px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -36,7 +36,7 @@ const getOption = () => {
|
||||||
tooltip: {
|
tooltip: {
|
||||||
trigger: "axis",
|
trigger: "axis",
|
||||||
padding: [20, 10, 20, 10],
|
padding: [20, 10, 20, 10],
|
||||||
formatter: "{b0}<br />{a1}:{c1} <br />{a2}:{c2}",
|
formatter: "{b0}日<br />{a1}:{c1}",
|
||||||
},
|
},
|
||||||
legend: {
|
legend: {
|
||||||
data: ["骑行次数"],
|
data: ["骑行次数"],
|
||||||
|
@ -49,7 +49,7 @@ const getOption = () => {
|
||||||
show: false,
|
show: false,
|
||||||
},
|
},
|
||||||
grid: {
|
grid: {
|
||||||
top: "5%",
|
top: "8%",
|
||||||
left: "5%",
|
left: "5%",
|
||||||
right: "5%",
|
right: "5%",
|
||||||
bottom: "3%",
|
bottom: "3%",
|
||||||
|
|
Loading…
Reference in New Issue