test

cuiqian2004

2025-09-12 d87c256a957a6a5c3b40eaf9c52ec68f2fc22c97

 pages/my/log.vue

@@ -1,5 +1,21 @@
<template>
   <view class="pages-my-log">
      <view class="top">
         <view class="input">
            <input placeholder="请输入查找接口URL" v-model="keyMethod"></input>
            <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;
         }

      }

   }