New file |
| | |
| | | <!DOCTYPE html> |
| | | <html> |
| | | |
| | | <head> |
| | | <meta charset="utf-8" /> |
| | | <meta http-equiv="X-UA-Compatible" content="chrome=1" /> |
| | | <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> |
| | | <title>开通会员审核</title> |
| | | <link rel="stylesheet" type="text/css" href="../../css/doui.min.css" /> |
| | | <link rel="stylesheet" type="text/css" href="../../layui/css/layui.css" /> |
| | | |
| | | <script src="../../js/doui.min.js" type="text/javascript" charset="utf-8"></script> |
| | | <script src="../../js/requestHost.js" type="text/javascript" charset="utf-8"></script> |
| | | <script src="../../js/jquery.min.js" type="text/javascript" charset="utf-8"></script> |
| | | <script src="../../layui/layui.all.js" type="text/javascript" charset="utf-8"></script> |
| | | |
| | | <script type="text/javascript"> |
| | | doui.importLoad({ |
| | | importArray: [ |
| | | // 雷打不动 |
| | | getHostPath() + "js/vue.min.js", |
| | | // 字体图标 |
| | | getHostPath() + "fontAdmin/iconfont.css", |
| | | getHostPath() + "font/iconfont.css", |
| | | // dom模板 |
| | | getHostPath() + "css/admin-all.css", |
| | | getHostPath() + "js/admin-creat.js", |
| | | ], |
| | | }); |
| | | </script> |
| | | </head> |
| | | |
| | | <body class="fontPC"> |
| | | <div class="winSizeBox"> |
| | | |
| | | <!-- =============================================================== 搜索筛选(顶部) --> |
| | | <div id="thisHeader" style="width:7.5rem;"></div> |
| | | |
| | | <!-- =============================================================== 表格 --> |
| | | <div id="thisTable" class="admin-main-overHeader"></div> |
| | | |
| | | </div> |
| | | |
| | | <div id="imgDialog" style="display: none;"> |
| | | <div class="layui-carousel" id="test10"> |
| | | <div carousel-item="" id="dialogContent"> |
| | | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | <div id="addDialog" style="display: none;"> |
| | | <form class="layui-form" action="" style="padding-top:10px;"> |
| | | <div class="layui-form-item"> |
| | | <label class="layui-form-label">用户ID</label> |
| | | <div class="layui-input-block"> |
| | | <input type="tel" name="uid" lay-verify="required" autocomplete="off" class="layui-input" style="width: 300px;"> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="layui-form-item"> |
| | | <label class="layui-form-label">单选框</label> |
| | | <div class="layui-input-block"> |
| | | <input type="radio" name="vip" value="highVIP" title="高级会员" checked=""> |
| | | <input type="radio" name="vip" value="superVIP" title="超级会员"> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="layui-form-item layui-form-text"> |
| | | <label class="layui-form-label">申请理由</label> |
| | | <div class="layui-input-block"> |
| | | <textarea placeholder="请输入申请理由" name="reason" class="layui-textarea" cols="10" style="width: 300px !important;max-width: 300px !important;min-width: 300px !important;"></textarea> |
| | | </div> |
| | | </div> |
| | | |
| | | <div id="layui-form-item" style="text-align: right;padding-bottom: 20px;padding-right: 40px;margin-top: 20px;"> |
| | | <div class="layui-btn sure">确定</div> |
| | | <div class="layui-btn layui-btn-primary cancel">取消</div> |
| | | </div> |
| | | |
| | | </form> |
| | | </div> |
| | | </body> |
| | | |
| | | </html> |
| | | |
| | | <script type="text/javascript"> |
| | | // ==================================================================================== 页面数据 |
| | | doui.onReady({ |
| | | success: function() { |
| | | // ----------------------------------------------------- 顶部 |
| | | // 创建顶部dom |
| | | adminDom.header.creat({ |
| | | el: "#thisHeader", |
| | | }); |
| | | // 输入搜索 |
| | | adminDom.header.input({ |
| | | placeholder: "用户ID", |
| | | }) |
| | | |
| | | // 下拉框 |
| | | adminDom.header.change({ |
| | | show: true, |
| | | list: [{ |
| | | "key": "-1", |
| | | value: "待提交 " |
| | | }, |
| | | { |
| | | "key": "0", |
| | | value: "待审核" |
| | | }, |
| | | { |
| | | "key": "1", |
| | | value: "已拒绝" |
| | | }, |
| | | { |
| | | "key": "2", |
| | | value: "已通过" |
| | | } |
| | | ], |
| | | }); |
| | | |
| | | // ----------------------------------------------------- 表格 |
| | | // 创建表格dom |
| | | adminDom.table.creat({ |
| | | el: "#thisTable", |
| | | touchSearch: function(optC) { |
| | | doui.showLoading({ |
| | | content: "加载列表" |
| | | }); |
| | | doui.request({ |
| | | type: "jsonp", |
| | | url: gethttp() + "/admin/new/api/v1/vip/queryVip", |
| | | data: { |
| | | pageIndex: optC.table.page, // 页码 |
| | | pageSize: optC.table.pageSize, // 每页数量 |
| | | key: optC.input[0].result, // 搜索关键字 |
| | | state: optC.change.result, // 搜索类型 |
| | | }, |
| | | success: function(res) { |
| | | doui.hideLoading(); |
| | | if (res.code != 0) { |
| | | var mo_tr = []; // tr组 |
| | | adminDom.table.opt({ |
| | | pageMax: 0 |
| | | }); // 最大页码 |
| | | adminDom.table.tbody({ |
| | | tr: mo_tr |
| | | }); // 内容数据 |
| | | |
| | | doui.showToast({ |
| | | content: res.msg |
| | | }); |
| | | } else { |
| | | // 申明 表格内容数据 |
| | | var mo_tr = []; // tr组 |
| | | for (var i = 0, mo = res.data.result_list; i < mo.length; i++) { |
| | | if (mo[i].imgList == null) { |
| | | mo[i].imgList = new Array(); |
| | | } |
| | | // 当前行 |
| | | var thatTr = { |
| | | check: false, |
| | | td: [{ |
| | | title: "用户头像", |
| | | key: mo[i].targetUser.portrait, |
| | | value: mo[i].targetUser.portrait, |
| | | dataType: "img", |
| | | "class": "admin-imgS" |
| | | }, |
| | | { |
| | | title: "用户昵称", |
| | | key: mo[i].targetUser.nickName, |
| | | value: mo[i].targetUser.nickName |
| | | }, |
| | | { |
| | | title: "用户ID", |
| | | key: mo[i].targetUser.id, |
| | | value: mo[i].targetUser.id |
| | | }, |
| | | { |
| | | title: "申请类别", |
| | | key: mo[i].id, |
| | | value: mo[i].level |
| | | }, |
| | | { |
| | | title: "联系电话", |
| | | key: mo[i].phone, |
| | | value: mo[i].phone |
| | | }, |
| | | { |
| | | title: "微信号", |
| | | key: mo[i].wxID, |
| | | value: mo[i].wxID |
| | | }, |
| | | { |
| | | title: "申请理由", |
| | | key: mo[i].applyReason, |
| | | value: mo[i].applyReason |
| | | }, |
| | | { |
| | | title: "平台经验", |
| | | key: mo[i].otherPlatformInfo, |
| | | value: mo[i].otherPlatformInfo |
| | | }, |
| | | { |
| | | title: "上传截图", |
| | | key: mo[i].imgList, |
| | | value: mo[i].imgList, |
| | | dataType: "img", |
| | | "class": "admin-imgS", |
| | | "click": 'showImgs' |
| | | }, |
| | | { |
| | | title: "申请时间", |
| | | key: mo[i].createTime, |
| | | value: mo[i].createTime |
| | | }, |
| | | { |
| | | title: "审核状态", |
| | | key: mo[i].state, |
| | | value: mo[i].state |
| | | }, |
| | | { |
| | | title: "审核时间", |
| | | key: mo[i].verifyTime, |
| | | value: mo[i].verifyTime |
| | | }, |
| | | { |
| | | title: "备注", |
| | | key: mo[i].mark, |
| | | value: mo[i].mark |
| | | }, |
| | | ], |
| | | }; |
| | | |
| | | if (mo[i].imgList != null && mo[i].imgList.length > 0) { |
| | | thatTr.td[8].value = mo[i].imgList[0]; |
| | | } else { |
| | | delete thatTr.td[8].dataType; |
| | | thatTr.td[8].value = ''; |
| | | } |
| | | // 审核状态 |
| | | if (thatTr.td[10].key == -1) { |
| | | thatTr.td[10].value = "待提交资料"; |
| | | thatTr.td[10]["class"] = "font-gray"; |
| | | } else if (thatTr.td[10].key == 0) { |
| | | thatTr.td[10].value = "待审核"; |
| | | thatTr.td[10]["class"] = "font-yellow"; |
| | | } else if (thatTr.td[10].key == 2) { |
| | | thatTr.td[10].value = "已通过"; |
| | | thatTr.td[10]["class"] = "font-green"; |
| | | } else if (thatTr.td[10].key == 1) { |
| | | thatTr.td[10].value = "已驳回"; |
| | | thatTr.td[10]["class"] = "font-red"; |
| | | } |
| | | |
| | | // 将当前行放入tr组 |
| | | mo_tr.push(thatTr); |
| | | } |
| | | // 更新表格的数据 |
| | | adminDom.table.opt({ |
| | | pageMax: res.data.pe.totalPage |
| | | }); // 最大页码 |
| | | adminDom.table.tbody({ |
| | | tr: mo_tr |
| | | }); // 内容数据 |
| | | } |
| | | } |
| | | }); |
| | | } |
| | | }); |
| | | // 表格设置 |
| | | adminDom.table.opt({ |
| | | pageSize: 20, |
| | | }); |
| | | // 表格头排 |
| | | adminDom.table.thead({ |
| | | th: [{ |
| | | title: "用户头像", |
| | | width: "0.5rem", |
| | | orderUp: "", |
| | | orderDown: "" |
| | | }, |
| | | { |
| | | title: "用户昵称", |
| | | width: "0.5rem", |
| | | orderUp: "", |
| | | orderDown: "" |
| | | }, |
| | | { |
| | | title: "用户ID", |
| | | width: "0.5rem", |
| | | orderUp: "", |
| | | orderDown: "" |
| | | }, |
| | | { |
| | | title: "申请类别", |
| | | width: "0.5rem", |
| | | orderUp: "", |
| | | orderDown: "" |
| | | }, |
| | | { |
| | | title: "联系电话", |
| | | width: "0.8rem", |
| | | orderUp: "", |
| | | orderDown: "" |
| | | }, |
| | | { |
| | | title: "微信号", |
| | | width: "0.8rem", |
| | | orderUp: "", |
| | | orderDown: "" |
| | | }, |
| | | { |
| | | title: "申请理由", |
| | | width: "1rem", |
| | | orderUp: "", |
| | | orderDown: "" |
| | | }, |
| | | { |
| | | title: "平台经验", |
| | | width: "1rem", |
| | | orderUp: "", |
| | | orderDown: "" |
| | | }, |
| | | { |
| | | title: "上传截图", |
| | | width: "0.5rem", |
| | | orderUp: "", |
| | | orderDown: "" |
| | | }, |
| | | { |
| | | title: "申请时间", |
| | | width: "0.8rem", |
| | | orderUp: "", |
| | | orderDown: "" |
| | | }, |
| | | { |
| | | title: "审核状态", |
| | | width: "0.5rem", |
| | | orderUp: "", |
| | | orderDown: "" |
| | | }, |
| | | { |
| | | title: "处理时间", |
| | | width: "0.8rem", |
| | | orderUp: "", |
| | | orderDown: "" |
| | | }, |
| | | { |
| | | title: "备注", |
| | | width: "1rem", |
| | | orderUp: "", |
| | | orderDown: "" |
| | | }, |
| | | ] |
| | | }); |
| | | |
| | | |
| | | // 工具栏 |
| | | adminDom.table.tools({ |
| | | show: true, |
| | | list: [{ |
| | | "title": "通过", |
| | | "name": "ok", |
| | | "icon": "fi fi-ok" |
| | | }, |
| | | { |
| | | "title": "拒绝", |
| | | "name": "no", |
| | | "icon": "fi fi-no" |
| | | }, |
| | | { |
| | | "title": "新增", |
| | | "name": "add", |
| | | "icon": "fi fi-plus" |
| | | }, |
| | | ], |
| | | touch: function(back) { |
| | | // 通过 |
| | | if (back.toolName == "add") { //新增 |
| | | //示范一个公告层 |
| | | var index = layer.open({ |
| | | type: 1, |
| | | title: '开通会员邀请', //不显示标题栏 |
| | | closeBtn: false, |
| | | area: '450px;', |
| | | shade: 0.8, |
| | | id: 'LAY_layuipro', //设定一个id,防止重复弹出 |
| | | // btn: ['确定', '取消'], |
| | | btnAlign: 'r', |
| | | moveType: 1, //拖拽模式,0或者1 |
| | | content: $("#addDialog"), |
| | | success: function(layero) { |
| | | |
| | | } |
| | | }); |
| | | |
| | | $(".sure").bind("click", function() { |
| | | var parent = $(this).parent().parent(); |
| | | var uid = parent.find("input[name='uid']").eq(0).val(); |
| | | var reason = parent.find("textarea[name='reason']").eq(0).val(); |
| | | var level = parent.find('input:radio:checked').val(); |
| | | if (uid == null || uid.length < 1) { |
| | | layer.msg('请填写用户ID'); |
| | | return false; |
| | | } |
| | | |
| | | if (reason == null || reason.length < 1) { |
| | | layer.msg('请填写申请理由'); |
| | | return false; |
| | | } |
| | | |
| | | |
| | | var loading = layer.load(0, { |
| | | shade: false |
| | | }); |
| | | //获取到layui中表单的值 |
| | | doui.request({ |
| | | type: "jsonp", |
| | | url: gethttp() + "/admin/new/api/v1/vip/apply", |
| | | data: { |
| | | uid: uid, |
| | | applyReason: reason, |
| | | level: level |
| | | }, |
| | | success: function(res) { |
| | | alert(123); |
| | | layer.close(loading); |
| | | if (res.code != 0) { |
| | | layer.msg(res.msg); |
| | | } else { |
| | | layer.msg('添加成功'); |
| | | vm_table.search(); |
| | | layer.close(index); |
| | | } |
| | | }, |
| | | fail: function(res) { |
| | | layer.close(index); |
| | | } |
| | | }); |
| | | |
| | | |
| | | }); |
| | | |
| | | $(".cancel").bind("click", function() { |
| | | layer.close(index); |
| | | }); |
| | | |
| | | } else if (back.toolName == "ok") { |
| | | if (back.list.length > 1) { |
| | | doui.showToast({ |
| | | content: "一次只能操作一个" |
| | | }); |
| | | return false; |
| | | } |
| | | // 获取数据 |
| | | var item = back.list[0]; |
| | | // 发起请求 |
| | | doui.showLoading("正在处理"); |
| | | doui.request({ |
| | | type: "jsonp", |
| | | url: gethttp() + "/admin/new/api/v1/vip/passVIP", |
| | | data: { |
| | | id: item[3].key |
| | | }, |
| | | success: function(res) { |
| | | doui.hideLoading(); |
| | | if (res.code != 0) { |
| | | doui.showToast({ |
| | | content: res.msg |
| | | }); |
| | | } else { |
| | | doui.showToast("处理成功"); |
| | | } |
| | | vm_table.search(); |
| | | } |
| | | }); |
| | | } |
| | | |
| | | // 拒绝 |
| | | else if (back.toolName == "no") { |
| | | if (back.list.length > 1) { |
| | | doui.showToast({ |
| | | content: "一次只能操作一个" |
| | | }); |
| | | return false; |
| | | } |
| | | // 获取数据 |
| | | var item = back.list[0]; |
| | | // 发起请求 |
| | | // doui.showLoading("正在处理"); |
| | | |
| | | // // 弹框输入原因 |
| | | layui.use('layer', function() { |
| | | layer.prompt({ |
| | | formType: 2, |
| | | value: '未达到升级条件', |
| | | title: '拒绝原因:', |
| | | area: ['500px', '80px'] //自定义文本域宽高 |
| | | }, function(value, index, elem) { |
| | | reason = value; //得到value |
| | | layer.close(index); |
| | | // 获取数据 |
| | | var item = back.list[0]; |
| | | // 发起请求 |
| | | doui.showLoading("正在处理"); |
| | | doui.request({ |
| | | type: "jsonp", |
| | | url: gethttp() + "/admin/new/api/v1/vip/rejectVIP", |
| | | data: { |
| | | id: item[3].key, |
| | | reason: reason, |
| | | }, |
| | | success: function(res) { |
| | | doui.hideLoading(); |
| | | if (res.code != 0) { |
| | | doui.showToast({ |
| | | content: res.msg |
| | | }); |
| | | } else { |
| | | doui.showToast("处理成功"); |
| | | vm_table.search(); |
| | | } |
| | | } |
| | | }); |
| | | }); |
| | | }); |
| | | |
| | | } |
| | | |
| | | |
| | | } |
| | | }); |
| | | |
| | | // ----------------------------------------------------- 初始行为 |
| | | // 模拟搜索点击 |
| | | vm_table.search(); |
| | | } |
| | | }); |
| | | |
| | | function showImgs(e) { |
| | | if (e == null || e.length < 1) |
| | | return; |
| | | var imgs = e.split(','); |
| | | |
| | | $("#dialogContent").empty(); |
| | | for (var i = 0; i < imgs.length; i++) { |
| | | $("#dialogContent").append("<div style='text-align: center;'><img style='height:100%;width:auto' src='" + imgs[i] + |
| | | "'></div>"); |
| | | } |
| | | |
| | | |
| | | layui.use(['carousel'], function() { |
| | | var carousel = layui.carousel; |
| | | //常规轮播 |
| | | carousel.render({ |
| | | elem: '#test10', |
| | | arrow: 'always' |
| | | }); |
| | | |
| | | layer.open({ |
| | | type: 1, |
| | | title: false, //不显示标题栏 |
| | | closeBtn: true, |
| | | area: '600px;', |
| | | shade: 0.8, |
| | | moveType: 1, //拖拽模式,0或者1 |
| | | content: $("#imgDialog"), |
| | | success: function(layero) { |
| | | |
| | | } |
| | | }); |
| | | }); |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | } |
| | | </script> |
| | |
| | | |
| | | <!-- 右侧主体结束 --> |
| | | <!-- 中部结束 --> |
| | | <script src="./lib/layui/layui.js" charset="utf-8"></script> |
| | | <script src="./lib/layui/layui.all.js" charset="utf-8"></script> |
| | | <script src="js/doui.min.js" type="text/javascript" charset="utf-8"></script> |
| | | <script type="text/javascript"> |
| | | doui.importLoad({ |
| | |
| | | "child": []
|
| | | },
|
| | | {
|
| | | "value": "开通会员审核", "href": "childPath/shenHe/vip_artificial_apply_list.html",
|
| | | "child": []
|
| | | },
|
| | | {
|
| | | "value": "会员设置", "href": "childPath/user/vip_config_list.html",
|
| | | "child": []
|
| | | },
|