yujian
2020-06-04 e0cae1857159192dc6f534ea150310040a369e91
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
<!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"/>
        <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">
            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" style="display:none;">
        <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">
    
    // 文件上传vue
    var vm_file = null;
    
    // ==================================================================================== 页面数据
    doui.onReady({
        success: function ()
        {
            // ----------------------------------------------------- 顶部
            // 创建顶部dom
            adminDom.header.creat({ el: "#thisHeader", });
            // 输入搜索
            adminDom.header.input({ placeholder: "请填写准确的订单号", })
            // ----------------------------------------------------- 表格
            // 创建表格dom
            adminDom.table.creat({
                el: "#thisTable",
                touchSearch: function(optC)
                {
                    // 发起请求
                    doui.showLoading({ content: "加载列表" });
                    doui.request({
                        type: "jsonp",
                        url: gethttp() + "/admin/new/api/v1/taobaoOrder/listTaoBaoOrder",
                        data: {
                            pageIndex: optC.table.page, // 页码
                            key: optC.input[0].result, // 搜索关键字
                        },
                        success: function (res)
                        {
                            doui.hideLoading();
                            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:'https://item.taobao.com/item.htm?id='+mo[i].auctionId, value: mo[i].title ,dataType:'link'},
                                            { title: "订单号", key: mo[i].orderId, value: mo[i].orderId },
                                            { title: "订单类型", key: mo[i].id, value: mo[i].orderType },
                                            { title: "订单状态", key: mo[i].orderState, value: mo[i].orderState },
                                            { title: "付款金额", key: mo[i].payment, value: "¥"+mo[i].payment },
                                            { title: "效果预估", key: mo[i].estimate, value: "¥"+mo[i].estimate },
                                            { title: "预估收入", key: mo[i].eIncome, value: "¥"+mo[i].eIncome },
                                            { title: "结算金额", key: mo[i].settlement, value: "¥"+mo[i].settlement },
                                            { title: "结算时间", key: mo[i].settlementTime, value: mo[i].settlementTime },
                                            { title: "补贴金额", key: mo[i].subsidy, value: "¥"+mo[i].subsidy },
                                            { title: "交易ID", key: mo[i].tradeId, value: mo[i].tradeId },
                                            { title: "媒体名称", key: mo[i].sourceMediaName, value: mo[i].sourceMediaName },
                                            { title: "媒体ID", key: mo[i].sourceMediaId, value: mo[i].sourceMediaId },
                                            { title: "广告位名称", key: mo[i].adPositionName, value: mo[i].adPositionName },
                                            { title: "广告位ID", key: mo[i].adPositionId, value: mo[i].adPositionId },
                                            { title: "渠道ID", key: mo[i].relationId, value: mo[i].relationId },
                                            { title: "会员运营ID", key: mo[i].specialId, value: mo[i].specialId },
                                            { title: "统计时间", key: mo[i].createTime, value: mo[i].createTime, "class": "font13 font-gray" },
                                            { title: "更新时间", key: mo[i].latestUpdateTime, value: mo[i].latestUpdateTime, "class": "font13 font-gray" },
                    
                                        ],
                                    };
                                    // 订单号分析
                                    if (i >= 1)
                                    {
                                        if (thatTr.td[1].key == mo[i-1].orderId) { thatTr.td[1].value = "(同上)"; thatTr.td[1]["class"] = "font-gray"; }
                                    }
                                    
                                    // 将当前行放入tr组
                                    mo_tr.push(thatTr);
                                }
                                // 更新表格的数据
                                adminDom.table.opt({ pageMax: res.data.pe.totalPage }); // 最大页码
                                adminDom.table.tbody({ tr: mo_tr }); // 内容数据
                            }
                        }
                    });
                }
            });
            // 表格设置
            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: "交易ID", width: "", orderUp: "", orderDown: "" },
                    { title: "媒体名称", width: "", orderUp: "", orderDown: "" },
                    { title: "媒体ID", width: "", orderUp: "", orderDown: "" },
                    { title: "广告位名称", width: "", orderUp: "", orderDown: "" },
                    { title: "广告位ID", width: "", orderUp: "", orderDown: "" },
                    { title: "渠道ID", width: "", orderUp: "", orderDown: "" },
                    { title: "会员运营ID", width: "", orderUp: "", orderDown: "" },
                    { title: "统计时间", width: "", orderUp: "", orderDown: "" },
                    { title: "更新时间", width: "", orderUp: "", orderDown: "" }
                ]
            });
            // 工具栏
            adminDom.table.tools({
                show: true,
                list: [
                    { "title": "更新订单", "name": "update", "icon": "fi fi-cloud-upload" },
                ],
                touch: function (back)
                {
                    // 更新订单
                    if (back.toolName == "update")
                    {
                        if (back.list.length < 1) {
                            doui.showToast({
                                content: "请选择要更新的订单"
                            });
                            return false;
                        }
                        
                        var idsArray=new Array();
                        for(var i=0;i<back.list.length;i++)
                        {
                            idsArray.push(back.list[i][1].key);
                        }
                        doui.showLoading({ content: "更新中。。。" });
                        
                        doui.request({
                            type: "jsonp",
                            url: gethttp() + "/admin/new/api/v1/taobaoOrder/updateTaoBaoOrder",
                            data: {
                                ids:JSON.stringify(idsArray), // 搜索关键字
                            },
                            success: function (res)
                            {
                            doui.hideLoading();
                            if(res.code==0)
                                {
                                    doui.showToast({
                                        content: "更新成功"
                                    });
                                }else{
                                    doui.showToast({
                                        content: res.msg
                                    });
                                }
                            }});
                    }
                },
            });
            
            
            // 模拟搜索点击
            vm_table.search();
            document.body.style.display = "block";
        }
    });
    
</script>