313392073 5 years ago
parent
commit
ff87127412
4 changed files with 781 additions and 312 deletions
  1. 296 0
      page/demo.html
  2. 10 9
      page/index.html
  3. 261 163
      page/user/workorderProblem.html
  4. 214 140
      page/user/workorderProblemlist.html

+ 296 - 0
page/demo.html

@@ -0,0 +1,296 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <meta name="renderer" content="webkit">
+    <title>后台管理系统</title>
+    <link rel="stylesheet" href="/Content/admin/layui/css/layui.css">
+    <link rel="stylesheet" href="/Content/admin/css/common.css">
+    <link rel="stylesheet" href="/Content/admin/css/iconfont.css">
+    <!--[if lt IE 9]>
+      <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
+      <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
+    <![endif]-->
+</head>
+
+<body class="layui-layout-body">
+    <script src="/Content/admin/layui/layui.js"></script>
+    <script src="/Content/admin/js/jquery.js"></script>
+    <script src="/Content/admin/js/common.js"></script>
+    <script>
+        //JavaScript代码区域
+        layui.use(['element'], function () {
+            var element = layui.element;
+        });
+    </script>
+    <div class="layui-layout layui-layout-admin">
+
+        <div class="layui-header">
+            <a class="layui-logo" href="index.html">
+                <img src="/Content/admin/img/logo.png" alt="">
+            </a>
+            <ul class="layui-nav layui-layout-right">
+                <li class="layui-nav-item">
+                    <a href="javascript:;">
+                        <img src="http://t.cn/RCzsdCq" class="layui-nav-img"> zx66
+                    </a>
+                    <dl class="layui-nav-child">
+                        <dd>
+                            <a href="">基本资料</a>
+                        </dd>
+                        <dd>
+                            <a href="">安全设置</a>
+                        </dd>
+                    </dl>
+                </li>
+                <li class="layui-nav-item">
+                    <a href="">退出登录</a>
+                </li>
+            </ul>
+        </div>
+
+        <div class="layui-side layui-side-menu">
+            <div class="layui-side-scroll">
+                <ul class="layui-nav layui-nav-tree" lay-shrink="all" lay-filter="layadmin-system-side-menu">
+                    <li class="layui-nav-item layui-nav-itemspec">
+                        <a href="javascript:;">
+                            <span class="item-title">收起左侧导航</span>
+                            <i class="layui-icon layui-icon-shrink-right"></i>
+                        </a>
+                    </li>
+                    <li class="layui-nav-item">
+                        <a href="javascript:;" lay-tips="用户管理" lay-direction="2">
+                            <span class="font-icon">
+                                <i class="iconfont icon-wenzhang"></i>
+                            </span>
+                            <span class="item-title">用户管理</span>
+                            <span class="layui-nav-more"></span>
+                        </a>
+                        <dl class="layui-nav-child">
+                            <dd>
+                                <a href="/AdminUsers/Index">后台用户</a>
+                            </dd>
+                        </dl>
+                    </li>
+                    <li class="layui-nav-item">
+                        <a href="javascript:;" lay-tips="栏目管理" lay-direction="2">
+                            <span class="font-icon">
+                                <i class="iconfont icon-wenzhang"></i>
+                            </span>
+                            <span class="item-title">栏目管理</span>
+                            <span class="layui-nav-more"></span>
+                        </a>
+                        <dl class="layui-nav-child">
+                            <dd>
+                                <a href="/Menu/Index">后台栏目</a>
+                            </dd>
+                        </dl>
+                    </li>
+                    <li class="layui-nav-item">
+                        <a href="javascript:;" lay-tips="日志管理" lay-direction="2">
+                            <span class="font-icon">
+                                <i class="iconfont icon-wenzhang"></i>
+                            </span>
+                            <span class="item-title">日志管理</span>
+                            <span class="layui-nav-more"></span>
+                        </a>
+                        <dl class="layui-nav-child">
+                            <dd>
+                                <a href="/LogsAdmin/index">后台日志</a>
+                            </dd>
+                            <dd>
+                                <a href="/Bills_CB/Index">彩币消费记录</a>
+                            </dd>
+                            <dd>
+                                <a href="/Bills_Jf/Index">积分消费记录</a>
+                            </dd>
+                        </dl>
+                    </li>
+                    <li class="layui-nav-item">
+                        <a href="javascript:;" lay-tips="商城管理" lay-direction="2">
+                            <span class="font-icon">
+                                <i class="iconfont icon-wenzhang"></i>
+                            </span>
+                            <span class="item-title">商城管理</span>
+                            <span class="layui-nav-more"></span>
+                        </a>
+                        <dl class="layui-nav-child">
+                            <dd>
+                                <a href="/Goods/Index">商品管理</a>
+                            </dd>
+                        </dl>
+                    </li>
+
+                    <span class="layui-nav-bar" style="top: 28px; height: 0px; opacity: 0;"></span>
+                </ul>
+            </div>
+        </div>
+
+
+
+        <div class="layui-body" id="LAY_app_body">
+            <div class="layadmin-tabsbody-item layui-show">
+                <div class="layui-card layadmin-header">
+                    <div class="layui-breadcrumb" lay-filter="breadcrumb" style="visibility: visible;">
+
+                        <a lay-href="/">主页</a>
+                        <span lay-separator="">/</span>
+                        <a>
+                            <cite>后台用户列表</cite>
+                        </a>
+                        <span lay-separator="">/</span>
+                        <a href="javascript:history.back(-1)">返回</a>
+                    </div>
+                    <div class="main">
+                        <div class="searchbox">
+                            <a href="/AdminUsers/From" class="layui-btn">
+                                <i class="layui-icon"></i>新增</a>
+                            <span>账号:</span>
+                            <div class="layui-inline">
+                                <input class="layui-input" name="restname" id="restname" autocomplete="off">
+                            </div>
+                            <span class="searchname">昵称:</span>
+                            <div class="layui-inline">
+                                <input class="layui-input" name="restnickname" id="restnickname" autocomplete="off">
+                            </div>
+                            <span class="searchname">角色:</span>
+                            <div class="layui-form layui-inline">
+                                <select name="restrole" lay-filter="restrole" id="restrole">
+                                    <option value="0">请选择角色</option>
+                                    <option value="1">超级管理员</option>
+                                    <option value="2">管理员</option>
+                                    <option value="3">操作员</option>
+                                    <option value="4">会计</option>
+                                </select>
+                            </div>
+                            <button class="layui-btn" data-type="reload" id="searchbtn">搜索</button>
+                        </div>
+                        <table class="layui-hide" id="tables" lay-filter="tables"></table>
+                        <script type="text/html" id="bar">
+                    <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>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+        <script type="text/javascript">
+
+            // 创建表格
+            layui.use(['table', 'form', 'laydate'], function () {
+                var table = layui.table,
+                    form = layui.form,
+                    laydate = layui.laydate;
+                laydate.render({
+                    elem: '#createtime',
+                    value: new Date()
+                });
+                table.render({
+                    elem: '#tables',
+                    url: '/AdminUsers/GetGridJson', //获取数据的接口
+                    title: '用户数据表',
+                    cellMinWidth: 120,
+                    cols: [[
+                        { title: 'ID', align: 'center', type: 'numbers' },
+                        { field: 'name', title: '账号' },
+                        { field: 'nickname', title: '昵称' },
+                        {
+                            field: 'role', title: '角色', templet: function (res) {
+                                var str = '管理员';
+                                switch (res.role) {
+                                    case 1:
+                                        str = '超级管理员';
+                                        break;
+                                    case 2:
+                                        str = '管理员'
+                                        break;
+                                    case 3:
+                                        str = '操作员'
+                                        break;
+                                    case 4:
+                                        str = '会计'
+                                        break;
+                                }
+                                return str
+                            }
+                        },
+                        {
+                            field: 'logo', title: '头像', templet: function (res) {
+                                return "<img class='headpic' src='" + res.logo + "'>"
+                            }
+                        },
+                        {
+                            field: 'createtime', title: '创建时间', templet: function (res) {
+                                return formatDate(res.createtime)
+                            }
+                        },
+                        { fixed: 'right', title: '操作', toolbar: '#bar' }
+                    ]],
+                    page: true, //分页
+                    limit: 17,
+                    id: 'searchReload',
+                    height: 'full-175'
+                })
+                $('#searchbtn').on('click', function () {
+                    var name = $.trim($('#restname').val());
+                    var nickname = $.trim($('#restnickname').val());
+                    var role = $.trim($('#restrole').val());
+                    var createtime = $.trim($("#createtime").val())
+                    if (name == '' && nickname == '' && role == 0 && createtime == '') {
+                        layer.msg("请输入查询条件", { icon: 5 });
+                        return false
+                    }
+                    table.reload('searchReload', {
+                        url: '/AdminUsers/GetGridJson',//查询返回的接口
+                        page: {
+                            curr: 1 //重新从第 1 页开始
+                        },
+                        where: {
+                            name: name,
+                            nickname: nickname,
+                            role: role
+
+                        }
+                    })
+                });
+                //操作每一行的数据
+                table.on('tool(tables)', function (obj) {
+                    var data = obj.data;
+                    if (obj.event === 'del') {
+                        layer.confirm('真的删除行么', function (index) {
+                            $.ajax({
+                                url: '/AdminUsers/DeleteFrom', //删除的接口
+                                type: 'Post',
+                                dataType: "json",
+                                data: "id=" + data.id,
+                                success: function (res) {
+                                    if (res.code == 0) {
+                                        layer.msg('删除成功', { icon: 6 }, function () {
+                                            location.reload()
+                                        });
+                                    } else {
+                                        layer.msg("删除失败", { icon: 5 });
+                                    }
+                                    layer.close(index);
+                                }
+                            })
+                        });
+                    } else if (obj.event === 'edit') {
+                        window.location.href = '/AdminUsers/From?id=' + data.id
+                    }
+                });
+
+            })
+
+
+        </script>
+
+    </div>
+
+
+
+</body>
+
+</html>

+ 10 - 9
page/index.html

@@ -14,6 +14,15 @@
   <![endif]-->
 </head>
 <body class="layui-layout-body">
+    <script src="../layui/layui.js"></script>
+    <script src="../js/jquery.js"></script>
+    <script src="../js/common.js"></script>
+    <script>
+      //JavaScript代码区域
+      layui.use(['element'], function () {
+        var element = layui.element;
+      });
+    </script>
   <div class="layui-layout layui-layout-admin">
     <div class="layui-header">
       <a class="layui-logo" href="index.html">
@@ -248,15 +257,7 @@
       </div>
     </div>
   </div>
-  <script src="../layui/layui.js"></script>
-  <script src="../js/jquery.js"></script>
-  <script src="../js/common.js"></script>
-  <script>
-    //JavaScript代码区域
-    layui.use(['element'], function () {
-      var element = layui.element;
-    });
-  </script>
+  
 </body>
 
 </html>

+ 261 - 163
page/user/workorderProblem.html

@@ -219,21 +219,23 @@
             <div class="layadmin-tabsbody-item layui-show">
                 <div class="layui-card layadmin-header">
                     <div class="layui-breadcrumb" lay-filter="breadcrumb" style="visibility: visible;">
-                       
                         <a lay-href="/">主页</a>
                         <span lay-separator="">/</span>
-                        <a>
-                            <cite>待处理问题工单列表</cite>
-                        </a>
+                        <a>问题工单列表</a>
                         <span lay-separator="">/</span>
                         <a href="javascript:history.back(-1)">返回</a>
                     </div>
-                    <div class="main problems">
+                    <div class="main billcb problems">
+                        <div class="layui-elem-quote">
+                            <div class="layui-form layui-inline">
+                                <input type="radio" name="type" value="1" title="待处理问题工单列表" checked="" lay-filter="typeRadio">
+                                <input type="radio" name="type" value="2" title="已处理问题工单列表" lay-filter="typeRadio">
+                            </div>
+                        </div>
                         <div class="searchbox">
-                            <a href="./workorderProblemlist.html" class="layui-btn">已处理问题工单列表</a>
                             <span class="searchname">用户编码:</span>
-                            <div class="layui-inline">
-                              <input class="layui-input" name="restuserid" id="restuserid" autocomplete="off">
+                            <div class="layui-inline" style="width: auto">
+                                <input class="layui-input" name="restuserid" id="restuserid" autocomplete="off">
                             </div>
                             <span class="searchname">问题类型:</span>
                             <div class="layui-form layui-inline">
@@ -285,86 +287,25 @@
         layui.use(['element','table', 'form'], function () {
             var element = layui.element, 
                 table = layui.table,
-                form = layui.form,
-                laydate = layui.laydate;
-            table.render({
-                elem: '#tables',
-                // url: '', //获取数据的接口
-                data: [
-                    {
-                        id:1,
-                        userid:1,
-                        content: '哈哈哈哈哈',
-                        img: 'https://tk.55128.cn/Areas/tk/Upload/2020066/A1-3.jpg',
-                        type: 1,
-                        createtime: '2020-04-20',
-                    },
-                    {
-                        id:2,
-                        userid:2,
-                        content: '哈哈哈哈哈',
-                        img: 'https://www.55128.cn/static/images/logo-1.png',
-                        type: 2,
-                        createtime: '2020-04-20',
-                    },
-                    {
-                        id:3,
-                        userid:3,
-                        content: '哈哈哈哈哈',
-                        img: 'https://www.55128.cn/static/images/logo-1.png',
-                        type: 3,
-                        createtime: '2020-04-20',
-                    },
-                    {
-                        id:4,
-                        userid:4,
-                        content: '哈哈哈哈哈',
-                        img: 'https://www.55128.cn/static/images/logo-1.png',
-                        type: 4,
-                        createtime: '2020-04-20',
-                    },
-                    {
-                        id:5,
-                        userid:5,
-                        content: '哈哈哈哈哈',
-                        img: 'https://www.55128.cn/static/images/logo-1.png',
-                        type: 1,
-                        createtime: '2020-04-20',
-                    },
-                    {
-                        id:6,
-                        userid:6,
-                        content: '哈哈哈哈哈',
-                        img: 'https://www.55128.cn/static/images/logo-1.png',
-                        type: 2,
-                        createtime: '2020-04-20',
-                        phone:'13458563587',
-                        describes:'今天天气不错!',
-                        status:1,
-                    },
-                    {
-                        id:7,
-                        userid:7,
-                        content: '哈哈哈哈哈',
-                        img: 'https://www.55128.cn/static/images/logo-1.png',
-                        type: 3,
-                        createtime: '2020-04-20',
-                        phone:'13458563587',
-                        describes:'今天天气不错!',
-                        status:1,
-                    },
-                    {
-                        id:8,
-                        userid:8,
-                        content: '哈哈哈哈哈',
-                        img: 'https://www.55128.cn/static/images/logo-1.png',
-                        type: 4,
-                        createtime: '2020-04-20',
-                    },
-                ],
-                title: '用户数据表',
-                cellMinWidth: 120,
-                cols: [[
+                form = layui.form;
+                //根据不同的选择  渲染不同得表格
+                form.on('radio(typeRadio)', function(data){
+                    var tips = "<option value='0'>请选择问题类型</option>" 
+                    if(data.value == 1) {
+                        $("#restuserid").val('');
+                        $("#resttype").val(0);
+                        form.render("select");
+                        tableRender(cols1)
+                    }
+                    if(data.value == 2) {
+                        $("#restuserid").val('');
+                        $("#resttype").val(0);
+                        form.render("select");
+                        tableRender(cols2)
+                    }
+                });
+                //待处理
+                var cols1 = [[
                     { title: 'ID',align: 'center',type:'numbers'},
                     { field: 'userid', title: '用户ID'},
                     {
@@ -395,88 +336,245 @@
                         }
                     },
                     { fixed: 'right', title: '操作', toolbar: '#bar' }
-                ]],
-                page: true,
-                limit: 17,
-                id: 'searchReload',
-                height:'full-175'
-            })
-            
-            form.on('submit(sbtn)', function (data) {
-                $.ajax({
-                    type:'post',
-                    url:'', //处理工单的回复
-                    dataType:'json',
-                    data:data.field,
-                    success:function(res) {
-                        if(res.code == 0) {
-                            layer.msg('提交成功',{icon: 6},function() {
-                                location.reload()
-                            });
-                        }else{
-                            layer.msg("网络错误,请稍后再试", {icon: 5});
+                ]]
+                // 已处理
+                var cols2 = [[
+                    { title: 'ID', align: 'center', type: 'numbers' },
+                    { field: 'userid', title: '用户ID' },
+                    {
+                        field: 'type', title: '问题类型', templet: function (res) {
+                            var str = '';
+                            switch (res.type) {
+                                case 1:
+                                    str = '建议';
+                                    break;
+                                case 2:
+                                    str = '意见'
+                                    break;
+                                case 3:
+                                    str = '求助'
+                                    break;
+                            }
+                            return str
                         }
                     },
-                    error:function() {
-                        layer.msg("网络错误,请稍后再试", {icon: 5});
-                    }
-                })
-                return false;
-            });
-            
-            $('#searchbtn').on('click', function(){
-                var userid = $.trim($('#restuserid').val());
-                var type = $.trim($('#resttype').val());
-                if(userid == '' && type == 0) {
-                    layer.msg("请输入查询条件", {icon: 5});
-                    return false
-                }
-                table.reload('searchReload', {
-                    url:'',//查询返回的接口
-                    page: {
-                        curr: 1 
+                    {
+                        field: 'img', title: '问题截图', templet: function (res) {
+                            return "<img class='headpic' src='" + res.img + "'>"
+                        }
                     },
-                    where: {
-                        userid:userid,
-                        type:type
-                    }
+                    { field: 'content', title: '具体内容' },
+                    {
+                        field: 'createtime', title: '提交时间', templet: function (res) {
+                            return formatDate(res.createtime)
+                        }
+                    },
+                    {
+                        field: 'status', title: '状态', width: 120, templet: function (res) {
+                            return '已解决'
+                        }
+                    },
+                    { field: 'username_a', title: '操作员' },
+                    { field: 'content_a', title: '操作反馈' },
+                    {
+                        field: 'createtime_a', title: '操作时间', templet: function (res) {
+                            return formatDate(res.createtime_a)
+                        }
+                    },
+                ]]
+                
+                tableRender(cols1) //默认初始化表格
+                
+                function tableRender(params) {
+                    table.render({
+                        elem: '#tables',
+                        // url: '', //获取数据的接口
+                        data: [
+                            {
+                                id: 1,
+                                userid: 1,
+                                content: '哈哈哈哈哈',
+                                img: 'https://tk.55128.cn/Areas/tk/Upload/2020066/A1-3.jpg',
+                                type: 1,
+                                createtime: '2020-04-20',
+                                status: 1,
+                                'username_a': '李果',
+                                'content_a': '已经申请',
+                                'createtime_a': '2020-04-20',
+                            },
+                            {
+                                id: 2,
+                                userid: 2,
+                                content: '哈哈哈哈哈',
+                                img: 'https://www.55128.cn/static/images/logo-1.png',
+                                type: 2,
+                                createtime: '2020-04-20',
+                                status: 1,
+                                'username_a': '李果',
+                                'content_a': '已经申请',
+                                'createtime_a': '2020-04-20',
+                            },
+                            {
+                                id: 3,
+                                userid: 3,
+                                content: '哈哈哈哈哈',
+                                img: 'https://www.55128.cn/static/images/logo-1.png',
+                                type: 3,
+                                createtime: '2020-04-20',
+                                status: 1,
+                                'username_a': '李果',
+                                'content_a': '已经申请',
+                                'createtime_a': '2020-04-20',
+                            },
+                            {
+                                id: 4,
+                                userid: 4,
+                                content: '哈哈哈哈哈',
+                                img: 'https://www.55128.cn/static/images/logo-1.png',
+                                type: 4,
+                                createtime: '2020-04-20',
+                                status: 1,
+                                'username_a': '李果',
+                                'content_a': '已经申请',
+                                'createtime_a': '2020-04-20',
+                            },
+                            {
+                                id: 5,
+                                userid: 5,
+                                content: '哈哈哈哈哈',
+                                img: 'https://www.55128.cn/static/images/logo-1.png',
+                                type: 1,
+                                createtime: '2020-04-20',
+                                status: 1,
+                                'username_a': '李果',
+                                'content_a': '已经申请',
+                                'createtime_a': '2020-04-20',
+                            },
+                            {
+                                id: 6,
+                                userid: 6,
+                                content: '哈哈哈哈哈',
+                                img: 'https://www.55128.cn/static/images/logo-1.png',
+                                type: 2,
+                                createtime: '2020-04-20',
+                                phone: '13458563587',
+                                status: 1,
+                                'createtime_a': '2020-04-20',
+                            },
+                            {
+                                id: 7,
+                                userid: 7,
+                                content: '哈哈哈哈哈',
+                                img: 'https://www.55128.cn/static/images/logo-1.png',
+                                type: 3,
+                                createtime: '2020-04-20',
+                                phone: '13458563587',
+                                status: 1,
+                                'username_a': '李果',
+                                'content_a': '已经申请',
+                                'createtime_a': '2020-04-20',
+                            },
+                            {
+                                id: 8,
+                                userid: 8,
+                                content: '哈哈哈哈哈',
+                                img: 'https://www.55128.cn/static/images/logo-1.png',
+                                type: 4,
+                                status: 1,
+                                'username_a': '李果',
+                                'content_a': '已经申请',
+                                'createtime_a': '2020-04-20',
+                                createtime: '2020-04-20',
+                            },
+                        ],
+                        title: '用户数据表',
+                        cellMinWidth: 120,
+                        cols: params,
+                        page: true,
+                        limit: 17,
+                        id: 'searchReload',
+                        height: 'full-175'
+                    })
+                }
+                
+                $('body').delegate('.headpic','click',function() {
+                    var imgurl = $(this).attr('src');
+                    $("#actimg").attr('src',imgurl)
+                    layer.open({
+                        type: 1,
+                        shade: false,
+                        title: false,
+                        content: $('.layer_notice'),
+                        cancel: function(){
+                            $(".layer_notice").hide()
+                            $(".layui-layer-page").hide()
+                            layer.closeAll()
+                        }
+                    });
                 })
-            });
-
-            $(".headpic").on('click',function() {
-                var imgurl = $(this).attr('src');
-                $("#actimg").attr('src',imgurl)
-                layer.open({
-                    type: 1,
-                    shade: false,
-                    title: false,
-                    content: $('.layer_notice'),
-                    cancel: function(){
-                        $(".layer_notice").hide()
-                        $(".layui-layer-page").hide()
-                        layer.closeAll()
-                    }
+                form.on('submit(sbtn)', function (data) {
+                    $.ajax({
+                        type:'post',
+                        url:'', //处理工单的回复
+                        dataType:'json',
+                        data:data.field,
+                        success:function(res) {
+                            if(res.code == 0) {
+                                layer.msg('提交成功',{icon: 6},function() {
+                                    location.reload()
+                                });
+                            }else{
+                                layer.msg("网络错误,请稍后再试", {icon: 5});
+                            }
+                        },
+                        error:function() {
+                            layer.msg("网络错误,请稍后再试", {icon: 5});
+                        }
+                    })
+                    return false;
                 });
-            })
-            table.on('tool(tables)', function (obj) {
-                var data = obj.data;
-                layer.open({
-                    type: 1,
-                    title: "处理工单描述",
-                    area: ['420px', '300px'],
-                    shade: 0, 
-                    content: $("#popUpdateTest"),
-                    success: function (layero, index) {
-                        $("#hideid").val(data.id)
-                        $("#content_a").val('')
-                    },
-                    cancel: function(){
-                        $("#popUpdateTest").hide()
-                        layer.closeAll()
+                
+                $('#searchbtn').on('click', function(){
+                    var userid = $.trim($('#restuserid').val());
+                    var type = $.trim($('#resttype').val());
+                    if(userid == '' && type == 0) {
+                        layer.msg("请输入查询条件", {icon: 5});
+                        return false
                     }
+                    table.reload('searchReload', {
+                        url:'',//查询返回的接口
+                        page: {
+                            curr: 1 
+                        },
+                        where: {
+                            userid:userid,
+                            type:type
+                        }
+                    })
                 });
-            });
-        })
+                //处理工单描述
+                table.on('tool(tables)', function (obj) {
+                    $(".layer_notice").hide()
+                    $(".layui-layer-page").hide()
+                    layer.closeAll()
+                    var data = obj.data;
+                    layer.open({
+                        type: 1,
+                        title: "处理工单描述",
+                        area: ['420px', '300px'],
+                        shade: 0, 
+                        content: $("#popUpdateTest"),
+                        success: function (layero, index) {
+                            $("#hideid").val(data.id)
+                            $("#content_a").val('')
+                        },
+                        cancel: function(){
+                            $("#popUpdateTest").hide()
+                            layer.closeAll()
+                        }
+                    });
+                });
+            })
     </script>
 </body>
 

+ 214 - 140
page/user/workorderProblemlist.html

@@ -219,38 +219,62 @@
             <div class="layadmin-tabsbody-item layui-show">
                 <div class="layui-card layadmin-header">
                     <div class="layui-breadcrumb" lay-filter="breadcrumb" style="visibility: visible;">
-
+                       
                         <a lay-href="/">主页</a>
                         <span lay-separator="">/</span>
                         <a>
-                            <cite>已处理问题工单列表</cite>
+                            <cite>预测师申请列表</cite>
                         </a>
                         <span lay-separator="">/</span>
                         <a href="javascript:history.back(-1)">返回</a>
                     </div>
-                    <div class="main problems">
+                    <div class="main">
                         <div class="searchbox">
-                            <a href="./workorderProblem.html" class="layui-btn">待处理问题工单列表</a>
-                            <span class="searchname">用户编码:</span>
+                            <a href="./workorderlist.html" class="layui-btn">预测师列表</a>
+                            <span class="searchname">电话号码:</span>
+                            <div class="layui-inline">
+                              <input class="layui-input" name="restphone" id="restphone" autocomplete="off">
+                            </div>
+                            <span class="searchname">昵称:</span>
                             <div class="layui-inline">
-                                <input class="layui-input" name="restuserid" id="restuserid" autocomplete="off">
+                                <input class="layui-input" name="restnickname" id="restnickname" autocomplete="off">
                             </div>
-                            <span class="searchname">问题类型:</span>
+                            <span class="searchname">彩种类型:</span>
                             <div class="layui-form layui-inline">
-                                <select name="resttype" lay-filter="resttype" id="resttype">
-                                    <option value="0">请选择问题类型</option>
-                                    <option value="1">建议</option>
-                                    <option value="2">意见</option>
-                                    <option value="3">求助</option>
+                                <select name="restcztype" lay-filter="restcztype" id="restcztype">
+                                    <option value="0">请选择彩种</option>
+                                    <option value="1">福彩3D</option>
+                                    <option value="2">排列三</option>
+                                    <option value="3">双色球</option>
+                                    <option value="4">大乐透</option>
                                 </select>
                             </div>
                             <button class="layui-btn" data-type="reload" id="searchbtn">搜索</button>
                         </div>
-                        <!-- 图片放大的 -->
-                        <ul class="layer_notice" style="display: none;">
-                            <img src="" alt="" id="actimg" class="actimg">
-                        </ul>
                         <table class="layui-hide" id="tables" lay-filter="tables"></table>
+                        <script type="text/html" id="bar">
+                            <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>
+                        <div class="layui-row" id="popUpdateTest" style="display:none;">
+                            <div class="layui-col-md10">
+                                <form class="layui-form layui-from-pane" lay-filter="formData" style="margin-top:20px">
+                                    <div class="layui-form-item">
+                                        <label class="layui-form-label">处理回复</label>
+                                        <div class="layui-input-block">
+                                            <input type="hidden" name="id" id="hideid">
+                                            <textarea placeholder="请输入处理回复" name="content_a" id="content_a" class="layui-textarea"></textarea>
+                                        </div>
+                                    </div>
+                                    <div class="layui-form-item" style="margin-top:40px">
+                                        <div class="layui-input-block">
+                                            <button class="layui-btn  layui-btn-submit " lay-submit="" lay-filter="sbtn">提交</button>
+                                            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
+                                        </div>
+                                    </div>
+                                </form>
+                            </div>
+                        </div>
                     </div>
                 </div>
             </div>
@@ -260,184 +284,196 @@
     <script src="../../js/jquery.js"></script>
     <script src="../../js/common.js"></script>
     <script type="text/javascript">
-        layui.use(['element', 'table', 'form'], function () {
-            var element = layui.element,
+        layui.use(['element','table', 'form','laydate'], function () {
+            var element = layui.element, 
                 table = layui.table,
                 form = layui.form,
                 laydate = layui.laydate;
+                laydate.render({
+                    elem: '#createtime',
+                    value: new Date()
+                });
             table.render({
                 elem: '#tables',
                 // url: '', //获取数据的接口
                 data: [
                     {
-                        id: 1,
-                        userid: 1,
-                        content: '哈哈哈哈哈',
-                        img: 'https://tk.55128.cn/Areas/tk/Upload/2020066/A1-3.jpg',
-                        type: 1,
+                        id:1,
+                        name: '哈哈哈',
+                        nickname: '哈哈哈哈哈',
+                        logo: 'https://www.55128.cn/static/images/logo-1.png',
+                        cztype: 1,
                         createtime: '2020-04-20',
-                        status: 1,
-                        'username_a': '李果',
-                        'content_a': '已经申请',
-                        'createtime_a': '2020-04-20',
+                        phone:'13458563587',
+                        describes:'今天天气不错!',
+                        status:1,
                     },
                     {
-                        id: 2,
-                        userid: 2,
-                        content: '哈哈哈哈哈',
-                        img: 'https://www.55128.cn/static/images/logo-1.png',
-                        type: 2,
+                        id:2,
+                        name: '哈哈哈0',
+                        nickname: '哈哈哈哈哈',
+                        logo: 'https://www.55128.cn/static/images/logo-1.png',
+                        cztype: 2,
                         createtime: '2020-04-20',
-                        status: 1,
-                        'username_a': '李果',
-                        'content_a': '已经申请',
-                        'createtime_a': '2020-04-20',
+                        phone:'13458563587',
+                        describes:'今天天气不错!',
+                        status:1,
                     },
                     {
-                        id: 3,
-                        userid: 3,
-                        content: '哈哈哈哈哈',
-                        img: 'https://www.55128.cn/static/images/logo-1.png',
-                        type: 3,
+                        id:3,
+                        name: '哈哈哈2',
+                        nickname: '哈哈哈哈哈',
+                        logo: 'https://www.55128.cn/static/images/logo-1.png',
+                        cztype: 3,
                         createtime: '2020-04-20',
-                        status: 1,
-                        'username_a': '李果',
-                        'content_a': '已经申请',
-                        'createtime_a': '2020-04-20',
+                        phone:'13458563587',
+                        describes:'今天天气不错!',
+                        status:1,
                     },
                     {
-                        id: 4,
-                        userid: 4,
-                        content: '哈哈哈哈哈',
-                        img: 'https://www.55128.cn/static/images/logo-1.png',
-                        type: 4,
+                        id:4,
+                        name: '哈哈哈3',
+                        nickname: '哈哈哈哈哈',
+                        logo: 'https://www.55128.cn/static/images/logo-1.png',
+                        cztype: 4,
                         createtime: '2020-04-20',
-                        status: 1,
-                        'username_a': '李果',
-                        'content_a': '已经申请',
-                        'createtime_a': '2020-04-20',
+                        phone:'13458563587',
+                        describes:'今天天气不错!',
+                        status:1,
                     },
                     {
-                        id: 5,
-                        userid: 5,
-                        content: '哈哈哈哈哈',
-                        img: 'https://www.55128.cn/static/images/logo-1.png',
-                        type: 1,
+                        id:5,
+                        name: '哈哈哈',
+                        nickname: '哈哈哈哈哈',
+                        logo: 'https://www.55128.cn/static/images/logo-1.png',
+                        cztype: 1,
+                        createtime: '2020-04-20',
+                        phone:'13458563587',
+                        describes:'今天天气不错!',
+                        status:1,
+                    },
+                    {
+                        id:6,
+                        name: '哈哈哈0',
+                        nickname: '哈哈哈哈哈',
+                        logo: 'https://www.55128.cn/static/images/logo-1.png',
+                        cztype: 2,
                         createtime: '2020-04-20',
-                        status: 1,
-                        'username_a': '李果',
-                        'content_a': '已经申请',
-                        'createtime_a': '2020-04-20',
+                        phone:'13458563587',
+                        describes:'今天天气不错!',
+                        status:1,
                     },
                     {
-                        id: 6,
-                        userid: 6,
-                        content: '哈哈哈哈哈',
-                        img: 'https://www.55128.cn/static/images/logo-1.png',
-                        type: 2,
+                        id:7,
+                        name: '哈哈哈2',
+                        nickname: '哈哈哈哈哈',
+                        logo: 'https://www.55128.cn/static/images/logo-1.png',
+                        cztype: 3,
                         createtime: '2020-04-20',
-                        phone: '13458563587',
-                        status: 1,
-                        'createtime_a': '2020-04-20',
+                        phone:'13458563587',
+                        describes:'今天天气不错!',
+                        status:1,
                     },
                     {
-                        id: 7,
-                        userid: 7,
-                        content: '哈哈哈哈哈',
-                        img: 'https://www.55128.cn/static/images/logo-1.png',
-                        type: 3,
+                        id:8,
+                        name: '哈哈哈3',
+                        nickname: '哈哈哈哈哈',
+                        logo: 'https://www.55128.cn/static/images/logo-1.png',
+                        cztype: 4,
                         createtime: '2020-04-20',
-                        phone: '13458563587',
-                        status: 1,
-                        'username_a': '李果',
-                        'content_a': '已经申请',
-                        'createtime_a': '2020-04-20',
+                        phone:'13458563587',
+                        describes:'今天天气不错!',
+                        status:1,
                     },
                     {
-                        id: 8,
-                        userid: 8,
-                        content: '哈哈哈哈哈',
-                        img: 'https://www.55128.cn/static/images/logo-1.png',
-                        type: 4,
-                        status: 1,
-                        'username_a': '李果',
-                        'content_a': '已经申请',
-                        'createtime_a': '2020-04-20',
+                        id:1,
+                        name: '哈哈哈',
+                        nickname: '哈哈哈哈哈',
+                        logo: 'https://www.55128.cn/static/images/logo-1.png',
+                        cztype: 1,
                         createtime: '2020-04-20',
+                        phone:'13458563587',
+                        describes:'今天天气不错!',
+                        status:1,
+                    },
+                    {
+                        id:2,
+                        name: '哈哈哈0',
+                        nickname: '哈哈哈哈哈',
+                        logo: 'https://www.55128.cn/static/images/logo-1.png',
+                        cztype: 2,
+                        createtime: '2020-04-20',
+                        phone:'13458563587',
+                        describes:'今天天气不错!',
+                        status:1,
                     },
                 ],
                 title: '用户数据表',
                 cellMinWidth: 120,
                 cols: [[
-                    { title: 'ID', align: 'center', type: 'numbers' },
-                    { field: 'userid', title: '用户ID' },
+                    { title: 'ID',align: 'center',type:'numbers'},
+                    {
+                        field: 'logo', title: '头像', templet: function (res) {
+                            return "<img class='headpic' src='" + res.logo + "'>"
+                        }
+                    },
+                    { field: 'nickname', title: '昵称'},
+                    { field: 'phone', title: '电话号码'},
                     {
-                        field: 'type', title: '问题类型', templet: function (res) {
+                        field: 'cztype', title: '彩种类型', templet: function (res) {
                             var str = '';
-                            switch (res.type) {
+                            switch (res.cztype) {
                                 case 1:
-                                    str = '建议';
+                                    str = '福彩3D';
                                     break;
                                 case 2:
-                                    str = '意见'
+                                    str = '排列三'
                                     break;
                                 case 3:
-                                    str = '求助'
+                                    str = '双色球'
+                                    break;
+                                case 4:
+                                    str = '大乐透'
                                     break;
                             }
                             return str
                         }
                     },
-                    {
-                        field: 'img', title: '问题截图', templet: function (res) {
-                            return "<img class='headpic' src='" + res.img + "'>"
-                        }
-                    },
-                    { field: 'content', title: '具体内容' },
-                    {
-                        field: 'createtime', title: '提交时间', templet: function (res) {
+                    { field: 'describes', title: '描述'},
+                    { field: 'createtime', title: '申请时间',templet: function (res) {
                             return formatDate(res.createtime)
                         }
                     },
-                    {
-                        field: 'status', title: '状态', width: 120, templet: function (res) {
-                            return '已解决'
-                        }
-                    },
-                    { field: 'username_a', title: '操作员' },
-                    { field: 'content_a', title: '操作反馈' },
-                    {
-                        field: 'createtime_a', title: '操作时间', templet: function (res) {
-                            return formatDate(res.createtime_a)
-                        }
-                    },
+                    { fixed: 'right', title: '操作', toolbar: '#bar' }
                 ]],
-                page: true, //分页
+                page: true,
                 limit: 17,
                 id: 'searchReload',
-                height: 'full-175'
+                height:'full-175'
             })
-
-            $(".headpic").on('click',function() {
-                var imgurl = $(this).attr('src');
-                $("#actimg").attr('src',imgurl)
-                layer.open({
-                    type: 1,
-                    shade: false,
-                    title: false,
-                    content: $('.layer_notice'),
-                    cancel: function(){
-                        $(".layer_notice").hide()
-                        $(".layui-layer-page").hide()
-                        layer.closeAll()
+            
+            form.on('submit(sbtn)', function (data) {
+                $.ajax({
+                    type:'post',
+                    url:'', //拒绝和处理意见的回复
+                    dataType:'json',
+                    data:data.field,
+                    success:function(res) {
+                        if(res.code == 0) {
+                            layer.msg('提交成功',{icon: 6});
+                        }else{
+                            layer.msg("网络错误,请稍后再试", {icon: 5});
+                        }
                     }
-                });
-            })
-
+                })
+                return false;
+            });
+            
             $('#searchbtn').on('click', function(){
-                var userid = $.trim($('#restuserid').val());
-                var type = $.trim($('#resttype').val());
-                if(userid == '' && type == 0) {
+                var phone = $.trim($('#restphone').val());
+                var nickname = $.trim($('#restnickname').val());
+                var cztype = $.trim($('#restcztype').val());
+                if(name == '' && nickname == '' && cztype == 0 && createtime == '') {
                     layer.msg("请输入查询条件", {icon: 5});
                     return false
                 }
@@ -447,11 +483,49 @@
                         curr: 1 
                     },
                     where: {
-                        userid:userid,
-                        type:type
+                        phone: phone,
+                        nickname:nickname,
+                        cztype:cztype
                     }
                 })
             });
+            table.on('tool(tables)', function (obj) {
+                var data = obj.data;
+                if (obj.event === 'del') {
+                    layer.open({
+                        type: 1,
+                        title: "处理意见编辑",
+                        area: ['420px', '300px'],
+                        shade: 0, 
+                        content: $("#popUpdateTest"),
+                        success: function (layero, index) {
+                            $("#hideid").val(data.id)
+                            $("#content_a").val('')
+                        },
+                        cancel: function(){
+                            $("#popUpdateTest").hide()
+                            layer.closeAll()
+                        }
+                    });
+                } else if (obj.event === 'edit') {
+                    layer.confirm('确定通过此条申请吗?', function (index) {
+                        $.ajax({
+                            url:'', //删除的接口
+                            type:'get',
+                            dataType: "json",
+                            data : "id="+data.id+"&status=1",    
+                            success:function(res) {
+                                if(res.code == 0) {
+                                    layer.msg("同意成功", {icon: 6});
+                                }else{
+                                    layer.msg("网络错误,同意失败", {icon: 5});
+                                }
+                                layer.close(index);
+                            }
+                        })
+                    });
+                }
+            });
         })
     </script>
 </body>