提交 8d7322e5 authored 作者: Your Name's avatar Your Name

fix(数据中心): 排名列表数据替换

上级 312068b2
...@@ -7,12 +7,12 @@ ...@@ -7,12 +7,12 @@
size="small" size="small"
style="width: 100%" style="width: 100%"
empty-text="--" empty-text="--"
header-row-class-name="tabs-header" header-row-class-name="tabs-header"
> >
<el-table-column label="序号" width="120" align="center" > <el-table-column label="序号" width="120" align="center">
<template #default="scope"> <template #default="scope">
<div > <div>
<div v-if="scope.$index > 2"> {{ scope.$index + 1 }}</div> <div v-if="scope.$index > 2">{{ scope.$index + 1 }}</div>
<div <div
v-else v-else
class="tab-index" class="tab-index"
...@@ -67,54 +67,53 @@ const TabData = [ ...@@ -67,54 +67,53 @@ const TabData = [
{ {
name: "长兴县", name: "长兴县",
score: 66, score: 66,
type: 1 type: 1,
}, },
{ {
name: "诸暨市", name: "诸暨市",
score: 63, score: 63,
type: 2, type: 2,
}, },
{ {
name: "海曙区", name: "海曙区",
score: 60, score: 60,
type: 2, type: 2,
}, },
{ {
name: "上城区", name: "上城区",
score: 60, score: 60,
type: 1, type: 1,
}, },
{ {
name: "永康市", name: "永康市",
score: 59.5, score: 59.5,
type: 2, type: 2,
}, },
{ {
name: "衢江区", name: "衢江区",
score: 57.5, score: 57.5,
type: 2, type: 2,
}, },
{ {
name: "象山县", name: "象山县",
score: 57, score: 57,
type: 2, type: 2,
}, },
{ {
name: "德清县", name: "德清县",
score: 55.5, score: 55.5,
type: 2, type: 2,
}, },
{ {
name: "温岭市", name: "温岭市",
score: 52, score: 52,
type: 2, type: 2,
}, },
{ {
name: "缙云县", name: "缙云县",
score: 46.5, score: 46.5,
type: 1, type: 1,
} },
]; ];
const Colors = { const Colors = {
1: "#e45c5c", 1: "#e45c5c",
...@@ -131,8 +130,83 @@ export default defineComponent({ ...@@ -131,8 +130,83 @@ export default defineComponent({
setup() {}, setup() {},
data() { data() {
return { return {
tableData: TabData, tableData: [
colors: Colors, {
name: "南湖区",
score: 69.5,
type: 1,
},
{
name: "萧山区",
score: 68,
type: 2,
},
{
name: "鄞州区",
score: 67,
type: 2,
},
{
name: "西湖区",
score: 66,
type: 2,
},
{
name: "长兴县",
score: 66,
type: 1,
},
{
name: "诸暨市",
score: 63,
type: 2,
},
{
name: "海曙区",
score: 60,
type: 2,
},
{
name: "上城区",
score: 60,
type: 1,
},
{
name: "永康市",
score: 59.5,
type: 2,
},
{
name: "衢江区",
score: 57.5,
type: 2,
},
{
name: "象山县",
score: 57,
type: 2,
},
{
name: "德清县",
score: 55.5,
type: 2,
},
{
name: "温岭市",
score: 52,
type: 2,
},
{
name: "缙云县",
score: 46.5,
type: 1,
},
],
colors: {
1: "#e45c5c",
2: "#ea8234",
3: "#fac858",
},
}; };
}, },
methods: { methods: {
...@@ -142,20 +216,18 @@ export default defineComponent({ ...@@ -142,20 +216,18 @@ export default defineComponent({
</script> </script>
<style> <style>
.tabs-header { .tabs-header {
} }
.tabs-header .el-table__cell{ .tabs-header .el-table__cell {
background-color: #e3f0ff !important; background-color: #e3f0ff !important;
color: #333; color: #333;
font-weight: bold; font-weight: bold;
} }
</style> </style>
<style lang="scss" scoped> <style lang="scss" scoped>
.el-scrollbar { .el-scrollbar {
margin-top: 10px; margin-top: 10px;
} }
.tab-other-index{ .tab-other-index {
text-align: center; text-align: center;
} }
.tab-index { .tab-index {
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论