forked from kidgrow-microservices-platform

zhaoxiaohao
2021-03-03 f5df017deac69032a31b6f637c3ce80cd1c414cb
kidgrow-web/kidgrow-web-manager/src/main/resources/static/pages/opration/feedback.html
@@ -2,17 +2,19 @@
    <div class="layui-card-header">
        <h2 class="header-title">用户反馈</h2>
        <span class="layui-breadcrumb pull-right">
          <a href="#!console">首页</a>
          <a><cite>用户反馈</cite></a>
            <a href="#!console">首页</a>
            <a><cite>用户反馈</cite></a>
        </span>
    </div>
    <div class="layui-card-body">
        <div class="layui-form toolbar">&emsp;
            <input id="user-search-value" class="layui-input search-input" type="text" placeholder="输入医生姓名"/>&emsp;
            <input type="text" name="date" id="datebegin" lay-verify="date" placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input search-input">
            至
            <input type="text" name="date" id="dateend" lay-verify="date" placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input search-input"> &emsp;
            <button id="user-btn-search" class="layui-btn icon-btn"><i class="layui-icon">&#xe615;</i>搜索</button>
            <input id="user-search-value" class="layui-input search-input" type="text" placeholder="按医生姓名" />&emsp;
            <input type="text" name="date" id="datebegin" lay-verify="date" placeholder="开始时间" autocomplete="off"
                class="layui-input search-input">
            至
            <input type="text" name="date" id="dateend" lay-verify="date" placeholder="结束时间" autocomplete="off"
                class="layui-input search-input"> &emsp;
            <button id="user-btn-search" class="layui-btn icon-btn permissioins" permissioins="feedback-list"><i class="layui-icon">&#xe615;</i>搜索</button>
        </div>
        <table class="layui-table" id="feedback-table" lay-filter="feedback-table"></table>
@@ -22,7 +24,7 @@
<!-- 表格操作列 -->
<script type="text/html" id="feeedback-table-bar">
    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看详情</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs permissioins" permissioins="feedback-del" lay-event="del">删除</a>
</script>
<!-- 表格状态列 -->
<script type="text/html" id="user-tpl-state">
@@ -35,15 +37,15 @@
    </div>
</script>
<script>
    layui.use(['table', 'util','admin', 'laydate','config','form'],function () {
    layui.use(['table', 'util', 'admin', 'laydate', 'config', 'form'], function () {
        let table = layui.table;
        let util = layui.util;
        let admin = layui.admin;
        let form = layui.form;
        let laydate = layui.laydate;
        let config=layui.config;
        let config = layui.config;
          //日期
        //日期
        laydate.render({
            elem: '#datebegin'
        });
@@ -51,107 +53,104 @@
            elem: '#dateend'
        });
        // 渲染表格
        var tableLoad=table.render({
        var tableLoad = table.render({
            elem: '#feedback-table',
            url: config.base_server + 'api-opration/sysfeedback',
            method: 'GET',
            headers:{'Authorization': 'Bearer ' + config.getToken().access_token},
            headers: { 'Authorization': 'Bearer ' + config.getToken().access_token },
            //where: {tenantId: config.clientId},
            page: true,
            cols: [[
                {field: 'doctorName',width:150, title: '医生姓名'},
                {field: 'doctorTel',width:200, title: '联系电话'},
                {field: 'hospitalName',width:300,  title: '医院'},
                {field: 'departmentName',width:180, title: '科室'},
                {field: 'enabled', width: 150,templet: '#user-tpl-state',sort: true, title: '状态'},
                {field: 'createTime', width: 200,sort: true,title: '创建时间'},
                {align: 'center',width:200, toolbar: '#feeedback-table-bar', title: '操作'}
            ]]
                { field: 'doctorName', width: 150, title: '医生姓名' },
                { field: 'doctorTel', width: 200, title: '联系电话' },
                { field: 'hospitalName', width: 300, title: '医院' },
                { field: 'departmentName', width: 180, title: '科室' },
                { field: 'enabled', width: 150, templet: '#user-tpl-state',  title: '状态' },
                { field: 'createTime', width: 200, title: '创建时间',templet:function(d){
                    return new Date(d.createTime).dateFormat("yyyy-MM-dd hh:mm");
                } },
                { align: 'center', width: 150, toolbar: '#feeedback-table-bar', title: '操作',fixed: 'right' }
            ]],done:function(res){
                permissionsInput(res,config);
            }
        });
        // 修改menu状态
        // 修改状态
        form.on('switch(feedback-tpl-state)', function (obj) {
        layer.load(2);
        admin.req('api-opration/sysfeedback/updateEnabled', {
            id: obj.elem.value,
            enabled: obj.elem.checked ? true : false
        }, function (data) {
            layer.closeAll('loading');
            if (data.code == 0) {
                layer.msg(data.msg, {icon: 1, time: 500});
            } else {
                layer.msg(data.msg, {icon: 2, time: 500});
                $(obj.elem).prop('checked', !obj.elem.checked);
                form.render('checkbox');
            }
        }, 'GET');
            layer.load(2);
            admin.req('api-opration/sysfeedback/updateEnabled', {
                id: obj.elem.value,
                enabled: obj.elem.checked ? true : false
            }, function (data) {
                layer.closeAll('loading');
                if (data.code == 0) {
                    layer.msg(data.msg, { icon: 1, time: 2000 });
                } else {
                    layer.msg(data.msg, { icon: 2, time: 2000 });
                    $(obj.elem).prop('checked', !obj.elem.checked);
                    form.render('checkbox');
                }
            }, 'GET');
        });
        // 工具条点击事件
        table.on('tool(feedback-table)', function (obj) {
            if (obj.event === 'del') { // 删除
                layer.confirm('确定要删除吗?', function (i) {
                layer.close(i);
                layer.load(2);
                admin.req('api-opration/sysfeedback/'+obj.data.id, {}, function (data) {
                    layer.closeAll('loading');
                    layer.msg(data.msg, {icon: 1, time: 500},function(){
                        tableLoad();
                    });
                    obj.del();
                }, 'DELETE');
            });
                    layer.close(i);
                    layer.load(2);
                    admin.req('api-opration/sysfeedback/' + obj.data.id, {}, function (data) {
                        layer.closeAll('loading');
                        layer.msg(data.msg, { icon: 1, time: 2000 }, function () {
                            tableLoad();
                        });
                        obj.del();
                    }, 'DELETE');
                });
            }
            else if(obj.event=='detail')
            {
            else if (obj.event == 'detail') {
                $.ajax({
                    type: "GET",
                    url: config.base_server +"api-opration/sysfeedback/"+obj.data.id,
                    success: function(data) {
                    if(data!=null)
                    {
                        layer.open({
                        type: 1,
                        title: '详情',
                        area: ['500px','300px'],
                        offset: 'auto',
                        content:  $("#feedback-detail").html(),
                        success:function(obj)
                        {
                            $("#feedback-detail-note").html(data.data.feedbackNote);
                    url: config.base_server + "api-opration/sysfeedback/" + obj.data.id,
                    success: function (data) {
                        if (data != null) {
                            layer.open({
                                type: 1,
                                title: '详情',
                                area: ['500px', '300px'],
                                offset: 'auto',
                                content: $("#feedback-detail").html(),
                                success: function (obj) {
                                    $("#feedback-detail-note").html(data.data.feedbackNote);
                                }
                            });
                        }
                        });
                    }
                    else
                    {
                        layer.msg('未找到相关数据', {icon: 1, time: 500});
                    }
                        else {
                            layer.msg('未找到相关数据', { icon: 1, time: 2000 });
                        }
                    },
                    beforeSend: function(xhr) {
                        xhr.setRequestHeader("Authorization", "Bearer "+config.getToken().access_token);
                    beforeSend: function (xhr) {
                        xhr.setRequestHeader("Authorization", "Bearer " + config.getToken().access_token);
                        xhr.setRequestHeader("Content-Type", "application/json")
                }
    });
                    }
                });
            }
        });
        // 搜索按钮点击事件
        $('#user-btn-search').click(function () {
            var doctorName = $('#user-search-value').val();
            var datebegin=$('#datebegin').val();
            var dateend=$('#dateend').val();
            if(strUtil.isEmpty(datebegin)&&!strUtil.isEmpty(dateend))
            {
                datebegin=dateUtil.getNowDate();
                $('#datebegin').val(datebegin);
            var datebegin = $('#datebegin').val();
            var dateend = $('#dateend').val();
            if (strUtil.isEmpty(datebegin) && !strUtil.isEmpty(dateend)) {
                datebegin = dateUtil.getNowDate();
                $('#datebegin').val(datebegin);
            }
            if(!strUtil.isEmpty(datebegin)&&strUtil.isEmpty(dateend))
            {
                dateend=dateUtil.getNowDate();
                $('#dateend').val(dateend);
            if (!strUtil.isEmpty(datebegin) && strUtil.isEmpty(dateend)) {
                dateend = dateUtil.getNowDate();
                $('#dateend').val(dateend);
            }
            table.reload('feedback-table', {where: {doctorName: doctorName,createTime:datebegin,updateTime:dateend}});
            table.reload('feedback-table', { where: { doctorName: doctorName, createTime: datebegin, updateTime: dateend },page: {curr: 1  } });
        });
    });
</script>