Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
F
founder_vue
Overview
Overview
Details
Activity
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
常超
founder_vue
Commits
b9f7f4f6
Commit
b9f7f4f6
authored
Sep 01, 2021
by
张超军
Browse files
Options
Browse Files
Download
Plain Diff
sss
parents
8aa3c5f6
19d365d2
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
25 additions
and
87 deletions
+25
-87
src/components/table.vue
+25
-87
No files found.
src/components/table.vue
View file @
b9f7f4f6
<!--
* @Author: your name
* @Date: 2021-08-27 15:51:38
* @LastEditTime: 2021-09-01
19:59:12
* @LastEditTime: 2021-09-01
20:41:33
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \founder_vue\src\components\table.vue
...
...
@@ -11,75 +11,25 @@
<transition
name=
"fade"
>
<div
class=
"clear"
v-if=
"selectRow.length > 0"
>
<span
class=
"icon"
>
i
</span>
<span
class=
"sele"
>
已选择
<span
style=
"color: #006aff"
>
{{
selectRow
.
length
}}
</span>
项
</span
>
<span
class=
"sele"
>
已选择
<span
style=
"color: #006aff"
>
{{
selectRow
.
length
}}
</span>
项
</span>
<span
class=
"serve"
>
服务调用总计:36.4万
</span>
<el-button
@
click=
"toggleSelection()"
type=
"text"
size=
"small"
class=
"btnclear"
>
清空
</el-button
>
<el-button
@
click=
"toggleSelection()"
type=
"text"
size=
"small"
class=
"btnclear"
>
清空
</el-button>
</div>
</transition>
<!--表格-->
<el-table
id=
"ajzbQuery"
v-loading=
"tableLoading"
element-loading-text=
"拼命加载中"
:key=
"key"
ref=
"itsmDataTable"
:data=
"tableList"
tooltip-effect=
"dark"
max-height=
"600"
width=
"100%"
size=
"small"
@
selection-change=
"handleSelectionChange"
:cell-class-name=
"addClass"
>
<el-table
id=
"ajzbQuery"
v-loading=
"tableLoading"
element-loading-text=
"拼命加载中"
:key=
"key"
ref=
"itsmDataTable"
:data=
"tableList"
tooltip-effect=
"dark"
max-height=
"600"
width=
"100%"
size=
"small"
@
selection-change=
"handleSelectionChange"
:cell-class-name=
"addClass"
>
<el-table-column
type=
"selection"
width=
"55"
v-if=
"btnShow && btnShow!='rwthcl'"
>
</el-table-column>
<el-table-column
v-for=
"columnTitle in propdefaultFormThead"
:prop=
"columnTitle.prop"
:key=
"columnTitle.label"
:label=
"columnTitle.label"
:width=
"columnTitle.width"
sortable:true
>
<el-table-column
v-for=
"columnTitle in propdefaultFormThead"
:prop=
"columnTitle.prop"
:key=
"columnTitle.label"
:label=
"columnTitle.label"
:width=
"columnTitle.width"
sortable:true
>
</el-table-column>
<el-table-column
label=
"操作"
width=
"auto"
v-if=
"btnShow && btnShow!='sdxfrw'"
>
<template
slot-scope=
"scope"
>
<el-button
type=
"text"
size=
"small"
v-if=
"btnShow == 'rymplb' || btnShow == 'rwthcl'"
@
click=
"handleClick(scope.row, 'xq')"
>
详情
</el-button
>
<el-button
type=
"text"
size=
"small"
v-if=
"btnShow == 'rymplb' || btnShow == 'rwthcl'"
@
click=
"handleClick(scope.row, 'fk')"
>
反馈
</el-button
>
<el-button
type=
"text"
size=
"small"
v-if=
"btnShow == 'rymplb' || btnShow == 'rwthcl'"
@
click=
"handleClick(scope.row, 'th')"
>
退回
</el-button
>
<el-button
type=
"text"
size=
"small"
v-if=
"btnShow == 'rymplb' || btnShow == 'rwthcl'"
@
click=
"handleClick(scope.row, 'xq')"
>
详情
</el-button>
<el-button
type=
"text"
size=
"small"
v-if=
"btnShow == 'rymplb' || btnShow == 'rwthcl'"
@
click=
"handleClick(scope.row, 'fk')"
>
反馈
</el-button>
<el-button
type=
"text"
size=
"small"
v-if=
"btnShow == 'rymplb' || btnShow == 'rwthcl'"
@
click=
"handleClick(scope.row, 'th')"
>
退回
</el-button>
<div
class=
"clearimg"
v-if=
"btnShow == 'rwgl'"
@
click=
"handleImg(scope.row)"
>
<div
class=
"clearimg"
v-if=
"btnShow == 'rwgl'"
@
click=
"handleImg(scope.row)"
>
<img
:src=
"clraeImg"
alt=
""
/>
</div>
</
template
>
...
...
@@ -93,19 +43,8 @@
</div>
<!--分页-->
<div
class=
"pagin"
v-if=
"isShowpagin == 'rympfk' ? false : true"
>
<span
class=
"record"
>
共{{ tableDataLength }} 条记录 第{{ atPage }}/{{ Tpage }}页
</span
>
<el-pagination
background
@
size-change=
"handleSizeChange"
@
current-change=
"handleCurrentChange"
:current-page
.
sync=
"currentPage1"
:page-sizes=
"[10, 20, 50, 100]"
:page-size=
"page_size"
layout=
"sizes,prev, pager, next"
:total=
"tableDataLength"
>
<span
class=
"record"
>
共{{ tableDataLength }} 条记录 第{{ atPage }}/{{ Tpage }}页
</span>
<el-pagination
background
@
size-change=
"handleSizeChange"
@
current-change=
"handleCurrentChange"
:current-page
.
sync=
"currentPage1"
:page-sizes=
"[10, 20, 50, 100]"
:page-size=
"page_size"
layout=
"sizes,prev, pager, next"
:total=
"tableDataLength"
>
</el-pagination>
</div>
</div>
...
...
@@ -136,7 +75,7 @@ export default {
default
:
()
=>
""
,
},
},
data
()
{
data
()
{
return
{
age
:
"28"
,
clraeImg
:
require
(
"../assets/img/clear.png"
),
...
...
@@ -154,12 +93,12 @@ export default {
},
computed
:
{},
methods
:
{
addClass
({
row
,
column
,
rowIndex
,
columnIndex
})
{
console
.
log
(
column
.
label
);
addClass
({
row
,
column
,
rowIndex
,
columnIndex
})
{
console
.
log
(
column
.
label
);
if
(
column
.
label
==
'退回'
)
{
console
.
log
(
'000'
);
return
'redBg'
}
else
if
(
column
.
label
==
'完成进度'
)
{
}
else
if
(
column
.
label
==
'完成进度'
)
{
return
'blueBg'
}
},
...
...
@@ -168,15 +107,15 @@ export default {
* @param {*} val
* @return {*}
*/
handleSelectionChange
(
val
)
{
handleSelectionChange
(
val
)
{
this
.
selectRow
=
val
;
console
.
log
(
val
);
},
handleSizeChange
(
val
)
{
handleSizeChange
(
val
)
{
this
.
curpage
=
val
;
console
.
log
(
`每页
${
val
}
条`
);
},
handleCurrentChange
(
val
)
{
handleCurrentChange
(
val
)
{
this
.
atPage
=
val
;
console
.
log
(
`当前页:
${
val
}
`
);
},
...
...
@@ -185,7 +124,7 @@ export default {
* @param {*} rows 选择的列数
* @return {*}
*/
toggleSelection
(
rows
)
{
toggleSelection
(
rows
)
{
if
(
rows
)
{
rows
.
forEach
((
row
)
=>
{
this
.
$refs
.
itsmDataTable
.
toggleRowSelection
(
row
);
...
...
@@ -200,20 +139,20 @@ export default {
* @param {*} type 类型
* @return {*}
*/
handleClick
(
row
,
type
)
{
handleClick
(
row
,
type
)
{
this
.
$emit
(
"init"
,
row
,
type
);
console
.
log
(
row
,
type
);
},
handleImg
(
row
)
{
handleImg
(
row
)
{
this
.
$emit
(
"init"
,
row
);
console
.
log
(
"图片的删除"
);
},
},
mounted
()
{
mounted
()
{
console
.
log
(
this
.
tableList
);
},
computed
:
{
Tpage
()
{
Tpage
()
{
return
this
.
tableDataLength
/
this
.
curpage
;
},
},
...
...
@@ -260,6 +199,7 @@ $tableWidth: var(--tableWidth, calc(100vw - 400px));
//
width
:
80%
;
//
//
margin
:
0px
auto
;
//
}
}
.clear
{
height
:
40px
;
width
:
100%
;
...
...
@@ -309,9 +249,7 @@ $tableWidth: var(--tableWidth, calc(100vw - 400px));
text-align
:
left
;
}
}
}
.pagin
{
position
:
fixed
;
bottom
:
40px
;
background
:
#fff
;
...
...
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