New file |
| | |
| | | <!DOCTYPE html>
|
| | | <html>
|
| | | <head>
|
| | | <meta charset="utf-8">
|
| | | <title>Layui</title>
|
| | | <meta name="renderer" content="webkit">
|
| | | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
| | | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
| | | <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="../../layui/layui.all.js" type="text/javascript" charset="utf-8"></script>
|
| | | <script type="text/javascript">
|
| | | doui.importLoad({
|
| | | importArray: [
|
| | | // 雷打不动
|
| | | getHostPath() + "js/jquery.min.js",
|
| | | 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>
|
| | | <div id="content" style="margin-top: 50px; margin-left: 100px;">
|
| | | <form class="layui-form">
|
| | | <div class="layui-form-item">
|
| | | <label class="layui-form-label">账号状态:</label>
|
| | | <div style="display:flex">
|
| | | <input type="text" v-model="stateDesc" style="width: 300px; " disabled="disabled" class="layui-input">
|
| | | <v-if v-if="state != 2">
|
| | | <div style="margin: 5px 0px 0px 10px;">
|
| | | <button type="button" class="layui-btn layui-btn-sm layui-btn-danger" @click="forbiddenUser()">封禁用户</button>
|
| | | </div>
|
| | | </v-if>
|
| | | </div>
|
| | | </div>
|
| | |
|
| | | <div class="layui-form-item">
|
| | | <label class="layui-form-label">手机号:</label>
|
| | | <div style="display:flex">
|
| | | <input type="text" v-model="phone" style="width: 300px; " disabled="disabled" class="layui-input">
|
| | | <v-if v-if="phone != null && phone !=''">
|
| | | <div style="margin: 5px 0px 0px 10px;">
|
| | | <button type="button" class="layui-btn layui-btn-sm " onclick="unBindInfo(3)">解除绑定</button>
|
| | | </div>
|
| | | </v-if>
|
| | | </div>
|
| | | </div>
|
| | |
|
| | |
|
| | | <div class="layui-form-item">
|
| | | <label class="layui-form-label">微信:</label>
|
| | | <div style="display:flex">
|
| | | <input type="text" v-model="wxName" style="width: 300px; " disabled="disabled" class="layui-input">
|
| | | <v-if v-if="wxName != null && wxName !=''">
|
| | | <div style="margin: 5px 0px 0px 10px;">
|
| | | <button type="button" class="layui-btn layui-btn-sm " onclick="unBindInfo(2)">解除绑定</button>
|
| | | </div>
|
| | | </v-if>
|
| | | </div>
|
| | | </div>
|
| | |
|
| | |
|
| | | <div class="layui-form-item">
|
| | | <label class="layui-form-label">淘宝:</label>
|
| | | <div style="display:flex">
|
| | | <input type="text" v-model="tbName" style="width: 300px; " disabled="disabled" class="layui-input">
|
| | | <v-if v-if="tbName != null && tbName !=''">
|
| | | <div style="margin: 5px 0px 0px 10px;">
|
| | | <button type="button" class="layui-btn layui-btn-sm " onclick="unBindInfo(1)">解除绑定</button>
|
| | | </div>
|
| | | </v-if>
|
| | | </div>
|
| | | </div>
|
| | |
|
| | |
|
| | | <div class="layui-form-item">
|
| | | <label class="layui-form-label">支付宝:</label>
|
| | | <div style="display:flex">
|
| | | <input type="text" v-model="account" style="width: 300px; " disabled="disabled" class="layui-input">
|
| | | <v-if v-if="account != null && account !=''">
|
| | | <div style="margin: 5px 0px 0px 10px;">
|
| | | <button type="button" class="layui-btn layui-btn-sm " onclick="unBindInfo(4)">解除绑定</button>
|
| | | </div>
|
| | | </v-if>
|
| | | </div>
|
| | | </div>
|
| | |
|
| | | <div class="layui-form-item">
|
| | | <label class="layui-form-label">标识:</label> |
| | | <div style="display:flex">
|
| | | <input type="text" style="width: 300px; " v-model="mark"class="layui-input">
|
| | | <div style="margin: 5px 0px 0px 10px;">
|
| | | <button type="button" class="layui-btn layui-btn-sm " @click="addUserMark()">保存标识</button> |
| | | </div>
|
| | | </div>
|
| | | </div>
|
| | | </form>
|
| | | </div>
|
| | | </body>
|
| | | </html>
|
| | |
|
| | |
|
| | | <script>
|
| | | var form = null;
|
| | | //只有执行了这一步,部分表单元素才会自动修饰成功
|
| | | layui.use('form', function() {
|
| | | form = layui.form;
|
| | | //监听指定开关
|
| | | form.on('switch(switchTest)', function(data) {
|
| | | var value = 0;
|
| | | if (this.checked) {
|
| | | value = 1;
|
| | | }
|
| | | $("#" + this.id + "value").val(value);
|
| | | });
|
| | | });
|
| | |
|
| | |
|
| | | var uid = null;
|
| | | // doui准备完毕
|
| | | doui.onReady({
|
| | | success: function() {
|
| | | var vm = new Vue({
|
| | | el: "#content",
|
| | | // 数据
|
| | | data: {
|
| | | state: "",
|
| | | stateDesc: "",
|
| | | phone: "",
|
| | | mark: "",
|
| | | wxName: "",
|
| | | tbName: "",
|
| | | account: "",
|
| | |
|
| | | addUserMark: function() {
|
| | | doui.request({
|
| | | type: "jsonp",
|
| | | url: gethttp() + "/admin/new/api/v1/user/addUserMark",
|
| | | data: {
|
| | | uid: uid,
|
| | | mark: vm.mark,
|
| | | },
|
| | | success: function(res) {
|
| | | if (res.code != 0) {
|
| | | doui.showToast(res.msg);
|
| | | } else {
|
| | | doui.showToast("操作成功");
|
| | | }
|
| | | }
|
| | | });
|
| | | },
|
| | | |
| | | |
| | | forbiddenUser: function() {
|
| | | doui.request({
|
| | | type: "jsonp",
|
| | | url: gethttp() + "/admin/new/api/v1/user/forbiddenUser",
|
| | | data: {
|
| | | uid: uid,
|
| | | mark: vm.mark,
|
| | | },
|
| | | success: function(res) {
|
| | | if (res.code != 0) {
|
| | | doui.showToast(res.msg);
|
| | | } else {
|
| | | doui.showToast("操作成功");
|
| | | }
|
| | | }
|
| | | });
|
| | | },
|
| | | },
|
| | | updated: function() {
|
| | | layui.use(['form'], function() {
|
| | | form.render();
|
| | | })
|
| | | },
|
| | | });
|
| | |
|
| | | doui.urlParam({
|
| | | success: function(res) {
|
| | | uid = res.id;
|
| | | }
|
| | | });
|
| | |
|
| | |
|
| | | var loading = layer.load(0, {
|
| | | shade: false
|
| | | }); //0代表加载的风格,支持0-2
|
| | |
|
| | | // 请求数据
|
| | | doui.request({
|
| | | type: "jsonp",
|
| | | url: gethttp() + '/admin/new/api/v1/user/getBindDetail',
|
| | | data: {
|
| | | uid: uid
|
| | | },
|
| | | success: function(res) {
|
| | | layer.close(loading);
|
| | | if (res.code != 0) {
|
| | | doui.showToast(res.msg);
|
| | | } else {
|
| | | vm.state = res.data.state;
|
| | | vm.stateDesc = res.data.stateDesc;
|
| | | vm.phone = res.data.phone;
|
| | | vm.mark = res.data.mark;
|
| | | vm.wxName = res.data.wxName;
|
| | | vm.tbName = res.data.tbName;
|
| | | vm.account = res.data.account;
|
| | | }
|
| | | },
|
| | | });
|
| | | },
|
| | | });
|
| | |
|
| | |
|
| | |
|
| | | // 订单统计
|
| | | function unBindInfo(key) {
|
| | | var typeArray = [];
|
| | | typeArray.push(key);
|
| | | // 请求数据
|
| | | doui.request({
|
| | | type: "jsonp",
|
| | | url: gethttp() + '/admin/new/api/v1/user/unBindUserInfo',
|
| | | data: {
|
| | | uid: uid,
|
| | | typeArray: typeArray
|
| | | },
|
| | | success: function(res) {
|
| | | if (res.code != 0) {
|
| | | doui.showToast(res.msg);
|
| | | } else {
|
| | | doui.showToast("操作成功");
|
| | | doui.pageToUrl({
|
| | | type: "replace",
|
| | | url: "user_edit_bind.html",
|
| | | data: {
|
| | | id: uid,
|
| | | },
|
| | | });
|
| | | }
|
| | | },
|
| | | });
|
| | | }
|
| | | </script> |