dev

src/views/settings/log.vue

@@ -31,7 +31,13 @@
         <el-table-column prop="createDatetime" label="时间" width="200"></el-table-column>
         <el-table-column prop="params" label="请求参数">
           <template #default="scope">
-            <el-input v-model="scope.row.params"></el-input>
+            <el-input v-model="scope.row.params" class="input-with-select" disabled>
+              <template #prepend>
+                <el-icon @click="copy(scope.row.params)" style="cursor: pointer;font-size: 20px">
+                  <CopyDocument/>
+                </el-icon>
+              </template>
+            </el-input>
           </template>
         </el-table-column>
       </el-table>
@@ -53,6 +59,8 @@
 import {onMounted, ref} from 'vue'
 import {post} from '@/utils/request.ts'
 import {formatDateArray, getEndOfDay} from "@/utils/dateUtils.ts";
+import {CopyDocument} from "@element-plus/icons-vue";
+import {ElMessage} from "element-plus";
 
 const tableData = ref<any>([])
 onMounted(() => {
@@ -91,7 +99,10 @@ const handleDateChange = (date: any[]) => {
   }
 }
 
-
+const copy = (text: any) => {
+  ElMessage.success('复制成功')
+  navigator.clipboard.writeText(text)
+}
 </script>
 <style scoped lang="scss">
 .container-wrapper {
@@ -129,6 +140,7 @@ const handleDateChange = (date: any[]) => {
     justify-content: flex-end;
   }
 }
+
 :deep(.el-input__wrapper) {
   height: 42px;
   margin-right: 24px;