Init Repo

hyhproject/admin/view/styles/index.html

@@ -0,0 +1,40 @@
+{extend name="base" /}
+{block name="js"}
+<script src="__ADMIN__/styles/styles.js?v={$v}" type="text/javascript"></script>
+{/block}
+{block name="main"}
+<div class="layui-tab layui-tab-brief" lay-filter="msgTab">
+   <ul class="layui-tab-title">
+   {volist name="$cats" id='vo'}
+      <li {if condition="$key==0"}class="layui-this"{/if}  onclick="listQuery('{$vo['styleSys']}')">{$vo['styleSys']}</li>
+   {/volist}
+   </ul>
+   <div class="layui-tab-content" style="padding: 10px 0;">
+      {volist name="$cats" id='vo'}
+         <div id="style_{$vo['styleSys']}" class="layui-tab-item {if condition="$key==0"}layui-show{/if}">
+         </div>
+      {/volist}
+    </div>
+</div>
+<script id="tblist" type="text/html">
+{{# var dl = d['list'];for(var i = 0; i < dl.length; i++){ }}
+<div class='style-box'>
+   <div class='style-img'>
+     <a href='#'>
+      <img src='__ROOT__/hyhproject//{{d["sys"]}}/view/{{dl[i]["stylePath"]}}/img/screenshot.png'/>
+     </a>
+   </div>
+   <div class='style-txt'>标题：{{dl[i]['styleName']}}</div>
+   <div class='style-author'>作者：{{dl[i]['styleAuthor']}}</div>
+   <div class='style-author'>介绍：{{# if(dl[i]['styleShopSite']!=''){}}<a target='_blank' href='{{dl[i]['styleShopSite']}}'>访问网址</a>{{# }else{ }}无{{#}}}</div>
+   <div class='style-op'>
+   {{# if(dl[i]['isUse']==1){}}
+   <button class='btn btn-disabled style_{{dl[i]['id']}}' dataid='{{dl[i]['id']}}' type='button' disabled><i class='fa fa-check-circle'></i>应用中</button>
+   {{# }else{ }}
+   <button class='btn btn-success style_{{dl[i]['id']}}' dataid='{{dl[i]['id']}}' type='button'><i class='fa fa-check-circle'></i>启用</button>
+   {{# } }}
+   </div>
+</div>
+{{#}}}
+</script>
+{/block}

hyhproject/admin/view/styles/styles.js

@@ -0,0 +1,38 @@
+var laytpl = layui.laytpl;
+$(function (){ 
+	listQuery('home');
+});
+function listQuery(styleSys){
+	var loading = WST.msg('正在获取数据，请稍后...', {icon: 16,time:60000});
+	$.post(WST.U('admin/styles/listQueryBySys'),{styleSys:styleSys},function(data,textStatus){
+		layer.close(loading);
+		var json = WST.toAdminJson(data);
+		if(json.status=='1'){
+			var gettpl = document.getElementById('tblist').innerHTML;
+	       	laytpl(gettpl).render(json.data, function(html){
+	       		$('#style_'+styleSys).html(html);
+	       	});
+	       	$('.btn').click(function(){
+                changeStyle($(this),$(this).attr('dataid'));
+            });
+		}
+	});
+}
+function changeStyle(obj,id){
+	if(obj.hasClass('btn-disabled'))return;
+	var box = WST.confirm({content:"您确定要使用这套风格吗?",yes:function(){
+		var loading = WST.msg('正在提交数据，请稍后...', {icon: 16,time:60000});
+		$.post(WST.U('admin/styles/changeStyle'),{id:id},function(data,textStatus){
+			layer.close(loading);
+			var json = WST.toAdminJson(data);
+			if(json.status=='1'){
+				WST.msg(json.msg,{icon:1});
+				layer.close(box);
+				$('.btn-disabled').attr('disabled',false).val('启用').addClass('btn-success').removeClass('btn-disabled');
+				$('.style_'+id).removeClass('btn-success').addClass('btn-disabled').attr('disabled',true).val('应用中');
+			}else{
+				WST.msg(json.msg,{icon:2});
+			}
+		});
+	}});
+}