add 新增了批量订阅 add

2024-11-21 18:29:19 +08:00
parent b15d1c917f
commit 35b014c585
39 changed files with 1871 additions and 280 deletions
--- a/Web/html/ui/userFollow.html
+++ b/Web/html/ui/userFollow.html
@@ -0,0 +1,133 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+
+<head>
+    <meta charset="utf-8">
+    <link rel="stylesheet" href="/layui/css/layui.css">
+</head>
+<table class="layui-hide" id="followList" lay-filter="followTable"></table>
+
+<body>
+
+</body>
+<script src="/layui/layui.js"></script>
+<script src="/js/jquery-3.2.1.js"></script>
+<script src="/js/CommonConfig.js"></script>
+<script src="/js/httpUtils.js"></script>
+
+<script type="text/html" id="toolbarDemo">
+    <div class="layui-btn-container">
+        <button class="layui-btn layui-btn-sm" onclick="addAll()">一键配置全部</button>
+        <button class="layui-btn layui-btn-sm" lay-event="select">配置选择项</button>
+    </div>
+  </script>
+<script type="text/html" id="toolDemo">
+    <div class="layui-clear-space">
+      <a class="layui-btn layui-btn-xs" lay-event="add">添加</a>
+    </div>
+  </script>
+
+<script>
+    var userId = getParam("uid");
+
+    function addAll() {
+        addAllFollow(userId)
+            .then(data => {
+                layer.msg(data.message)
+            })
+    }
+
+    layui.use(function () {
+        var laytpl = layui.laytpl;
+        var table = layui.table;
+
+
+        table.render({
+            elem: '#followList',
+            url: '/live/config/follow?userId=' + userId,
+            toolbar: '#toolbarDemo',
+            height: '350px',
+            totalRow: true, // 开启合计行
+            page: true,
+            response: {
+                statusCode: 100 // 重新规定成功的状态码为 200，table 组件默认为 0
+            },
+            parseData: function (res) {
+                return {
+                    "code": res.status, //解析接口状态
+                    "msg": res.message, //解析提示文本
+                    "data": res.data.list, //解析数据列表
+                    "count": res.count
+                };
+            },
+            cols: [[
+                { type: 'checkbox', fixed: 'left' },
+                { field: 'mid', title: 'UID', width: 150, sort: true, fixed: 'left', templet: '<div><a href="https://space.bilibili.com/{{= d.mid}}" target="_blank">{{= d.mid}}</a>' },
+                { field: 'uname', title: '用户名', width: 150, fixed: 'left' },
+                { field: 'face', title: '头像', width: 80, templet: '<div><image src="" onerror="showImage(\'{{= d.face }}\',this);"  style="width: 30px;height: 30px;"></div>' },
+                { field: 'mtime', title: '关注时间', width: 150, templet: '<div> {{= formatDate(d.mtime*1000)}} </div>' },
+                { fixed: "right", title: "操作", width: 50, align: "center", toolbar: "#toolDemo" }
+            ]],
+            done: function () {
+                onDone()
+            },
+            error: function (res, msg) {
+                console.log(res, msg)
+            }
+        });
+        function onDone() {
+            table.on('toolbar(followTable)', function (obj) {
+                if (obj.event === 'select') {
+                    var data = table.checkStatus(obj.config.id).data;
+                    console.log(data)
+                    var array=[]
+                    data.forEach(item => {
+                        array.push({
+                            "mid":item.mid,
+                            "uname":item.uname
+                        })
+                    });
+                    addFollowList(userId,JSON.stringify(array))
+                    .then(json=>{
+                        layer.msg(json.message)
+                    })
+                }
+
+            })
+            table.on('tool(followTable)', function (obj) {
+                if (obj.event === 'add') {
+                    var loadIndex = layer.msg('配置中', {
+                        icon: 16,
+                        shade: 0.6
+                    });;
+                    addFollow(userId, obj.data.mid)
+                        .then(data => {
+                            layer.close(loadIndex)
+                            if (data.status === 3) {
+                                openTips(data.message,obj.data.mid)
+                            } else {
+                                layer.msg(data.message)
+                            }
+                        })
+                }
+            })
+        }
+        function openTips(message,mid) {
+            layer.alert(message, {
+                title: "提示",
+                btn: ['打开配置页', '前往UP主页', '取消'],
+                btnAlign: 'c', // 按钮居中显示
+                btn1: function () {
+                    window.open("/html/body/live.html?type=createRoom" , '_blank')
+                },
+                btn2: function () {
+                    window.open("https://space.bilibili.com/" + mid, '_blank')
+                },
+                btn3: function () {
+                    
+                }
+            });
+        }
+
+    })
+</script>