Skip to content
项目
群组
代码片段
帮助
正在加载...
帮助
提交反馈
为 GitLab 提交贡献
登录
切换导航
iBiz-Vue-R7-Res
项目
项目
详情
动态
版本
周期分析
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
统计图
议题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
计划
统计图
Wiki
Wiki
代码片段
代码片段
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
统计图
创建新议题
作业
提交
议题看板
打开侧边栏
iBiz-R7前端标准模板
iBiz-Vue-R7-Res
提交
248da6bb
提交
248da6bb
编写于
6月 06, 2020
作者:
tony001
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
调整分页栏
上级
20287d91
变更
3
隐藏空白字符变更
内嵌
并排
正在显示
3 个修改的文件
包含
2 行增加
和
150 行删除
+2
-150
tab-page-exp.less
src/components/tab-page-exp/tab-page-exp.less
+0
-114
tab-page-exp.vue
src/components/tab-page-exp/tab-page-exp.vue
+1
-36
edit-view-engine.ts
src/engine/view/edit-view-engine.ts
+1
-0
未找到文件。
src/components/tab-page-exp/tab-page-exp.less
浏览文件 @
248da6bb
// .ibiz-page-tag {
// position: relative;
// box-sizing: border-box;
// // width: calc(100% + 30px);
// height: 38px;
// padding: 0 60px 0 30px;
// background: #f6f6f6;
// .tags-body {
// position: relative;
// width: 100%;
// height: 100%;
// overflow: hidden;
// .tags-container {
// position: absolute;
// overflow: visible;
// white-space: nowrap;
// transition: left .3s ease;
// .ivu-tag {
// margin: 0;
// height: 38px;
// line-height: 38px;
// border: 0;
// border-radius: 0;
// border-right: 1px solid #ddd;
// font-size: 14px;
// .text-icon {
// height: 16px;
// margin-bottom: -3px;
// }
// .ivu-icon-ios-close {
// visibility: hidden;
// }
// .tag-text {
// display: table-cell;
// .ivu-tooltip {
// display: block;
// .ivu-tooltip-rel {
// display: block;
// max-width: 200px;
// overflow: hidden;
// text-overflow: ellipsis;
// }
// }
// }
// }
// .ivu-tag.tag-is-active {
// background: #fff;
// }
// .ivu-tag:hover,.ivu-tag.tag-is-active {
// .ivu-icon-ios-close {
// visibility: initial;
// }
// }
// }
// }
// .move-btn {
// font-size: 18px;
// width: 30px;
// height: 38px;
// line-height: 38px;
// border-left: 1px solid #ddd;
// border-right: 1px solid #ddd;
// text-align: center;
// cursor: pointer;
// }
// .move-btn:hover {
// background: #efefef;
// }
// .move-left, .move-right, .ivu-dropdown{
// position: absolute;
// top: 0;
// }
// .move-left {
// left: 0;
// }
// .move-right {
// right: 30px;
// }
// .ivu-dropdown {
// right: 0;
// }
// }
// .tags-transition-move {
// transition: transform .3s;
// }
// .tags-transition-enter,.tags-transition-leave-to{
// opacity: 0;
// }
.ibiz-page-tag {
.ibiz-page-tag {
position: relative;
position: relative;
.contextmenu {
margin: 0;
background: #fff;
z-index: 3000;
position: absolute;
list-style-type: none;
padding: 5px 0;
border-radius: 4px;
font-size: 12px;
font-weight: 400;
color: #333;
box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.3);
li {
margin: 0;
padding: 7px 16px;
cursor: pointer;
&:hover {
background: #eee;
}
}
}
.left{
.left{
.el-tabs__header{
.el-tabs__header{
padding-right:120px;
padding-right:120px;
...
@@ -128,8 +17,6 @@
...
@@ -128,8 +17,6 @@
>.tag-tabs{
>.tag-tabs{
background-color: #F0F0F0 !important;
background-color: #F0F0F0 !important;
.el-tabs{
.el-tabs{
.el-tabs__nav-scroll{
}
.el-tabs__nav{
.el-tabs__nav{
padding:0px 10px;
padding:0px 10px;
border:none;
border:none;
...
@@ -173,7 +60,6 @@
...
@@ -173,7 +60,6 @@
border-bottom:2px solid transparent !important;
border-bottom:2px solid transparent !important;
}
}
.el-tabs__header{
.el-tabs__header{
box-shadow: 0 1px 2px 0 rgba(0,0,0,.15);
margin:0 0 1 0;
margin:0 0 1 0;
}
}
}
}
...
...
src/components/tab-page-exp/tab-page-exp.vue
浏览文件 @
248da6bb
...
@@ -7,7 +7,6 @@
...
@@ -7,7 +7,6 @@
v-model=
"editableTabsValue"
v-model=
"editableTabsValue"
closable
closable
@
tab-remove=
"onClose"
@
tab-remove=
"onClose"
@
contextmenu
.
prevent
.
native=
"openMenu($event)"
>
>
<el-tab-pane
<el-tab-pane
v-for=
"(meta, index) of $store.state.pageMetas"
v-for=
"(meta, index) of $store.state.pageMetas"
...
@@ -19,22 +18,13 @@
...
@@ -19,22 +18,13 @@
</el-tab-pane>
</el-tab-pane>
</el-tabs>
</el-tabs>
</div>
</div>
<ul
v-show=
"visible"
:style=
"
{left: left+'px', top: top+'px'}"
class="contextmenu"
>
<li
v-for=
"(item,index) in actions"
@
click=
"handlerClose(item)"
>
{{
$t
(
item
.
text
)
}}
</li>
</ul>
<div
v-show=
"$store.state.pageMetas.length > 0"
class=
"right"
>
<div
v-show=
"$store.state.pageMetas.length > 0"
class=
"right"
>
<el-dropdown
@
command=
"handlerClose"
>
<el-dropdown
@
command=
"handlerClose"
>
<el-button
size=
"mini"
type=
"primary"
>
<el-button
size=
"mini"
type=
"primary"
>
更多
<i
class=
"el-icon-arrow-down el-icon--right"
></i>
更多
<i
class=
"el-icon-arrow-down el-icon--right"
></i>
</el-button>
</el-button>
<el-dropdown-menu
slot=
"dropdown"
>
<el-dropdown-menu
slot=
"dropdown"
>
<el-dropdown-item
:command=
"item"
v-for=
"(item,index) in actions"
>
{{
$t
(
item
.
text
)
}}
</el-dropdown-item>
<el-dropdown-item
:command=
"item"
v-for=
"(item,index) in actions"
:key=
"index"
>
{{
$t
(
item
.
text
)
}}
</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown-menu>
</el-dropdown>
</el-dropdown>
</div>
</div>
...
@@ -51,12 +41,6 @@ export default class TabPageExp extends Vue {
...
@@ -51,12 +41,6 @@ export default class TabPageExp extends Vue {
@
Provide
()
@
Provide
()
public
styleLeft
:
number
=
0
;
public
styleLeft
:
number
=
0
;
private
visible
=
false
;
//右键菜单显示状态
private
top
=
0
;
//菜单距离顶部位置
private
left
=
0
;
//菜单距离左侧位置
@
Provide
()
@
Provide
()
public
actions
:
any
[]
=
[
public
actions
:
any
[]
=
[
{
text
:
"app.tabpage.closeall"
,
value
:
"closeAll"
},
{
text
:
"app.tabpage.closeall"
,
value
:
"closeAll"
},
...
@@ -67,28 +51,9 @@ export default class TabPageExp extends Vue {
...
@@ -67,28 +51,9 @@ export default class TabPageExp extends Vue {
* 关闭tab页方法
* 关闭tab页方法
*/
*/
public
handlerClose
(
item
:
any
){
public
handlerClose
(
item
:
any
){
this
.
visible
=
false
;
this
.
doTagAction
(
item
.
value
);
this
.
doTagAction
(
item
.
value
);
}
}
/**
* 打开右键菜单
*/
private
openMenu
(
e
:
MouseEvent
)
{
const
menuMinWidth
=
105
;
const
offsetLeft
=
this
.
$el
.
getBoundingClientRect
().
left
;
const
offsetWidth
=
(
this
.
$el
as
HTMLElement
).
offsetWidth
;
const
maxLeft
=
offsetWidth
-
menuMinWidth
;
const
left
=
e
.
clientX
-
offsetLeft
-
15
;
if
(
left
>
maxLeft
)
{
this
.
left
=
maxLeft
;
}
else
{
this
.
left
=
left
;
}
this
.
top
=
e
.
clientY
-
45
;
this
.
visible
=
true
;
}
public
editableTabsValue
:
any
=
""
;
//tabs页绑定值
public
editableTabsValue
:
any
=
""
;
//tabs页绑定值
@
Watch
(
"$route"
)
@
Watch
(
"$route"
)
...
...
src/engine/view/edit-view-engine.ts
浏览文件 @
248da6bb
...
@@ -249,6 +249,7 @@ export default class EditViewEngine extends ViewEngine {
...
@@ -249,6 +249,7 @@ export default class EditViewEngine extends ViewEngine {
let
viewdata
:
any
=
this
.
view
.
model
;
let
viewdata
:
any
=
this
.
view
.
model
;
if
(
viewdata
&&
info
&&
!
Object
.
is
(
info
,
''
)
&&
this
.
view
.
$tabPageExp
&&
(
viewdata
.
srfTitle
.
indexOf
(
" - "
)
===
-
1
))
{
if
(
viewdata
&&
info
&&
!
Object
.
is
(
info
,
''
)
&&
this
.
view
.
$tabPageExp
&&
(
viewdata
.
srfTitle
.
indexOf
(
" - "
)
===
-
1
))
{
this
.
view
.
$tabPageExp
.
setCurPageCaption
(
viewdata
.
srfTitle
,
viewdata
.
srfTitle
,
info
);
this
.
view
.
$tabPageExp
.
setCurPageCaption
(
viewdata
.
srfTitle
,
viewdata
.
srfTitle
,
info
);
this
.
view
.
$route
.
meta
.
info
=
info
;
this
.
view
.
model
.
srfTitle
=
`
${
this
.
view
.
$t
(
viewdata
.
srfTitle
)}
-
${
viewdata
.
dataInfo
}
`
;
this
.
view
.
model
.
srfTitle
=
`
${
this
.
view
.
$t
(
viewdata
.
srfTitle
)}
-
${
viewdata
.
dataInfo
}
`
;
}
}
}
}
...
...
编辑
预览
Markdown
格式
0%
请重试
or
添加新附件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
先完成此消息的编辑!
取消
想要评论请
注册
或
登录