From 02b0a378bcde41a656d8cc8ad18a95595ced0a09 Mon Sep 17 00:00:00 2001
From: ailanyin <ailanyin4j@163.com>
Date: Wed, 5 Jul 2023 17:26:33 +0800
Subject: [PATCH] bug fix

---
 src/views/monitor/use_log/index.vue | 86 +++++++++++++++++------------
 1 file changed, 52 insertions(+), 34 deletions(-)

diff --git a/src/views/monitor/use_log/index.vue b/src/views/monitor/use_log/index.vue
index d34e6bf..02f86b7 100644
--- a/src/views/monitor/use_log/index.vue
+++ b/src/views/monitor/use_log/index.vue
@@ -1,6 +1,7 @@
 <template>
   <div class="app-container">
     <el-form
+      class="top-search-form"
       :model="queryParams"
       ref="queryRef"
       :inline="true"
@@ -12,7 +13,7 @@
           v-model="queryParams.title"
           placeholder="请输入系统模块"
           clearable
-          style="width: 240px"
+          style="width: 160px"
           @keyup.enter="handleQuery"
         />
       </el-form-item>
@@ -21,7 +22,7 @@
           v-model="queryParams.operatorName"
           placeholder="请输入操作人员"
           clearable
-          style="width: 240px"
+          style="width: 160px"
           @keyup.enter="handleQuery"
         />
       </el-form-item>
@@ -30,7 +31,7 @@
           v-model="queryParams.businessType"
           placeholder="操作类型"
           clearable
-          style="width: 240px"
+          style="width: 120px"
         >
           <el-option
             v-for="dict in sys_oper_type"
@@ -45,7 +46,7 @@
           v-model="queryParams.status"
           placeholder="操作状态"
           clearable
-          style="width: 240px"
+          style="width: 120px"
         >
           <el-option
             v-for="dict in sys_common_status"
@@ -55,7 +56,7 @@
           />
         </el-select>
       </el-form-item>
-      <el-form-item label="操作时间" style="width: 308px">
+      <el-form-item label="操作时间" style="width: 280px">
         <el-date-picker
           v-model="dateRange"
           value-format="YYYY-MM-DD"
@@ -67,8 +68,8 @@
       </el-form-item>
       <el-form-item>
         <el-button type="primary" icon="Search" @click="handleQuery"
-          >搜索</el-button
-        >
+          >搜索
+        </el-button>
         <el-button icon="Refresh" @click="resetQuery">重置</el-button>
       </el-form-item>
     </el-form>
@@ -82,8 +83,8 @@
           :disabled="multiple"
           @click="handleDelete"
           v-hasPermi="['monitor:use-log:remove']"
-          >删除</el-button
-        >
+          >删除
+        </el-button>
       </el-col>
       <el-col :span="1.5">
         <el-button
@@ -92,8 +93,8 @@
           icon="Delete"
           @click="handleClean"
           v-hasPermi="['monitor:use-log:remove']"
-          >清空</el-button
-        >
+          >清空
+        </el-button>
       </el-col>
       <el-col :span="1.5">
         <el-button
@@ -102,8 +103,8 @@
           icon="Download"
           @click="handleExport"
           v-hasPermi="['monitor:use-log:export']"
-          >导出</el-button
-        >
+          >导出
+        </el-button>
       </el-col>
       <right-toolbar
         v-model:showSearch="showSearch"
@@ -172,8 +173,8 @@
             icon="View"
             @click="handleView(scope.row, scope.index)"
             v-hasPermi="['monitor:use-log:query']"
-            >详细</el-button
-          >
+            >详细
+          </el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -192,31 +193,31 @@
         <el-row>
           <el-col :span="12">
             <el-form-item label="操作模块："
-              >{{ form.title }} / {{ typeFormat(form) }}</el-form-item
-            >
+              >{{ form.title }} / {{ typeFormat(form) }}
+            </el-form-item>
             <el-form-item label="登录信息："
               >{{ form.operatorName }} / {{ form.ip }} /
-              {{ form.operationLocation }}</el-form-item
-            >
+              {{ form.operationLocation }}
+            </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="请求地址：">{{ form.url }}</el-form-item>
-            <el-form-item label="请求方式：">{{
-              form.requestMethod
-            }}</el-form-item>
+            <el-form-item label="请求方式："
+              >{{ form.requestMethod }}
+            </el-form-item>
           </el-col>
           <el-col :span="24">
             <el-form-item label="操作方法：">{{ form.method }}</el-form-item>
           </el-col>
           <el-col :span="24">
-            <el-form-item label="请求参数：">{{
-              form.operationParam
-            }}</el-form-item>
+            <el-form-item label="请求参数："
+              >{{ form.operationParam }}
+            </el-form-item>
           </el-col>
           <el-col :span="24">
-            <el-form-item label="返回参数：">{{
-              form.jsonResult
-            }}</el-form-item>
+            <el-form-item label="返回参数："
+              >{{ form.jsonResult }}
+            </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="操作状态：">
@@ -228,14 +229,14 @@
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="操作时间：">{{
-              parseTime(form.operationTime)
-            }}</el-form-item>
+            <el-form-item label="操作时间："
+              >{{ parseTime(form.operationTime) }}
+            </el-form-item>
           </el-col>
           <el-col :span="24">
-            <el-form-item label="异常信息：" v-if="form.status === 1">{{
-              form.errorMsg
-            }}</el-form-item>
+            <el-form-item label="异常信息：" v-if="form.status === 1"
+              >{{ form.errorMsg }}
+            </el-form-item>
           </el-col>
         </el-row>
       </el-form>
@@ -293,15 +294,18 @@ function getList() {
     }
   );
 }
+
 /** 操作日志类型字典翻译 */
 function typeFormat(row, column) {
   return proxy.selectDictLabel(sys_oper_type, row.businessType);
 }
+
 /** 搜索按钮操作 */
 function handleQuery() {
   queryParams.value.pageNum = 1;
   getList();
 }
+
 /** 重置按钮操作 */
 function resetQuery() {
   dateRange.value = [];
@@ -312,22 +316,26 @@ function resetQuery() {
   );
   handleQuery();
 }
+
 /** 多选框选中数据 */
 function handleSelectionChange(selection) {
   ids.value = selection.map((item) => item.id);
   multiple.value = !selection.length;
 }
+
 /** 排序触发事件 */
 function handleSortChange(column, prop, order) {
   queryParams.value.orderByColumn = column.prop;
   queryParams.value.isAsc = column.order;
   getList();
 }
+
 /** 详细按钮操作 */
 function handleView(row) {
   open.value = true;
   form.value = row;
 }
+
 /** 删除按钮操作 */
 function handleDelete(row) {
   const deleteIds = row.id || ids.value;
@@ -342,6 +350,7 @@ function handleDelete(row) {
     })
     .catch(() => {});
 }
+
 /** 清空按钮操作 */
 function handleClean() {
   proxy.$modal
@@ -355,6 +364,7 @@ function handleClean() {
     })
     .catch(() => {});
 }
+
 /** 导出按钮操作 */
 function handleExport() {
   proxy.download(
@@ -368,3 +378,11 @@ function handleExport() {
 
 getList();
 </script>
+
+<style scoped lang="scss">
+:deep(.top-search-form.el-form--inline) {
+  .el-form-item {
+    margin-right: 16px;
+  }
+}
+</style>