531 lines
23 KiB
PHP
531 lines
23 KiB
PHP
<?php
|
||
|
||
/**
|
||
* @author Any
|
||
* @description KISS
|
||
* @date 2021年6月30日
|
||
* @version 1.0.0
|
||
*
|
||
* _____LOG_____
|
||
*
|
||
*/
|
||
use yii\widgets\LinkPager;
|
||
use app\models\Cat;
|
||
use app\models\Feedback;
|
||
|
||
$this->title = '反馈列表';
|
||
$this->params['breadcrumbs'][] = $this->title;
|
||
|
||
$status_labels = Feedback::reviewStatusLabels();
|
||
$status = \Yii::$app->request->get('status');
|
||
$cat_id = \Yii::$app->request->get('cat_id');
|
||
?>
|
||
<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-form-item">
|
||
<div class="layui-inline">
|
||
<!--<a class=" layui-btn" href="<?=\Yii::$app->urlManager->createUrl(["admin/feedback/edit"])?>">添加反馈</a>-->
|
||
</div>
|
||
<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="cat_id">
|
||
<option value="" <?=$cat_id=== null ? 'selected' : ''?>>全部分类</option>
|
||
<?php foreach ($cat_list as $index => $item):?>
|
||
<option value="<?=$item['id']?>" <?=$cat_id == $item['id'] && $cat_id != null ? 'selected' : ''?>><?=$item['name']?></option>
|
||
<?php endforeach;?>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="layui-inline layui-form-item">
|
||
<div class="layui-input-inline">
|
||
<select class="layui-select" name="review_status">
|
||
<option value="" <?=$status === null ? 'selected' : ''?>>全部状态</option>
|
||
<?php foreach ($status_labels as $key => $val):?>
|
||
<option value="<?=$key?>" <?=$status == $key && $status != null ? 'selected' : ''?>><?=$val?></option>
|
||
<?php endforeach;?>
|
||
</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" lay-event="add">添加</button>-->
|
||
<button class="layui-btn layui-btn-sm" lay-event="batch_review">批量处理</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.review_status == 0){ }}
|
||
<button class="layui-btn layui-btn-xs" lay-event="review">处理</button>
|
||
{{# } }}
|
||
<button class="layui-btn layui-btn-xs layui-btn-danger" lay-event="delete">删除</button>
|
||
</script>
|
||
|
||
<script type="text/html" id="nicknameTpl">
|
||
<img src="{{d.avatar_url}}" style="width:24px;height:24px;border-radius: 24px;margin-right: 4px;">{{d.nickname}}
|
||
</script>
|
||
|
||
<script type="text/html" id="contentTpl">
|
||
<p>{{d.content}}</p>
|
||
{{# for(var i in d.pic_list){ }}
|
||
<img src="{{d.pic_list[i]}}" style="width:48px;height: auto;border-radius: 2px;margin:0 4px 4px 0;" onclick="previewImg(this)">
|
||
{{# } }}
|
||
</script>
|
||
|
||
<script type="text/html" id="reviewTpl">
|
||
{{# if(d.review_status == 1){ }}
|
||
<p><span class="layui-badge layui-bg-orange">{{d.review_status_cn}}</span></p>
|
||
<p>处理人：{{d.review_user_nickname}}</p>
|
||
<p>处理时间：{{d.review_time_cn}}</p>
|
||
<p>处理意见：{{d.review_comment}}</p>
|
||
|
||
{{# } else { }}
|
||
<p><span class="layui-badge layui-bg-gray">{{d.review_status_cn}}</span></p>
|
||
|
||
{{# } }}
|
||
</script>
|
||
|
||
<script id="review_html" type="text/html">
|
||
<div class="layui-form review-panel">
|
||
<div class="layui-card">
|
||
<div class="layui-card-header layui-hide"></div>
|
||
<div class="layui-card-body">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">处理意见</label>
|
||
<div class="layui-input-block">
|
||
<textarea class="layui-textarea" name="review_comment"></textarea>
|
||
</div>
|
||
<div class="layui-form-mid layui-word-aux"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-card-footer layui-text-center layui-mt-15 layui-mb-15">
|
||
<a class="layui-btn layui-btn-sm confirm-btn" lay-submit="" lay-filter="layui-review-submit" href="javascript:;">确定</a>
|
||
<a class="layui-btn layui-btn-sm cancel-btn" href="javascript:;">取消</a>
|
||
</div>
|
||
</div>
|
||
</script>
|
||
|
||
<script>
|
||
<?php $this->beginBlock('js_script_wrap') ?>
|
||
layui.config({
|
||
base: '/statics/layuiadmin/' //静态资源所在路径
|
||
}).extend({
|
||
index: 'lib/index' //主入口模块
|
||
}).use(['index', 'user', 'table'], 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);
|
||
});
|
||
|
||
form.on('select(batch-action)', function (obj) {
|
||
var lay_event = obj.value;
|
||
var check_status = table.checkStatus('dtable');
|
||
var id = [];
|
||
$(check_status.data).each(function(index){
|
||
id.push(check_status.data[index]['id']);
|
||
});
|
||
|
||
var confirm_url = null;
|
||
var confirm_tip = null;
|
||
|
||
if(confirm_url != null){
|
||
layer.confirm(confirm_tip, {
|
||
btn: ['确定','取消']
|
||
}, function(){
|
||
$.ajax(confirm_url,{
|
||
type:"POST",
|
||
dataType:"json",
|
||
data:{
|
||
faq_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(){
|
||
});
|
||
}
|
||
});
|
||
|
||
//重新加载表格数据
|
||
function reload_table_data(conf){
|
||
table.reload('dtable', {
|
||
url:'<?=\Yii::$app->urlManager->createUrl(['admin/feedback/index'])?>'
|
||
,page: true
|
||
,where: conf
|
||
});
|
||
};
|
||
|
||
//执行渲染
|
||
table.render({
|
||
//指定原始表格元素选择器（推荐id选择器）
|
||
elem: '#dtable'
|
||
//容器高度
|
||
//,height: 315
|
||
//容器宽度
|
||
//,width: 720
|
||
//设置表头
|
||
,cols: [[
|
||
{checkbox: true}
|
||
, {field: 'id', title: 'ID', width: 80}
|
||
, {field: 'nickname', title: '用户',templet:'#nicknameTpl', width:180}
|
||
, {field: 'cat_name', title: '反馈类型', width: 120}
|
||
, {field: 'contact', title: '联系方式', width: 200}
|
||
, {field: 'content', title: '反馈内容', templet:'#contentTpl', width: 320}
|
||
, {field: 'created_at_cn', title: '反馈时间', width: 240}
|
||
, {field: 'review_user_nickname', title: '处理人', templet:'#reviewTpl', width: 320}
|
||
, {title: '操作',fixed: 'right', toolbar: '#rowBarTpl', width:200}
|
||
]
|
||
]
|
||
, url:'<?=\Yii::$app->urlManager->createUrl(['admin/feedback/index'])?>'
|
||
, 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('toolbar(dtable)', function(obj){
|
||
var lay_event = obj.event;
|
||
var check_status = table.checkStatus('dtable');
|
||
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_delete'){
|
||
confirm_url = "<?=\Yii::$app->urlManager->createUrl(['admin/feedback/delete'])?>";
|
||
confirm_tip = "确定将选中反馈删除吗";
|
||
}
|
||
if(lay_event == 'batch_review'){
|
||
var content = $("#review_html").html();
|
||
return layer.open({
|
||
type: 1,
|
||
title:'处理面板',
|
||
offset:'50px',
|
||
area: ['560px', '330px'], //宽高
|
||
content: content,
|
||
success:function(layero, index){
|
||
//console.log(layero, index);
|
||
form.render();
|
||
form.on('submit(layui-review-submit)', function (obj) {
|
||
//console.log(obj.field)
|
||
var data = obj.field;
|
||
data.feedback_id = id;
|
||
data._csrf = _csrf;
|
||
//console.log(data)
|
||
var url = '<?=\Yii::$app->urlManager->createUrl(["/admin/feedback/review"])?>';
|
||
$.ajax(url,{
|
||
type:"POST",
|
||
dataType:"json",
|
||
data:data,
|
||
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(){
|
||
});
|
||
}
|
||
})
|
||
});
|
||
$('.review-panel').on('click','.confirm-btn',function(){
|
||
layer.close(index);
|
||
})
|
||
$('.review-panel').on('click','.cancel-btn',function(){
|
||
layer.close(index);
|
||
});
|
||
}
|
||
});
|
||
}
|
||
|
||
if(confirm_url != null){
|
||
layer.confirm(confirm_tip, {
|
||
btn: ['确定','取消']
|
||
}, function(){
|
||
$.ajax(confirm_url,{
|
||
type:"POST",
|
||
dataType:"json",
|
||
data:{
|
||
faq_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(){
|
||
});
|
||
}
|
||
});
|
||
|
||
//监听工具条
|
||
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;
|
||
if(lay_event == "delete"){
|
||
confirm_url = "<?=\Yii::$app->urlManager->createUrl(['admin/feedback/delete'])?>";
|
||
confirm_tip = "确定删除此反馈吗";
|
||
}
|
||
if(lay_event == 'review'){
|
||
var content = $("#review_html").html();
|
||
return layer.open({
|
||
type: 1,
|
||
title:'处理面板',
|
||
offset:'50px',
|
||
area: ['560px', '330px'], //宽高
|
||
content: content,
|
||
success:function(layero, index){
|
||
//console.log(layero, index);
|
||
form.render();
|
||
form.on('submit(layui-review-submit)', function (obj) {
|
||
//console.log(obj.field)
|
||
var data = obj.field;
|
||
data.feedback_id = id;
|
||
data._csrf = _csrf;
|
||
//console.log(data)
|
||
var url = '<?=\Yii::$app->urlManager->createUrl(["/admin/feedback/review"])?>';
|
||
$.ajax(url,{
|
||
type:"POST",
|
||
dataType:"json",
|
||
data:data,
|
||
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(){
|
||
});
|
||
}
|
||
})
|
||
});
|
||
$('.review-panel').on('click','.confirm-btn',function(){
|
||
layer.close(index);
|
||
})
|
||
$('.review-panel').on('click','.cancel-btn',function(){
|
||
layer.close(index);
|
||
});
|
||
}
|
||
});
|
||
}
|
||
|
||
if(confirm_url != null){
|
||
layer.confirm(confirm_tip, {
|
||
btn: ['确定','取消']
|
||
}, function(){
|
||
$.ajax(confirm_url,{
|
||
type:"POST",
|
||
dataType:"json",
|
||
data:{
|
||
faq_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(){
|
||
});
|
||
}
|
||
});
|
||
});
|
||
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); ?>
|
||
|