Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
N
najiu-skynet-admin
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Boards
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
najiu-frontend
najiu-skynet-admin
Commits
328576d3
Commit
328576d3
authored
Oct 27, 2021
by
朱松文
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
el-table 封装
parent
2abc2e52
Changes
2
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
76 additions
and
64 deletions
+76
-64
index.vue
src/components/myTable/index.vue
+72
-0
index.vue
src/views/aiSearch/index.vue
+4
-64
No files found.
src/components/myTable/index.vue
0 → 100644
View file @
328576d3
<
template
>
<div
class=
"table-container"
>
<slot></slot>
</div>
</
template
>
<
style
lang=
"scss"
scoped
>
.table-container
{
padding
:
10px
;
::v-deep
{
.el-table
{
color
:
#fff
;
background-color
:
#333333
;
}
.el-table
.odd-row
{
background-color
:
$item-background-color
;
}
.el-table
.even-row
{
background-color
:
#000000
;
}
.el-table
thead
{
color
:
#fff
;
}
.el-table
.cell
,
.el-table--border
.el-table__cell
:first-child
.cell
{
display
:
flex
;
justify-content
:
center
;
align-items
:
center
;
padding
:
10px
;
img
{
width
:
100px
;
height
:
100px
;
}
}
.el-table
.el-table__cell
{
padding
:
0
;
}
.el-table--border
.el-table__cell
,
.el-table__body-wrapper
.el-table--border.is-scrolling-left
~
.el-table__fixed
{
border-right
:
$border-color
;
}
.el-table
td
.el-table__cell
,
.el-table
th
.el-table__cell.is-leaf
{
border-bottom
:
$border-color
;
}
.el-table
th
.el-table__cell
{
background-color
:
$item-background-color
;
}
.el-table--enable-row-hover
.el-table__body
tr
:hover
>
td
.el-table__cell
{
background-color
:
#333333
;
}
.el-table__empty-block
{
background-color
:
#333333
;
}
.el-table__empty-text
{
color
:
#fff
;
}
.
el-table--border
:
:
after
,
.
el-table--group
::
after
,
.
el-table
::
before
{
background-color
:
#333333
;
}
.el-table--border
,
.el-table--group
{
border
:
$border-color
;
}
}
}
</
style
>
\ No newline at end of file
src/views/aiSearch/index.vue
View file @
328576d3
...
@@ -74,7 +74,7 @@
...
@@ -74,7 +74,7 @@
</div>
</div>
<div
class=
"data-container"
>
<div
class=
"data-container"
>
<div
class=
"result-title"
>
检索结果
</div>
<div
class=
"result-title"
>
检索结果
</div>
<
div
class=
"table-container"
>
<
MyTable
>
<el-table
<el-table
:data=
"dogs"
:data=
"dogs"
height=
"750"
height=
"750"
...
@@ -100,7 +100,7 @@
...
@@ -100,7 +100,7 @@
</
template
>
</
template
>
</el-table-column>
</el-table-column>
</el-table>
</el-table>
</
div
>
</
MyTable
>
<div
class=
"pageing"
>
<div
class=
"pageing"
>
<el-pagination
<el-pagination
background
background
...
@@ -139,8 +139,9 @@ import { convertMilliSecondToTime, isRope } from "@/utils/timeHelper";
...
@@ -139,8 +139,9 @@ import { convertMilliSecondToTime, isRope } from "@/utils/timeHelper";
import
MyDialog
from
"
@/components/myDialog/index.vue
"
;
import
MyDialog
from
"
@/components/myDialog/index.vue
"
;
import
Icon
from
"
@/components/Icon/index.vue
"
;
import
Icon
from
"
@/components/Icon/index.vue
"
;
import
MyVideo
from
"
@/components/MyVideo/index.vue
"
;
import
MyVideo
from
"
@/components/MyVideo/index.vue
"
;
import
MyTable
from
"
@/components/myTable/index.vue
"
;
@
Component
({
components
:
{
MyDialog
,
Icon
,
MyVideo
}
})
@
Component
({
components
:
{
MyDialog
,
Icon
,
MyVideo
,
MyTable
}
})
export
default
class
AiSearch
extends
BaseVue
{
export
default
class
AiSearch
extends
BaseVue
{
queryData
=
{
queryData
=
{
beginTime
:
""
,
beginTime
:
""
,
...
@@ -347,9 +348,6 @@ export default class AiSearch extends BaseVue {
...
@@ -347,9 +348,6 @@ export default class AiSearch extends BaseVue {
height
:
100px
;
height
:
100px
;
}
}
}
}
.table-container
{
padding
:
10px
;
}
}
}
.confirm-del
{
.confirm-del
{
font-size
:
16px
;
font-size
:
16px
;
...
@@ -364,19 +362,6 @@ export default class AiSearch extends BaseVue {
...
@@ -364,19 +362,6 @@ export default class AiSearch extends BaseVue {
}
}
::v-deep
{
::v-deep
{
.el-table
{
color
:
#fff
;
background-color
:
#333333
;
}
.el-table
.odd-row
{
background-color
:
$item-background-color
;
}
.el-table
.even-row
{
background-color
:
#000000
;
}
.el-table
thead
{
color
:
#fff
;
}
.el-input__inner
{
.el-input__inner
{
color
:
#d7d7d7
;
color
:
#d7d7d7
;
background-color
:
$item-background-color
;
background-color
:
$item-background-color
;
...
@@ -393,51 +378,6 @@ export default class AiSearch extends BaseVue {
...
@@ -393,51 +378,6 @@ export default class AiSearch extends BaseVue {
background-color
:
#a0cfff
;
background-color
:
#a0cfff
;
border-color
:
#a0cfff
;
border-color
:
#a0cfff
;
}
}
.el-table
.cell
,
.el-table--border
.el-table__cell
:first-child
.cell
{
display
:
flex
;
justify-content
:
center
;
align-items
:
center
;
padding
:
10px
;
img
{
width
:
100px
;
height
:
100px
;
}
}
.el-table
.el-table__cell
{
padding
:
0
;
}
.el-table--border
.el-table__cell
,
.el-table__body-wrapper
.el-table--border.is-scrolling-left
~
.el-table__fixed
{
border-right
:
$border-color
;
}
.el-table
td
.el-table__cell
,
.el-table
th
.el-table__cell.is-leaf
{
border-bottom
:
$border-color
;
}
.el-table
th
.el-table__cell
{
background-color
:
$item-background-color
;
}
.el-table--enable-row-hover
.el-table__body
tr
:hover
>
td
.el-table__cell
{
background-color
:
#333333
;
}
.el-table__empty-block
{
background-color
:
#333333
;
}
.el-table__empty-text
{
color
:
#fff
;
}
.
el-table--border
:
:
after
,
.
el-table--group
::
after
,
.
el-table
::
before
{
background-color
:
#333333
;
}
.el-table--border
,
.el-table--group
{
border
:
$border-color
;
}
.el-date-editor.el-input
,
.el-date-editor.el-input
,
.el-date-editor.el-input__inner
{
.el-date-editor.el-input__inner
{
width
:
100%
;
width
:
100%
;
...
...
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