| | |
| | | { key: [1], value: "启用", check: false }, |
| | | ], |
| | | input: { type: "number", num: 0 }, |
| | | },
|
| | | {
|
| | | title: "类型", |
| | | muchCheck: false, // 是否可以多选
|
| | | child: [
|
| | | { key: ["single"], value: "单品", check: false },
|
| | | { key: ["multiple"], value: "多品", check: false },
|
| | | { key: ["activity"], value: "活动", check: false },
|
| | | ],
|
| | | input: { type: "number", num: 0 },
|
| | | }, |
| | | ], |
| | | }); |
| | |
| | | pageSize: optC.table.pageSize, // 每页数量
|
| | | key: optC.input[0].result, // 搜索关键字
|
| | | state: optC.screen[0].result[0], // 搜索状态
|
| | | typeEnum: optC.screen[1].result[0], // 搜索状态
|
| | | }
|
| | |
|
| | | if (backParams != null && backParams != undefined && backParams!= 'null' && backParams.length > 0) {
|
| | |
| | | myData.pageSize = params.pageSize; // 每页数量
|
| | | myData.key = params.key; // 搜索关键字
|
| | | myData.state = params.state; // 搜索关键字
|
| | | myData.typeEnum = params.typeEnum; // 搜索关键字
|
| | | }
|
| | | quyerParams = myData;
|
| | | |
| | |
| | | // 状态分析
|
| | | if (thatTr.td[1].key == "single") {
|
| | | thatTr.td[1].value = "单品";
|
| | | thatTr.td[1]["class"] = "font-green"; |
| | | } else if (thatTr.td[1].key == "multiple") {
|
| | | thatTr.td[1].value = "多品";
|
| | | thatTr.td[1]["class"] = "font-green"; |
| | | } else if (thatTr.td[1].key == "activity") {
|
| | | thatTr.td[1].value = "活动";
|
| | | thatTr.td[1]["class"] = "font-blue"; |
| | | }
|
| | | // 将当前行放入tr组 |
| | | mo_tr.push(thatTr); |
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="../../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 class="fontPC"> |
| | | <div class="winSizeBox"> |
| | | |
| | | <!-- ========================================================= 目录地址显示 --> |
| | | <div id="thisHeader" style="width:7.5rem;"></div> |
| | | |
| | | <!-- =============================================================== 表格 --> |
| | | <div id="thisTable" class="admin-main-overHeader"></div> |
| | | |
| | | </div> |
| | | </body> |
| | | </html> |
| | | |
| | | |
| | | <script type="text/javascript">
|
| | | |
| | | var backParams = null;
|
| | | var quyerParams = null;
|
| | | |
| | | // doui |
| | | doui.onReady({ |
| | | success: function() { |
| | | // ----------------------------------------------------- 顶部 |
| | | // 生成顶部筛选项dom |
| | | adminDom.header.creat({ |
| | | el: "#thisHeader" |
| | | }); |
| | | // 输入搜索 |
| | | adminDom.header.input({ |
| | | placeholder: "标识 / 备注说明" |
| | | }); |
| | | // 筛选项 |
| | | adminDom.header.screen({ |
| | | show: false |
| | | }); |
| | | |
| | | |
| | | // ------------------------------------------------------------- 表格 |
| | | // 表格dom创建 |
| | | adminDom.table.creat({ |
| | | el: "#thisTable", |
| | | // 表格请求回调 |
| | | touchSearch: function(optC) {
|
| | | var myData = {
|
| | | pageIndex: optC.table.page, // 页码
|
| | | pageSize: optC.table.pageSize, // 每页数量
|
| | | key: optC.input[0].result, // 搜索关键字
|
| | | } |
| | | |
| | | if (backParams != null && backParams != undefined && backParams!= 'null' && backParams.length > 0) {
|
| | | var params = JSON.parse(backParams); |
| | | backParams = null;
|
| | | |
| | | myData.pageIndex = params.pageIndex; // 页码
|
| | | myData.pageSize = params.pageSize; // 每页数量
|
| | | myData.key = params.key; // 搜索关键字
|
| | | } |
| | | quyerParams = myData;
|
| | | |
| | | var loading = layer.load(0, {
|
| | | shade: false
|
| | | }); |
| | | doui.request({ |
| | | type: "jsonp", |
| | | url: gethttp() + "/admin/new/api/v1/specialcard/queryActivity", |
| | | data: myData, |
| | | success: function(res) { |
| | | layer.close(loading); |
| | | if (res.code != 0) { |
| | | doui.showToast({ |
| | | content: res.msg |
| | | }); |
| | | } else { |
| | | // 申明 表格内容数据 |
| | | var mo_tr = []; // tr组 |
| | | for (var i = 0, mo = res.data.result_list; i < mo.length; i++) { |
| | | // 初始化当前行 |
| | | var thatTr = { |
| | | check: false,
|
| | | td: [
|
| | | {
|
| | | title: "背景图片",
|
| | | key: mo[i].bottomPicture,
|
| | | value: mo[i].bottomPicture,
|
| | | dataType: "img"
|
| | | },
|
| | | {
|
| | | title: "位置",
|
| | | key: mo[i].placeId,
|
| | | value: mo[i].placeName
|
| | | },
|
| | | {
|
| | | title: "说明",
|
| | | key: mo[i].name,
|
| | | value: mo[i].name,
|
| | | "class": "font-gray"
|
| | | },
|
| | | {
|
| | | title: "启用状态",
|
| | | key: mo[i].state,
|
| | | value: mo[i].state,
|
| | | dataType: 'btnSwitch', |
| | | click: "switchState(" + mo[i].id + ")"
|
| | | },
|
| | | {
|
| | | title: "起始时间",
|
| | | key: mo[i].startTime_str,
|
| | | value: mo[i].startTime_str
|
| | | },
|
| | | {
|
| | | title: "结束时间",
|
| | | key: mo[i].endTime_str,
|
| | | value: mo[i].endTime_str
|
| | | },
|
| | | {
|
| | | title: "含有内容",
|
| | | key: mo[i].totalSpecial,
|
| | | value: mo[i].totalSpecial
|
| | | },
|
| | | { |
| | | title: "ID", |
| | | key: mo[i].id, |
| | | value: mo[i].id |
| | | }, |
| | | ], |
| | | }; |
| | | // 图片分析 |
| | | if (!thatTr.td[0].key || thatTr.td[0].key == "") { |
| | | thatTr.td[0].value = "未设置"; |
| | | thatTr.td[0]["class"] = "font-gray"; |
| | | thatTr.td[0]["dataType"] = ""; |
| | | } |
| | | // 将当前行放入tr组 |
| | | mo_tr.push(thatTr); |
| | | } |
| | | // 更新表格的数据 |
| | | adminDom.table.opt({
|
| | | page: myData.pageIndex, |
| | | pageMax: res.data.pe.totalPage |
| | | }); // 最大页码 |
| | | adminDom.table.tbody({ |
| | | tr: mo_tr |
| | | }); // 内容数据 |
| | | } |
| | | } |
| | | }); |
| | | }, |
| | | }); |
| | | // 表格设置 |
| | | adminDom.table.opt({ |
| | | pageSize: 20 |
| | | }); |
| | | // 表格头排 |
| | | adminDom.table.thead({ |
| | | show: true, |
| | | th: [
|
| | | {
|
| | | title: "背景图片",
|
| | | width: "0.4rem",
|
| | | orderUp: "",
|
| | | orderDown: "",
|
| | | edit: {
|
| | | type: "file",
|
| | | },
|
| | | },
|
| | | {
|
| | | title: "位置",
|
| | | width: "0.7rem",
|
| | | orderUp: "",
|
| | | orderDown: "",
|
| | | edit: {
|
| | | type: "select",
|
| | | list: []
|
| | | },
|
| | | },
|
| | | {
|
| | | title: "说明",
|
| | | width: "0.7rem",
|
| | | orderUp: "",
|
| | | orderDown: "",
|
| | | edit: {
|
| | | type: "text",
|
| | | placeholder: "如:板栗-首页"
|
| | | },
|
| | | },
|
| | | { |
| | | title: "启用状态", |
| | | width: "0.4rem", |
| | | orderUp: "", |
| | | orderDown: "", |
| | | edit: {
|
| | | type: "switch",
|
| | | }, |
| | | },
|
| | | {
|
| | | title: "起始时间",
|
| | | width: "0.6rem",
|
| | | orderUp: "",
|
| | | orderDown: "",
|
| | | edit: {
|
| | | type: "datetime-local"
|
| | | },
|
| | | },
|
| | | {
|
| | | title: "结束时间",
|
| | | width: "0.6rem",
|
| | | orderUp: "",
|
| | | orderDown: "",
|
| | | edit: {
|
| | | type: "datetime-local"
|
| | | },
|
| | | },
|
| | | {
|
| | | title: "含有内容",
|
| | | width: "0.4rem",
|
| | | orderUp: "",
|
| | | orderDown: ""
|
| | | },
|
| | | {
|
| | | title: "ID",
|
| | | width: "0.4rem",
|
| | | orderUp: "",
|
| | | orderDown: ""
|
| | | }, |
| | | ] |
| | | }); |
| | | // 标识列表获取 |
| | | doui.request({ |
| | | type: "jsonp", |
| | | url: gethttp() + "/admin/new/api/v1/specialPlace/getEffectiveOption", |
| | | success: function(res) { |
| | | if (res.code != 0) { |
| | | doui.showToast(res.msg); |
| | | } else { |
| | | // 循环所有跳转方式 |
| | | var listC = new Array(); |
| | | listC = res.data.result_list; |
| | | // 重置表格头排 |
| | | vm_table.thead.th[1].edit.list = listC; |
| | | } |
| | | } |
| | | }); |
| | | // 工具栏 |
| | | adminDom.table.tools({ |
| | | show: true, |
| | | list: [{ |
| | | "title": "新建", |
| | | "name": "add", |
| | | "icon": "fi fi-plus" |
| | | }, |
| | | { |
| | | "title": "删除", |
| | | "name": "del", |
| | | "icon": "fi fi-trash" |
| | | }, |
| | | { |
| | | "title": "修改", |
| | | "name": "edit", |
| | | "icon": "fi fi-edit-box" |
| | | }, |
| | | { |
| | | "title": "进入查看", |
| | | "name": "into", |
| | | "icon": "admin adminjinru1" |
| | | }, |
| | | ], |
| | | touch: function(back) { |
| | | // 新建 |
| | | if (back.toolName == "add") { |
| | | // 修改弹框创建 |
| | | adminDom.editTan.creat({ |
| | | el: ".winSizeBox", |
| | | // 提交回调 |
| | | touchSubmit: function(thereData) { |
| | | // 当前数据 |
| | | var item = thereData.list; |
| | | // 请求数据 |
| | | var mydata = { |
| | | placeId: item[1].key, // 标识 |
| | | name: item[2].key, // 备注说明 |
| | | startTime_str: item[4].key, // 起始时间 |
| | | endTime_str: item[5].key, // 结束时间 |
| | | };
|
| | | |
| | | if (item[3].key == 1) {
|
| | | mydata.state = 0;
|
| | | } else {
|
| | | mydata.state = 1;
|
| | | }
|
| | | |
| | | // 如果修改了图片 |
| | | if (item[0].change == true) { |
| | | mydata.file = item[0].key; |
| | | }
|
| | | |
| | | // 信息上传 |
| | | var loading = layer.load(0, {
|
| | | shade: false
|
| | | }); |
| | | doui.upload({ |
| | | url: gethttp() + "/admin/new/api/v1/specialcard/save", |
| | | data: mydata, |
| | | fail: function(res) { |
| | | layer.close(loading); |
| | | doui.showToast(res.msg); |
| | | }, |
| | | success: function(res) { |
| | | layer.close(loading); |
| | | if (res.code != 0) { |
| | | doui.showToast(res.msg); |
| | | } else { |
| | | doui.showToast("新建成功"); |
| | | adminDom.editTan.remove(); |
| | | vm_table.search(); |
| | | } |
| | | } |
| | | }); |
| | | }, |
| | | }); |
| | | adminDom.editTan.opt({ |
| | | title: "新建" |
| | | }); |
| | | adminDom.editTan.thereData({ |
| | | show: false, |
| | | }); |
| | | } |
| | | |
| | | // 删除 |
| | | if (back.toolName == "del") { |
| | | // 获取选择的id组 |
| | | var zu_id = new Array(); |
| | | for (var i = 0, mo = back.list; i < mo.length; i++) { |
| | | zu_id.push(mo[i][7].key); |
| | | } |
| | | var loading = layer.load(0, {
|
| | | shade: false
|
| | | }); |
| | | doui.request({ |
| | | type: "jsonp", |
| | | url: gethttp() + "/admin/new/api/v1/specialcard/delete", |
| | | data: { |
| | | idArray: zu_id |
| | | }, |
| | | success: function(res) { |
| | | layer.close(loading); |
| | | if (res.code != 0) { |
| | | doui.showToast({ |
| | | content: res.msg |
| | | }); |
| | | } else { |
| | | doui.showToast({ |
| | | content: "删除成功" |
| | | }); |
| | | vm_table.search(); |
| | | } |
| | | } |
| | | }); |
| | | } |
| | | |
| | | // 修改 |
| | | else if (back.toolName == "edit") { |
| | | if (back.list.length > 1) { |
| | | doui.showToast({ |
| | | content: "一次只能操作一个" |
| | | }); |
| | | return false; |
| | | } |
| | | |
| | | // 修改弹框创建 |
| | | adminDom.editTan.creat({ |
| | | el: ".winSizeBox", |
| | | // 提交触发 |
| | | touchSubmit: function(thereData) { |
| | | // 当前操作后数据 |
| | | var item = thereData.list; |
| | | // 请求数据 |
| | | var mydata = { |
| | | placeId: item[1].key, // 标识
|
| | | name: item[2].key, // 备注说明
|
| | | startTime_str: item[4].key, // 起始时间
|
| | | endTime_str: item[5].key, // 结束时间
|
| | | id: item[7].key, // ID |
| | | };
|
| | | |
| | | if (item[3].key == 1) {
|
| | | mydata.state = 0;
|
| | | } else {
|
| | | mydata.state = 1;
|
| | | }
|
| | | |
| | | // 如果修改了图片 |
| | | if (item[0].del == true) { |
| | | mydata.delPicture = true; |
| | | } else if (item[0].change == true) { |
| | | mydata.file = item[0].key; |
| | | }
|
| | | |
| | | var loading = layer.load(0, {
|
| | | shade: false
|
| | | });
|
| | | |
| | | doui.upload({ |
| | | url: gethttp() + "/admin/new/api/v1/specialcard/save", |
| | | data: mydata, |
| | | fail: function(res) { |
| | | layer.close(loading); |
| | | doui.showToast(res.msg); |
| | | }, |
| | | success: function(res) { |
| | | |
| | | layer.close(loading); |
| | | if (res.code != 0) { |
| | | doui.showToast(res.msg); |
| | | } else { |
| | | doui.showToast("修改成功"); |
| | | adminDom.editTan.remove(); |
| | | vm_table.search(); |
| | | } |
| | | } |
| | | }); |
| | | }, |
| | | }); |
| | | adminDom.editTan.opt({ |
| | | title: "修改" |
| | | }); |
| | | adminDom.editTan.thereData({ |
| | | show: true, |
| | | list: back.list[0] |
| | | }); |
| | | } |
| | | |
| | | // 进入查看 |
| | | else if (back.toolName == "into") { |
| | | if (back.list.length > 1) { |
| | | doui.showToast({ |
| | | content: "一次只能操作一个" |
| | | }); |
| | | return false; |
| | | } |
| | | // 当前数据 |
| | | var item = back.list[0]; |
| | | // 进入子级页 |
| | | doui.pageToUrl({ |
| | | type: "replace", |
| | | url: "special_activity_inner.html", |
| | | data: { |
| | | id: item[7].key,
|
| | | backParams: quyerParams, |
| | | }, |
| | | }); |
| | | } |
| | | |
| | | } |
| | | }); |
| | |
|
| | | // 获取传递过来的id
|
| | | doui.urlParam({
|
| | | success: function(res) {
|
| | | backParams = res.backParams;
|
| | | }
|
| | | });
|
| | | |
| | | // ------------------------------------------------------------- 初始行为 |
| | | // 获取表格 |
| | | vm_table.search(); |
| | | document.body.style.display = "block"; |
| | | }, |
| | | });
|
| | | |
| | | // 切换状态
|
| | | function switchState(id) {
|
| | | var loading = layer.load(0, {
|
| | | shade: false
|
| | | });
|
| | | |
| | | doui.request({
|
| | | type: "jsonp",
|
| | | url: gethttp() + "/admin/new/api/v1/specialcard/switchStateCard",
|
| | | data: {id: id},
|
| | | success: function (res) |
| | | {
|
| | | layer.close(loading);
|
| | | if (res.code != 0) { doui.showToast(res.msg); }
|
| | | else { vm_table.search(); }
|
| | | }
|
| | | });
|
| | | } |
| | | </script> |
New file |
| | |
| | | <!DOCTYPE html>
|
| | | <html>
|
| | | <head>
|
| | | <meta charset="utf-8">
|
| | | <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
| | | <title>内容设置2级</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/versionControl.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 class="fontPC">
|
| | | <div class="winSizeBox">
|
| | |
|
| | | <!-- =============================================================== 搜索筛选(顶部) -->
|
| | | <div id="thisHeader" style="width:7.5rem;"></div>
|
| | |
|
| | | <!-- =============================================================== 表格 -->
|
| | | <div id="thisTable" class="admin-main-overHeader"></div>
|
| | |
|
| | | <!-- =============================================================== 图片更换 -->
|
| | | <div id="admin-img-tan" class="layer-dark fboxCol Xcenter Ycenter displayNone">
|
| | | <div class="admin-tan-box">
|
| | | <!-- 关闭按钮 -->
|
| | | <div class="admin-btn-arcS admin-tan-close font14" @click="closeClick()"><i class="fi fi-no font-white"></i></div>
|
| | | <!-- 标签设置标题 -->
|
| | | <div style="margin-top:10px; margin-bottom:20px;" class="fboxRow Xcenter Ycenter">
|
| | | <div class="font20 font-blue">商品图片更换</div>
|
| | | </div>
|
| | | <!-- 滚动框 -->
|
| | | <div class="flex1 scroll-y border-1px" style="width:3.5rem;">
|
| | | <div style="width:100%; height:auto;" class="fboxWrap Xstart Ystart">
|
| | |
|
| | | <!--这是一个标签的模版-->
|
| | | <div v-for="(item,index) in list" class="fboxRow Xcenter Ycenter admin-margin border-round border-5px" :style="sys.pictUrl==item?'border-color:coral;':'border-color:white;'">
|
| | | <!--标签图标-->
|
| | | <img class="admin-imgL border-round cursor-pointer" :src="item" @click="action_click(item)" />
|
| | | </div>
|
| | |
|
| | | </div>
|
| | | </div>
|
| | | <!-- 提交按钮 -->
|
| | | <div style="margin-top:20px; margin-bottom:10px;" class="fboxRow Xcenter Ycenter">
|
| | | <div class="admin-btn-roundM bg-green click-scale" @click="subClick()">确定提交</div>
|
| | | </div>
|
| | | </div>
|
| | | </div>
|
| | |
|
| | | <!-- =============================================================== 标签设置 -->
|
| | | <div id="admin-label-tan" class="layer-dark fboxCol Xcenter Ycenter displayNone">
|
| | | <div class="admin-tan-box">
|
| | | <!-- 关闭按钮 -->
|
| | | <div class="admin-btn-arcS admin-tan-close font14" @click="closeClick()"><i class="fi fi-no font-white"></i></div>
|
| | | <!-- 标签设置标题 -->
|
| | | <div style="margin-top:10px; margin-bottom:20px;" class="fboxRow Xcenter Ycenter">
|
| | | <div class="font20 font-blue">标签设置</div>
|
| | | </div>
|
| | | <!-- 滚动框 -->
|
| | | <div class="flex1 scroll-y border-1px" style="width:2rem;">
|
| | | <div style="width:100%; height:auto;" class="fboxWrap Xstart Ystart">
|
| | |
|
| | | <!--这是一个标签的模版-->
|
| | | <div v-for="(item,index) in thereData.list" class="fboxRow Xcenter Ycenter bg-yellow border-round" style="padding:10px; margin:5px;">
|
| | | <!--标签名称-->
|
| | | <div class="font-white">{{item.name}}</div>
|
| | | <!--删除按钮-->
|
| | | <div class="font-red cursor-pointer admin-marginLeft"><i class="fi fi-no" v-on:click="thereData.action_del(index)"></i></div>
|
| | | </div>
|
| | |
|
| | | <!--新添加按钮-->
|
| | | <div class="fboxRow Xcenter Ycenter bg-green border-round cursor-pointer" style="min-width:50px; padding:10px; margin:5px;"
|
| | | v-on:click="thereData.action_add()">
|
| | | <div class="font-white"><i class="fi fi-plus"></i></div>
|
| | | </div>
|
| | |
|
| | | </div>
|
| | | </div>
|
| | | <!-- 提交按钮 -->
|
| | | <div style="margin-top:20px; margin-bottom:10px;" class="fboxRow Xcenter Ycenter">
|
| | | <div class="admin-btn-roundM bg-green click-scale" @click="subClick()">确定提交</div>
|
| | | </div>
|
| | |
|
| | | <!-- 全部标签弹框 -->
|
| | | <div v-if="all.show" class="admin-tan-box" style="position:absolute; top:0; left:110%;">
|
| | | <!-- 关闭按钮 -->
|
| | | <div class="admin-btn-arcS admin-tan-close font14" @click="all.action_del()"><i class="fi fi-no font-white"></i></div>
|
| | | <!-- 输入搜索 -->
|
| | | <div style="margin-top:10px; margin-bottom:20px;" class="fboxRow Xcenter Ycenter">
|
| | | <div class="inputShell admin-opt-input"><input type="text" placeholder="标签名称" v-model="all.key" /></div>
|
| | | <div class="admin-btn-roundM bg-blue admin-marginLeft" @click="all.page=1; all.list=[]; all.request()">搜索</div>
|
| | | </div>
|
| | | <!-- 滚动框 -->
|
| | | <div class="flex1 scroll-y border-1px" style="width:2rem;">
|
| | | <div style="width:100%; height:auto;" class="fboxWrap Xstart Ystart">
|
| | |
|
| | | <!--这是一个标签的模版-->
|
| | | <div v-for="(item,index) in all.list" class="fboxRow Xcenter Ycenter border-round cursor-pointer" :class="item.check==true?'bg-yellow':'bg-gray'"
|
| | | style="padding:10px; margin:5px;" @click="all.action_click(item)">
|
| | | <!--标签名称-->
|
| | | <div class="font-white">{{item.name}}</div>
|
| | | </div>
|
| | |
|
| | | </div>
|
| | | </div>
|
| | | <!-- 提交按钮 -->
|
| | | <div style="margin-top:20px; margin-bottom:10px;" class="fboxRow Xcenter Ycenter">
|
| | | <div class="admin-btn-roundM bg-green click-scale" @click="all.action_left()">
|
| | | <div><i class="fi fi-left-long"></i></div>
|
| | | <div class="admin-marginLeft">添加</div>
|
| | | </div>
|
| | | </div>
|
| | | </div>
|
| | | </div>
|
| | | </div>
|
| | | </div>
|
| | | </body>
|
| | | </html>
|
| | |
|
| | | <script>
|
| | | </script>
|
| | |
|
| | | <script type="text/javascript">
|
| | | // ==================================================================================== 页面数据
|
| | | // 模块内容id
|
| | | var layoutId = null;
|
| | | var backParams = null;
|
| | | function getVersions(id) {
|
| | | // 平台版本获取
|
| | | doui.request({
|
| | | type: "jsonp",
|
| | | url: gethttp() + "/admin/new/api/v1/specialcard/getVersions",
|
| | | data: {
|
| | | id: id
|
| | | },
|
| | | async: false,
|
| | | success: function(res) {
|
| | | if (res.code != 0) {
|
| | | doui.showToast(res.msg);
|
| | | } else {
|
| | | versionControl.setVersions(id, res.data, function(ids) {
|
| | | doui.request({
|
| | | type: "jsonp",
|
| | | url: gethttp() + "/admin/new/api/v1/specialcard/setVersions",
|
| | | data: {
|
| | | id: id,
|
| | | versions: JSON.stringify(ids)
|
| | | },
|
| | | async: false,
|
| | | success: function(res) {
|
| | | if (res.code == 0) {
|
| | | layer.msg("设置成功");
|
| | | } else {
|
| | | layer.msg(res.msg);
|
| | | }
|
| | | }
|
| | | });
|
| | | });
|
| | | }
|
| | | }
|
| | | });
|
| | | }
|
| | | // doui准备完毕
|
| | | doui.onReady({
|
| | | success: function() {
|
| | |
|
| | | // ----------------------------------------------------- 顶部
|
| | | // 生成顶部筛选项dom
|
| | | adminDom.header.creat({
|
| | | el: "#thisHeader"
|
| | | });
|
| | | // 返回按钮
|
| | | adminDom.header.back({
|
| | | show: true,
|
| | | value: "返回",
|
| | | touch: function() {
|
| | | // 进入子级页
|
| | | doui.pageToUrl({
|
| | | type: "replace",
|
| | | url: "special_activity.html",
|
| | | data: {
|
| | | backParams:backParams,
|
| | | },
|
| | | });
|
| | | },
|
| | | });
|
| | | // 输入搜索
|
| | | adminDom.header.select({
|
| | | show: true,
|
| | | list: [{
|
| | | key: 120,
|
| | | value: "所有"
|
| | | }, {
|
| | | key: 0,
|
| | | value: "通用"
|
| | | }, {
|
| | | key: 2,
|
| | | value: "男"
|
| | | }, {
|
| | | key: 1,
|
| | | value: "女"
|
| | | }]
|
| | | });
|
| | | adminDom.header.input({
|
| | | placeholder: "名称",
|
| | | });
|
| | |
|
| | | // 筛选项
|
| | | adminDom.header.screen({
|
| | | show: false,
|
| | | });
|
| | |
|
| | |
|
| | |
|
| | |
|
| | | var androidVersions = {};
|
| | | var iosVersions = {};
|
| | | // ----------------------------------------------------- 表格
|
| | | // 表格dom创建
|
| | | adminDom.table.creat({
|
| | | el: "#thisTable",
|
| | | // 搜索触发
|
| | | touchSearch: function(optC) {
|
| | | var loading = layer.load(0, {
|
| | | shade: false
|
| | | });
|
| | | var data = {
|
| | | pageIndex: optC.table.page, // 页码
|
| | | pageSize: optC.table.pageSize, // 每页数量
|
| | | key: optC.input[0].result, // 搜索关键字
|
| | | cardId: layoutId, // 外层id
|
| | | sex: $("select").eq(0).val() == undefined ? 120 : $("select").eq(0).val()
|
| | | };
|
| | |
|
| | | var platform = versionControl.getPlatform();
|
| | | var version = versionControl.getVersion();
|
| | | if (platform != null)
|
| | | data.platform = platform;
|
| | | if (version != null)
|
| | | data.version = version;
|
| | |
|
| | | doui.request({
|
| | | type: "jsonp",
|
| | | url: gethttp() + "/admin/new/api/v1/specialcard/querySpecial",
|
| | | data: data,
|
| | | success: function(res) {
|
| | | layer.close(loading);
|
| | | if (res.code != 0) {
|
| | | doui.showToast({
|
| | | content: res.msg
|
| | | });
|
| | | } else {
|
| | | // 申明 表格内容数据
|
| | | var mo_tr = []; // tr组
|
| | | for (var i = 0, mo = res.data.result_list; i < mo.length; i++) {
|
| | | // 当前行
|
| | | var thatTr = {
|
| | | check: false,
|
| | | td: [
|
| | | {
|
| | | title: "图片",
|
| | | key: mo[i].picture,
|
| | | value: mo[i].picture,
|
| | | dataType: "img"
|
| | | },
|
| | | {
|
| | | title: "副图片",
|
| | | key: mo[i].subPicture,
|
| | | value: mo[i].subPicture,
|
| | | dataType: "img"
|
| | | },
|
| | | {
|
| | | title: "装饰图片",
|
| | | key: mo[i].icon,
|
| | | value: mo[i].icon,
|
| | | dataType: "img"
|
| | | },
|
| | | {
|
| | | title: "名称",
|
| | | key: mo[i].name,
|
| | | value: mo[i].name
|
| | | },
|
| | | {
|
| | | title: "查询版本",
|
| | | key: mo[i].id,
|
| | | value: "查询版本",
|
| | | click: "getVersions('" + mo[i].id + "')",
|
| | | dataType: "btn"
|
| | | },
|
| | | {
|
| | | title: "启用状态",
|
| | | key: mo[i].state,
|
| | | value: mo[i].state,
|
| | | dataType: 'btnSwitch',
|
| | | click: "switchState(" + mo[i].id + ")"
|
| | | },
|
| | | {
|
| | | title: "起始时间",
|
| | | key: mo[i].startTime_str,
|
| | | value: mo[i].startTime_str
|
| | | },
|
| | | {
|
| | | title: "结束时间",
|
| | | key: mo[i].endTime_str,
|
| | | value: mo[i].endTime_str
|
| | | },
|
| | | {
|
| | | title: "性别",
|
| | | key: mo[i].sex,
|
| | | value: mo[i].sex
|
| | | },
|
| | | {
|
| | | title: "跳转方式",
|
| | | key: mo[i].jumpDetail.type,
|
| | | value: mo[i].jumpDetail.name
|
| | | },
|
| | | {
|
| | | title: "跳转参数",
|
| | | key: mo[i].params,
|
| | | value: mo[i].params,
|
| | | "class": "font-gray"
|
| | | },
|
| | | {
|
| | | title: "跳转需要登录",
|
| | | key: mo[i].jumpLogin,
|
| | | value: mo[i].jumpLogin ? "需要" : "不需要"
|
| | | },
|
| | | {
|
| | | title: "备注",
|
| | | key: mo[i].remark,
|
| | | value: mo[i].remark,
|
| | | "class": "font-gray"
|
| | | },
|
| | | {
|
| | | title: "ID",
|
| | | key: mo[i].id,
|
| | | value: mo[i].id
|
| | | },
|
| | | {
|
| | | title: "是否转链",
|
| | | key: mo[i].needSpin,
|
| | | value: mo[i].needSpin ? "是" : "否"
|
| | | },
|
| | | {
|
| | | title: "评论语",
|
| | | key: mo[i].comment,
|
| | | value: mo[i].comment,
|
| | | "class": "font-gray"
|
| | | },
|
| | | ],
|
| | | };
|
| | | |
| | | // 图片分析
|
| | | if (!thatTr.td[0].key || thatTr.td[2].key == "") {
|
| | | thatTr.td[0].value = "未设置";
|
| | | thatTr.td[0]["class"] = "font-gray";
|
| | | thatTr.td[0]["dataType"] = "";
|
| | | }
|
| | | // 副图片分析
|
| | | if (!thatTr.td[1].key || thatTr.td[1].key == "") {
|
| | | thatTr.td[1].value = "未设置";
|
| | | thatTr.td[1]["class"] = "font-gray";
|
| | | thatTr.td[1]["dataType"] = "";
|
| | | }
|
| | | // 装饰图片分析
|
| | | if (!thatTr.td[2].key || thatTr.td[2].key == "") {
|
| | | thatTr.td[2].value = "未设置";
|
| | | thatTr.td[2]["class"] = "font-gray";
|
| | | thatTr.td[2]["dataType"] = "";
|
| | | }
|
| | | |
| | | //性别分析
|
| | | var index_sex = 8;
|
| | | if (thatTr.td[index_sex].key == 0) {
|
| | | thatTr.td[index_sex].value = "通用";
|
| | | } else if (thatTr.td[index_sex].key == 1) {
|
| | | thatTr.td[index_sex].value = "女";
|
| | | } else if (thatTr.td[index_sex].key == 2) {
|
| | | thatTr.td[index_sex].value = "男";
|
| | | } else if (thatTr.td[index_sex].key == 120) {
|
| | | thatTr.td[index_sex].value = "所有";
|
| | | } else if (thatTr.td[index_sex].key == 12) {
|
| | | thatTr.td[index_sex].value = "男+女";
|
| | | } else if (thatTr.td[index_sex].key == 10) {
|
| | | thatTr.td[index_sex].value = "通用+女";
|
| | | } else if (thatTr.td[index_sex].key == 20) {
|
| | | thatTr.td[index_sex].value = "通用+男";
|
| | | }
|
| | |
|
| | | // 跳转参数
|
| | | if (typeof(thatTr.td[10].key) == "object") {
|
| | | thatTr.td[10].value = JSON.stringify(thatTr.td[10].key);
|
| | | thatTr.td[10].key = JSON.stringify(thatTr.td[10].key);
|
| | | }
|
| | |
|
| | |
|
| | | if (thatTr.td[11].key == true) {
|
| | | thatTr.td[11].value = "需要";
|
| | | } else {
|
| | | thatTr.td[11].value = "不需要";
|
| | | }
|
| | |
|
| | | // 将当前行放入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.6rem",
|
| | | orderUp: "",
|
| | | orderDown: "",
|
| | | edit: {
|
| | | type: "file",
|
| | | },
|
| | | },
|
| | | {
|
| | | title: "副图片",
|
| | | width: "0.6rem",
|
| | | orderUp: "",
|
| | | orderDown: "",
|
| | | edit: {
|
| | | type: "file",
|
| | | },
|
| | | },
|
| | | {
|
| | | title: "装饰图片",
|
| | | width: "0.6rem",
|
| | | orderUp: "",
|
| | | orderDown: "",
|
| | | edit: {
|
| | | type: "file",
|
| | | },
|
| | | },
|
| | | {
|
| | | title: "名称",
|
| | | width: "0.7rem",
|
| | | orderUp: "",
|
| | | orderDown: "",
|
| | | edit: {
|
| | | type: "text",
|
| | | placeholder: '如:9.9包邮',
|
| | | },
|
| | | },
|
| | | {
|
| | | title: "版本选择",
|
| | | width: "0.4rem",
|
| | | orderUp: "",
|
| | | orderDown: ""
|
| | | },
|
| | | {
|
| | | title: "启用状态",
|
| | | width: "0.4rem",
|
| | | orderUp: "",
|
| | | orderDown: "",
|
| | | edit: {
|
| | | type: "switch",
|
| | | },
|
| | | },
|
| | | {
|
| | | title: "起始时间",
|
| | | width: "0.6rem",
|
| | | orderUp: "",
|
| | | orderDown: "",
|
| | | edit: {
|
| | | type: "datetime-local"
|
| | | },
|
| | | },
|
| | | {
|
| | | title: "结束时间",
|
| | | width: "0.6rem",
|
| | | orderUp: "",
|
| | | orderDown: "",
|
| | | edit: {
|
| | | type: "datetime-local"
|
| | | },
|
| | | },
|
| | | {
|
| | | title: "性别",
|
| | | width: "0.4rem",
|
| | | orderUp: "",
|
| | | orderDown: "",
|
| | | edit: {
|
| | | type: "select",
|
| | | placeholder: '',
|
| | | list: []
|
| | | },
|
| | | },
|
| | | {
|
| | | title: "跳转方式",
|
| | | width: "0.6rem",
|
| | | orderUp: "",
|
| | | orderDown: "",
|
| | | edit: {
|
| | | type: "select",
|
| | | list: [],
|
| | | },
|
| | | },
|
| | | {
|
| | | title: "跳转参数",
|
| | | width: "0.8rem",
|
| | | orderUp: "",
|
| | | orderDown: "",
|
| | | edit: {
|
| | | type: "textarea",
|
| | | placeholder: '如:{"url":"http://www.baidu.com","name":"百度跳转"}',
|
| | | },
|
| | | },
|
| | | {
|
| | | title: "跳转需要登录",
|
| | | width: "0.6rem",
|
| | | orderUp: "",
|
| | | orderDown: "",
|
| | | edit: {
|
| | | type: "switch",
|
| | | },
|
| | | },
|
| | | {
|
| | | title: "备注",
|
| | | width: "0.6rem",
|
| | | orderUp: "",
|
| | | orderDown: "",
|
| | | edit: {
|
| | | type: "textarea"
|
| | | },
|
| | | },
|
| | | {
|
| | | title: "ID",
|
| | | width: "0.4rem",
|
| | | orderUp: "",
|
| | | orderDown: ""
|
| | | },
|
| | | |
| | | {
|
| | | title: "评论是否转链",
|
| | | width: "0.4rem",
|
| | | orderUp: "",
|
| | | orderDown: "",
|
| | | edit: {
|
| | | type: "switch",
|
| | | },
|
| | | },
|
| | | {
|
| | | title: "评论内容",
|
| | | width: "0.6rem",
|
| | | orderUp: "",
|
| | | orderDown: "",
|
| | | edit: {
|
| | | type: "textarea"
|
| | | },
|
| | | },
|
| | | ]
|
| | | });
|
| | | |
| | | // 跳转方式获取
|
| | | doui.request({
|
| | | type: "jsonp",
|
| | | url: gethttp() + "/admin/new/api/v1/jumpDetail/getJumpOption",
|
| | | success: function(res) {
|
| | | if (res.code != 0) {
|
| | | doui.showToast(res.msg);
|
| | | } else {
|
| | | // 循环所有跳转方式
|
| | | var listC = new Array();
|
| | | for (var i = 0, mo = res.data.result_list; i < mo.length; i++) {
|
| | | var jiedian = {
|
| | | key: mo[i].type,
|
| | | value: mo[i].name
|
| | | };
|
| | | listC.push(jiedian);
|
| | | }
|
| | | // 重置表格头排
|
| | | vm_table.thead.th[9].edit.list = listC;
|
| | | }
|
| | | }
|
| | | });
|
| | |
|
| | | //设置性别选项
|
| | | var sexData = [{
|
| | | key: 120,
|
| | | value: '所有'
|
| | | }, {
|
| | | key: 0,
|
| | | value: '通用'
|
| | | }, {
|
| | | key: 1,
|
| | | value: '女'
|
| | | }, {
|
| | | key: 2,
|
| | | value: '男'
|
| | | }, {
|
| | | key: 12,
|
| | | value: '男+女'
|
| | | }, {
|
| | | key: 10,
|
| | | value: '女+通用'
|
| | | }, {
|
| | | key: 20,
|
| | | value: '男+通用'
|
| | | }];
|
| | | vm_table.thead.th[8].edit.list = sexData;
|
| | |
|
| | |
|
| | | // 工具栏
|
| | | adminDom.table.tools({
|
| | | show: true,
|
| | | list: [{
|
| | | "title": "新建",
|
| | | "name": "add",
|
| | | "icon": "fi fi-plus"
|
| | | },
|
| | | {
|
| | | "title": "删除",
|
| | | "name": "del",
|
| | | "icon": "fi fi-trash"
|
| | | },
|
| | | {
|
| | | "title": "修改",
|
| | | "name": "edit",
|
| | | "icon": "fi fi-edit-box"
|
| | | },
|
| | | {
|
| | | "title": "上移",
|
| | | "name": "moveUp",
|
| | | "icon": "fi fi-up-point"
|
| | | },
|
| | | {
|
| | | "title": "下移",
|
| | | "name": "moveDown",
|
| | | "icon": "fi fi-down-point"
|
| | | },
|
| | | {
|
| | | "title": "贴上标签",
|
| | | "name": "biaoQian",
|
| | | "icon": "admin adminbiaoqian"
|
| | | },
|
| | | ],
|
| | | touch: function(back) {
|
| | | // 新建
|
| | | if (back.toolName == "add") {
|
| | | // 修改弹框创建
|
| | | adminDom.editTan.creat({
|
| | | el: ".winSizeBox",
|
| | | touchSubmit: function(thereData) {
|
| | | // 当前数据
|
| | | var item = thereData.list;
|
| | | // 请求数据
|
| | | var mydata = {
|
| | | cardId: layoutId, // 外层id
|
| | | name: item[3].key, // 名称
|
| | | startTime_str: item[6].key, // 起始时间
|
| | | endTime_str: item[7].key, // 结束时间
|
| | | sex: item[8].key,
|
| | | jumpType: item[9].key, // 跳转方式
|
| | | params: item[10].key, // 跳转参数
|
| | | jumpLogin: item[11].key, // 是否需要登录
|
| | | remark: item[12].key, // 备注
|
| | | needSpin: item[14].key, // 是否转链
|
| | | comment: item[15].key, // 评论语
|
| | | };
|
| | |
|
| | | // 启用状态
|
| | | if (item[5].key == 1) {
|
| | | mydata.state = 0;
|
| | | } else {
|
| | | mydata.state = 1;
|
| | | }
|
| | |
|
| | | // 如果修改了图片 |
| | | if (item[0].change == true) {
|
| | | mydata.file = item[0].key;
|
| | | }
|
| | | // 如果修改了副图片 |
| | | if (item[1].change == true) {
|
| | | mydata.file2 = item[1].key;
|
| | | }
|
| | | // 如果修改了副图片 |
| | | if (item[2].change == true) {
|
| | | mydata.file3 = item[2].key;
|
| | | }
|
| | | var loading = layer.load(0, {
|
| | | shade: false
|
| | | });
|
| | | doui.upload({
|
| | | url: gethttp() + "/admin/new/api/v1/specialcard/saveSpecial",
|
| | | data: mydata,
|
| | | success: function(res) {
|
| | | layer.close(loading);
|
| | | if (res.code != 0) {
|
| | | doui.showToast(res.msg);
|
| | | } else {
|
| | | doui.showToast("新建成功");
|
| | | adminDom.editTan.remove();
|
| | | vm_table.search();
|
| | | }
|
| | | }
|
| | | });
|
| | | },
|
| | | });
|
| | | adminDom.editTan.opt({
|
| | | title: "新建"
|
| | | });
|
| | | adminDom.editTan.thereData({
|
| | | show: false,
|
| | | });
|
| | | }
|
| | |
|
| | | // 删除
|
| | | else if (back.toolName == "del") {
|
| | | // 被选中的行id组构建
|
| | | var zu_id = new Array();
|
| | | for (var i = 0, mo = back.list; i < mo.length; i++) {
|
| | | zu_id.push(mo[i][13].key);
|
| | | }
|
| | | var loading = layer.load(0, {
|
| | | shade: false
|
| | | });
|
| | | doui.request({
|
| | | type: "jsonp",
|
| | | url: gethttp() + "/admin/new/api/v1/specialcard/deleteSpecial",
|
| | | data: {
|
| | | idArray: zu_id
|
| | | },
|
| | | success: function(res) {
|
| | | layer.close(loading);
|
| | | if (res.code != 0) {
|
| | | doui.showToast(res.msg);
|
| | | } else {
|
| | | doui.showToast("删除成功");
|
| | | vm_table.search();
|
| | | }
|
| | | }
|
| | | });
|
| | | }
|
| | |
|
| | | // 修改列表
|
| | | else if (back.toolName == "edit") {
|
| | | if (back.list.length > 1) {
|
| | | doui.showToast({
|
| | | content: "一次只能操作一个"
|
| | | });
|
| | | return false;
|
| | | }
|
| | |
|
| | | // 修改弹框创建
|
| | | adminDom.editTan.creat({
|
| | | el: ".winSizeBox",
|
| | | touchSubmit: function(thereData) {
|
| | | // 当前数据
|
| | | var item = thereData.list;
|
| | | // 请求数据
|
| | | var mydata = {
|
| | | cardId: layoutId, // 外层id
|
| | | name: item[3].key, // 名称
|
| | | state: item[5].key, // 启用状态
|
| | | startTime_str: item[6].key, // 起始时间
|
| | | endTime_str: item[7].key, // 结束时间
|
| | | sex: item[8].key,
|
| | | jumpType: item[9].key, // 跳转方式
|
| | | params: item[10].key, // 跳转参数
|
| | | jumpLogin: item[11].key, // 是否需要登录
|
| | | remark: item[12].key, // 备注
|
| | | id: item[13].key, // ID
|
| | | needSpin: item[14].key, // 是否转链
|
| | | comment: item[15].key, // 评论语
|
| | | };
|
| | | |
| | | // 启用状态
|
| | | if (item[5].key == 1) {
|
| | | mydata.state = 0;
|
| | | } else {
|
| | | mydata.state = 1;
|
| | | }
|
| | | // 如果修改了图片
|
| | | if (item[0].del == true) {
|
| | | mydata.delPicture = true;
|
| | | } else if (item[0].change == true) {
|
| | | mydata.file = item[0].key;
|
| | | }
|
| | | // 如果修改了副图片 |
| | | if (item[1].del == true) {
|
| | | mydata.delSubPicture = true;
|
| | | } else if (item[1].change == true) {
|
| | | mydata.file2 = item[1].key;
|
| | | }
|
| | | // 如果修改了装饰图片 |
| | | if (item[2].del == true) {
|
| | | mydata.delIcon = true;
|
| | | } else if (item[2].change == true) {
|
| | | mydata.file3 = item[2].key;
|
| | | }
|
| | | // 信息上传
|
| | | var loading = layer.load(0, {
|
| | | shade: false
|
| | | });
|
| | | doui.upload({
|
| | | url: gethttp() + "/admin/new/api/v1/specialcard/saveSpecial",
|
| | | data: mydata,
|
| | | success: function(res) {
|
| | | layer.close(loading);
|
| | | if (res.code != 0) {
|
| | | doui.showToast(res.msg);
|
| | | } else {
|
| | | doui.showToast("修改成功");
|
| | | adminDom.editTan.remove();
|
| | | vm_table.search();
|
| | | }
|
| | | }
|
| | | });
|
| | | },
|
| | | });
|
| | | adminDom.editTan.opt({
|
| | | title: "修改"
|
| | | });
|
| | | adminDom.editTan.thereData({
|
| | | show: true,
|
| | | list: back.list[0]
|
| | | });
|
| | | }
|
| | |
|
| | | // 贴上标签
|
| | | else if (back.toolName == "biaoQian") {
|
| | | // 被选中的行id组构建
|
| | | var zu_id = new Array();
|
| | | for (var i = 0, mo = back.list; i < mo.length; i++) {
|
| | | zu_id.push(mo[i][13].key);
|
| | | }
|
| | | sys_id = zu_id;
|
| | | // 显示弹框
|
| | | doui.domShow({
|
| | | el: "#admin-label-tan",
|
| | | animat: false,
|
| | | success: function() {
|
| | | vm_labelTan.thereData.request(zu_id);
|
| | | }
|
| | | });
|
| | | }
|
| | |
|
| | | // 上移
|
| | | else if (back.toolName == "moveUp") {
|
| | | if (back.list.length > 1) {
|
| | | doui.showToast({
|
| | | content: "一次只能操作一个"
|
| | | });
|
| | | return false;
|
| | | }
|
| | | // 当前数据
|
| | | var item = back.list[0];
|
| | | var loading = layer.load(0, {
|
| | | shade: false
|
| | | });
|
| | | doui.request({
|
| | | type: "jsonp",
|
| | | url: gethttp() + "/admin/new/api/v1/specialcard/saveSpecialOrder",
|
| | | data: {
|
| | | id: item[13].key,
|
| | | moveType: "-1",
|
| | | sex: $("select").eq(0).val(),
|
| | | },
|
| | | success: function(res) {
|
| | | layer.close(loading);
|
| | | if (res.code != 0) {
|
| | | doui.showToast(res.msg);
|
| | | } else {
|
| | | // 获取当前行顺序
|
| | | var thisIndex = null;
|
| | | for (var i = 0, mo = vm_table.tbody.tr; i < mo.length; i++) {
|
| | | if (mo[i].td[13].key == item[13].key) {
|
| | | thisIndex = i;
|
| | | break;
|
| | | }
|
| | | }
|
| | | // 直接更换顺序
|
| | | upRecord(vm_table.tbody.tr, thisIndex);
|
| | | }
|
| | | }
|
| | | });
|
| | | }
|
| | |
|
| | | // 下移
|
| | | else if (back.toolName == "moveDown") {
|
| | | if (back.list.length > 1) {
|
| | | doui.showToast({
|
| | | content: "一次只能操作一个"
|
| | | });
|
| | | return false;
|
| | | }
|
| | | // 当前数据
|
| | | var item = back.list[0];
|
| | | var loading = layer.load(0, {
|
| | | shade: false
|
| | | });
|
| | | doui.request({
|
| | | type: "jsonp",
|
| | | url: gethttp() + "/admin/new/api/v1/specialcard/saveSpecialOrder",
|
| | | data: {
|
| | | id: item[13].key,
|
| | | moveType: "1",
|
| | | sex: $("select").eq(0).val(),
|
| | | },
|
| | | success: function(res) {
|
| | | layer.close(loading);
|
| | | if (res.code != 0) {
|
| | | doui.showToast(res.msg);
|
| | | } else {
|
| | | // 获取当前行顺序
|
| | | var thisIndex = null;
|
| | | for (var i = 0, mo = vm_table.tbody.tr; i < mo.length; i++) {
|
| | | if (mo[i].td[13].key == item[13].key) {
|
| | | thisIndex = i;
|
| | | break;
|
| | | }
|
| | | }
|
| | | // 直接更换顺序
|
| | | downRecord(vm_table.tbody.tr, thisIndex);
|
| | | }
|
| | | }
|
| | | });
|
| | | }
|
| | |
|
| | | }
|
| | | });
|
| | |
|
| | |
|
| | |
|
| | | // --------------------------------------------------------- 标签设置
|
| | | // vue实例化
|
| | | vm_labelTan = new Vue({
|
| | | el: "#admin-label-tan",
|
| | | data: {
|
| | | // 当前需要初始展示的标签
|
| | | thereData: {
|
| | | // 已经存在的数据列表
|
| | | list: [],
|
| | | // 查询项
|
| | | ids: [],
|
| | | page: 1,
|
| | | pageSize: 100,
|
| | | // 请求数据
|
| | | request: function(idsC) {
|
| | | if (idsC.length != 1) {
|
| | | doui.showToast("注意:操作多个时,会将已存在标签替换")
|
| | | } else {
|
| | | if (idsC) {
|
| | | vm_labelTan.thereData.ids = idsC;
|
| | | }
|
| | | var loading = layer.load(0, {
|
| | | shade: false
|
| | | });
|
| | | doui.request({
|
| | | type: "jsonp",
|
| | | url: gethttp() + "/admin/new/api/v1//specialLabel/getBySpecialId",
|
| | | data: {
|
| | | specialId: idsC[0],
|
| | | },
|
| | | success: function(res) {
|
| | | layer.close(loading);
|
| | | if (res.code != 0) {
|
| | | doui.showToast(res.msg);
|
| | | } else {
|
| | | vm_labelTan.thereData.list = vm_labelTan.thereData.list.concat(res.data.result_list);
|
| | | }
|
| | | }
|
| | | });
|
| | | }
|
| | | },
|
| | | // 标签上的 叉叉 点击
|
| | | action_del: function(indexC) {
|
| | | vm_labelTan.thereData.list.splice(indexC, 1);
|
| | | },
|
| | | // 新添加 点击
|
| | | action_add: function() {
|
| | | vm_labelTan.all.show = true;
|
| | | vm_labelTan.all.request(vm_labelTan.thereData.ids);
|
| | | },
|
| | | },
|
| | | // 标签总列表
|
| | | all: {
|
| | | show: false, // 是否显示
|
| | | list: [], // 已经存在的数据列表
|
| | | // 查询项
|
| | | ids: [],
|
| | | key: "",
|
| | | page: 1,
|
| | | pageSize: 100,
|
| | | // 请求数据
|
| | | request: function(idsC) {
|
| | | vm_labelTan.all.list = [];
|
| | |
|
| | | if (idsC) {
|
| | | vm_labelTan.all.ids = idsC;
|
| | | }
|
| | | var loading = layer.load(0, {
|
| | | shade: false
|
| | | });
|
| | | doui.request({
|
| | | type: "jsonp",
|
| | | url: gethttp() + "/admin/new/api/v1/specialLabel/query",
|
| | | data: {
|
| | | ids: vm_labelTan.all.ids,
|
| | | state: 1,
|
| | | key: vm_labelTan.all.key,
|
| | | pageIndex: vm_labelTan.all.page,
|
| | | pageSize: vm_labelTan.all.pageSize,
|
| | | },
|
| | | success: function(res) {
|
| | | layer.close(loading);
|
| | | if (res.code != 0) {
|
| | | doui.showToast(res.msg);
|
| | | } else {
|
| | | for (var i = 0, mo = res.data.result_list; i < mo.length; i++) {
|
| | | var add = true;
|
| | | for (var j = 0, mt = vm_labelTan.thereData.list; j < mt.length; j++) {
|
| | | if (mo[i].id == mt[j].id) {
|
| | | add = false;
|
| | | break;
|
| | | }
|
| | | }
|
| | |
|
| | | if (add) {
|
| | | mo[i]["check"] = false;
|
| | | vm_labelTan.all.list.push(mo[i]);
|
| | | }
|
| | | }
|
| | | }
|
| | | }
|
| | | });
|
| | | },
|
| | | // 标签上的 叉叉 点击
|
| | | action_del: function() {
|
| | | vm_labelTan.all.key = "";
|
| | | vm_labelTan.all.page = 1;
|
| | | vm_labelTan.all.pageSize = 100;
|
| | | vm_labelTan.all.list = new Array();
|
| | | vm_labelTan.all.show = false;
|
| | | },
|
| | | // 标签 点击
|
| | | action_click: function(item) {
|
| | | if (typeof(item.check) == "boolean") {
|
| | | item.check = !item.check;
|
| | | } else {
|
| | | item["check"] = true;
|
| | | }
|
| | | },
|
| | | // 确定添加
|
| | | action_left: function() {
|
| | | // 循环所有标签
|
| | | for (var i = 0, mo = vm_labelTan.all.list; i < mo.length; i++) {
|
| | | // 找到被选中的
|
| | | if (mo[i].check == true) {
|
| | | // 修饰一下放入thereData.list中
|
| | | var jiedian = mo[i];
|
| | | vm_labelTan.thereData.list.push(jiedian);
|
| | | }
|
| | | }
|
| | | // 关闭当前
|
| | | vm_labelTan.all.show = false;
|
| | | }
|
| | | },
|
| | | },
|
| | | methods: {
|
| | | // 关闭按钮 点击
|
| | | closeClick: function() {
|
| | | vm_labelTan.thereData.ids = new Array();
|
| | | vm_labelTan.thereData.page = 1;
|
| | | vm_labelTan.thereData.pageSize = 100;
|
| | | vm_labelTan.thereData.list = new Array();
|
| | | vm_labelTan.all.show = false;
|
| | | vm_labelTan.all.key = "";
|
| | | vm_labelTan.all.page = 1;
|
| | | doui.domHide({
|
| | | el: "#admin-label-tan",
|
| | | animat: false,
|
| | | });
|
| | | },
|
| | | // 确定提交 点击
|
| | | subClick: function() {
|
| | | // 当前最终数据
|
| | | var result = vm_labelTan.thereData.list;
|
| | | // 获取标签ID组
|
| | | var BQ_id = new Array();
|
| | | for (var i = 0, mo = result; i < mo.length; i++) {
|
| | | BQ_id.push(mo[i].id);
|
| | | }
|
| | | var loading = layer.load(0, {
|
| | | shade: false
|
| | | });
|
| | | doui.request({
|
| | | type: "jsonp",
|
| | | url: gethttp() + "/admin/new/api/v1/specialLabel/batchGoodsAddLables",
|
| | | data: {
|
| | | ids: sys_id,
|
| | | labIds: BQ_id,
|
| | | },
|
| | | success: function(res) {
|
| | | layer.close(loading);
|
| | | if (res.code != 0) {
|
| | | doui.showToast(res.msg);
|
| | | } else {
|
| | | doui.showToast("处理成功");
|
| | | vm_labelTan.closeClick();
|
| | | vm_table.search();
|
| | | }
|
| | | }
|
| | | });
|
| | | }
|
| | | },
|
| | | });
|
| | |
|
| | |
|
| | | // ----------------------------------------------------- 初始操作
|
| | | // 获取传递过来的id
|
| | | doui.urlParam({
|
| | | success: function(res) {
|
| | | layoutId = res.id;
|
| | | backParams = res.backParams;
|
| | | }
|
| | | });
|
| | | // 模拟搜索点击
|
| | | vm_table.search();
|
| | | setTimeout(function() {
|
| | | $("#admin-header").find("select").eq(0).after("<div class='fboxRow Ycenter' id='versionControl'></div>");
|
| | | versionControl.init($("#versionControl"));
|
| | | }, 100);
|
| | | }
|
| | | });
|
| | | |
| | | // 切换状态
|
| | | function switchState(id) {
|
| | | var loading = layer.load(0, {
|
| | | shade: false
|
| | | });
|
| | | |
| | | doui.request({
|
| | | type: "jsonp",
|
| | | url: gethttp() + "/admin/new/api/v1/specialcard/switchState",
|
| | | data: {id: id},
|
| | | success: function (res) |
| | | {
|
| | | layer.close(loading);
|
| | | if (res.code != 0) { doui.showToast(res.msg); }
|
| | | else { vm_table.search(); }
|
| | | }
|
| | | });
|
| | | }
|
| | | </script> |
| | |
| | | },
|
| | | {
|
| | | "value": "活动",
|
| | | "href": "childPath/looks/swiper_noback.html?id=46",
|
| | | "href": "childPath/looks/special_activity.html",
|
| | | "child": []
|
| | | },
|
| | | {
|