admin
2020-11-10 e130e13ef0cc4a827aa2c8d9e47d619a4cea40d0
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
<!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>用户发圈记录</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",
                    
                    getHostPath() + "js/verify.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">
    
    // ==================================================================================== 页面数据
    // 轮播图id
    var bannerId = null;
    
    // doui准备完毕
    doui.onReady({
        success: function ()
        {
            
            // 获取传递过来的值
            var pid = null;
            doui.urlParam({
                success: function (res) {
                    pid = res.id;
                 }
            });
            
            // ----------------------------------------------------- 顶部
            // 生成顶部筛选项dom
            adminDom.header.creat({ el: "#thisHeader" });
            
            // 输入搜索
            adminDom.header.input({ placeholder: "暂未提供筛选", })
            
            // ----------------------------------------------------- 表格
            // 表格dom创建
            adminDom.table.creat({
                el: "#thisTable",
                // 搜索触发
                touchSearch: function (optC) 
                {
                    var loading = layer.load(0, {
                        shade: false
                    });
                    doui.request({
                        type: "jsonp",
                        url: gethttp() + "/admin/new/api/v1/cloud/getSendContent",
                        data: {
                            pid: pid// 页码
                        },
                        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.list; i < mo.length; i++)
                                {
                                    // 当前行
                                    var thatTr = {
                                        check: false,
                                        td: [
                                            { title: "用户Id", key: mo[i].uid, value: mo[i].uid },
                                            { title: "类型", key: mo[i].type, value: mo[i].type },
                                            { title: "群ID", key: mo[i].groupId, value: mo[i].groupId },
                                            { title: "发送状态", key: mo[i].state, value: mo[i].state },
                                            { title: "发送内容", key: mo[i].title, value: mo[i].title },
                                            { title: "图片链接", key: mo[i].picUrl, value: mo[i].picUrl },
                                            { title: "视频链接", key: mo[i].videoUrl, value: mo[i].videoUrl },
                                            { title: "评论内容", key: mo[i].comments, value: mo[i].comments },
                                            { title: "ID", key: mo[i].id, value: mo[i].id },
                                        ]
                                    };
                                    
                                    // 类型分析
                                    var indexType = 1;
                                    if (thatTr.td[indexType].key == "circle") { 
                                        thatTr.td[indexType].value = " 朋友圈"; 
                                    } else { 
                                        thatTr.td[indexType].value = " 微信群"; 
                                    }
                                    
                                    // 类型分析
                                    var indexWay = 3;
                                    if (thatTr.td[indexWay].key) { 
                                        thatTr.td[indexWay].value = "成功"; 
                                        thatTr.td[indexWay]["class"] = "font-green";
                                    } else { 
                                        thatTr.td[indexWay].value = "失败"; 
                                        thatTr.td[indexWay]["class"] = "font-red";
                                    }
                                    
                                    // 将当前行放入tr组
                                    mo_tr.push(thatTr);
                                }
                                // 更新表格的数据
                                adminDom.table.opt({ pageMax: res.data.pe.totalPage }); // 最大页码
                                adminDom.table.tbody({ tr: mo_tr }); // 内容数据
                            }
                        }
                    });
                },
            });
            
            // 工具栏
            adminDom.table.tools({
                show: false,
            });
            // 表格设置
            adminDom.table.opt({ pageSize: 20, });
            // 表格头排
            adminDom.table.thead({
                th: [
                    { title: "用户Id", width: "0.4rem", orderUp: "", orderDown: "",},
                    { title: "发送类型", width: "0.4rem", orderUp: "", orderDown: ""},
                    { title: "发送群ID", width: "0.6rem", orderUp: "", orderDown: ""},
                    { title: "发送状态", width: "0.4rem", orderUp: "", orderDown: ""},
                    { title: "发送内容", width: "0.6rem", orderUp: "", orderDown: ""},
                    { title: "图片链接", width: "0.6rem", orderUp: "", orderDown: ""},
                    { title: "视频链接", width: "0.6rem", orderUp: "", orderDown: ""},
                    { title: "评论内容", width: "0.6rem", orderUp: "", orderDown: ""},
                    { title: "ID", width: "0.6rem", orderUp: "", orderDown: ""},
                ]
            });
            
            
            vm_table.search(); // 模拟搜索点击
        }
    });
    
</script>