|
|
@@ -14,30 +14,24 @@
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
-<a href="https://memos.tianyunperfect.cn/">memos主页</a><br><br>
|
|
|
-
|
|
|
+<a href="https://memos.tianyunperfect.cn/">memos主页</a>
|
|
|
+<!--输入框，绑定回车事件，触发查询-->
|
|
|
+<input style="margin-left: 30px; width: 70vw; position: fixed;top: 10px" placeholder="搜索" type="text" id="search" onkeydown="if(event.keyCode===13) {search()}">
|
|
|
+<br><br>
|
|
|
<div></div>
|
|
|
<!-- 创建一个用于编辑的容器 -->
|
|
|
<div id="editor"></div>
|
|
|
|
|
|
<!-- 添加多选按钮 -->
|
|
|
<div id="tags"></div>
|
|
|
-<!--<input type="checkbox" id="todo" name="category" value="todo" checked> <label for="todo">todo</label>-->
|
|
|
-
|
|
|
-<!--<input type="checkbox" id="work" name="category" value="工作">-->
|
|
|
-<!--<label for="work">工作</label>-->
|
|
|
-<!--<input type="checkbox" id="diary" name="category" value="日记">-->
|
|
|
-<!--<label for="diary">日记</label>-->
|
|
|
-<!--<input type="checkbox" id="dream" name="category" value="梦记">-->
|
|
|
-<!--<label for="dream">梦记</label>-->
|
|
|
-<!--<input type="checkbox" id="daily" name="category" value="日常">-->
|
|
|
-<!--<label for="daily">日常</label>-->
|
|
|
|
|
|
<br>
|
|
|
<br>
|
|
|
<!-- 添加发送按钮 -->
|
|
|
<button id="log" style="float: right; height: 100px;width: 200px; font-size: 40px" onclick="sendData()">记录</button>
|
|
|
+<div id="memos_list">
|
|
|
|
|
|
+</div>
|
|
|
<!-- 引入Quill库 -->
|
|
|
<script src="./js/cdn.quilljs.com_1.3.6_quill.js"></script>
|
|
|
<!--异步请求示例：requestUtil.sync('https://jsonplaceholder.typicode.com/posts/1', 'post', data, headers) .then(data => console.log(data))-->
|
|
|
@@ -73,6 +67,14 @@
|
|
|
tags.appendChild(label);
|
|
|
});
|
|
|
|
|
|
+ search();
|
|
|
+ // id="tags" 里面的多选按钮，点击后触发search
|
|
|
+ let checkboxes = document.querySelectorAll('input[name="category"]');
|
|
|
+ checkboxes.forEach(checkbox => {
|
|
|
+ checkbox.onclick = function () {
|
|
|
+ search();
|
|
|
+ }
|
|
|
+ });
|
|
|
});
|
|
|
|
|
|
|
|
|
@@ -201,6 +203,45 @@
|
|
|
|
|
|
return categories;
|
|
|
}
|
|
|
+
|
|
|
+ function search() {
|
|
|
+ let search = document.getElementById('search').value;
|
|
|
+ // 如果标签不为空，则 拼接成 tag_str ，逗号分隔
|
|
|
+ let tag_str = '';
|
|
|
+ let checkboxes = document.querySelectorAll('input[name="category"]:checked');
|
|
|
+ checkboxes.forEach(checkbox => {
|
|
|
+ tag_str += checkbox.value + ',';
|
|
|
+ });
|
|
|
+ // https://web_history.tianyunperfect.cn/api/memos/list
|
|
|
+ // get
|
|
|
+ // 入参：search tag_str
|
|
|
+ //
|
|
|
+ // {'code': 200, 'res': [{'id': 11, 'resource_name': 'g2cyE6nXNCdqsm4ZH2R3Bs', 'creator_id': 1, 'created_ts': '2023-07-04T13:35:18', 'updated_ts': '2024-04-22T13:55:25', 'row_status': 'NORMAL', 'content': '康宁的女儿 易安 \n小名：气气\n#备份', 'visibility': 'PRIVATE'}]}
|
|
|
+ let params = {'search': search, tag_str: tag_str}
|
|
|
+ let url = 'https://web_history.tianyunperfect.cn/memos/list';
|
|
|
+ // 拼接url
|
|
|
+ let urlWithParams = requestUtil.buildUrl(url, params);
|
|
|
+ requestUtil.async(urlWithParams, 'get', null, null).then(res => {
|
|
|
+ // console.log(res);
|
|
|
+ res = res['res'];
|
|
|
+ let div = document.querySelector('#memos_list');
|
|
|
+ div.innerHTML = '';
|
|
|
+ res.forEach(item => {
|
|
|
+ let tmpDiv = document.createElement('div');
|
|
|
+ tmpDiv.innerText = item['content'];
|
|
|
+ // 样式加上border，点击跳转到对应的url https://memos.tianyunperfect.cn/m/ + item['resource_name']
|
|
|
+ tmpDiv.style.border = '1px solid #000';
|
|
|
+ tmpDiv.style.margin = '10px';
|
|
|
+ tmpDiv.style.padding = '10px';
|
|
|
+ tmpDiv.style.cursor = 'pointer';
|
|
|
+ tmpDiv.onclick = function () {
|
|
|
+ window.open(`https://memos.tianyunperfect.cn/m/${item['resource_name']}`);
|
|
|
+ };
|
|
|
+ div.appendChild(tmpDiv);
|
|
|
+ });
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
</script>
|
|
|
|
|
|
</body>
|
tianyun