signimage.html
8.1 KB
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
<include file="public@header"/>
<style type="text/css">
.pic-list li {
margin-bottom: 5px;
}
</style>
<script type="text/html" id="photos-item-tpl">
<li id="saved-image{id}">
<input id="photo-{id}" type="hidden" name="photo_urls[]" value="{filepath}">
<input class="form-control" id="photo-{id}-name" type="text" name="photo_names[]" value="{name}"
style="width: 200px;" title="图片名称">
<img id="photo-{id}-preview" src="{url}" style="height:36px;width: 36px;"
onclick="imagePreviewDialog(this.src);">
<a href="javascript:uploadOneImage('图片上传','#photo-{id}');">替换</a>
<a href="javascript:(function(){$('#saved-image{id}').remove();})();">移除</a>
</li>
</script>
<script type="text/html" id="videos-item-tpl">
<li id="saved-audio{id}">
<input id="audio-{id}" type="hidden" name="video_urls[]" value="{filepath}">
<input class="form-control" id="audio-{id}-name" type="text" name="video_names[]" value="{name}"
style="width: 200px;" title="音频名称">
<a id="audio-{id}-preview" href="" target="_blank">下载</a>
<a href="javascript:uploadOne('音频上传','#audio-{id}','video');">替换</a>
<a href="javascript:(function(){$('#saved-audio{id}').remove();})();">移除</a>
</li>
</script>
</head>
<body>
<div class="wrap js-check-wrap">
<ul class="nav nav-tabs">
<li <eq name="list.id" value="1">class="active"</eq>><a href="{:url('AdminSign/signImage',array('id'=>1))}">周一</a></li>
<li <eq name="list.id" value="2">class="active"</eq>><a href="{:url('AdminSign/signImage',array('id'=>2))}">周二</a></li>
<li <eq name="list.id" value="3">class="active"</eq>><a href="{:url('AdminSign/signImage',array('id'=>3))}">周三</a></li>
<li <eq name="list.id" value="4">class="active"</eq>><a href="{:url('AdminSign/signImage',array('id'=>4))}">周四</a></li>
<li <eq name="list.id" value="5">class="active"</eq>><a href="{:url('AdminSign/signImage',array('id'=>5))}">周五</a></li>
<li <eq name="list.id" value="6">class="active"</eq>><a href="{:url('AdminSign/signImage',array('id'=>6))}">周六</a></li>
<li <eq name="list.id" value="7">class="active"</eq>><a href="{:url('AdminSign/signImage',array('id'=>7))}">周日</a></li>
</ul>
<form action="{:url('AdminSign/signImagePost')}" method="post" class="form-horizontal js-ajax-form margin-top-20">
<div class="row">
<div class="col-md-9">
<table class="table table-bordered">
<input type="hidden" name="id" value="{$list.id }">
<!--<div>积分设置</div>-->
<!--<tr>-->
<!--<th width="200">周一<span class="form-required">*</span></th>-->
<!--<tr>-->
<th>标题</th>
<td>
<input name="title" type="text" required value="{$list.title}"/>
</td>
<th>图片</th>
<td>
<div style="text-align: center;">
<input type="hidden" name="image" id="thumbnail"
value="{$list.image|default=''}">
<a href="javascript:uploadOneImage('图片上传','#thumbnail');">
<if condition="empty($list.image)">
<img src="__TMPL__/public/assets/images/default-thumbnail.png"
id="thumbnail-preview"
width="135" style="cursor: pointer"/>
<else/>
<img src="{:cmf_get_image_preview_url($list.image)}"
id="thumbnail-preview"
width="135" style="cursor: pointer"/>
</if>
</a>
<input type="button" class="btn btn-sm btn-cancel-thumbnail" value="取消图片">
</div>
</td>
<th>音频<span class="form-required">*</span></th>
<td>
<ul id="videos" class="pic-list list-unstyled form-inline">
<notempty name="list.music">
<foreach name="list.music" item="vo">
<li id="saved-audio{$key}">
<input id="audio-{$key}" type="hidden" name="video_urls[]" value="{$vo.url}"/>
<input class="form-control" id="audio-{$key}-name" type="text"
name="video_names[]"
value="{$vo.name}" style="width: 200px;" title="音频名称">
<a id="audio-{$key}-preview" href="{:cmf_get_file_download_url($vo.url)}" target="_blank">下载</a>
<a href="javascript:uploadOne('音频文件上传','#audio-{$key}','audio');">替换</a>
<a href="javascript:(function(){$('#saved-audio{$key}').remove();})();">移除</a>
</li>
</foreach>
</notempty>
</ul>
<a href="javascript:uploadMultiFile('音频文件上传','#videos','videos-item-tpl','audio');"
class="btn btn-sm btn-default">选择音频文件</a>
</td>
</tr>
</table>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="submit" class="btn btn-primary js-ajax-submit">{:lang('SAVE')}</button>
</div>
</div>
</form>
</div>
<script type="text/javascript" src="__STATIC__/js/admin.js"></script>
<script type="text/javascript">
//编辑器路径定义
var editorURL = GV.WEB_ROOT;
</script>
<script type="text/javascript" src="__STATIC__/js/ueditor/ueditor.config.js"></script>
<script type="text/javascript" src="__STATIC__/js/ueditor/ueditor.all.min.js"></script>
<script type="text/javascript">
$(function () {
editorcontent = new baidu.editor.ui.Editor();
editorcontent.render('content');
try {
editorcontent.sync();
} catch (err) {
}
$('.btn-cancel-thumbnail').click(function () {
$('#thumbnail-preview').attr('src', '__TMPL__/public/assets/images/default-thumbnail.png');
$('#thumbnail').val('');
});
$('#more-template-select').val("{$post.more.template|default=''}");
});
function doSelectCategory() {
var selectedCategoriesId = $('#js-categories-id-input').val();
openIframeLayer("{:url('AdminCategory/select')}?ids=" + selectedCategoriesId, '请选择分类', {
area: ['700px', '400px'],
btn: ['确定', '取消'],
yes: function (index, layero) {
//do something
var iframeWin = window[layero.find('iframe')[0]['name']];
var selectedCategories = iframeWin.confirm();
if (selectedCategories.selectedCategoriesId.length == 0) {
layer.msg('请选择分类');
return;
}
$('#js-categories-id-input').val(selectedCategories.selectedCategoriesId.join(','));
$('#js-categories-name-input').val(selectedCategories.selectedCategoriesName.join(' '));
//console.log(layer.getFrameIndex(index));
layer.close(index); //如果设定了yes回调，需进行手工关闭
}
});
}
</script>
</body>
</html>