You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
157 lines
6.7 KiB
157 lines
6.7 KiB
9 months ago
|
{extend name="public/container"}
|
||
|
{block name="content"}
|
||
|
<div class="layui-fluid">
|
||
|
<div class="layui-card">
|
||
|
<div class="layui-card-header">关联专题</div>
|
||
|
<div class="layui-card-body">
|
||
|
<div class="layui-row layui-col-space15">
|
||
|
<div class="layui-col-md12">
|
||
|
<div class="layui-btn-group">
|
||
|
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm" data-type="add" onclick="action.open_add('关联专题')">
|
||
|
<i class="layui-icon"></i>关联专题
|
||
|
</button>
|
||
|
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm" data-type="refresh" onclick="window.location.reload()">
|
||
|
<i class="layui-icon"></i>刷新
|
||
|
</button>
|
||
|
</div>
|
||
|
<table class="layui-hide" id="List" lay-filter="List"></table>
|
||
|
<input type="hidden" id="check_source_tmp" name="check_source_tmp"/>
|
||
|
<script type="text/html" id="image">
|
||
|
<img style="cursor: pointer;" height="50" lay-event='open_image' src="{{d.image}}">
|
||
|
</script>
|
||
|
<script type="text/html" id="pay_status">
|
||
|
<input type='checkbox' name='pay_status' lay-skin='switch' value="{{d.id}}"
|
||
|
lay-filter='pay_status' lay-text='收费|免费' {{ d.pay_status== 1 ? 'checked' : '' }}>
|
||
|
</script>
|
||
|
<script type="text/html" id="is_light">
|
||
|
{{# if(d.is_light==1){ }}
|
||
|
轻专题
|
||
|
{{# }else{ }}
|
||
|
普通专题
|
||
|
{{# }; }}
|
||
|
</script>
|
||
|
<script type="text/html" id="act">
|
||
|
<button type="button" class="layui-btn layui-btn-danger layui-btn-xs" lay-event='delect'>
|
||
|
<i class="layui-icon"></i>删除
|
||
|
</button>
|
||
|
</script>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<script src="{__ADMIN_PATH}js/layuiList.js"></script>
|
||
|
{/block}
|
||
|
{block name="script"}
|
||
|
<script>
|
||
|
var $ = layui.jquery;
|
||
|
var layer = layui.layer;
|
||
|
var id = "{$id}", special_type = "{$special_type}", order = "{$order}";
|
||
|
//实例化form
|
||
|
layList.form.render();
|
||
|
//加载列表
|
||
|
layList.tableList({o:'List', done:function () {}},"{:Url('get_special_sure_list')}?id=" + id + "&order=" + order,function (){
|
||
|
return [
|
||
|
{field: 'types', title: '类型',align: 'center',width:'10%'},
|
||
|
{field: 'is_light', title: '专题类别',templet:'#is_light',align:'center',width:'10%'},
|
||
|
{field: 'title', title: '专题标题',align: 'center'},
|
||
|
{field: 'image', title: '封面',templet:'#image',align: 'center',width:'14%'},
|
||
|
{field: 'pay_status', title: '收费状态', align: 'center', templet: '#pay_status', width: '15%'},
|
||
|
{field: 'sort', title: '排序',sort: true,event:'sort',edit:'sort',align: 'center',width:'10%'},
|
||
|
{field: 'right', title: '操作',align:'center',toolbar:'#act',width:'10%'},
|
||
|
];
|
||
|
});
|
||
|
//自定义方法
|
||
|
var action= {
|
||
|
//打开新添加页面
|
||
|
open_add: function (title) {
|
||
|
var url="{:Url('special.special_type/special_task')}?special_id="+id+"&special_type={$special_type}";
|
||
|
layer.open({
|
||
|
type: 2 //Page层类型
|
||
|
,area: ['80%', '90%']
|
||
|
,title: '关联专题'
|
||
|
,shade: 0.6 //遮罩透明度
|
||
|
,maxmin: true //允许全屏最小化
|
||
|
,anim: 1 //0-6的动画形式,-1不开启
|
||
|
,content: url,
|
||
|
btn: '确定',
|
||
|
btnAlign: 'c', //按钮居中
|
||
|
closeBtn:1,
|
||
|
yes: function(){
|
||
|
layer.closeAll();
|
||
|
var source_tmp = $("#check_source_tmp").val();
|
||
|
var source_tmp_list = JSON.parse(source_tmp);
|
||
|
var arr=[];
|
||
|
for(var i=0;i<source_tmp_list.length;i++){
|
||
|
arr.push(source_tmp_list[i].id);
|
||
|
}
|
||
|
var ids=arr.join(',');
|
||
|
layList.baseGet(layList.Url({
|
||
|
a: 'add_source_sure',
|
||
|
q: {id: id, ids: ids, special_type: special_type}
|
||
|
}), function (res) {
|
||
|
layList.msg(res.msg, function () {
|
||
|
location.reload();
|
||
|
});
|
||
|
});
|
||
|
}
|
||
|
});
|
||
|
}
|
||
|
};
|
||
|
//快速编辑
|
||
|
layList.edit(function (obj) {
|
||
|
var special_id=obj.data.id,value=obj.value;
|
||
|
switch (obj.field) {
|
||
|
case 'sort':
|
||
|
if (value < 0) return layList.msg('排序不能小于0');
|
||
|
if (value > 99999) return layList.msg('排序不能大于99999');
|
||
|
layList.baseGet(layList.Url({
|
||
|
a: 'update_source_sure',
|
||
|
q: {id: obj.data.id, value: value, field: 'sort'}
|
||
|
}), function (res) {
|
||
|
layList.msg(res.msg);
|
||
|
});
|
||
|
break;
|
||
|
}
|
||
|
});
|
||
|
layList.switch('pay_status', function (odj, value) {
|
||
|
var is_show_value = 0
|
||
|
if (odj.elem.checked == true) {
|
||
|
var is_show_value = 1
|
||
|
}
|
||
|
layList.baseGet(layList.Url({
|
||
|
a: 'update_source_sure',
|
||
|
q: {id: value, value: is_show_value, field: 'pay_status'}
|
||
|
}), function (res) {
|
||
|
layList.msg(res.msg);
|
||
|
});
|
||
|
});
|
||
|
//监听并执行排序
|
||
|
layList.sort(['id','sort'],true);
|
||
|
//点击事件绑定
|
||
|
layList.tool(function (event,data,obj) {
|
||
|
switch (event) {
|
||
|
case 'delect':
|
||
|
var url = layList.U({a: 'del_source_sure', q: {id: data.id,special_id:data.special_id}});
|
||
|
$eb.$swal('delete', function () {
|
||
|
$eb.axios.get(url).then(function (res) {
|
||
|
if (res.status == 200 && res.data.code == 200) {
|
||
|
$eb.$swal('success', res.data.msg);
|
||
|
location.reload();
|
||
|
} else
|
||
|
return Promise.reject(res.data.msg || '删除失败')
|
||
|
}).catch(function (err) {
|
||
|
$eb.$swal('error', err);
|
||
|
});
|
||
|
});
|
||
|
break;
|
||
|
case 'open_image':
|
||
|
parent.$eb.openImage(data.image);
|
||
|
break;
|
||
|
}
|
||
|
})
|
||
|
|
||
|
</script>
|
||
|
{/block}
|
||
|
|