diff --git a/addon/futures/shop/view/futures/index.html b/addon/futures/shop/view/futures/index.html
new file mode 100644
index 00000000..d7e592da
--- /dev/null
+++ b/addon/futures/shop/view/futures/index.html
@@ -0,0 +1,156 @@
+{extend name="app/shop/view/base.html"/}
+{block name="resources"}
+<style>
+	.prompt-block .prompt {
+		display: inline-block;
+	}
+	.prompt-block .prompt {
+		width: 18px;
+		height: 18px;
+		line-height: 18px;
+		position: relative;
+	}
+	.user-head-img{
+		width:40px;
+		height:40px;
+		margin-right:20px;
+	}
+</style>
+{/block}
+
+{block name="main"}
+<!-- 顶部操作内容 -->
+<div class="single-filter-box top">
+	<div class="right">
+		<button class="layui-btn" onclick="addMember()">添加成员</button>
+		<button class="layui-btn" style="background-color: #009688;" onclick="synchronization(0)">同步开发者</button>
+		<button class="layui-btn" style="background-color: #FFB800;" onclick="synchronization(1)">同步体验者</button>
+	</div>
+	<div class="left"></div>
+</div>
+<!-- 列表 -->
+<table id="listContent" lay-filter="listContent"></table>
+<!-- 操作 -->
+<script type="text/html" id="operation">
+	<div class="table-btn">
+		<a class="layui-btn" lay-event="delete">删除</a>
+	</div>
+</script>
+{/block}
+
+{block name="script"}
+<script>
+	var table,
+			form,
+			editIframe,
+			repeat_flag = false;//防重复标识;
+
+	layui.use(['form'], function() {
+		form = layui.form;
+		form.render();
+		// 内容获取
+		table = new Table({
+			elem: '#listContent',
+			url: ns.url("aliapp://shop/member/index"),
+			cols: [[
+				{align: 'center', field: 'id', title: 'ID', width: '5%', unresize: 'false'},
+				{align: 'center', field: 'user_id', title: '支付宝用户id',  unresize: 'area'},
+				{align: 'center', field: 'nick_name', title: '昵称',  unresize: 'area'},
+				{
+					align: 'center', templet: function (d) {
+						// 成员的状态，VALID-有效，UNCONFIRMED-未确认，TIMEOUT-已经失效，REFUSED-用户拒绝
+						let statusText = '';
+						switch (d.status) {
+							case 'VALID': statusText = '有效'; break;
+							case 'UNCONFIRMED': statusText = '未确认'; break;
+							case 'TIMEOUT': statusText = '已经失效'; break;
+							case 'REFUSED': statusText = '用户拒绝'; break;
+						}
+
+						return statusText;
+					}, title: '状态', unresize: 'false'
+				},
+				{align: 'center', field: 'gmt_join', title: '加入时间',  unresize: 'area'},
+				{align: 'center', field: 'logon_id', title: '支付宝账号',  unresize: 'area'},
+				{align: 'center', field: 'gmt_invite', title: '邀请时间',  unresize: 'area'},
+				{
+					align: 'center', templet: function (d) {
+						// 角色类型：DEVELOPER-开发者；EXPERIENCER-体验者
+						return d.role === 'DEVELOPER' ? '开发者' : '体验者';
+					}, title: '角色类型', unresize: 'false'
+				},
+				{title: '操作', toolbar: '#operation', unresize: 'false', align: 'right'}
+			]],
+		});
+		// 监听工具栏操作
+		table.tool(function(obj) {
+			var data = obj.data;
+			switch (obj.event) {
+				case 'delete':
+					delMember(data.id);
+					break;//删除
+			}
+		});
+	});
+	// 成员同步
+	function synchronization(type){
+		let index = ns.loading('open','同步中,请等待......');
+		requestApi("aliapp://shop/Member/synchronization",{ type: type },function (res) {
+			table.reload({
+				page: {
+					curr: 1
+				},
+			});
+			layer.close(index);
+		})
+	}
+	// 添加成员
+	function addMember(){
+		editIframe = layer.open({
+			type: 2,
+			title: '添加名片',
+			skin: 'layer-tips-class',
+			area: ['70%','90%'],
+			content: ns.url("aliapp://shop/Member/addMember", {}),
+			end: function(){
+				table.reload({
+					page: {
+						curr: 1
+					},
+				});
+			}
+		});
+	}
+	// 删除成员
+	function delMember(id){
+		layer.confirm('确定删除成员吗！', {icon: 3, title:'提示'}, function(confirmIndex){
+			layer.close(confirmIndex);
+			let index = ns.loading('open','删除中,请等待......');
+			requestApi("aliapp://shop/Member/delMember",{ id: id },function (res) {
+				table.reload({
+					page: {
+						curr: 1
+					},
+				});
+				layer.close(index);
+			})
+		});
+	}
+	// 发起请求
+	function requestApi(api,data,fun){
+		if (repeat_flag) return false;
+		repeat_flag = true;
+		$.ajax({
+			url: ns.url(api),
+			data: data,
+			dataType: 'JSON',
+			type: 'POST',
+			success: function(res) {
+				layer.msg(res.message);
+				repeat_flag = false;
+				if(typeof fun === 'function') fun(res);
+			}
+		});
+	}
+</script>
+{/block}
\ No newline at end of file
diff --git a/addon/futures/shop/view/public/img/futures.png b/addon/futures/shop/view/public/img/futures.png
new file mode 100644
index 00000000..e69de29b
diff --git a/addon/futures/shop/view/public/img/futures_new.png b/addon/futures/shop/view/public/img/futures_new.png
new file mode 100644
index 00000000..e69de29b
diff --git a/addon/futures/shop/view/public/img/futures_select.png b/addon/futures/shop/view/public/img/futures_select.png
new file mode 100644
index 00000000..e69de29b