-
Notifications
You must be signed in to change notification settings - Fork 1
/
show-win.html
174 lines (169 loc) · 10.1 KB
/
show-win.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
<!DOCTYPE html>
<html>
<head>
<meta charset="gbk" />
<title>橱窗展示</title>
<link rel="stylesheet" href="http://style.china.alibaba.com/app/tools/css/elf/global/merge.css" />
<link rel="stylesheet" href="http://style.china.alibaba.com/app/tools/css/elf/module/show-win.css" />
<link rel="stylesheet" href="http://style.china.alibaba.com/app/tools/css/widget/tui-show-win.css" />
<style type="text/css">
.marg { margin:20px; }
/*.tui-show-win-add {
width:206px;
height:109px;
line-height:109px;
background-color:#f9f9f9;
border:1px dashed #e3e3e3;
text-align:center;
}
.tui-show-win-add .add-new {
display:inline-block;
width:100%;
height:100%;
font-weight:bold;
}
.tui-show-win-add .icon-add {
display:inline-block;
width:20px;
height:20px;
background:url("http://img.china.alibaba.com/cms/upload/2013/806/786/687608_133354742.png") no-repeat;
vertical-align:middle;
padding-right:12px;
}*/
</style>
</head>
<body>
<div class="marg">
<div class="tui-show-win-add">
<a href="#" class="add-new">
<i class="icon-add"></i><span class="txt">新建页面</span>
</a>
</div>
</div>
<div class="marg">
<div class="show-win-1st">
<dl>
<dt title="【新厂家直供专场--内衣区新厂家直供区新厂家直供">【新厂家直供专场--内衣区新厂家直供区新厂家直供</dt>
<dd><em class="icon icon-time"></em><span class="txt">2012/09/23</span></dd>
<dd><em class="icon icon-list"></em><span class="txt">XXX个专场</span></dd>
</dl>
<p class="active">
<a href="#"><em class="icon icon-modify"></em><span class="txt">修改活动</span></a>
<a class="fd-right" href="#" data-alitalk="{id:'柯玉东'}"></a>
</p>
</div>
</div>
<div class="marg fd-clr">
<ul>
<li class="fd-left" style="padding-right:12px;">
<div class="show-win-2nd">
<dl>
<dt title="【新厂家直供专场--内衣区新厂家直供区新厂家直供"><a href="#">【新厂家直供专场--内衣区新厂家直供区新厂家直供</a></dt>
<dd><em class="icon icon-time"></em><span class="txt">结束时间：2012-11-13</span></dd>
<dd><em class="icon icon-member"></em><span class="txt">审核用户：100/1000</span></dd>
<dd><em class="icon icon-offer"></em><span class="txt">审核offer：100/1000</span></dd>
<dd><em class="icon icon-designer"></em><span class="txt">分配设计师：某某某</span></dd>
<dd class="last"><em class="icon icon-creater"></em><span class="txt">创建人：某某某</span></dd>
</dl>
<p class="active">
<a href="#"><em class="icon icon-top"></em><span class="txt">取消置顶</span></a>
<a href="#"><em class="icon icon-collect"></em><span class="txt">取消收藏</span></a>
<a class="fd-right show-operate" href="#"><span class="txt">操作</span><em class="icon icon-handle"></em></a>
</p>
<div class="operate">
<ul class="list-normal fd-clr">
<li><a href="#"><em class="icon icon-modify"></em><span class="txt">修改属性</span></a></li>
<li><a href="#"><em class="icon icon-delet"></em><span class="txt">删除活动</span></a></li>
<li><a href="#"><em class="icon icon-modify"></em><span class="txt">修改设置</span></a></li>
<li><a href="#"><em class="icon icon-over"></em><span class="txt">结束报名</span></a></li>
<li><a href="#"><em class="icon icon-members"></em><span class="txt">审核用户</span></a></li>
<li><a href="#"><em class="icon icon-offers"></em><span class="txt">审核offer</span></a></li>
<li><a href="#"><em class="icon icon-copy"></em><span class="txt">复制专场</span></a></li>
<li><a href="#"><em class="icon icon-data"></em><span class="txt">数据分类</span></a></li>
<li><a href="#"><em class="icon icon-ps"></em><span class="txt">提交给ued</span></a></li>
<li><a href="#"><em class="icon icon-view"></em><span class="txt">预览页面</span></a></li>
</ul>
<ul class="list-new fd-clr">
<li><a href="#"><em class="icon icon-info"></em><span class="txt">查看需求详情</span></a></li>
<li><a href="#"><em class="icon icon-ps"></em><span class="txt">分配设计师</span></a></li>
<li><a href="#"><em class="icon icon-ps"></em><span class="txt">开始设计</span></a></li>
</ul>
<span class="hide"></span>
</div>
</div>
</li>
<li class="fd-left">
<div class="show-win-2nd">
<dl>
<dt title="【新厂家直供专场--内衣区新厂家直供区新厂家直供"><a href="#">【新厂家直供专场--内衣区新厂家直</a></dt>
<dd><em class="icon icon-time-ov"></em><span class="txt">结束时间：2012-11-13</span></dd>
<dd><a href="#"><em class="icon icon-member-ov"></em><span class="txt">审核用户：100/1000</span></a></dd>
<dd><a href="#"><em class="icon icon-offer-ov"></em><span class="txt">审核offer：100/1000</span></a></dd>
<dd><em class="icon icon-designer-ov"></em><span class="txt">设计师：某某某</span></dd>
<dd class="last"><em class="icon icon-creater-ov"></em><span class="txt">创建人：某某某</span></dd>
</dl>
<p class="active">
<a href="#"><em class="icon icon-top"></em><span class="txt">取消置顶</span></a>
<a href="#"><em class="icon icon-collect-rm"></em><span class="txt">取消收藏</span></a>
<a class="fd-right show-operate" href="#"><span class="txt">操作</span><em class="icon icon-handle"></em></a>
</p>
<div class="operate">
<ul class="list-normal fd-clr">
<li><a href="#"><em class="icon icon-modify"></em><span class="txt">修改属性</span></a></li>
<li><a href="#"><em class="icon icon-delet"></em><span class="txt">删除活动</span></a></li>
<li><a href="#"><em class="icon icon-modify"></em><span class="txt">修改设置</span></a></li>
<li><a href="#"><em class="icon icon-over"></em><span class="txt">结束报名</span></a></li>
<li><a href="#"><em class="icon icon-members"></em><span class="txt">审核用户</span></a></li>
<li><a href="#"><em class="icon icon-offers"></em><span class="txt">审核offer</span></a></li>
<li><a href="#"><em class="icon icon-copy"></em><span class="txt">复制专场</span></a></li>
<li><a href="#"><em class="icon icon-data"></em><span class="txt">数据分类</span></a></li>
<li><a href="#"><em class="icon icon-ps"></em><span class="txt">提交给ued</span></a></li>
<li><a href="#"><em class="icon icon-view"></em><span class="txt">预览页面</span></a></li>
</ul>
<ul class="list-new fd-clr">
<li><a href="#"><em class="icon icon-info"></em><span class="txt">查看需求详情</span></a></li>
<li><a href="#"><em class="icon icon-ps"></em><span class="txt">分配设计师</span></a></li>
<li><a href="#"><em class="icon icon-ps"></em><span class="txt">开始设计</span></a></li>
</ul>
<span class="hide"></span>
</div>
</div>
</li>
</ul>
</div>
<script type="text/javascript" src="http://style.china.alibaba.com/app/tools/js/elf/global/merge.js"></script>
<script type="text/javascript">
jQuery(function($){
$.use('web-alitalk', function() {
FE.util.alitalk($('a[data-alitalk]'), {
onRemote: function(data) {
var el = $(this);
switch (data.online) {
case 0:
case 2:
case 6:
default: //不在线
case 1: //在线
case 4:
case 5: //手机在线
el.html(data.id);
break;
}
}
});
});
//橱窗二的JS代码
$('.show-win-2nd .show-operate').click(function(e){
e.preventDefault();
var el = $(this);
el.closest('.show-win-2nd').find('.operate').show();
});
$('.show-win-2nd .hide').click(function(e){
e.preventDefault();
var el = $(this);
el.closest('.operate').hide();
});
});
</script>
</body>
</html>