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

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

上级 312068b2
...@@ -9,10 +9,10 @@ ...@@ -9,10 +9,10 @@
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,8 +67,7 @@ const TabData = [ ...@@ -67,8 +67,7 @@ const TabData = [
{ {
name: "长兴县", name: "长兴县",
score: 66, score: 66,
type: 1 type: 1,
}, },
{ {
name: "诸暨市", name: "诸暨市",
...@@ -114,7 +113,7 @@ const TabData = [ ...@@ -114,7 +113,7 @@ const TabData = [
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 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论