|
|
@@ -1,6 +1,6 @@
|
|
|
<template>
|
|
|
<div class="app-content">
|
|
|
- <!-- <app-tabs :tabs="tabs" :isFixed="true" :currentTab="tabIndex" @change="change" itemWidth="33.33%" /> -->
|
|
|
+ <app-tabs :tabs="tabs" :isFixed="true" :currentTab="tabIndex" @change="change" itemWidth="33.33%" />
|
|
|
<!-- 员工列表 -->
|
|
|
<block v-if="tabIndex == 0">
|
|
|
<!-- 列表 -->
|
|
|
@@ -66,7 +66,21 @@
|
|
|
<!-- 操作记录 -->
|
|
|
<block v-if="tabIndex == 2">
|
|
|
<!-- 列表 -->
|
|
|
- <div class="list-wrap"></div>
|
|
|
+ <div class="axis-wrap">
|
|
|
+ <time-axis>
|
|
|
+ <timeaxis-item class="axis-list" bgcolor="none" v-for="(item, index) in 4" :key="index">
|
|
|
+ <template v-slot:content>
|
|
|
+ <div class="axis-title">编辑会员账号:amdis</div>
|
|
|
+ <div class="axis-det">
|
|
|
+ <div>ID:10087</div>
|
|
|
+ <div>IP:192.168.1.1</div>
|
|
|
+ <div>操作者:admin</div>
|
|
|
+ <div>操作时间:2019-10-30 12:20:00</div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </timeaxis-item>
|
|
|
+ </time-axis>
|
|
|
+ </div>
|
|
|
</block>
|
|
|
</div>
|
|
|
</template>
|
|
|
@@ -87,7 +101,7 @@ export default {
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
- tabIndex: 2,
|
|
|
+ tabIndex: 0,
|
|
|
tabs: [
|
|
|
{
|
|
|
name: '员工列表'
|
|
|
@@ -102,7 +116,9 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
- change() {}
|
|
|
+ change(e) {
|
|
|
+ this.tabIndex = e.index
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
@@ -169,9 +185,9 @@ export default {
|
|
|
}
|
|
|
// 角色管理
|
|
|
.role-list {
|
|
|
- .list {
|
|
|
- justify-content: space-between;
|
|
|
- }
|
|
|
+ .list {
|
|
|
+ justify-content: space-between;
|
|
|
+ }
|
|
|
.role-option {
|
|
|
@include disFlex(center, flex-start);
|
|
|
& > div {
|
|
|
@@ -185,7 +201,33 @@ export default {
|
|
|
color: $fontColor3;
|
|
|
}
|
|
|
}
|
|
|
- }
|
|
|
+ }
|
|
|
+ // 操作记录
|
|
|
+ .axis-wrap {
|
|
|
+ position: relative;
|
|
|
+ padding: 30px 30px 30px 40px;
|
|
|
+ background-color: #fff;
|
|
|
+ .axis-list {
|
|
|
+ &:last-child .axis-det{
|
|
|
+ margin-bottom: 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .axis-title {
|
|
|
+ font-size: 30px;
|
|
|
+ font-weight: 600;
|
|
|
+ margin-bottom: 14px;
|
|
|
+ }
|
|
|
+ .axis-det {
|
|
|
+ color: $fontColor2;
|
|
|
+ margin-bottom: 40px;
|
|
|
+ & > div {
|
|
|
+ margin-top: 6px;
|
|
|
+ &:first-child {
|
|
|
+ margin-top: 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
// 按钮
|
|
|
.app-footer {
|
|
|
justify-content: flex-end;
|