From fb026e6052b4d843d327312db398cf791ac57ab9 Mon Sep 17 00:00:00 2001
From: cyy <cuiqian2004@163.com>
Date: 星期日, 28 九月 2025 22:43:29 +0800
Subject: [PATCH] test
---
pages/my/log.vue | 78 ++++++++++++++++++++++++++++++---------
1 files changed, 60 insertions(+), 18 deletions(-)
diff --git a/pages/my/log.vue b/pages/my/log.vue
index a824105..3a85e49 100644
--- a/pages/my/log.vue
+++ b/pages/my/log.vue
@@ -1,5 +1,21 @@
<template>
<view class="pages-my-log">
+ <view class="top">
+ <view class="input">
+ <input placeholder="璇疯緭鍏ユ煡鎵炬帴鍙RL" v-model="keyMethod"/>
+ <uni-icons class="clear" color="#ccc" type="clear" size="20" v-if="keyMethod"
+ @click="clickClearKey"></uni-icons>
+ </view>
+
+ <a class="btn" @click="clickSearch">
+ <uni-icons type="search" size="24" color="#1890FF" ></uni-icons>
+ </a>
+ <a class="btn" @click="clickClearLog">
+ <uni-icons type="trash" size="24" color="#1890FF"></uni-icons>
+ </a>
+
+ </view>
+
<view class="list">
<view class="group" v-for="(item,index) in list" :key="index">
<view class="title" :class="item.statusCode!=200 ? 'error':''">{{ item.date+" "+item.url}}
@@ -9,9 +25,7 @@
</a>
</view>
</view>
- <view class="bottom">
- <a-button class="button" @click="clickClearLog">娓呯┖</a-button>
- </view>
+
</view>
</template>
<script>
@@ -30,8 +44,8 @@
},
data() {
return {
- list: []
-
+ list: [],
+ keyMethod: ""
}
},
onLoad() {
@@ -46,9 +60,23 @@
clickClearLog() {
session.setValue("request_log", [])
session.setValue("request_log_max_data", {})
-
+
this.list = []
- }
+ },
+ clickSearch() {
+ const list = session.getValue("request_log")
+ const key = this.keyMethod.trim()
+ if (key)
+ this.list = list.filter((a) => a.url.toLowerCase().includes(key.toLowerCase()))
+
+ else
+ this.list = list
+ },
+ clickClearKey() {
+ this.keyMethod = ""
+ },
+
+
}
}
</script>
@@ -63,19 +91,18 @@
.list {
flex: 1;
- overflow: auto;
+ overflow-y: auto;
display: flex;
flex-direction: column;
+ width: 750rpx;
}
.group {
-
-
- width: calc(100% - 30rpx);
+ width: calc(100% - 20rpx);
padding: 10rpx 10rpx;
display: flex;
flex-direction: row;
- margin: 5rpx;
+ margin: 5rpx 10rpx;
background-color: #fff;
border-radius: 10rpx;
font-size: 30rpx;
@@ -84,12 +111,14 @@
flex: 1;
display: flex;
flex-direction: row;
+
margin: 5rpx;
word-wrap: break-word;
/* 鍏佽闀垮崟璇嶆垨 URL 鍦板潃鎹㈣鍒颁笅涓� */
word-break: break-all;
/* 寮哄埗鏂囨湰鍦ㄨ秴鍑哄鍣ㄥ搴︽椂鎹㈣ */
white-space: normal;
+ min-height: 30prx;
/* 鍏佽鏂囨湰鎹㈣ */
}
@@ -100,17 +129,30 @@
}
- .bottom {
+ .top {
margin: 10rpx;
+ width: 730rpx;
display: flex;
flex-direction: row;
- justify-content: center;
- align-items: center;
+ background-color: #F0F0F0;
- .button {
- width: 500rpx;
- color: red;
+ .input {
+ flex: 1;
+ padding: 10rpx;
+ border-radius: 8rpx;
+ display: flex;
+ flex-direction: row;
+ background-color: #fff;
+ input {
+ flex: 1;
+ }
}
+
+ .btn {
+ padding: 5rpx;
+ margin: 0 10rpx;
+ }
+
}
}
--
Gitblit v1.9.1