liujd 6 سال پیش
والد
کامیت
54e4a2d00f

+ 6 - 0
mobile-code/src/pages.json

@@ -70,6 +70,12 @@
 						"navigationBarTitleText": "邀请列表"
 					}
 				},
+				{
+					"path": "admin/my-invite",
+					"style": {
+						"navigationBarTitleText": "邀请列表"
+					}
+				},
 				{
 					"path": "admin/setting",
 					"style": {

+ 3 - 3
mobile-code/src/pages/admin/components/plugin/time-axis.vue

@@ -17,7 +17,7 @@ export default {
 
 <style>
 	.tui-time-axis {
-		padding-left: 20px;
+		padding-left: 40px;
 		box-sizing: border-box;
 		position: relative;
 	}
@@ -27,9 +27,9 @@ export default {
 		position: absolute;
 		left: 0;
 		top: 0;
-		width: 1px;
+		width: 2px;
 		bottom: 0;
-		border-left: 1px solid #ddd;
+		border-left: 2px solid #D8D8D8;
 		-webkit-transform-origin: 0 0;
 		transform-origin: 0 0;
 		-webkit-transform: scaleX(0.5);

+ 12 - 6
mobile-code/src/pages/admin/components/plugin/timeaxis-item.vue

@@ -2,7 +2,9 @@
 	<view class="timeaxis-item-class tui-timeaxis-item">
 		<slot name="content"></slot>
 		<view class="tui-node" :style="{background:bgcolor}">
-			<slot name="node"></slot>
+			<slot name="node">
+				<view class="tui-node tui-node-small"></view>
+			</slot>
 		</view>
 	</view>
 </template>
@@ -18,9 +20,7 @@ export default {
 		}
 	},
 	data() {
-		return {
-
-		}
+		return {}
 	}
 }
 </script>
@@ -32,7 +32,7 @@ export default {
 		display: flex;
 		justify-content: center;
 		flex-direction: column;
-		margin-bottom: 25px;
+		/* margin-bottom: 50px; */
 	}
 
 	.tui-node {
@@ -46,7 +46,13 @@ export default {
 		align-items: center;
 		justify-content: center;
 		z-index: 99;
-		background: #fafafa;
+		background: #D8D8D8;
 		font-size: 24upx;
 	}
+
+	.tui-node-small {
+		width: 16px !important;
+		height: 16px !important;
+		border-radius: 50%;
+	}
 </style>

+ 12 - 0
mobile-code/src/pages/interest/admin/my-invite.vue

@@ -0,0 +1,12 @@
+<template>
+	<div class="app-content"></div>
+</template>
+
+<script>
+export default {
+	name: 'my-invite-list'
+}
+</script>
+
+<style lang="scss" scoped>
+</style>

+ 50 - 8
mobile-code/src/pages/staff/list.vue

@@ -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;