Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
M
mes-ui
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
周远喜
mes-ui
Commits
10cb42cc
Commit
10cb42cc
authored
Sep 28, 2020
by
骆瑛
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
修改表格所有的样式集合
parent
98a23682
Hide whitespace changes
Inline
Side-by-side
Showing
8 changed files
with
679 additions
and
159 deletions
+679
-159
iview-reset.less
assets/css/iview-reset.less
+10
-131
deepBlank.less
assets/css/themes/deepBlank.less
+20
-5
default.less
assets/css/themes/default.less
+25
-9
green.less
assets/css/themes/green.less
+23
-4
process.vue
components/page/import/process.vue
+1
-1
staChart.vue
pages/home/component/staChart.vue
+2
-2
index.vue
pages/technology/index.vue
+37
-7
index.vue
pages/theme/index.vue
+561
-0
No files found.
assets/css/iview-reset.less
View file @
10cb42cc
...
...
@@ -555,151 +555,30 @@
color: @page-color;
opacity: 0.7;
}
//表格
.ivu-table-header {
border: 1px solid @table-header-border !important;
}
.ivu-table-header thead tr th ,.table-tools table thead tr th{
background: @table-header-bg !important;
border: 1px solid @table-header-border !important;
color: @table-header-color !important;
}
.ivu-table-tip{
background:@table-body-bg !important;
}
/*底色斑马纹*/
.ivu-table td{
background-color:@table-body-bg ;
}
.ivu-table tr:nth-child(even) td{
background-color:@table-body-bg_even !important;
}
.ivu-table-wrapper {//表格最外层的border
border: none !important;
}
.ivu-table-body {
//表格树的下拉样式
.treeTbale table tbody .treetr {
background-color: @table-body-bg;
}
.ivu-table-wrapper tr td {
background-color:@table-body-bg ;
// border: 1px solid @tableCommon-boder !important;
}
//表格内部线条
.ivu-table-border td{
border: 1px solid @tableCommon-boder !important;
}
.ivu-table:before {
//表格下边框线
background-color: @table-boder !important;
.treeTbale table tbody .treetr:nth-child(even) {
background-color: @table-body-bg_even !important;
}
.ivu-table-border:after {
//表格右边框线
background-color: @table-boder !important;
}
.ivu-table td {
border-bottom:1px solid @table_line !important;
}
/*选中某一行高亮*/
.ivu-table-row:hover{
.treeTbale table tbody .treetr:hover td {
background: @table-row-hover !important;
border: 2px solid @table_line !important;
}
.ivu-table-row-highlight tr{
background: @table-row-hover !important;
border: 2px solid @table_line !important;
border-right: 2px solid transparent !important;
border-left: 2px solid transparent !important;
}
/*浮在某行*/
.ivu-table-row-hover td ,.ivu-table tr:nth-child(even):hover{
background: @table-row-hover !important;
border: 2px solid @table_line !important;
border-right: 2px solid transparent !important;
border-left: 2px solid transparent !important;
}
.ivu-table-row-hover td:first-child {
.treeTbale table tbody .treetr:hover td:first-child {
border-left: 2px solid @table_line !important;
}
.ivu-table-row-hover td:last-child {
border-right: 2px solid @table_line !important;
}
.ivu-dropdown-rel:hover {
.ivu-btn-text {
background-color: @primary-color;
}
}
//表格字体颜色
.ivu-table {
color: @table-color !important;
}
//表格页面整体背景色处理
.product-layout{
.ivu-layout-content {
background-color: @product_content_backcolor;
}
}
//表格内checkbox
.ivu-checkbox-inner{
background: transparent !important;
}
//表格树的下拉样式
.treeTbale table tbody .treetr{
background-color:@table-body-bg ;
box-sizing: border-box;
}
.treeTbale table tbody .treetr:nth-child(even){
background-color:@table-body-bg_even !important;
}
.treeTbale table tbody .treetr:hover td{
background: @table-row-hover !important;
border: 2px solid @table_line !important;
border-right: 2px solid transparent !important;
border-left: 2px solid transparent !important;
}
.treeTbale table tbody .treetr:hover td:first-child {
border-left: 2px solid @table_line !important;
}
.treeTbale table tbody .treetr:hover td:last-child {
.treeTbale table tbody .treetr:hover td:last-child {
border-right: 2px solid @table_line !important;
}
.treetr .ivu-icon{
color: @treetr_icon;
}
//修改的搜索框样式
.search_icon {
width: 36px;
height: 32px;
background: #106FFE;
border:1px solid #106FFE;
box-sizing: border-box;
.ivu-btn{
border-radius: 0px 4px 4px 0px !important;
}
}
.search_text span{
color: @search_text_span !important;
border: 1px solid transparent !important;
}
.search_text:hover{
span{
color: #106FFE !important;
}
border: 1px solid transparent !important;
background: transparent !important;
.treetr .ivu-icon {
color: @treetr_icon;
}
assets/css/themes/deepBlank.less
View file @
10cb42cc
...
...
@@ -94,8 +94,13 @@
@right-icon-color: #F5F6FA;
@right-icon-color-hover: #106FFE;
@table-bg-color:#2F2F57;
@padding_input_border:#222341;
@search_icon_bg: #106FFE;
@table_checkbox_bg: #106FFE;
@table_checkbox_bd:#FFFFFF;
@table_checkbox_bd_header:#FFFFFF;
//高级搜索文字
@search_text_span:#ffffff;
//分页
@page-active-bg: rgba(16, 111, 254, 1);
@page-active-color-hover: #fff;
...
...
@@ -104,21 +109,33 @@
//表格
@table_highbd:transparent;
@table-header-bg:#106FFE;
@table-header-border:#106FFE;
@table-border:#2F2F57;
@header_bd_right:#106FFE;
@table-header-color:#ffffff;
@table-body-bg:#2F2F57;
@table-body-bd:transparent;
@table_check_bd:1px solid #ffffff;
@table-body-bg_even:rgba(34, 35, 65, 0.41);
@table-body-bd_odd:transparent;
@checkbox-inner:transparent;
@table_body_allcol:#ffffff;
@tableCommon-bg:transparent;
@tableCommon-boder:transparent;
@table-boder:transparent;
@top_line:transparent;
@str_border:#222341;
@table-row-hover:#2F2F57;
@dispatch_part_border:1px solid transparent;
@back_part_top:#2F2F57;
@part_top_title:#ffffff;
@part_top_border:1px solid #2F2F57;
@table_border-bg:transparent;
@table_line:#106FFE;
@table_line:#106FFE;//不能改变高显行
@table-bottom_line:transparent;
@table-bottom-border:#ffffff;
// @border-right_line:transparent;
//工单列表等背景色
@part_body_backcolor:#2F2F57;
...
...
@@ -129,5 +146,3 @@
@select_title:#ffffff;
//表格树的下拉
@treetr_icon:#ffffff;
//高级搜索文字
@search_text_span:#ffffff;
\ No newline at end of file
assets/css/themes/default.less
View file @
10cb42cc
...
...
@@ -96,7 +96,13 @@
@right-icon-color: #515A6E;
@right-icon-color-hover: #F5F6FA;
@table-bg-color:#ffffff;
@padding_input_border:#dcdee2;
@search_icon_bg:#2d8cf0;
@table_checkbox_bg:#2d8cf0;
@table_checkbox_bd:#e8eaec;
@table_checkbox_bd_header:#e8eaec;
//高级搜索文字
@search_text_span:#515a6e;
//分页
@page-active-bg: #fff;
@page-active-color-hover: #515A6E;
...
...
@@ -104,21 +110,33 @@
@page-color: #515A6E;
//表格
@table-header-bg: #F8F8F9;
@table-header-border: #F8F8F9;
@table_highbd:#dcdee2;
@table-header-bg: #F5F6FA;
@table-header-border: #dcdee2;
@table-border: #dcdee2;
@header_bd_right:#e8eaec;
@table-header-color:#515a6e;
@table-body-bg: #fff;
@table-body-bg_even:#f7f7f7;
@table-body-bd:none;
@table_check_bd:transparent;
@table-body-bg_even:#f8f8f9;
@table-body-bd_odd: 1px solid #e8eaec;
@checkbox-inner:transparent;
@table_body_allcol:#515a6e;
@tableCommon-bg: #fff;
@tableCommon-boder:transparent;// #dcdee2
@tableCommon-boder:transparent;
@top_line:#dcdee2;
@str_border:#dcdee2;
@table-boder: transparent;
@table-row-hover: #E
FF8F7
;
@table-row-hover: #E
bf7ff
;
@dispatch_part_border:1px solid #ccc;
@back_part_top:#f5f6fa;
@part_top_title:#515a6e;
@part_top_border:1px solid #f5f6fa;
@table_border-bg:#dcdee2;
@table_line:#e8eaec;
@table_line:#ebf7ff;
@table-bottom_line:#dcdee2;
@table-bottom-border:#ffffff;
// @border-right_line:#dcdee2;
//工单列表等背景色
@part_body_backcolor:#ffffff;
...
...
@@ -129,5 +147,3 @@
@select_title:#515a6e;
//表格树的下拉
@treetr_icon: #2d8cf0;
//高级搜索文字
@search_text_span:#515a6e;
\ No newline at end of file
assets/css/themes/green.less
View file @
10cb42cc
...
...
@@ -94,7 +94,14 @@
@right-icon-color: #515A6E;
@right-icon-color-hover: #F5F6FA;
@table-bg-color:#ffffff;
@padding_input_border:#253d6d;
@search_icon_bg: #253D6D;
@table_checkbox_bg: #106FFE;
@table_checkbox_bd:#182C51;
@table_checkbox_bd_header:#FFFFFF;
@table-color:#182C51;
//高级搜索文字
@search_text_span: #253D6D;;
//分页
@page-active-bg: #253D6D;
...
...
@@ -103,21 +110,34 @@
@page-color: #515A6E;
//表格
@table_highbd:transparent;
@table-header-bg: #253D6D;
@table-header-border: #253D6D;
@table-border:transparent;
@header_bd_right:#253D6D;
@table-header-color:#ffffff;
@table-body-bg: #fff;
@table_check_bd:1px solid #ffffff;
@table-body-bd:transparent;
@table-body-bg_even:rgba(4, 187, 140, 0.06);
@table-body-bd_odd:transparent;
@checkbox-inner:transparent;
@table_body_allcol:#182C51;
@tableCommon-bg: transparent;
@tableCommon-boder: transparent;
@table-boder: transparent;
@top_line:transparent;
@str_border:#F5F6FA;
@table-row-hover: #FFFFFF;
@dispatch_part_border:1px solid transparent;
@back_part_top:#253D6D;
@part_top_title:#ffffff;
@part_top_border:1px solid #ffffff;
@table_border-bg:transparent;
@table_line: #CACBD0;;
@table_line: #CACBD0;
@table-bottom_line:transparent;
@table-bottom-border:#ffffff;
// @border-right_line:transparent;
//工单列表等背景色
@part_body_backcolor:#ffffff;
...
...
@@ -128,5 +148,4 @@
@select_title:#04BB8C;
//表格树的下拉
@treetr_icon: #515A6E;
//高级搜索文字
@search_text_span:#ffffff;
components/page/import/process.vue
View file @
10cb42cc
...
...
@@ -500,7 +500,7 @@ export default {
}
.table-tools {
margin: 1
5
px 20px 0;
margin: 1
3
px 20px 0;
display: flex;
line-height: 50px;
background: @right-header-bg;
...
...
pages/home/component/staChart.vue
View file @
10cb42cc
...
...
@@ -17,7 +17,7 @@
<Icon
type=
"ios-images"
class=
"f20"
/>
<span
class=
"ml10"
>
各车间计划执行状态的详细情况
</span>
</Col>
<Col
span=
"9"
>
<Col
span=
"9"
style=
"margin-top: -6px;"
>
<DatePicker
:value=
"value2"
format=
"yyyy/MM/dd"
...
...
@@ -26,7 +26,7 @@
placeholder=
"选择日期"
style=
"width: 200px"
></DatePicker>
<Button
type=
"primary"
>
查询
</Button>
<Button
type=
"primary"
>
查询
</Button>
</Col>
</Row>
<div
class=
"echarts-map"
>
...
...
pages/technology/index.vue
View file @
10cb42cc
...
...
@@ -32,7 +32,8 @@
</a>
</div>
<Content
class=
"con"
:class=
"!showMenu?'con_bord':''"
>
<DataGrid
:columns=
"columns"
ref=
"grid"
:action=
"action"
exportTitle=
"工艺规程"
>
<theme
></theme>
<!--
<DataGrid
:columns=
"columns"
ref=
"grid"
:action=
"action"
exportTitle=
"工艺规程"
>
<template
slot=
"easySearch"
>
<Form
ref=
"formInline"
:model=
"easySearch"
inline
>
<FormItem
prop=
"keys"
>
...
...
@@ -47,13 +48,23 @@
<Search
/>
</
template
>
<
template
slot=
"buttons"
>
<Button
type=
"primary"
@
click=
"add"
>
新增
</Button>
<Button
@
click=
"openModalIm"
>
导入
</Button>
<Button
type=
"text"
@
click=
"add"
class=
"search_text"
icon=
"icon iconfont iconxinzeng"
>
新增
</Button>
<Dropdown
class=
"dropIcon"
@
on-click=
"changeMenu"
>
<a
href=
"javascript:void(0)"
>
<Icon
type=
"icon iconfont iconshezhi-liebiaozhanshi"
class=
"zhanshi"
/>
<Icon
type=
"ios-arrow-down"
class=
"arrow_down"
></Icon>
</a>
<DropdownMenu
slot=
"list"
>
<DropdownItem
name=
'导入'
>
<Icon
type=
"icon iconfont icondaoru"
/>
导入
</DropdownItem>
<DropdownItem
name=
'导出'
>
<Icon
type=
"icon iconfont icondaochu"
/>
导出
</DropdownItem>
</DropdownMenu>
</Dropdown>
<Button
@
click=
"openModalIm"
icon=
"icon iconfont icondaoru"
class=
"search_text"
type=
"text"
>
导入
</Button>
</
template
>
</DataGrid>
<Modal
v-model=
"modal"
:title=
"title"
width=
"1120"
footer-hide
>
</DataGrid>
-->
<Modal
v-model=
"modal"
:title=
"title"
width=
"1120"
footer-hide
>
<component
:is=
"detail"
:eid=
"curId"
:uid=
"uId"
:title=
"title"
:headid=
"hid"
@
on-close=
"cancel"
@
on-ok=
"ok"
/>
</Modal>
</Modal>
<Modal
v-model=
"documentShow"
title=
"送审"
:mask-closable=
"false"
:scrollable=
"true"
ok-text=
"确定"
cancel-text=
"取消"
fullscreen
>
<sendAudit
ref=
"sendAudit"
></sendAudit>
...
...
@@ -105,13 +116,15 @@ import ProductTree from "@/components/page/productTree.vue";
import
sendAudit
from
"./sendAudit.vue"
;
import
routingchangeorder
from
"../processDesign/Process/routingchangeorder.vue"
;
import
changelist
from
"../processDesign/Process/changelist.vue"
;
import
theme
from
'../theme'
export
default
{
components
:
{
ProductTree
,
Search
,
sendAudit
,
routingchangeorder
,
changelist
changelist
,
theme
},
head
:
{
title
:
"工艺规程"
,
...
...
@@ -120,6 +133,14 @@ export default {
},
data
()
{
return
{
formInline
:{
value
:
''
},
ruleValidate
:
{
value
:
[
{
required
:
true
,
message
:
'输入不能为空'
,
trigger
:
'blur'
}
],
},
showMenu
:
true
,
treeHeight
:
""
,
action
:
Api
.
index
,
...
...
@@ -608,10 +629,19 @@ export default {
return
tempList
},
//批量导入end
//下拉菜单事件导入
changeMenu
(
name
){
if
(
name
==
'导入'
){
openModalIm
();
}
if
(
name
==
'导出'
){
}
}
}
};
</
script
>
<
style
lang=
"less"
scoped
>
.order-quotation {
height: 100vh !important;
}
...
...
pages/theme/index.vue
0 → 100644
View file @
10cb42cc
<
template
>
<div
class=
"theme_page"
>
<Row
class=
"padding_line"
type=
"flex"
justify=
"space-around"
>
<Col
span=
"21"
>
<Form
ref=
"formInline"
:model=
"formInline"
inline
>
<Input
placeholder=
"请输入工艺名称/工艺编号"
v-width=
"280"
v-model=
"formInline.value"
clearable
/>
<Button
type=
"primary"
class=
"search_icon"
icon=
"ios-search"
></Button>
<Button
type=
"text"
class=
"search_text"
>
高级搜索
</Button>
</Form>
</Col>
<Col
span=
"3"
class=
"end_col"
>
<Button
type=
"text"
class=
"search_text"
icon=
"icon iconfont iconxinzeng"
>
新增
</Button
>
<Dropdown
class=
"dropIcon"
>
<a
href=
"javascript:void(0)"
>
<Icon
type=
"icon iconfont iconshezhi-liebiaozhanshi"
class=
"zhanshi"
/>
<Icon
type=
"ios-arrow-down"
class=
"arrow_down"
></Icon>
</a>
<DropdownMenu
slot=
"list"
>
<DropdownItem
name=
"导入"
>
<Icon
type=
"icon iconfont icondaoru"
/>
导入
</DropdownItem
>
<DropdownItem
name=
"导出"
>
<Icon
type=
"icon iconfont icondaochu"
/>
导出
</DropdownItem
>
</DropdownMenu>
</Dropdown>
<Button
type=
"text"
class=
"set_btn search_text"
icon=
"icon iconfont iconlieshezhi"
></Button>
</Col>
</Row>
<Row>
<Col
span=
"24"
class=
"table_style"
>
<Table
border
stripe
highlight-row
:columns=
"columns1"
:data=
"data1"
context-menu
show-context-menu
@
on-contextmenu=
"handleContextMenu"
></Table>
<template
slot=
"contextMenu"
>
<DropdownItem
@
click
.
native=
"handleContextMenuEdit"
style=
"backgorund: red"
>
编辑
</DropdownItem
>
<DropdownItem
style=
"color: #ed4014"
>
删除
</DropdownItem>
</
template
>
</Col>
</Row>
</div>
</template>
<
script
>
export
default
{
name
:
"theme"
,
data
()
{
return
{
formInline
:
{
value
:
""
,
},
columns1
:
[
{
type
:
"selection"
,
width
:
60
,
align
:
"center"
,
},
{
align
:
"center"
,
title
:
"订单编号"
,
key
:
"name"
,
},
{
align
:
"center"
,
title
:
"任务类型"
,
key
:
"Review"
,
render
:
(
h
,
params
)
=>
{
if
(
params
.
row
.
Review
===
"正式计划"
)
{
return
h
(
"span"
,
{
style
:
{
color
:
"#09D472"
,
},
},
params
.
row
.
Review
);
}
else
if
(
params
.
row
.
Review
===
"临时计划"
)
{
return
h
(
"span"
,
{
style
:
{
color
:
"#515a6e"
,
},
},
params
.
row
.
Review
);
}
},
},
{
align
:
"center"
,
title
:
"数量"
,
key
:
"address"
,
},
{
align
:
"center"
,
title
:
"订单状态"
,
key
:
"isload"
,
render
:
(
h
,
params
)
=>
{
if
(
params
.
row
.
isload
===
"已派发"
)
{
return
h
(
"span"
,
{
style
:
{
color
:
"#515a6e"
,
},
},
params
.
row
.
isload
);
}
else
if
(
params
.
row
.
isload
===
"待派发"
)
{
return
h
(
"span"
,
{
style
:
{
color
:
"#515a6e"
,
},
},
params
.
row
.
isload
);
}
},
},
{
align
:
"center"
,
title
:
"产品名称"
,
key
:
"address"
,
},
{
align
:
"center"
,
title
:
"图号"
,
key
:
"address"
,
},
{
align
:
"center"
,
title
:
"批次号"
,
key
:
"address"
,
},
{
align
:
"center"
,
title
:
"项目号"
,
key
:
"address"
,
},
{
align
:
"center"
,
title
:
"紧急程度"
,
key
:
"address"
,
},
{
align
:
"center"
,
title
:
"创建人"
,
key
:
"address"
,
},
{
align
:
"center"
,
title
:
"创建事件"
,
key
:
"address"
,
},
{
title
:
"操作"
,
key
:
"action"
,
align
:
"center"
,
render
:
(
h
,
params
)
=>
{
return
h
(
"div"
,
[
h
(
"div"
,
{
style
:
{
marginRight
:
"5px"
,
color
:
" #106FFE"
,
fontSize
:
"18px"
,
},
on
:
{
click
:
()
=>
{
this
.
show
(
params
.
index
);
},
},
},
"• • •"
),
]);
},
},
],
data1
:
[
{
name
:
"John Brown"
,
age
:
18
,
address
:
"New York No. 1 "
,
date
:
"2016-10-03"
,
Review
:
"正式计划"
,
isload
:
"已派发"
,
},
{
name
:
"Jim Green"
,
age
:
24
,
address
:
"London No. 1 "
,
date
:
"2016-10-01"
,
Review
:
"临时计划"
,
isload
:
"待派发"
,
},
{
name
:
"Joe Black"
,
age
:
30
,
address
:
"Sydney No. 1 "
,
date
:
"2016-10-02"
,
Review
:
"临时计划"
,
isload
:
"已派发"
,
},
{
name
:
"Jon Snow"
,
age
:
26
,
address
:
"Ottawa No. 2 "
,
date
:
"2016-10-04"
,
Review
:
"临时计划"
,
isload
:
"已派发"
,
},
],
contextLine
:
0
,
};
},
props
:
[],
methods
:
{
handleContextMenu
(
row
)
{
const
index
=
this
.
data1
.
findIndex
((
item
)
=>
item
.
name
===
row
.
name
);
console
.
log
(
index
);
this
.
contextLine
=
index
+
1
;
},
handleContextMenuEdit
()
{
this
.
$Message
.
info
(
"Click edit of line"
+
this
.
contextLine
);
},
},
};
</
script
>
<
style
lang=
"less"
>
@import "../../assets/css/custom.less";
.theme_page {
height: 100%;
width: 100%;
background: @right-header-bg;
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
border-radius: 8px;
}
.padding_line {
padding: 30px 20px;
.ivu-input {
line-height: 36px;
height: 36px;
border-radius: 4px 0px 0px 4px;
border: 1px solid @padding_input_border;
}
//修改的搜索框样式
.search_icon {
width: 36px;
height: 34px;
background: @search_icon_bg;
border: 1px solid @search_icon_bg;
box-sizing: border-box;
border-radius: 0px 4px 4px 0px !important;
.ivu-btn {
border-radius: 0px 4px 4px 0px !important;
}
}
.search_text {
span {
font-weight: 400;
color: @search_text_span !important;
border: 1px solid transparent !important;
}
.ivu-icon {
line-height: 14px !important;
font-size: 14px;
color: @search_text_span !important;
}
}
.search_text:hover,
.search_text:focus {
.ivu-icon {
color: #106ffe !important;
}
span {
color: #106ffe !important;
}
background: transparent !important;
}
.dropIcon {
.ivu-icon {
color: @search_text_span !important;
}
.zhanshi {
font-size: 22px;
}
.ivu-select-dropdown {
background-color: #222341 !important;
.ivu-dropdown-item {
color: #ffffff !important;
text-align: center;
.ivu-icon {
color: #ffffff !important;
margin-right: 8px;
}
}
.ivu-dropdown-item:hover {
background-color: rgba(47, 47, 87, 0.9);
}
}
}
.set_btn {
.ivu-icon {
font-size: 20px !important;
}
}
}
.end_col {
display: flex;
align-items: center;
justify-content: flex-end;
}
.table_style {
margin: 0 20px;
width: calc(100% - 40px);
border: 1px solid @table-border;
//表格最外层的border
.ivu-table-wrapper {
border: none !important;
//表格字体颜色
.ivu-table {
color: @table-color !important;
font-weight: 400;
font-size: 14px;
.ivu-table-header {
border: 1px solid @table-header-bg;
// border-bottom: 1px solid @table-header-bg;
box-sizing: border-box;
thead {
tr {
th {
color: @table-header-color !important;
border: @table-body-bd;
height: 60px;
font-weight: 400;
background: @table-header-bg !important;
border-right: 1px solid @header_bd_right;
//表格内checkbox
.ivu-checkbox-inner {
background: @checkbox-inner;
border-radius: 1px;
border: 1px solid @table_checkbox_bd_header;
}
//选中状态
.ivu-checkbox-checked {
.ivu-checkbox-inner {
border: @table_check_bd;
box-sizing: border-box;
background: @table_checkbox_bg !important;
}
}
}
}
}
}
.ivu-table-body {
background-color: @table-body-bg;
border: 1px solid @table-body-bd;
tr:nth-child(odd) {
height: 60px;
td {
//表格内checkbox
.ivu-checkbox-inner {
background: @checkbox-inner;
border-radius: 1px;
border: 1px solid @table_checkbox_bd;
}
//选中状态
.ivu-checkbox-checked {
.ivu-checkbox-inner {
box-sizing: border-box;
background: @table_checkbox_bg !important;
}
}
background-color: @table-body-bg;
border: @table-body-bd_odd;
border-right: 1px solid transparent !important;
.ivu-table-cell {
span {
color: @table_body_allcol;
}
}
}
}
tr:nth-child(even) {
height: 60px;
td {
//表格内checkbox
.ivu-checkbox-inner {
background: @checkbox-inner;
border-radius: 1px;
border: 1px solid @table_checkbox_bd;
}
//选中状态
.ivu-checkbox-checked {
.ivu-checkbox-inner {
box-sizing: border-box;
background: @table_checkbox_bg !important;
}
}
background-color: @table-body-bg_even;
border: @table-body-bd_odd;
border-right: 1px solid transparent !important;
.ivu-table-cell {
span {
color: @table_body_allcol;
}
}
}
}
.ivu-table-row-hover,
.ivu-table-row-highlight {
td {
background: @table-row-hover !important;
border: 2px solid @table_line !important;
border-right: 2px solid @table_highbd !important;
border-left: 2px solid transparent !important;
}
td:first-child {
border-left: 2px solid @table_line !important;
}
td:last-child {
border-right: 2px solid @table_line !important;
}
}
}
}
.ivu-table:before {
//表格下边框线
background-color: @table-boder !important;
}
.ivu-table-border:after {
//表格右边框线
background-color: @table-boder !important;
}
}
//表格头部
// .ivu-table-header,
// .ivu-table-fixed-header {
// border: 1px solid @table-header-border !important;
// background: @table-header-bg !important;
// min-height: 60px;
// height: 60px;
// font-weight: 400;
// box-sizing: border-box;
// }
// .ivu-table-header thead tr th,
// .table-tools table thead tr th,
// .ivu-table-fixed-header thead tr th,
// .ivu-table-fixed-header {
// height: 60px;
// padding: 0 !important;
// background: @table-header-bg !important;
// border: 1px solid @table-header-border !important;
// color: @table-header-color !important;
// box-sizing: border-box;
// }
// .ivu-table-tip {
// background: @table-body-bg !important;
// }
// /*底色斑马纹*/
// .ivu-table td {
// font-weight: 400;
// height: 60px !important;
// min-height: 60px !important;
// background-color: @table-body-bg;
// border: 1px solid @table-bottom_line !important;
// }
// .ivu-table tr:nth-child(even) td {
// background-color: @table-body-bg_even !important;
// }
// .ivu-table-body {
// background-color: @table-body-bg;
// }
// .ivu-table-wrapper tr td {
// background-color: @table-body-bg;
// // border: 1px solid @tableCommon-boder !important;
// }
// //表格内部线条
// .ivu-table-border td {
// border: 1px solid @tableCommon-boder !important;
// }
//
// /*选中某一行高亮*/
// .ivu-table-row:hover {
// background: @table-row-hover !important;
// border: 2px solid @table_line !important;
// box-sizing: border-box;
// }
// .ivu-table-row-highlight td {
// background: @table-row-hover !important;
// border: 2px solid @table_line !important;
// border-right: 2px solid transparent !important;
// }
// /*浮在某行*/
// .ivu-table-row-hover td,
// .ivu-table tr:nth-child(even):hover {
// background: @table-row-hover !important;
// border: 2px solid @table_line !important;
// border-right: 2px solid transparent !important;
// border-left: 2px solid transparent !important;
// }
// .ivu-table-row-hover td:first-child {
// border-left: 2px solid @table_line !important;
// }
// .ivu-table-row-hover td:last-child {
// border-right: 2px solid @table_line !important;
// }
//
}
</
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