2023-11-28 15:18:01 +08:00

281 lines
12 KiB
PHP
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<?php
use yii\web\View;
$this->title = '商品列表';
$this->params['breadcrumbs'][] = $this->title;
?>
<div class="layui-fluid">
<div class="layui-card">
<div class="layui-card-body">
<div style="margin-bottom: 45px">
<form method="get" class="layui-form" onsubmit="return false">
<div class="layui-input-block layui-form" style="width: 150px;float:left;margin-left: 0px">
<select name="plugin_sign" lay-filter="filter">
<option value="">请选择分类</option>
<option value="0">全部</option>
<option value="1">试吃</option>
<option value="2">配货</option>
<option value="3">耳麦</option>
<option value="4">快递</option>
</select>
</div>
<div class="layui-input-block layui-form" style="width: 150px;float:left;margin-left: 5px">
<select name="status" lay-filter="filter">
<option value="">请选择状态</option>
<option value="0">全部</option>
<option value="1">销售中</option>
<option value="2">下架中</option>
</select>
</div>
<div style="float: left;margin-left: 5px">
<div class="layui-input-inline">
<label>
<input type="text" name="name" value="" autocomplete="off"
placeholder="请输入商品名称" class="layui-input">
</label>
</div>
<button class="layui-btn" lay-submit="" lay-filter="search">搜索</button>
</div>
</form>
</div>
<table class="layui-hide" id="test" lay-filter="test"></table>
<script type="text/html" id="toolbarDemo">
<div class="layui-btn-container">
<button class="layui-btn layui-btn-sm layui-btn-warm" lay-event="batch_publish_yes">批量上架</button>
<button class="layui-btn layui-btn-sm layui-btn-danger" lay-event="batch_publish_no">批量下架</button>
<button class="layui-btn layui-btn-sm layui-btn-danger" lay-event="batch_delete">批量删除</button>
</div>
</script>
<script type="text/html" id="barDemo">
<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>
<script type="text/html" id="switchType">
{{# if (d.type == 0) { }}  
<a class="layui-btn layui-btn-xs layui-btn-warm">实体商品</a>
{{# } else if(d.type == 1) { }}  
<a class="layui-btn layui-btn-xs">虚拟商品</a>
{{# } }}  
</script>
<script type="text/html" id="switchStatus">
{{# if (d.status == 0) { }}  
<a class="layui-btn layui-btn-xs layui-btn-danger">下架中</a>
{{# } else if(d.status == 1) { }}  
<a class="layui-btn layui-btn-xs layui-btn-warm">销售中</a>
{{# } }}  
</script>
<script type="text/html" id="switchPluginSign">
{{# if (d.plugin_sign == 0) { }}  
<a class="layui-btn layui-btn-xs layui-btn-normal">试吃</a>
{{# } else if(d.plugin_sign == 1) { }}  
<a class="layui-btn layui-btn-xs layui-btn-normal">配货</a>
{{# } else if(d.plugin_sign == 2) { }}  
<a class="layui-btn layui-btn-xs layui-btn-normal">耳麦</a>
{{# } else if(d.plugin_sign == 3) { }}  
<a class="layui-btn layui-btn-xs layui-btn-normal">快递</a>
{{# } }}  
</script>
</div>
</div>
</div>
<script>
<?php $this->beginBlock('js_script_wrap') ?>
layui.config({
base: '/statics/layuiadmin/' //静态资源所在路径
}).extend({
index: 'lib/index' //主入口模块
}).use(['index', 'user', 'upload', 'laypage', 'table', 'layer', 'laydate'], function () {
var $ = layui.$
, form = layui.form
, table = layui.table
, layer = layui.layer
table.render({
elem: '#test'
, url: 'search'
, toolbar: '#toolbarDemo'
, cols: [[
{type: 'checkbox'}
, {field: 'id', title: 'ID'}
, {field: 'sort', title: '排序'}
, {field: 'plugin_sign', title: '分类',templet: '#switchPluginSign'}
, {field: 'name', title: '商品名称',templet : function(res){
var picInfo = '<div style="height:100%;weidth:100%">';
picInfo += '<img style="height:100%;weidth:100%;" src="'+res.cover_pic+'" />'
picInfo += '<span>'+res.name+'</span>'
picInfo += "</div>";
return picInfo;
}}
, {field: 'price', title: '售价'}
, {field: 'guide_price', title: '导游售价'}
, {field: 'goods_stock', title: '库存'}
, {field: 'sales', title: '已出售量'}
, {field: 'created_at', title: '添加时间'}
, {field: 'status', title: '状态',templet: '#switchStatus'}
, {fixed: 'right', title: '操作', toolbar: '#barDemo'}
]]
, page: true
});
//监听工具条
table.on('tool(test)', function (obj) {
var data = obj.data;
var id = data.id
var url = null;
if (obj.event === 'del') {
layer.confirm('真的删除行么', function (index) {
url = '<?= \Yii::$app->urlManager->createUrl(["/admin/goods/del"]) ?>';
$.ajax(url, {
type: "POST",
dataType: "json",
data: {
id: id,
_csrf: _csrf
},
timeout: 10000,
success: function (res) {
if (res.code === 0) {
obj.del();
layer.close(index);
layer.msg(res.msg, {
offset: '15px'
, icon: 1
, time: 1000
});
} else {
layer.msg(res.msg, {
offset: '15px'
, icon: 2
, time: 1000
});
}
}
})
})
return false;
} else if (obj.event === 'edit') {
url = '<?= \Yii::$app->urlManager->createUrl(["/admin/goods/edit"]) ?>?id=' + id
location.href = url;
}
});
//监听工具栏
table.on('toolbar(test)', function(obj){
var lay_event = obj.event;
var check_status = table.checkStatus('test');
var id = [];
$(check_status.data).each(function(index){
id.push(check_status.data[index]['id']);
});
if(id.length == 0){
return layer.msg("请选择需要操作项");
}
var confirm_url = null;
var confirm_tip = null;
if(lay_event == 'batch_publish_yes'){
confirm_tip = '你确定将此项上架吗?';
confirm_url = '<?=\Yii::$app->urlManager->createUrl(["/admin/goods/batch-publish-yes"])?>';
}
if(lay_event == 'batch_publish_no'){
confirm_tip = '你确定将此项下架吗?';
confirm_url = '<?=\Yii::$app->urlManager->createUrl(["/admin/goods/batch-publish-no"])?>';
}
if(lay_event == 'batch_delete'){
confirm_tip = '你确定将此项删除吗?';
confirm_url = '<?=\Yii::$app->urlManager->createUrl(["/admin/goods/batch-del"])?>';
}
if(confirm_url != null){
layer.confirm(confirm_tip, {
btn: ['确定','取消']
}, function(){
$.ajax(confirm_url,{
type:"POST",
dataType:"json",
data:{
batch_data_id:id,
_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('submit(search)', function (res) {
var name = res.field.name
var status = res.field.status
var plugin_sign = res.field.plugin_sign
table.reload('test', {
page: {
curr: 1
},
url: 'search'
, toolbar: '#toolbarDemo'
, height: 500
, cellMinWidth: 80
, where: {
name: name,
status: status,
plugin_sign: plugin_sign
}
});
})
})
<?php $this->endBlock(); ?>
</script>
<?php $this->registerJs($this->blocks['js_script_wrap'], View::POS_END); ?>