Files
littleTiger/application/admin/view/block/template_class.html
2019-02-28 19:48:21 +08:00

219 lines
8.1 KiB
HTML

<include file="public/layout" />
<body style="background-color: rgb(255, 255, 255); overflow: auto; cursor: default;">
<div class="page">
<div class="fixed-bar">
<div class="item-title">
<div class="subject">
<h3>行业及风格分类</h3>
<h5>行业及风格添加与管理</h5>
</div>
</div>
</div>
<div class="explanation" id="explanation">
<div class="title" id="checkZoom"><i class="fa fa-lightbulb-o"></i>
<h4 title="提示相关设置操作时应注意的要点">操作提示</h4>
<span id="explanationZoom" title="收起提示"></span>
</div>
<ul>
<li>新增风格时,可选择行业分类。</li>
</ul>
</div>
<form method="post">
<input type="hidden" name="form_submit" value="ok">
<div class="flexigrid">
<div class="mDiv">
<div class="ftitle">
<h3>行业列表</h3>
<h5></h5>
</div>
</div>
<div class="hDiv">
<div class="hDivBox">
<table cellpadding="0" cellspacing="0">
<thead>
<tr>
<th align="center" class="sign" axis="col0">
<div style="text-align: center; width: 24px;"><i class="ico-check"></i></div>
</th>
<th align="center" class="handle" axis="col1">
<div style="text-align: center; width: 150px;">操作</div>
</th>
<th align="center" axis="col2">
<div style="text-align: center; width: 60px;">排序</div>
</th>
<th align="center" axis="col3" class="">
<div class="sundefined" style="text-align: center; width: 250px;">名称</div>
</th>
<th axis="col4">
<div></div>
</th>
</tr>
</thead>
</table>
</div>
</div>
<div class="tDiv">
<div class="tDiv2">
<a href="{:U('block/class_info',array('act'=>'add'))}">
<div class="fbutton">
<div class="add" title="新增分类">
<span><i class="fa fa-plus"></i>新增行业</span>
</div>
</div>
</a>
<div class="fbutton">
<div class="add" title="收缩分类">
<span onclick="tree_open(this);"><i class="fa fa-angle-double-up"></i>收缩行业</span>
</div>
</div>
</div>
<div style="clear:both"></div>
</div>
<div class="bDiv" style="height: auto;">
<table class="flex-table autoht" cellpadding="0" cellspacing="0" border="0" id="article_cat_table">
<tbody id="treet1">
<foreach name="list" item="vo" key="k" >
<tr nctype="0" class="parent_id_{$vo[parent_id]}" data-level="{$vo[level]}" id="{$vo.level}_{$vo.id}">
<td class="sign">
<div style="text-align: center; width: 24px;">
<img src="/public/static/images/tv-collapsable-last.gif" fieldid="2" status="open" id="icon_{$vo.level}_{$vo.id}" onClick="treeClicked(this,{$vo[id]})">
</div>
</td>
<td class="handle">
<div style="text-align:center; min-width:150px !important; max-width:inherit !important;">
<span class="btn" style="padding-left:<?php echo ($vo[level] * 4); ?>em"><em><i class="fa fa-cog"></i>设置<i class="arrow"></i></em>
<ul>
<li><a href="{:U('block/class_info',array('act'=>'edit','id'=>$vo['id']))}">编辑信息</a></li>
<if condition="$vo['parent_id'] eq 0">
<li><a href="{:U('block/class_info',array('act'=>'add','parent_id'=>$vo['id']))}">新增信息</a></li>
</if>
<li><a href="javascript:void(0)" data-url="{:U('block/class_handle')}" data-id="{$vo.id}" onClick="delfun(this)">删除信息</a></li>
</ul>
</span>
</div>
</td>
<td class="sort">
<div style="text-align: center; width: 60px;">
<input type="text" onKeyUp="this.value=this.value.replace(/[^\d]/g,'')" onpaste="this.value=this.value.replace(/[^\d]/g,'')" onblur="changeTableVal('template_class','id','{$vo.id}','sort_order',this)" size="4" value="{$vo.sort_order}" />
</div>
</td>
<td class="name">
<div style="text-align: center; width: 250px;">
<!--<input type="text" value="{$vo.name}" onblur="changeTableVal('article_cat','cat_id',{$vo.cat_id},'cat_name',this)" <in name="vo.id" value="$article_system_id">readonly="readonly"</in>/>-->
{$vo.name}
</div>
</td>
<td class="name">
<div style="text-align: center; width: 350px;">
<span>{$vo.cat_desc}</span>
</div>
</td>
<td style="width: 100%;">
<div>&nbsp;</div>
</td>
</tr>
</foreach>
</tbody>
</table>
</div>
</div>
</form>
<script>
function tree_open(obj)
{
var tree = $('#article_cat_table tr[id^="1_"],#article_cat_table tr[id^="2_"], #list-table tr[id^="3_"] '); //,'table-row'
if(tree.css('display') == 'table-row')
{
$(obj).html("<i class='fa fa-angle-double-down'></i>展开分类");
tree.css('display','none');
//$("span[id^='icon_']").removeClass('glyphicon-minus');
$("img[id^='icon_']").attr('src','/public/static/images/tv-expandable.gif');
}else
{
$(obj).html("<i class='fa fa-angle-double-up'></i>收缩分类");
tree.css('display','table-row');
$("img[id^='icon_']").attr('src','/public/static/images/tv-collapsable-last.gif');
}
}
// 点击展开 收缩节点
function treeClicked(obj,cat_id){
var src = $(obj).attr('src');
if(src == '/public/static/images/tv-expandable.gif')
{
$(".parent_id_"+cat_id).show();
$(obj).attr('src','/public/static/images/tv-collapsable-last.gif');
}else{
$(obj).attr('src','/public/static/images/tv-expandable.gif');
// 如果是点击减号, 遍历循环他下面的所有都关闭
var tbl = document.getElementById("article_cat_table");
cur_tr = obj.parentNode.parentNode.parentNode;
var fnd = false;
for (i = 0; i < tbl.rows.length; i++)
{
var row = tbl.rows[i];
if (row == cur_tr)
{
fnd = true;
}
else
{
if (fnd == true)
{
var level = parseInt($(row).data('level'));
var cur_level = $(cur_tr).data('level');
if (level > cur_level)
{
$(row).hide();
$(row).find('img').attr('src','/public/static/images/tv-expandable.gif');
}
else
{
fnd = false;
break;
}
}
}
}
}
}
function delfun(obj) {
layer.confirm('确认删除?', {
btn: ['确定', '取消'] //按钮
}, function () {
//alert($(obj).attr('data-url'));return false;
// 确定
$.ajax({
type: 'post',
url : $(obj).attr('data-url'),
data : {act:'del',cat_id:$(obj).attr('data-id')},
dataType: 'json',
success: function (data) {
layer.closeAll();
if (data.status === 1) {
layer.msg('操作成功', {icon: 1});
$(obj).parent().parent().parent().parent().parent().parent().remove();
location.reload();
} else {
layer.msg(data.msg, {icon: 2, time: 2000});
}
}
})
}, function (index) {
layer.close(index);
}
);
}
</script>
</div>
</body>
</html>