Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
C
CRM
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
华国豪
CRM
Commits
1e86d3de
Commit
1e86d3de
authored
May 18, 2022
by
黄奎
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
页面修改
parent
a71f2a7b
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
597 additions
and
510 deletions
+597
-510
Home.vue
src/components/Home.vue
+597
-510
No files found.
src/components/Home.vue
View file @
1e86d3de
...
@@ -313,13 +313,8 @@
...
@@ -313,13 +313,8 @@
<span>
排行榜
</span>
<span>
排行榜
</span>
</el-col>
</el-col>
<el-col
:span=
"12"
class=
"option-item"
style
>
<el-col
:span=
"12"
class=
"option-item"
style
>
<el-select
<el-select
v-model=
"rankType"
size=
"mini"
style=
"width:120px;"
placeholder=
"请选择"
v-model=
"rankType"
@
change=
"GetRankingList"
>
size=
"mini"
style=
"width:120px;"
placeholder=
"请选择"
@
change=
"GetRankingList"
>
<el-option
label=
"销售额排名"
:value=
"1"
></el-option>
<el-option
label=
"销售额排名"
:value=
"1"
></el-option>
<el-option
label=
"新建客户排名"
:value=
"2"
></el-option>
<el-option
label=
"新建客户排名"
:value=
"2"
></el-option>
<el-option
label=
"新建商机排名"
:value=
"3"
></el-option>
<el-option
label=
"新建商机排名"
:value=
"3"
></el-option>
...
@@ -372,511 +367,603 @@
...
@@ -372,511 +367,603 @@
</
template
>
</
template
>
<
script
>
<
script
>
import
ticheng
from
"./chart/ticheng"
;
import
ticheng
from
"./chart/ticheng"
;
import
notincome
from
"./chart/noincome"
;
import
notincome
from
"./chart/noincome"
;
import
sjld
from
"./chart/shangjiloudou"
;
import
sjld
from
"./chart/shangjiloudou"
;
export
default
{
export
default
{
components
:
{
components
:
{
ticheng
,
ticheng
,
notincome
,
notincome
,
sjld
,
sjld
,
},
data
()
{
return
{
rankType
:
1
,
rankType2
:
"1"
,
RankingList
:
[],
Briefing
:
{
model
:
{
TotalPrice
:
0
}
},
},
data
()
{
};
return
{
},
rankType
:
1
,
mounted
()
{
rankType2
:
"1"
,
this
.
GetRankingList
();
RankingList
:
[],
this
.
GetBriefing
();
Briefing
:
{
this
.
createClue
();
model
:
{
this
.
doanLoadFile
();
TotalPrice
:
0
},
}
methods
:
{
},
createClue
()
{
};
var
url
=
""
;
},
var
msg
=
{};
mounted
()
{
//生成线索数据
this
.
GetRankingList
();
this
.
GetBriefing
();
// url = "/api/ClueStatic/CreateClue";
},
// msg={};
methods
:
{
GetBriefing
()
{
//每日数据统计
this
.
apipost
(
"/api/CustomerDashboard/GetBriefing"
,
{},
(
res
)
=>
{
if
(
res
.
data
.
resultCode
==
1
)
{
// url = "/api/ClueStatic/GetClueDay";
this
.
Briefing
=
res
.
data
.
data
;
// msg = {
}
// YearStr: 2022,
});
// MonthStr: 5
},
// }
GetRankingList
()
{
this
.
apipost
(
//每月数据统计
"/api/CustomerDashboard/GetRankingList"
,
{
rankType
:
this
.
rankType
// url = "/api/ClueStatic/GetClueMonth";
},
// msg = {
(
res
)
=>
{
// YearStr: 2022,
if
(
res
.
data
.
resultCode
==
1
)
{
// }
this
.
RankingList
=
res
.
data
.
data
;
}
//每月数据成长率统计
}
// url = "/api/ClueStatic/GetClueMonthRate";
);
// msg = {
},
// YearStr: 2022,
},
// }
};
//年度线索数据统计
// url = "/api/ClueStatic/GetClueYear";
// msg = {
// }
//年度线索成长率数据统计
// url = "/api/ClueStatic/GetClueYearRate";
// msg = {
// }
if
(
url
&&
url
!=
""
)
{
this
.
apipost
(
url
,
msg
,
(
res
)
=>
{
console
.
log
(
"res.data"
,
res
.
data
);
});
}
},
doanLoadFile
()
{
var
url
=
""
;
var
msg
=
{};
//下载每日数据统计
// url = "/api/ClueStatic/DownLoadClueDay";
// msg = {
// YearStr: 2022,
// MonthStr: 5
// }
//下载每月数据统计
// url = "/api/ClueStatic/DownLoadClueMonth";
// msg = {
// YearStr: 2022,
// }
//下载每月数据成长率统计
// url = "/api/ClueStatic/DownLoadClueMonthRate";
// msg = {
// YearStr: 2022,
// }
//下载年度线索数据统计
// url = "/api/ClueStatic/DownLoadClueYear";
// msg = {
// }
//年度线索成长率数据统计
// url = "/api/ClueStatic/DownLoadClueYearRate";
// msg = {
// }
if
(
url
&&
url
!=
""
)
{
this
.
GetLocalFile
(
url
,
msg
,
'数据统计.xls'
,
res
=>
{
console
.
log
(
"res"
,
res
);
});
}
},
GetBriefing
()
{
this
.
apipost
(
"/api/CustomerDashboard/GetBriefing"
,
{},
(
res
)
=>
{
if
(
res
.
data
.
resultCode
==
1
)
{
this
.
Briefing
=
res
.
data
.
data
;
}
});
},
GetRankingList
()
{
this
.
apipost
(
"/api/CustomerDashboard/GetRankingList"
,
{
rankType
:
this
.
rankType
},
(
res
)
=>
{
if
(
res
.
data
.
resultCode
==
1
)
{
this
.
RankingList
=
res
.
data
.
data
;
}
}
);
},
},
};
</
script
>
</
script
>
<
style
>
<
style
>
.home
{
.home
{
width
:
100%
;
width
:
100%
;
margin-bottom
:
25px
;
margin-bottom
:
25px
;
}
}
.el-card__header
{
.el-card__header
{
font-family
:
perfectFont
;
font-family
:
perfectFont
;
font-weight
:
bold
;
font-weight
:
bold
;
}
}
.el-card
,
.el-card
,
.el-message
{
.el-message
{
border-radius
:
0
!important
;
border-radius
:
0
!important
;
}
}
.box-card
.shang-list
{}
.box-card
.shang-list
{}
.box-card
,
.box-card
,
.sum-card
,
.sum-card
,
.rank-card
{
.rank-card
{
padding-bottom
:
20px
;
padding-bottom
:
20px
;
}
}
.box-card
.el-card__body
,
.box-card
.el-card__body
,
.sum-card
.el-card__body
,
.sum-card
.el-card__body
,
.rank-card
.el-card__body
{
.rank-card
.el-card__body
{
height
:
358px
;
height
:
358px
;
overflow-y
:
hidden
;
overflow-y
:
hidden
;
padding
:
0px
20px
!important
;
padding
:
0px
20px
!important
;
margin-top
:
20px
;
margin-top
:
20px
;
}
}
.box-card
.el-card__body
{
.box-card
.el-card__body
{
height
:
237px
;
height
:
237px
;
}
}
/* .box-card .el-card__body:hover, */
/* .box-card .el-card__body:hover, */
.sum-card
.el-card__body
:hover
,
.rank-card
.el-card__body
:hover
{
.sum-card
.el-card__body
:hover
,
overflow-y
:
auto
;
.rank-card
.el-card__body
:hover
{
padding-right
:
16px
!important
;
overflow-y
:
auto
;
}
padding-right
:
16px
!important
;
}
.box-card
.shang-list
.shang-list-item
{
margin-bottom
:
5px
;
.box-card
.shang-list
.shang-list-item
{
height
:
54px
;
margin-bottom
:
5px
;
background
:
rgba
(
242
,
242
,
242
,
1
);
height
:
54px
;
display
:
flex
;
background
:
rgba
(
242
,
242
,
242
,
1
);
align-items
:
center
;
display
:
flex
;
}
align-items
:
center
;
}
.box-card
.icon
{
width
:
26px
;
.box-card
.icon
{
height
:
26px
;
width
:
26px
;
line-height
:
26px
;
height
:
26px
;
text-align
:
center
;
line-height
:
26px
;
background
:
#409efe
;
text-align
:
center
;
color
:
#fff
;
background
:
#409efe
;
margin
:
0
25px
;
color
:
#fff
;
}
margin
:
0
25px
;
}
.box-card
.shang-list
.shang-list-item
.title
{
font-size
:
14px
;
.box-card
.shang-list
.shang-list-item
.title
{
color
:
#333333
;
font-size
:
14px
;
width
:
80px
;
color
:
#333333
;
/* padding-top: 18px; */
width
:
80px
;
font-weight
:
bold
;
/* padding-top: 18px; */
font-family
:
perfectFont
;
font-weight
:
bold
;
}
font-family
:
perfectFont
;
}
.box-card
.shang-list
.shang-list-item
.result
{
flex
:
1
;
.box-card
.shang-list
.shang-list-item
.result
{
padding-left
:
130px
;
flex
:
1
;
font-size
:
20px
;
padding-left
:
130px
;
font-family
:
perfectFont
;
font-size
:
20px
;
color
:
#000
;
font-family
:
perfectFont
;
font-weight
:
bold
;
color
:
#000
;
text-align
:
right
;
font-weight
:
bold
;
padding-right
:
25px
;
text-align
:
right
;
}
padding-right
:
25px
;
}
.box-card
.shang-list
.shang-list-item
.eq
{
width
:
200px
;
.box-card
.shang-list
.shang-list-item
.eq
{
font-size
:
12px
;
width
:
200px
;
color
:
gray
;
font-size
:
12px
;
}
color
:
gray
;
}
.box-card
.shang-list
.shang-list-item
.eq
i
{
font-size
:
26px
;
.box-card
.shang-list
.shang-list-item
.eq
i
{
margin-left
:
30px
;
font-size
:
26px
;
margin-right
:
15px
;
margin-left
:
30px
;
color
:
#333
;
margin-right
:
15px
;
vertical-align
:
sub
;
color
:
#333
;
}
vertical-align
:
sub
;
}
.box-card
.shang-list
.shang-list-item
.eq
.val
{
font-size
:
20px
;
.box-card
.shang-list
.shang-list-item
.eq
.val
{
font-family
:
perfectFont
;
font-size
:
20px
;
}
font-family
:
perfectFont
;
}
.box-card
.shang-list
.shang-list-item
.eq
.green
{
color
:
rgb
(
16
,
124
,
16
);
.box-card
.shang-list
.shang-list-item
.eq
.green
{
}
color
:
rgb
(
16
,
124
,
16
);
}
.box-card
.shang-list
.shang-list-item
.eq
.red
{
color
:
rgb
(
195
,
0
,
82
);
.box-card
.shang-list
.shang-list-item
.eq
.red
{
}
color
:
rgb
(
195
,
0
,
82
);
}
.box-card
.icon
i
{
font-size
:
14px
;
.box-card
.icon
i
{
}
font-size
:
14px
;
}
.box-card
.icon.green
{
background
:
rgb
(
16
,
124
,
16
);
.box-card
.icon.green
{
}
background
:
rgb
(
16
,
124
,
16
);
}
.box-card
.icon.blue
{
background
:
rgb
(
0
,
99
,
177
);
.box-card
.icon.blue
{
}
background
:
rgb
(
0
,
99
,
177
);
}
.box-card
.icon.orange
{
background
:
rgb
(
202
,
80
,
16
);
.box-card
.icon.orange
{
}
background
:
rgb
(
202
,
80
,
16
);
}
.box-card
.icon.grey
{
background
:
rgb
(
118
,
118
,
118
);
.box-card
.icon.grey
{
}
background
:
rgb
(
118
,
118
,
118
);
}
.box-card
.icon.red
{
background
:
rgb
(
195
,
0
,
82
);
.box-card
.icon.red
{
}
background
:
rgb
(
195
,
0
,
82
);
}
.box-card
.icon.zi
{
background
:
rgb
(
136
,
23
,
152
);
.box-card
.icon.zi
{
}
background
:
rgb
(
136
,
23
,
152
);
}
.box-card
.icon.yellow
{
background
:
rgb
(
255
,
185
,
0
);
.box-card
.icon.yellow
{
}
background
:
rgb
(
255
,
185
,
0
);
}
.tic-card
{
padding
:
0px
;
.tic-card
{
height
:
196px
;
padding
:
0px
;
border
:
none
;
height
:
196px
;
}
border
:
none
;
}
.tic-card
.el-card__body
,
.zhou-card
.el-card__body
,
.tic-card
.el-card__body
,
.notinmoney-card
.el-card__body
{
.zhou-card
.el-card__body
,
padding
:
0px
;
.notinmoney-card
.el-card__body
{
}
padding
:
0px
;
}
.tic-card
.tic-content
{
height
:
83px
;
.tic-card
.tic-content
{
width
:
100%
;
height
:
83px
;
}
width
:
100%
;
}
.tic-card
.tic-content
.money-box
{
margin-top
:
20px
;
.tic-card
.tic-content
.money-box
{
margin-right
:
30px
;
margin-top
:
20px
;
color
:
#00c5c8
;
margin-right
:
30px
;
font-family
:
perfectFont
;
color
:
#00c5c8
;
text-align
:
right
;
font-family
:
perfectFont
;
font-size
:
26px
;
text-align
:
right
;
font-weight
:
bold
;
font-size
:
26px
;
}
font-weight
:
bold
;
}
.tic-card
.tic-content
.money-box
small
{
font-size
:
12px
;
.tic-card
.tic-content
.money-box
small
{
font-weight
:
500
;
font-size
:
12px
;
}
font-weight
:
500
;
}
.tic-card
.tic-content
.tips
{
font-size
:
14px
;
.tic-card
.tic-content
.tips
{
color
:
#666
;
font-size
:
14px
;
margin-right
:
30px
;
color
:
#666
;
text-align
:
right
;
margin-right
:
30px
;
}
text-align
:
right
;
}
.tic-card
.tic-chart
{
height
:
111px
;
.tic-card
.tic-chart
{
width
:
100%
;
height
:
111px
;
}
width
:
100%
;
}
.zhou-card
{
padding
:
0px
;
.zhou-card
{
border
:
none
;
padding
:
0px
;
background
:
#409efe
;
border
:
none
;
margin-top
:
25px
;
background
:
#409efe
;
height
:
236px
;
margin-top
:
25px
;
}
height
:
236px
;
}
.zhou-card
.el-card__body
{
padding
:
0px
;
.zhou-card
.el-card__body
{
background
:
url("../assets/img/home/zhouguan.png")
#409efe
;
padding
:
0px
;
height
:
100%
;
background
:
url("../assets/img/home/zhouguan.png")
#409efe
;
background-repeat
:
no-repeat
;
height
:
100%
;
background-size
:
cover
;
background-repeat
:
no-repeat
;
}
background-size
:
cover
;
}
.zhou-card
.title
{
font-size
:
20px
;
.zhou-card
.title
{
font-family
:
perfectFont
;
font-size
:
20px
;
color
:
#fff
;
font-family
:
perfectFont
;
padding
:
10px
0
0
0px
;
color
:
#fff
;
text-indent
:
20px
;
padding
:
10px
0
0
0px
;
}
text-indent
:
20px
;
}
.zhou-card
.money-box
{
margin-top
:
10px
;
.zhou-card
.money-box
{
padding-right
:
20px
!important
;
margin-top
:
10px
;
color
:
#fff
;
padding-right
:
20px
!important
;
font-family
:
perfectFont
;
color
:
#fff
;
text-align
:
right
;
font-family
:
perfectFont
;
font-size
:
26px
;
text-align
:
right
;
font-weight
:
bold
;
font-size
:
26px
;
}
font-weight
:
bold
;
}
.zhou-card
.money-box
small
{
font-size
:
12px
;
.zhou-card
.money-box
small
{
font-weight
:
500
;
font-size
:
12px
;
}
font-weight
:
500
;
}
.zhou-card
.zhou-head
{
margin
:
10px
auto
;
.zhou-card
.zhou-head
{
display
:
block
;
margin
:
10px
auto
;
width
:
70px
;
display
:
block
;
height
:
70px
;
width
:
70px
;
background
:
rgba
(
85
,
189
,
233
,
0.2
);
height
:
70px
;
padding
:
4px
;
background
:
rgba
(
85
,
189
,
233
,
0.2
);
border-radius
:
100%
;
padding
:
4px
;
}
border-radius
:
100%
;
}
.zhou-card
.zhou-head
img
{
width
:
100%
;
.zhou-card
.zhou-head
img
{
height
:
100%
;
width
:
100%
;
border-radius
:
100%
;
height
:
100%
;
}
border-radius
:
100%
;
}
.zhou-card
.zhou-name
{
font-size
:
14px
;
.zhou-card
.zhou-name
{
color
:
#fff
;
font-size
:
14px
;
font-family
:
perfectFont
;
color
:
#fff
;
font-weight
:
bold
;
font-family
:
perfectFont
;
text-align
:
center
;
font-weight
:
bold
;
}
text-align
:
center
;
}
.zhou-card
.zhou-depart
{
font-size
:
14px
;
.zhou-card
.zhou-depart
{
color
:
#fff
;
font-size
:
14px
;
font-family
:
perfectFont
;
color
:
#fff
;
text-align
:
center
;
font-family
:
perfectFont
;
margin-top
:
15px
;
text-align
:
center
;
}
margin-top
:
15px
;
}
.sum-card
.el-card__body
{
height
:
165px
;
.sum-card
.el-card__body
{
overflow-y
:
hidden
;
height
:
165px
;
padding-right
:
20px
;
overflow-y
:
hidden
;
}
padding-right
:
20px
;
}
.sum-card
.sum-list
{}
.sum-card
.sum-list
{}
.sum-card
.sum-list
.sum-list-item
{
height
:
45px
;
.sum-card
.sum-list
.sum-list-item
{
border-bottom
:
1px
solid
#e2e4ef
;
height
:
45px
;
display
:
flex
;
border-bottom
:
1px
solid
#e2e4ef
;
align-items
:
center
;
display
:
flex
;
}
align-items
:
center
;
}
.sum-card
.sum-list
.sum-list-item
.icon
{
width
:
4px
;
.sum-card
.sum-list
.sum-list-item
.icon
{
height
:
12px
;
width
:
4px
;
margin-right
:
10px
;
height
:
12px
;
background
:
#ffa475
;
margin-right
:
10px
;
}
background
:
#ffa475
;
}
.sum-card
.sum-list
.sum-list-item
.icon.green
{
background
:
#94b877
;
.sum-card
.sum-list
.sum-list-item
.icon.green
{
}
background
:
#94b877
;
}
.sum-card
.sum-list
.sum-list-item
.icon.blue
{
background
:
#409efe
;
.sum-card
.sum-list
.sum-list-item
.icon.blue
{
}
background
:
#409efe
;
}
.sum-card
.sum-list
.sum-list-item
.icon.zi
{
background
:
rgb
(
210
,
197
,
240
);
.sum-card
.sum-list
.sum-list-item
.icon.zi
{
}
background
:
rgb
(
210
,
197
,
240
);
}
.sum-card
.sum-list
.sum-list-item
.icon.qing
{
background
:
#55bde9
;
.sum-card
.sum-list
.sum-list-item
.icon.qing
{
}
background
:
#55bde9
;
}
.sum-card
.sum-list
.sum-list-item
.icon.black
{
background
:
#333
;
.sum-card
.sum-list
.sum-list-item
.icon.black
{
}
background
:
#333
;
}
.sum-card
.sum-list
.sum-list-item
.item-name
{
width
:
90px
;
.sum-card
.sum-list
.sum-list-item
.item-name
{
font-size
:
12px
;
width
:
90px
;
}
font-size
:
12px
;
}
.ding
.sum-list
.sum-list-item
.item-name
{
width
:
150px
;
.ding
.sum-list
.sum-list-item
.item-name
{
}
width
:
150px
;
}
.sum-card
.sum-list
.sum-list-item
.item-hui
{
flex
:
1
;
.sum-card
.sum-list
.sum-list-item
.item-hui
{
font-size
:
12px
;
flex
:
1
;
text-align
:
right
;
font-size
:
12px
;
}
text-align
:
right
;
}
.sum-card
.sum-list
.sum-list-item
.item-hui
b
{
font-weight
:
bold
;
.sum-card
.sum-list
.sum-list-item
.item-hui
b
{
font-size
:
22px
;
font-weight
:
bold
;
font-family
:
perfectFont
;
font-size
:
22px
;
margin
:
0
5px
;
font-family
:
perfectFont
;
}
margin
:
0
5px
;
}
.notinmoney-card
{
height
:
268px
;
.notinmoney-card
{
}
height
:
268px
;
}
.notinmoney-card
.title
{
font-size
:
17px
;
.notinmoney-card
.title
{
font-family
:
perfectFont
;
font-size
:
17px
;
color
:
#000
;
font-family
:
perfectFont
;
padding
:
10px
0
0
0px
;
color
:
#000
;
text-indent
:
20px
;
padding
:
10px
0
0
0px
;
font-weight
:
bold
;
text-indent
:
20px
;
}
font-weight
:
bold
;
}
.notinmoney-card
.money
{
font-size
:
30px
;
.notinmoney-card
.money
{
font-family
:
perfectFont
;
font-size
:
30px
;
color
:
#000
;
font-family
:
perfectFont
;
padding
:
10px
0
0
0px
;
color
:
#000
;
text-indent
:
20px
;
padding
:
10px
0
0
0px
;
font-weight
:
bold
;
text-indent
:
20px
;
color
:
#ffa475
;
font-weight
:
bold
;
}
color
:
#ffa475
;
}
.notinmoney-card
.charts-box
{
height
:
178px
;
.notinmoney-card
.charts-box
{
}
height
:
178px
;
}
.notinmoney-card
.money
small
{
font-size
:
12px
;
.notinmoney-card
.money
small
{
font-weight
:
400
;
font-size
:
12px
;
}
font-weight
:
400
;
}
.rank-card
.el-card__body
,
.loudou-card
.el-card__body
{
.rank-card
.el-card__body
,
height
:
358px
;
.loudou-card
.el-card__body
{
overflow-y
:
hidden
;
height
:
358px
;
padding-right
:
20px
;
overflow-y
:
hidden
;
}
padding-right
:
20px
;
}
.rank-list
{}
.rank-list
{}
.rank-list
.rank-list-item
{
height
:
85px
;
.rank-list
.rank-list-item
{
display
:
flex
;
height
:
85px
;
align-items
:
center
;
display
:
flex
;
cursor
:
default
;
align-items
:
center
;
user-select
:
none
;
cursor
:
default
;
}
user-select
:
none
;
}
.rank-list
.rank-list-item
:hover
{
background
:
#f4f5f9
;
.rank-list
.rank-list-item
:hover
{
}
background
:
#f4f5f9
;
}
.rank-list
.rank-list-item
.rank
{
width
:
200px
;
.rank-list
.rank-list-item
.rank
{
font-size
:
18px
;
width
:
200px
;
color
:
#999
;
font-size
:
18px
;
font-family
:
perfectFont
!important
;
color
:
#999
;
font-weight
:
bold
;
font-family
:
perfectFont
!important
;
}
font-weight
:
bold
;
}
.rank-list
.rank-list-item
.rank.blue
{
color
:
#409efe
;
.rank-list
.rank-list-item
.rank.blue
{
}
color
:
#409efe
;
}
.rank-list
.rank-list-item
.rank.red
{
color
:
rgb
(
195
,
0
,
82
);
.rank-list
.rank-list-item
.rank.red
{
}
color
:
rgb
(
195
,
0
,
82
);
}
.rank-list
.rank-list-item
.rank.zi
{
color
:
rgb
(
136
,
23
,
152
);
.rank-list
.rank-list-item
.rank.zi
{
}
color
:
rgb
(
136
,
23
,
152
);
}
.rank-list
.rank-list-item
.head
{
width
:
70px
;
.rank-list
.rank-list-item
.head
{
}
width
:
70px
;
}
.rank-list
.rank-list-item
.rank-name
{
width
:
200px
;
.rank-list
.rank-list-item
.rank-name
{
font-size
:
12px
;
width
:
200px
;
color
:
#666
;
font-size
:
12px
;
}
color
:
#666
;
}
.rank-list
.rank-list-item
.rank-name
.rn
{
font-family
:
perfectFont
!important
;
.rank-list
.rank-list-item
.rank-name
.rn
{
font-weight
:
bold
;
font-family
:
perfectFont
!important
;
color
:
#333
;
font-weight
:
bold
;
font-size
:
16px
;
color
:
#333
;
}
font-size
:
16px
;
}
.rank-list
.rank-list-item
.score
{
font-size
:
22px
;
.rank-list
.rank-list-item
.score
{
font-family
:
perfectFont
!important
;
font-size
:
22px
;
font-weight
:
bold
;
font-family
:
perfectFont
!important
;
color
:
#333
;
font-weight
:
bold
;
text-align
:
right
;
color
:
#333
;
flex
:
1
;
text-align
:
right
;
}
flex
:
1
;
}
.option-item
{
text-align
:
right
;
.option-item
{
}
text-align
:
right
;
}
.option-item
.el-select
>
.el-input
{
display
:
block
;
.option-item
.el-select
>
.el-input
{
background
:
#409efe
;
display
:
block
;
border-radius
:
0
;
background
:
#409efe
;
}
border-radius
:
0
;
}
.option-item
.el-input--mini
.el-input__inner
{
height
:
28px
;
.option-item
.el-input--mini
.el-input__inner
{
line-height
:
28px
;
height
:
28px
;
background
:
#409efe
;
line-height
:
28px
;
border-radius
:
0
;
background
:
#409efe
;
color
:
#f1f1f1
;
border-radius
:
0
;
}
color
:
#f1f1f1
;
}
.option-item
.el-select
.el-input.is-focus
.el-input__inner
{
border-color
:
#409efe
;
.option-item
.el-select
.el-input.is-focus
.el-input__inner
{
}
border-color
:
#409efe
;
}
.el-select-dropdown
{
border-radius
:
0px
!important
;
.el-select-dropdown
{
}
border-radius
:
0px
!important
;
}
.el-select-dropdown__item.selected
{
font-family
:
perfectFont
!important
;
.el-select-dropdown__item.selected
{
color
:
#409efe
!important
;
font-family
:
perfectFont
!important
;
}
color
:
#409efe
!important
;
}
.el-select-dropdown__item
{
/* font-family: perfectFont !important; */
.el-select-dropdown__item
{
font-size
:
12px
!important
;
/* font-family: perfectFont !important; */
}
font-size
:
12px
!important
;
}
.loudou-card
.el-card__header
{
border
:
none
;
.loudou-card
.el-card__header
{
}
border
:
none
;
}
</
style
>
</
style
>
\ No newline at end of file
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment