123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164 |
- {extend name="public/container"}
- {block name="content"}
- <div class="layui-fluid">
- <div class="layui-row layui-col-space15" id="app">
- <div class="layui-col-md12">
- <div class="layui-card">
- <div class="layui-card-header">素材列表</div>
- <div class="layui-card-body">
- <div class="layui-btn-container conrelTable">
- <button class="layui-btn layui-btn-normal layui-btn-sm" type="button"
- onclick="action.open_add('{:Url('searchs_task')}?special_id='+{$id}+'&special_type='+{$special_type},'选择素材')">
- 选择素材
- </button>
- <button class="layui-btn layui-btn-normal layui-btn-sm" type="button"
- onclick="action.add_source('{:Url('relation')}?id='+{$id},'添加素材')">
- 添加素材
- </button>
- <button class="layui-btn layui-btn-normal layui-btn-sm" onclick="window.location.reload()"><i
- class="layui-icon layui-icon-refresh"></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 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="act">
- <button type="button" class="layui-btn layui-btn-danger layui-btn-xs" lay-event='delstor'>
- <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 id = "{$id}", special_type = "{$special_type}", order = "{$order}";
- //实例化form
- layList.form.render();
- //加载列表
- layList.tableList({o: 'List', done: function () {}}, "{:Url('get_source_sure_list')}?id=" + id + "&order=" + order, function () {
- return [
- {field: 'id', title: '编号', width: '8%', align: 'center'},
- {field: 'title', title: '标题'},
- {field: 'image', title: '封面', templet: '#image', align: 'center', width: '15%'},
- {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%'}
- ];
- }, 10);
- //快速编辑
- layList.edit(function (obj) {
- var 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.tool(function (event, data, obj) {
- switch (event) {
- case 'delstor':
- 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;
- }
- });
- //监听并执行排序
- layList.sort(['id', 'sort'], true);
- var action = {
- open_add: function (url, title) {
- 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();
- });
- });
- }
- });
- },
- add_source: function () {
- var that = this;
- var url = "{:Url('special.special_type/addSources')}?id=0&special_id="+id;
- var title = '添加素材';
- layer.open({
- type: 2 //Page层类型
- , area: ['80%', '90%']
- , title: title
- , shade: 0.6 //遮罩透明度
- , maxmin: true //允许全屏最小化
- , anim: 1 //0-6的动画形式,-1不开启
- , content: url
- , end: function () {
- layer.closeAll();
- location.reload();
- }
- });
- },
- refresh: function () {
- layList.reload();
- }
- };
- </script>
- {/block}
|