From 24bfbd0ae5b31a2bc409e22608a5ed964f3c5b0f Mon Sep 17 00:00:00 2001
From: toom1996 <tangmu@butnoice.com>
Date: Tue, 24 Jun 2025 19:07:16 +0800
Subject: [PATCH] update

---
 storage/view/website/index.blade.php  | 352 ++++++++++++++++++++++++++
 storage/view/website/insert.blade.php |  78 ++++++
 storage/view/website/view.blade.php   | 130 ++++++++++
 3 files changed, 560 insertions(+)
 create mode 100644 storage/view/website/index.blade.php
 create mode 100644 storage/view/website/insert.blade.php
 create mode 100644 storage/view/website/view.blade.php
diff --git a/storage/view/website/index.blade.php b/storage/view/website/index.blade.php
new file mode 100644
index 0000000..1f06b26
--- /dev/null
+++ b/storage/view/website/index.blade.php
@@ -0,0 +1,352 @@
+<!DOCTYPE html>
+<html lang="zh-cn">
+<head>
+    <meta charset="utf-8">
+    <title>关键词监控</title>
+    <link rel="stylesheet" href="/component/pear/css/pear.css"/>
+    <link rel="stylesheet" href="/admin/css/reset.css"/>
+    <link rel="stylesheet" href="/admin/css/reset.css"/>
+</head>
+<body class="pear-container">
+<!-- 顶部查询表单 -->
+<div class="layui-card">
+    <div class="layui-card-body">
+        <form class="layui-form top-search-from">
+
+            <div class="layui-form-item">
+                <label class="layui-form-label">文章标题</label>
+                <div class="layui-input-block">
+                    <input type="text" name="mobile" value="" class="layui-input">
+                </div>
+            </div>
+
+            <div class="layui-form-item">
+                <label class="layui-form-label">创建时间</label>
+                <div class="layui-input-block">
+                    <div class="layui-input-block" id="created_at">
+                        <input type="text" autocomplete="off" value="<?= date('Y-m-d', strtotime('-1 month')) ?>"
+                               name="created_at[]" id="created_at-date-start" class="layui-input inline-block"
+                               placeholder="开始时间">
+                        -
+                        <input type="text" autocomplete="off" value="<?= date('Y-m-d') ?>" name="created_at[]"
+                               id="created_at-date-end" class="layui-input inline-block" placeholder="结束时间">
+                    </div>
+                </div>
+            </div>
+
+            <div class="layui-form-item layui-inline">
+                <label class="layui-form-label"></label>
+                <button class="pear-btn pear-btn-md pear-btn-primary" lay-submit lay-filter="table-query">
+                    <i class="layui-icon layui-icon-search"></i>查询
+                </button>
+                <button type="reset" class="pear-btn pear-btn-md" lay-submit lay-filter="table-reset">
+                    <i class="layui-icon layui-icon-refresh"></i>重置
+                </button>
+            </div>
+            <div class="toggle-btn">
+                <a class="layui-hide">展开<i class="layui-icon layui-icon-down"></i></a>
+                <a class="layui-hide">收起<i class="layui-icon layui-icon-up"></i></a>
+            </div>
+        </form>
+    </div>
+</div>
+
+<!-- 数据表格 -->
+<div class="layui-card">
+    <div class="layui-card-body">
+        <table id="data-table" lay-filter="data-table"></table>
+    </div>
+</div>
+
+<!-- 表格顶部工具栏 -->
+<script type="text/html" id="table-toolbar">
+    <button class="pear-btn pear-btn-primary pear-btn-md" lay-event="add">
+        <i class="layui-icon layui-icon-add-1"></i>新增
+    </button>
+        <button class="pear-btn pear-btn-primary pear-btn-md" lay-event="batchExport">
+            <i class="layui-icon layui-icon-export"></i>导出所有关键词
+        </button>
+</script>
+
+<!-- 表格行工具栏 -->
+<script type="text/html" id="table-bar">
+    <button class="pear-btn pear-btn-xs tool-btn" lay-event="research">重查</button>
+    <button class="pear-btn pear-btn-xs tool-btn" lay-event="edit">编辑</button>
+    <button class="pear-btn pear-btn-xs tool-btn" lay-event="delete">删除</button>
+</script>
+
+<script src="/component/layui/layui.js?v=2.8.12"></script>
+<script src="/component/pear/pear.js"></script>
+<script src="/admin/js/permission.js"></script>
+<script src="/admin/js/common.js"></script>
+<script>
+
+    // 相关常量
+    const PRIMARY_KEY = "id";
+
+    const RESEARCH_API = '/admin/api/keywords/monitor/research';
+    const DELETE_API = '/admin/api/website/config/delete';
+    const INDEX_API = '/admin/api/website/config';
+    const VIEW_API = "/admin/api/website/config/view";
+    const VIEW_URL = "/admin/website/config/view";
+    const INSERT_API = "/admin/api/website/config/insert";
+    const INSERT_URL = "/admin/website/config/insert";
+
+    // 字段 创建时间 created_at
+    layui.use(["laydate"], function () {
+        layui.laydate.render({
+            elem: "#created_at",
+            range: ["#created_at-date-start", "#created_at-date-end"],
+        });
+    })
+
+    // 表格渲染
+    layui.use(["table", "form", "common", "popup", "util"], function () {
+        let table = layui.table;
+        let form = layui.form;
+        let $ = layui.$;
+        let common = layui.common;
+        let util = layui.util;
+
+        // 表头参数
+        let cols = [
+            {
+                type: "checkbox"
+            }, {
+                title: "网站域名",
+                field: "app_domain",
+            },{
+                title: "网站名称",
+                field: "app_name",
+            }, {
+                title: "操作",
+                toolbar: "#table-bar",
+                align: "center",
+                fixed: "right",
+                width: 230,
+            }
+        ];
+
+        // 渲染表格
+        function render() {
+            table.render({
+                elem: "#data-table",
+                url: INDEX_API,
+                page: true,
+                cols: [cols],
+                skin: "line",
+                size: "lg",
+                toolbar: "#table-toolbar",
+                autoSort: false,
+                defaultToolbar: [{
+                    title: "刷新",
+                    layEvent: "refresh",
+                    icon: "layui-icon-refresh",
+                }, "filter", "print", "exports"],
+                done: function () {
+                    layer.photos({photos: 'div[lay-id="data-table"]', anim: 5});
+                }
+            });
+        }
+
+        render();
+
+        // 编辑或删除行事件
+        table.on("tool(data-table)", function (obj) {
+            if (obj.event === "edit") {
+                edit(obj);
+            }
+            if (obj.event === "delete") {
+                layer.confirm('确定删除吗？', function (index) {
+                    // obj.del(); // 删除对应行（tr）的 DOM 结构，并更新缓存
+                    // layer.close(index);
+                    let loading = layer.load();
+                    $.ajax({
+                        url: DELETE_API,
+                        data: {
+                            id: obj.data.id
+                        },
+                        dataType: "json",
+                        type: "post",
+                        success: (res) => {
+                            layer.close(index);
+                            if (res.code) {
+                                return layui.popup.failure(res.msg);
+                            }
+                            return layui.popup.success("操作成功", refreshTable);
+                        },
+                        error: function () {
+                            return layui.popup.failure("操作失败");
+                        },
+                        complete: function () {
+                            layer.close(loading);
+                        }
+                    })
+                    // 向后端发送删除请求，执行完毕后，可通过 reloadData 方法完成数据重载
+                    /*
+                    table.reloadData(id, {
+                      scrollPos: 'fixed'  // 保持滚动条位置不变 - v2.7.3 新增
+                    });
+                    */
+                });
+            }
+
+            if (obj.event === 'research') {
+                research(obj)
+            }
+        });
+
+        // 表格顶部工具栏事件
+        table.on("toolbar(data-table)", function (obj) {
+            if (obj.event === "add") {
+                add();
+            } else if (obj.event === "batchExport") {
+                batchExport();
+            }
+        });
+
+        // 表格顶部搜索事件
+        form.on("submit(table-query)", function (data) {
+            table.reload("data-table", {
+                page: {
+                    curr: 1
+                },
+                where: data.field
+            })
+            return false;
+        });
+
+        // 表格顶部搜索重置事件
+        form.on("submit(table-reset)", function (data) {
+            table.reload("data-table", {
+                where: []
+            })
+        });
+
+        // 表格排序事件
+        table.on("sort(data-table)", function (obj) {
+            table.reload("data-table", {
+                initSort: obj,
+                scrollPos: "fixed",
+                where: {
+                    field: obj.field,
+                    order: obj.type
+                }
+            });
+        });
+
+        // 表格新增数据
+        let add = function () {
+            layer.open({
+                type: 2,
+                title: "新增",
+                shade: 0.1,
+                area: [common.isModile() ? "100%" : "98%", common.isModile() ? "100%" : "95%"],
+                content: INSERT_URL
+            });
+        }
+
+        // 下载所有关键词数据
+        let batchExport = function () {
+            window.open('/admin/api/keywords/monitor/export-all', '_blank');
+        }
+
+        // 表格编辑数据
+        let edit = function (obj) {
+            let value = obj.data['id'];
+            layer.open({
+                type: 2,
+                title: "修改",
+                shade: 0.1,
+                area: [common.isModile() ? "100%" : "98%", common.isModile() ? "100%" : "95%"],
+                content: VIEW_URL + "?" + PRIMARY_KEY + "=" + value
+            });
+        }
+
+        let research = function (obj) {
+            layer.confirm("确定重查?", {
+                icon: 3,
+                title: "提示"
+            }, function (index) {
+                layer.close(index);
+                let loading = layer.load();
+                layui.$.ajax({
+                    url: RESEARCH_API,
+                    type: "POST",
+                    dateType: "json",
+                    data: {
+                        id: obj.data.id
+                    },
+                    success: function (res) {
+                        layer.close(loading);
+                        if (res.code) {
+                            return layui.popup.failure(res.msg);
+                        }
+                        return layui.popup.success("操作成功", refreshTable);
+                    }
+                })
+            });
+        }
+
+        // 删除一行
+        let remove = function (obj) {
+            return doRemove(obj.data[PRIMARY_KEY]);
+        }
+
+        // 删除多行
+        let batchRemove = function (obj) {
+            let checkIds = common.checkField(obj, PRIMARY_KEY);
+            if (checkIds === "") {
+                layui.popup.warning("未选中数据");
+                return false;
+            }
+            doRemove(checkIds.split(","));
+        }
+
+        // 执行删除
+        let doRemove = function (ids) {
+            let data = {};
+            data[PRIMARY_KEY] = ids;
+            layer.confirm("确定删除?", {
+                icon: 3,
+                title: "提示"
+            }, function (index) {
+                layer.close(index);
+                let loading = layer.load();
+                $.ajax({
+                    url: DELETE_API,
+                    data: data,
+                    dataType: "json",
+                    type: "post",
+                    success: function (res) {
+                        layer.close(loading);
+                        if (res.code) {
+                            return layui.popup.failure(res.msg);
+                        }
+                        return layui.popup.success("操作成功", refreshTable);
+                    }
+                })
+            });
+        }
+
+        // 刷新表格数据
+        window.refreshTable = function () {
+            table.reloadData("data-table", {
+                scrollPos: "fixed",
+                done: function (res, curr) {
+                    if (curr > 1 && res.data && !res.data.length) {
+                        curr = curr - 1;
+                        table.reloadData("data-table", {
+                            page: {
+                                curr: curr
+                            },
+                        })
+                    }
+                }
+            });
+        }
+    })
+
+</script>
+</body>
+</html>
diff --git a/storage/view/website/insert.blade.php b/storage/view/website/insert.blade.php
new file mode 100644
index 0000000..d01d33e
--- /dev/null
+++ b/storage/view/website/insert.blade.php
@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html lang="zh-cn">
+<head>
+    <meta charset="UTF-8">
+    <title>insert</title>
+    <link rel="stylesheet" href="/component/pear/css/pear.css" />
+    <link rel="stylesheet" href="/admin/css/reset.css" />
+</head>
+<body>
+
+<form class="layui-form" action="">
+    <div class="main-container mr-5">
+        <div class="layui-form-item">
+            <label class="layui-form-label">网站域名</label>
+            <div class="layui-input-inline layui-input-wrap">
+                <input type="text" name="app_domain" lay-verify="required" autocomplete="off" lay-affix="clear" class="layui-input">
+            </div>
+        </div>
+        <div class="layui-form-item">
+            <label class="layui-form-label">网站名称</label>
+            <div class="layui-input-inline layui-input-wrap">
+                <input type="text" name="app_name" lay-verify="required" autocomplete="off" lay-affix="clear" class="layui-input">
+            </div>
+        </div>
+        <div class="layui-form-item">
+            <label class="layui-form-label">网站描述</label>
+            <div class="layui-input-inline layui-input-wrap">
+                <input type="text" name="app_description" lay-verify="required" autocomplete="off" lay-affix="clear" class="layui-input">
+            </div>
+        </div>
+        <div class="layui-form-item">
+            <label class="layui-form-label">公司名称</label>
+            <div class="layui-input-inline layui-input-wrap">
+                <input type="text" name="app_company" lay-verify="required" autocomplete="off" lay-affix="clear" class="layui-input">
+            </div>
+        </div>
+        <div class="layui-form-item">
+            <div class="button-container">
+                <button type="submit" class="pear-btn pear-btn-primary pear-btn-md" lay-submit="" lay-filter="insert">
+                    提交
+                </button>
+            </div>
+        </div>
+    </div>
+</form>
+<script src="/component/layui/layui.js?v=2.8.12"></script>
+<script src="/component/pear/pear.js"></script>
+<script>
+    // api
+    const INSERT_API = "/admin/api/website/config/insert";
+
+    layui.use(['upload', 'jquery', 'popup'], function(){
+        const $ = layui.jquery;
+
+        layui.form.on("submit(insert)", function (data) {
+            console.log(data)
+            layui.$.ajax({
+                url: INSERT_API,
+                type: "POST",
+                dateType: "json",
+                data: data.field,
+                success: function (res) {
+                    if (res.code) {
+                        return layui.popup.failure(res.msg);
+                    }
+
+                    return layui.popup.success("操作成功", function () {
+                        parent.refreshTable();
+                        parent.layer.close(parent.layer.getFrameIndex(window.name));
+                    });
+                }
+            });
+            return false;
+        });
+    });
+</script>
+</body>
+</html>
diff --git a/storage/view/website/view.blade.php b/storage/view/website/view.blade.php
new file mode 100644
index 0000000..0f0823f
--- /dev/null
+++ b/storage/view/website/view.blade.php
@@ -0,0 +1,130 @@
+<!DOCTYPE html>
+<html lang="zh-cn">
+<head>
+    <meta charset="UTF-8">
+    <title>insert</title>
+    <link rel="stylesheet" href="/component/pear/css/pear.css" />
+    <link rel="stylesheet" href="/admin/css/reset.css" />
+</head>
+<body>
+
+<form class="layui-form" action="">
+    <input type="hidden" name="id"  autocomplete="off">
+    <div class="main-container mr-5">
+        <div class="layui-form-item">
+            <label class="layui-form-label">网站域名</label>
+            <div class="layui-input-inline layui-input-wrap">
+                <input type="text" name="app_domain" lay-verify="required" autocomplete="off" lay-affix="clear" class="layui-input">
+            </div>
+        </div>
+        <div class="layui-form-item">
+            <label class="layui-form-label">网站名称</label>
+            <div class="layui-input-inline layui-input-wrap">
+                <input type="text" name="app_name" lay-verify="required" autocomplete="off" lay-affix="clear" class="layui-input">
+            </div>
+        </div>
+        <div class="layui-form-item">
+            <label class="layui-form-label">网站描述</label>
+            <div class="layui-input-inline layui-input-wrap">
+                <input type="text" name="app_description" lay-verify="required" autocomplete="off" lay-affix="clear" class="layui-input">
+            </div>
+        </div>
+        <div class="layui-form-item">
+            <label class="layui-form-label">公司名称</label>
+            <div class="layui-input-inline layui-input-wrap">
+                <input type="text" name="app_company" lay-verify="required" autocomplete="off" lay-affix="clear" class="layui-input">
+            </div>
+        </div>
+        <div class="layui-form-item">
+            <div class="button-container">
+                <button type="submit" class="pear-btn pear-btn-primary pear-btn-md" lay-submit="" lay-filter="save">
+                    提交
+                </button>
+            </div>
+        </div>
+    </div>
+</form>
+<div id="test"></div>
+<script src="/component/layui/layui.js?v=2.8.12"></script>
+<script src="/component/pear/pear.js"></script>
+<script>
+    // API
+    const VIEW_API = "/admin/api/website/config/view"; // 获取关键词数据
+    const SAVE_API = "/admin/api/website/config/save"; // 重新保存数据
+
+    layui.use(['upload', 'jquery', 'popup', 'form'], function(){
+        const $ = layui.jquery;
+
+        initViewData()
+        layui.form.on("submit(save)", function (data) {
+            layui.$.ajax({
+                url: SAVE_API,
+                type: "POST",
+                dateType: "json",
+                data: data.field,
+                success: function (res) {
+                    if (res.code) {
+                        return layui.popup.failure(res.msg);
+                    }
+
+                    return layui.popup.success("操作成功", function () {
+                        parent.refreshTable();
+                        parent.layer.close(parent.layer.getFrameIndex(window.name));
+                    });
+                }
+            });
+            return false;
+        });
+
+        function initViewData() {
+            let viewId = layui.url().search['id']
+            $.ajax({
+                url: VIEW_API,
+                data: {
+                    id: viewId
+                },
+                method: 'get',
+                dataType: "json",
+                success: function (res) {
+
+                    // 赋值表单
+                    layui.each(res.data, function (key, value) {
+                        let obj = $('*[name="'+key+'"]');
+                        // if (key === "password") {
+                        //     obj.attr("placeholder", "不更新密码请留空");
+                        //     return;
+                        // }
+                        if (typeof obj[0] === "undefined" || !obj[0].nodeName) return;
+                        if (obj[0].nodeName.toLowerCase() === "textarea") {
+                            obj.html(layui.util.escape(value));
+                        } else {
+                            obj.attr("value", value);
+                        }
+                    });
+
+                    const form = layui.form;
+
+                    const selectedPlatforms = res.data.platform; // 后端数据
+
+                    selectedPlatforms?.forEach(val => {
+                        // 设置 value 对应的 checkbox 为选中
+                        document.querySelectorAll('input[name="platform[]"]').forEach(el => {
+                            if (el.value == val) {
+                                el.checked = true;
+                            }
+                        });
+                    });
+
+                    form.render('checkbox'); // 重新渲染
+                    // ajax产生错误
+                    if (res.code) {
+                        layui.popup.failure(res.msg);
+                    }
+
+                }
+            });
+        }
+    });
+</script>
+</body>
+</html>
