| | |
| | | <!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"/> |
| | | <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="../../css/doui.min.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 type="text/javascript"> |
| | |
| | | }); |
| | | </script> |
| | | </head> |
| | | |
| | | |
| | | <body class="fontPC" style="display:none;"> |
| | | <div class="winSizeBox"> |
| | | |
| | | |
| | | <!-- =============================================================== 搜索筛选(顶部) --> |
| | | <div id="thisHeader" style="width:7.5rem;"></div> |
| | | |
| | | |
| | | <!-- =============================================================== 表格 --> |
| | | <div id="thisTable" class="admin-main-overHeader"></div> |
| | | |
| | | <!-- =============================================================== 文件上传 弹框 --> |
| | | <div v-show="fileWork.show" id="fileUpload" class="layer-dark fboxRow Xcenter Ycenter"> |
| | | <div class="admin-tan-box" style="height:auto;"> |
| | | <!-- 关闭按钮 --> |
| | | <div class="admin-btn-arcS admin-tan-close" @click="fileWork.action_close()"><i class="fi fi-no"></i></div> |
| | | <!-- 标题 --> |
| | | <div class="fboxRow Xcenter Ycenter admin-margin"><div class="font18 font-blue">文件上传</div></div> |
| | | <!-- 文件选择 --> |
| | | <div class="fboxRow Xcenter Ycenter admin-margin"> |
| | | <div class="font-cyan">维权订单表格:</div> |
| | | <div class="inputShell border-1px border-round" style="width:1.2rem;"> |
| | | <input id="myimg" type="file" accept="application/vnd.ms-excel" @change="fileWork.action_change()"/> |
| | | </div> |
| | | </div> |
| | | <!-- 提交 按钮 --> |
| | | <div class="fboxRow Xcenter Ycenter admin-margin"> |
| | | <div class="admin-btn-roundL bg-green click-scale" @click="fileWork.action_sub()">确定上传</div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | </div> |
| | | </body> |
| | | |
| | | |
| | | </html> |
| | | |
| | | |
| | | <script type="text/javascript"> |
| | | |
| | | // 文件上传vue |
| | | var vm_file = null; |
| | | |
| | | |
| | | // ==================================================================================== 页面数据 |
| | | doui.onReady({ |
| | | success: function () |
| | | { |
| | | success: function() { |
| | | // ----------------------------------------------------- 顶部 |
| | | // 创建顶部dom |
| | | adminDom.header.creat({ el: "#thisHeader", }); |
| | | adminDom.header.creat({ |
| | | el: "#thisHeader", |
| | | }); |
| | | // 输入搜索 |
| | | adminDom.header.input({ placeholder: "请填写准确的订单号", }) |
| | | adminDom.header.input({ |
| | | placeholder: "请填写准确的订单号", |
| | | }) |
| | | // ----------------------------------------------------- 表格 |
| | | // 创建表格dom |
| | | adminDom.table.creat({ |
| | | el: "#thisTable", |
| | | touchSearch: function(optC) |
| | | { |
| | | touchSearch: function(optC) { |
| | | // 发起请求 |
| | | doui.showLoading({ content: "加载列表" }); |
| | | doui.showLoading({ |
| | | content: "加载列表" |
| | | }); |
| | | doui.request({ |
| | | type: "jsonp", |
| | | url: gethttp()+ "/admin/new/api/v1/taobaoOrder/listTaoBaoWQOrder",//gethttp() |
| | | url: gethttp() + "/admin/new/api/v1/taobaoOrder/listTaoBaoWQOrder", //gethttp() |
| | | data: { |
| | | pageIndex: optC.table.page, // 页码 |
| | | key: optC.input[0].result, // 搜索关键字 |
| | | }, |
| | | success: function (res) |
| | | { |
| | | success: function(res) { |
| | | doui.hideLoading(); |
| | | if (res.code != 0) { doui.showToast({ content: res.msg }); } |
| | | else |
| | | { |
| | | 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++) |
| | | { |
| | | for (var i = 0, mo = res.data.result_list; i < mo.length; i++) { |
| | | // 当前行 |
| | | var thatTr = { |
| | | check: false, |
| | | td: [ |
| | | { title: "商品标题", key:mo[i].goodsName, value: mo[i].goodsName}, |
| | | { title: "订单号", key: mo[i].orderId, value: mo[i].orderId }, |
| | | { title: "子订单号", key: mo[i].orderItemId, value: mo[i].orderItemId }, |
| | | { title: "售后金额", key: mo[i].money, value: "¥"+ mo[i].money }, |
| | | { title: "返还给商家金额", key: mo[i].fanMoney, value: "¥"+ mo[i].fanMoney}, |
| | | { title: "售后状态", key: mo[i].state, value: mo[i].state }, |
| | | { title: "结算时间", key: mo[i].jieSuanTime, value: mo[i].jieSuanTime }, |
| | | { title: "售后时间", key: mo[i].weiQuanTime, value: mo[i].weiQuanTime }, |
| | | { title: "售后完成时间", key: mo[i].weiQuanFinishTime, value:mo[i].weiQuanFinishTime }, |
| | | { title: "本地创建时间", key: mo[i].createTime, value: mo[i].createTime }, |
| | | { title: "本地更新时间", key: mo[i].updateTime, value: mo[i].updateTime }, |
| | | td: [{ |
| | | title: "商品标题", |
| | | key: mo[i].goodsName, |
| | | value: mo[i].goodsName |
| | | }, |
| | | { |
| | | title: "订单号", |
| | | key: mo[i].orderId, |
| | | value: mo[i].orderId |
| | | }, |
| | | { |
| | | title: "子订单号", |
| | | key: mo[i].orderItemId, |
| | | value: mo[i].orderItemId |
| | | }, |
| | | { |
| | | title: "售后金额", |
| | | key: mo[i].money, |
| | | value: "¥" + mo[i].money |
| | | }, |
| | | { |
| | | title: "返还给商家金额", |
| | | key: mo[i].fanMoney, |
| | | value: "¥" + mo[i].fanMoney |
| | | }, |
| | | { |
| | | title: "售后状态", |
| | | key: mo[i].state, |
| | | value: mo[i].state |
| | | }, |
| | | { |
| | | title: "结算时间", |
| | | key: mo[i].jieSuanTime, |
| | | value: mo[i].jieSuanTime |
| | | }, |
| | | { |
| | | title: "售后时间", |
| | | key: mo[i].weiQuanTime, |
| | | value: mo[i].weiQuanTime |
| | | }, |
| | | { |
| | | title: "售后完成时间", |
| | | key: mo[i].weiQuanFinishTime, |
| | | value: mo[i].weiQuanFinishTime |
| | | }, |
| | | { |
| | | title: "本地创建时间", |
| | | key: mo[i].createTime, |
| | | value: mo[i].createTime |
| | | }, |
| | | { |
| | | title: "本地更新时间", |
| | | key: mo[i].updateTime, |
| | | value: mo[i].updateTime |
| | | }, |
| | | ], |
| | | }; |
| | | |
| | | |
| | | if(thatTr.td[4].key==null||thatTr.td[4].key==''||thatTr.td[4].key==undefined){thatTr.td[4].value="(暂无)" } |
| | | if(thatTr.td[8].key==null||thatTr.td[8].key==''||thatTr.td[8].key==undefined){thatTr.td[8].value="(暂无)" } |
| | | |
| | | |
| | | if (thatTr.td[4].key == null || thatTr.td[4].key == '' || thatTr.td[4].key == undefined) { |
| | | thatTr.td[4].value = "(暂无)" |
| | | } |
| | | if (thatTr.td[8].key == null || thatTr.td[8].key == '' || thatTr.td[8].key == undefined) { |
| | | thatTr.td[8].value = "(暂无)" |
| | | } |
| | | // 将当前行放入tr组 |
| | | mo_tr.push(thatTr); |
| | | } |
| | | // 更新表格的数据 |
| | | adminDom.table.opt({ pageMax: res.data.pe.totalPage }); // 最大页码 |
| | | adminDom.table.tbody({ tr: mo_tr }); // 内容数据 |
| | | adminDom.table.opt({ |
| | | pageMax: res.data.pe.totalPage |
| | | }); // 最大页码 |
| | | adminDom.table.tbody({ |
| | | tr: mo_tr |
| | | }); // 内容数据 |
| | | } |
| | | } |
| | | }); |
| | | } |
| | | }); |
| | | // 表格设置 |
| | | adminDom.table.opt({ showCheck: false, pageSize: 20, }); |
| | | adminDom.table.opt({ |
| | | showCheck: false, |
| | | pageSize: 20, |
| | | }); |
| | | // 表格头排 |
| | | adminDom.table.thead({ |
| | | th: [ |
| | | { title: "商品标题", width: "", orderUp: "", orderDown: "" }, |
| | | { title: "订单号", width: "", orderUp: "", orderDown: "" }, |
| | | { title: "子订单号", width: "", orderUp: "", orderDown: "" }, |
| | | { title: "售后金额", width: "", orderUp: "", orderDown: "" }, |
| | | { title: "返还给商家金额", width: "", orderUp: "", orderDown: "" }, |
| | | { title: "售后状态", width: "", orderUp: "", orderDown: "" }, |
| | | { title: "结算时间", width: "", orderUp: "", orderDown: "" }, |
| | | { title: "售后时间", width: "", orderUp: "", orderDown: "" }, |
| | | { title: "售后完成时间", width: "", orderUp: "", orderDown: "" }, |
| | | { title: "本地创建时间", width: "", orderUp: "", orderDown: "" }, |
| | | { title: "本地更新时间", width: "", orderUp: "", orderDown: "" } |
| | | th: [{ |
| | | title: "商品标题", |
| | | width: "", |
| | | orderUp: "", |
| | | orderDown: "" |
| | | }, |
| | | { |
| | | title: "订单号", |
| | | width: "", |
| | | orderUp: "", |
| | | orderDown: "" |
| | | }, |
| | | { |
| | | title: "子订单号", |
| | | width: "", |
| | | orderUp: "", |
| | | orderDown: "" |
| | | }, |
| | | { |
| | | title: "售后金额", |
| | | width: "", |
| | | orderUp: "", |
| | | orderDown: "" |
| | | }, |
| | | { |
| | | title: "返还给商家金额", |
| | | width: "", |
| | | orderUp: "", |
| | | orderDown: "" |
| | | }, |
| | | { |
| | | title: "售后状态", |
| | | width: "", |
| | | orderUp: "", |
| | | orderDown: "" |
| | | }, |
| | | { |
| | | title: "结算时间", |
| | | width: "", |
| | | orderUp: "", |
| | | orderDown: "" |
| | | }, |
| | | { |
| | | title: "售后时间", |
| | | width: "", |
| | | orderUp: "", |
| | | orderDown: "" |
| | | }, |
| | | { |
| | | title: "售后完成时间", |
| | | width: "", |
| | | orderUp: "", |
| | | orderDown: "" |
| | | }, |
| | | { |
| | | title: "本地创建时间", |
| | | width: "", |
| | | orderUp: "", |
| | | orderDown: "" |
| | | }, |
| | | { |
| | | title: "本地更新时间", |
| | | width: "", |
| | | orderUp: "", |
| | | orderDown: "" |
| | | } |
| | | ] |
| | | }); |
| | | |
| | | // 工具栏 |
| | | adminDom.table.tools({ |
| | | show: true, |
| | | list: [{ |
| | | "title": "上传维权订单", |
| | | "name": "add", |
| | | "icon": "fi fi-cloud-upload" |
| | | }, ], |
| | | touch: function(back) { |
| | | // 更新订单 |
| | | if (back.toolName == "add") { |
| | | // 显示弹框 |
| | | vm_file.fileWork.show = true; |
| | | } |
| | | }, |
| | | }); |
| | | |
| | | |
| | | // ----------------------------------------------------- 文件上传弹框 |
| | | vm_file = new Vue({ |
| | | el: "#fileUpload", |
| | | data: { |
| | | // 文件工作 |
| | | fileWork: { |
| | | show: false, // 是否显示 |
| | | "file": null, |
| | | // 关闭按钮 |
| | | action_close: function () { vm_file.fileWork["file"] = null; $("#myimg").val(); vm_file.fileWork.show = false; }, |
| | | // 文件改变 |
| | | action_change: function () { vm_file.fileWork["file"] = $("#myimg")[0].files[0]; }, |
| | | // 确定上传按钮 点击 |
| | | action_sub: function () |
| | | { |
| | | if (vm_file.fileWork["file"]) |
| | | { |
| | | // 发情请求 |
| | | doui.showLoading("正在上传"); |
| | | doui.upload({ |
| | | url: gethttp() + "/admin/new/api/v1/taobaoOrder/uploadWQOrderFile", |
| | | data: { |
| | | file: vm_file.fileWork["file"], |
| | | }, |
| | | // 进度 |
| | | progress: function (res) { doui.showLoading("已上传"+res.percentage); }, |
| | | // 成功 |
| | | success: function (res) |
| | | { |
| | | doui.hideLoading(); |
| | | if (res.code != 0) { doui.showToast(res.msg); } |
| | | else { vm_file.fileWork.action_close(); doui.showToast("上传成功"); vm_table.search(); } |
| | | }, |
| | | }); |
| | | } |
| | | else { doui.showToast("请选择文件"); } |
| | | }, |
| | | }, |
| | | }, |
| | | }); |
| | | |
| | | |
| | | // 模拟搜索点击 |
| | | vm_table.search(); |
| | | |
| | | |
| | | |
| | | document.body.style.display = "block"; |
| | | } |
| | | }); |
| | | |
| | | </script> |
| | | </script> |