admin
2020-11-10 e130e13ef0cc4a827aa2c8d9e47d619a4cea40d0
childPath/dingDan/dingDan_taoBao_wq.html
@@ -1,12 +1,12 @@
<!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">
@@ -25,115 +25,310 @@
         });
      </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>