cxgj/modules/admin/views/store/store-user.php
2023-11-28 15:18:01 +08:00

462 lines
18 KiB
PHP
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<?php
use app\models\Store;
/**
* @author Any
* @description KISS
* @date 2021年6月30日
* @version 1.0.0
*
* _____LOG_____
*
*/
$this->title = '案例管理';
$this->params['breadcrumbs'][] = $this->title;
$status = \Yii::$app->request->get('status');
$user_type = \Yii::$app->request->get('user_type');
?>
<style type="text/css">
.layui-table-cell {
height: auto;
}
</style>
<div class="layui-fluid">
<div class="layui-card">
<div class="layui-card-header">
<?= $this->title ?>
</div>
<div class="layui-card-header layuiadmin-card-header-auto">
<div class="layui-inline">
<a class=" layui-btn" href="<?= \Yii::$app->urlManager->createUrl(["admin/store/store-user-edit"]) ?>">添加案例</a>
</div>
<div class="layui-form-item">
<div class="layui-inline layui-float-right layui-form">
<div class="layui-inline layui-form-item">
<div class="layui-input-inline">
<select class="layui-select" name="status">
<option value="" <?= $status === null ? 'selected' : '' ?>>全部案例状态</option>
<option value="2" <?= $status == 2 && $status != null ? 'selected' : '' ?>>隐藏</option>
<option value="1" <?= $status == 1 && $status != null ? 'selected' : '' ?>>开启</option>
</select>
</div>
</div>
<div class="layui-inline layui-form-item">
<label class="layui-form-label">关键词</label>
<div class="layui-input-block">
<input type="text" name="keywords" placeholder="搜索冠军名称" autocomplete="off"
class="layui-input"
value="<?= \Yii::$app->request->get("keywords") ?>">
</div>
</div>
<div class="layui-inline">
<button class="layui-btn layuiadmin-btn-useradmin" lay-submit lay-filter="dtable-search">
<i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
</button>
</div>
</div>
</div>
</div>
<div class="layui-card-body">
<table id="dtable" lay-filter="dtable"></table>
</div>
</div>
</div>
<!--工具栏模板-->
<script type="text/html" id="toolBarTpl">
<div class="layui-btn-container">
<button class="layui-btn layui-btn-sm layui-btn-normal" lay-event="batch_status_yes">批量开启</button>
<button class="layui-btn layui-btn-sm layui-btn-danger" lay-event="batch_status_no">批量关闭</button>
<button class="layui-btn layui-btn-sm layui-btn-danger" lay-event="batch_delete">批量删除</button>
</div>
</script>
<!--行操作列模板-->
<script type="text/html" id="rowBarTpl">
{{# if(d.status == '1'){ }}
<button class="layui-btn layui-btn-xs layui-btn-danger" lay-event="status_no">隐藏</button>
{{# } else{ }}
<button class="layui-btn layui-btn-xs layui-btn-normal" lay-event="status_yes">开启</button>
{{# } }}
<button class="layui-btn layui-btn-xs" lay-event="edit">编辑</button>
<button class="layui-btn layui-btn-xs layui-btn-danger" lay-event="delete">删除</button>
</script>
<script type="text/html" id="statusTpl">
{{# if(d.status == '2'){ }}
<span class="layui-badge layui-bg-red">隐藏</span>
{{# } else{ }}
<span class="layui-badge layui-bg-blue">启用</span>
{{# } }}
</script>
<script>
<?php $this->beginBlock('js_script_wrap') ?>
$('#cd_location_body').hide();
layui.config({
base: '/statics/layuiadmin/' //静态资源所在路径
}).extend({
index: 'lib/index' //主入口模块
}).use(['index', 'user', 'table', 'form'], function () {
var $ = layui.$
, form = layui.form
, table = layui.table
, admin = layui.admin;
form.render();
//search
form.on('submit(dtable-search)', function (obj) {
var field = obj.field;
reload_table_data(field);
});
//重新加载表格数据
function reload_table_data(conf) {
table.reload('dtable', {
url: '<?=\Yii::$app->urlManager->createUrl(['admin/store/store-user'])?>'
, page: true
, where: conf
});
}
$('#cd_location').html(window.location.origin);
$('#cd_location_body').show();
//执行渲染
table.render({
//指定原始表格元素选择器推荐id选择器
elem: '#dtable'
//容器高度
//,height: 315
//容器宽度
//,width: 720
//设置表头
, cols: [[
{checkbox: true}
, {field: 'id', title: 'ID', width: 80}
, {field: 'goods_name', title: '冠军名称'}
, {field: 'bj_name', title: '所属分类'}
// , {field: 'money', title: '案例金额'}
// , {field: 'device', title: '案例设备'}
// , {field: 'business', title: '营业时间', width: 110}
, {field: 'status', title: '状态', templet: '#statusTpl', width: 80}
, {field: 'created_at_cn', title: '创建时间', width: 150}
, {title: '操作', fixed: 'right', toolbar: '#rowBarTpl', width: 200}
]
]
, url: '<?=\Yii::$app->urlManager->createUrl(['admin/store/store-user'])?>'
, page: true
//指向自定义工具栏模板选择器
, toolbar: '#toolBarTpl'
//头部工具栏右侧的图标按钮
, defaultToolbar: ['filter', 'print', 'exports']
, limit: 20
, limits: [10, 20, 30, 40, 50, 60, 70, 80, 90, 100]
, title: '<?=$this->title?>'
, data: []
, done: function (res, curr, count) {
setTimeout(function () {
$(".layui-table-main tr").each(function (index, val) {
$(".layui-table-fixed").each(function () {
$($(this).find(".layui-table-body tbody tr")[index]).height($(val).height());
});
});
$(".layui-table-header tr").each(function (index, val) {
$(".layui-table-fixed").each(function () {
$($(this).find(".layui-table-header thead tr")[index]).height($(val).height());
});
});
}, 500);
}
});
//监听工具条
table.on('tool(dtable)', function (obj) {
var row_data = obj.data;
var lay_event = obj.event;
var id = row_data.id;
var confirm_url = null;
var confirm_tip = null;
var ids = [];
ids.push(id);
if (lay_event == "delete") {
confirm_url = "<?=\Yii::$app->urlManager->createUrl(['admin/store/store-user-delete'])?>";
confirm_tip = "确定删除此案例吗";
}
if (lay_event == "status_yes") {
confirm_url = "<?=\Yii::$app->urlManager->createUrl(['admin/store/store-user-status-yes'])?>";
confirm_tip = "确定此案例变更为开启吗?";
}
if (lay_event == "status_no") {
confirm_url = "<?=\Yii::$app->urlManager->createUrl(['admin/store/store-user-status-no'])?>";
confirm_tip = "确定此案例变更为关闭吗?";
}
if (lay_event == 'edit') {
confirm_url = "<?=\Yii::$app->urlManager->createUrl(['admin/store/store-user-edit'])?>" + "?id=" + id;
location.href = confirm_url;
return;
}
if (confirm_url != null) {
layer.confirm(confirm_tip, {
btn: ['确定', '取消']
}, function () {
$.ajax(confirm_url, {
type: "POST",
dataType: "json",
data: {
ids: ids,
_csrf: _csrf
},
success: function (res) {
if (res.code == 0) {
layer.msg(res.msg, {
offset: '15px'
, icon: 1
, time: 1000
}, function () {
location.reload();
});
} else {
layer.msg(res.msg, {
offset: '15px'
, icon: 2
, time: 1000
}, function () {
});
}
},
error: function (xhr, type, err) {
layer.msg(xhr.responseText, {
offset: '15px'
, icon: 2
, time: 1000
}, function () {
});
}
})
}, function () {
});
}
});
//监听工具栏
table.on('toolbar(dtable)', function (obj) {
var lay_event = obj.event;
var check_status = table.checkStatus('dtable');
var ids = [];
$(check_status.data).each(function (index) {
ids.push(check_status.data[index]['id']);
});
if (ids.length == 0) {
return layer.msg("请选择需要操作项");
}
var confirm_url = null;
var confirm_tip = null;
if (lay_event == 'batch_delete') {
confirm_url = "<?=\Yii::$app->urlManager->createUrl(['admin/store/store-user-delete'])?>";
confirm_tip = "确定将选中案例删除吗";
}
if (lay_event == 'batch_status_yes') {
confirm_url = "<?=\Yii::$app->urlManager->createUrl(['admin/store/store-user-status-yes'])?>";
confirm_tip = "确定将选中案例变更为正常吗";
}
if (lay_event == 'batch_status_no') {
confirm_url = "<?=\Yii::$app->urlManager->createUrl(['admin/store/store-user-status-no'])?>";
confirm_tip = "确定将选中案例变更为封禁吗";
}
if (confirm_url != null) {
layer.confirm(confirm_tip, {
btn: ['确定', '取消']
}, function () {
$.ajax(confirm_url, {
type: "POST",
dataType: "json",
data: {
ids: ids,
_csrf: _csrf
},
success: function (res) {
if (res.code == 0) {
layer.msg(res.msg, {
offset: '15px'
, icon: 1
, time: 1000
}, function () {
location.reload();
});
} else {
layer.msg(res.msg, {
offset: '15px'
, icon: 2
, time: 1000
}, function () {
});
}
},
error: function (xhr, type, err) {
layer.msg(xhr.responseText, {
offset: '15px'
, icon: 2
, time: 1000
}, function () {
});
}
})
}, function () {
});
}
});
form.on('select(province)', function (res) {
app.province_id = res.value;
$(app.province).each(function (i) {
if (app.province[i].id == app.province_id) {
app.city = app.province_id != 0 ? app.province[i].list : [];
//app.city_id = app.province_id != 0 ? app.province[i].list[0]['id'] : 0;
app.area = app.province_id != 0 ? app.city[0].list : [];
//app.area_id = app.province_id != 0 ? app.city[0].list[0]['id'] : 0;
app.province_id = app.province_id == 0 ? '' : app.province_id;
app.$forceUpdate();
setTimeout(function () {
form.render('select');
}, 500);
return true;
}
});
});
form.on('select(city)', function (res) {
app.city_id = res.value;
$(app.city).each(function (i) {
if (app.city[i].id == app.city_id) {
app.area = app.city[i].list;
//app.area_id = app.city[i].list[0]['id'];
app.$forceUpdate();
setTimeout(function () {
form.render('select');
}, 500);
return true;
}
});
});
form.on('select(area)', function (res) {
app.area_id = res.value;
setTimeout(function () {
form.render('select');
}, 500);
});
//监听指定开关
form.on('switch(switchgjsmsTpl)', function (data) {
var url = '<?=\Yii::$app->urlManager->createUrl(['admin/store/store-user-setsms'])?>';
$.ajax(url, {
type: "POST",
dataType: "json",
data: {
_csrf: _csrf,
type: 'gjsms',
mobile_phone: $(this).attr('data')
},
timeout: 10000,
success: function (res) {
if (res.code == 0) {
} else {
layer.msg(res.msg, {
offset: '15px'
, icon: 2
, time: 1000
}, function () {
window.location.reload()
});
}
},
error: function (xhr, type, err) {
layer.msg(xhr.responseText, {
offset: '15px'
, icon: 2
, time: 1000
}, function () {
window.location.reload()
});
},
complete: function () {
}
})
});
//监听指定开关
form.on('switch(switchghsmsTpl)', function (data) {
var url = '<?=\Yii::$app->urlManager->createUrl(['admin/store/store-user-setsms'])?>';
$.ajax(url, {
type: "POST",
dataType: "json",
data: {
_csrf: _csrf,
type: 'ghsms',
mobile_phone: $(this).attr('data')
},
timeout: 10000,
success: function (res) {
if (res.code == 0) {
} else {
layer.msg(res.msg, {
offset: '15px'
, icon: 2
, time: 1000
}, function () {
window.location.reload()
});
}
},
error: function (xhr, type, err) {
layer.msg(xhr.responseText, {
offset: '15px'
, icon: 2
, time: 1000
}, function () {
window.location.reload()
});
},
complete: function () {
}
})
});
});
function previewImg(obj) {
var img = new Image();
img.src = obj.src;
var imgw = img.width;
var imgh = img.height;
var img_th = imgh / imgw * 500;
var imgHtml = "<img src='" + obj.src + "' width='500px' height='" + img_th + "px'/>";
//弹出层
layer.open({
type: 1,
shade: 0.8,
offset: 'auto',
area: [500 + 'px', (img_th + 50) + 'px'],
shadeClose: true,
scrollbar: false,
title: "图片预览", //不显示标题
content: imgHtml, //捕获的元素注意最好该指定的元素要存放在body最外层否则可能被其它的相对元素所影响
cancel: function () {
//layer.msg('捕获就是从页面已经存在的元素上包裹layer的结构', { time: 5000, icon: 6 });
}
});
}
<?php $this->endBlock(); ?>
</script>
<?php $this->registerJs($this->blocks['js_script_wrap'], \yii\web\View::POS_END); ?>