yuebonui-vue3/src/views/syslog/sql.vue

（开头部分） 6KB

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

<template>
  <div class="app-container">
    <el-form ref="searchformRef" v-show="showSearch" :inline="true" :model="queryParams" class="demo-form-inline">
      <el-form-item label="账号：" prop="Keywords">
        <el-input v-model="queryParams.name" clearable placeholder="账号" />
      </el-form-item>
      <el-form-item label="IP地址：" prop="IpAddres">
        <el-input v-model="queryParams.IpAddres" clearable placeholder="IP地址" />
      </el-form-item>
      <el-form-item label="日志日期：" prop="CreateTime">
        <el-date-picker v-model="queryParams.CreateTime" type="datetimerange" align="right"
          :default-time="['00:00:00', '23:59:59']" format="YYYY-MM-DD HH:mm:ss" value-format="YYYY-MM-DD HH:mm:ss"
          unlink-panels range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" :shortcuts="shortcuts" />
      </el-form-item>
      <el-form-item>
        <el-button type="primary" icon="search" @click="handleSearch()">查询</el-button>
        <el-button icon="Refresh" @click="resetQuery">重置</el-button>
      </el-form-item>
    </el-form>
    <el-row :gutter="10" class="mb8">
      <el-button-group>
        <el-button v-hasPermi="['Log/Delete']" type="danger" icon="delete" :disabled="multiple"
          @click="deletePhysics()">删除</el-button>
      </el-button-group>
      <right-toolbar v-model:showSearch="showSearch" @queryTable="loadTableData"></right-toolbar>
    </el-row>
    <el-table ref="gridtable" v-loading="tableloading" :data="tableData" stripe highlight-current-row
      style="width: 100%" :default-sort="{ prop: 'CreatorTime', order: 'descending' }"
      @selection-change="handleSelectChange" @sort-change="handleSortChange">
      <el-table-column type="selection" width="40" />
      <el-table-column prop="Account" label="操作账号" sortable="custom" width="120" />
      <el-table-column prop="CreatorTime" label="操作时间" sortable="custom" width="180" />
      <el-table-column prop="Result" label="操作状态" sortable="custom" width="120">
        <template #default="scope">
          <el-tag :type="scope.row.Result === true ?  'success': 'danger'" disable-transitions>{{
            scope.row.Result===true?'成功':'失败' }}</el-tag>
        </template>
      </el-table-column>
      <el-table-column prop="Description" label="操作信息" />

    </el-table>
    <Pagination v-show="queryParams.pageTotal > 0" :total="queryParams.pageTotal"
      v-model:page="queryParams.CurrenetPageIndex" v-model:limit="queryParams.PageSize" @pagination="loadTableData" />
  </div>
</template>

<script setup name="SqlLog">
import { getSqlLogListWithPager, deleteSqlLog } from '@/api/security/sqllogservice'

const { proxy } = getCurrentInstance()

const tableData = ref([])
const tableloading = ref(true)
const currentId = ref("")// 当前操作对象的ID值，主要用于修改
const ids = ref([])
const showSearch = ref(true);
const single = ref(true);
const multiple = ref(true);

const data = reactive({
后面还有 157 行代码，解锁后查看完整代码

24 小时内免费解锁 3 个项目，之后 1 算力/个。 规则说明

AI 解读 AI

登录后可用，每次 10 算力，解读结果公开显示在下面。

还没有人解读过这个文件。