Kaynağa Gözat

系统管理页面优化

sunxuewei 1 yıl önce
ebeveyn
işleme
1231a2a700

+ 49 - 3
src/views/admin/log/index.vue

@@ -46,7 +46,7 @@
46
         <el-table-column label="操作" width="220" align="center" class-name="small-padding fixed-width">
46
         <el-table-column label="操作" width="220" align="center" class-name="small-padding fixed-width">
47
           <template #default="{ row }">
47
           <template #default="{ row }">
48
             <div class="table_btn">
48
             <div class="table_btn">
49
-              <el-button size="small" :icon="EditPen" @click="addOrUpdateHandle(row)">编辑</el-button>
49
+              <el-button size="small" :icon="View" @click="addOrUpdateHandle(row)">查看</el-button>
50
               <el-button size="small" :icon="Delete" @click="handleDelete(row)">删除</el-button>
50
               <el-button size="small" :icon="Delete" @click="handleDelete(row)">删除</el-button>
51
             </div>
51
             </div>
52
           </template>
52
           </template>
@@ -95,13 +95,53 @@
95
               </el-form-item>
95
               </el-form-item>
96
             </el-col>
96
             </el-col>
97
             <el-col :span="12">
97
             <el-col :span="12">
98
-              <el-form-item label="请求时间">
98
+              <el-form-item label="执行时间">
99
                 <el-input v-model="dialogForm.time" />
99
                 <el-input v-model="dialogForm.time" />
100
               </el-form-item>
100
               </el-form-item>
101
             </el-col>
101
             </el-col>
102
           </el-row>
102
           </el-row>
103
           <el-row>
103
           <el-row>
104
             <el-col :span="12">
104
             <el-col :span="12">
105
+              <el-form-item label="路径">
106
+                <el-input v-model="dialogForm.requestUri" />
107
+              </el-form-item>
108
+            </el-col>
109
+            <el-col :span="12">
110
+              <el-form-item label="创建人">
111
+                <el-input v-model="dialogForm.createBy" />
112
+              </el-form-item>
113
+            </el-col>
114
+          </el-row>
115
+          <el-row>
116
+            <el-col :span="24">
117
+              <el-form-item label="入参">
118
+                <el-input type="textarea" :autosize="{ minRows: 1 }" v-model="dialogForm.requestParam" />
119
+              </el-form-item>
120
+            </el-col>
121
+          </el-row>
122
+          <el-row>
123
+            <el-col :span="24">
124
+              <el-form-item label="出参">
125
+                <el-input type="textarea" :autosize="{ minRows: 1 }" v-model="dialogForm.responseParam" />
126
+              </el-form-item>
127
+            </el-col>
128
+          </el-row>
129
+          <el-row>
130
+            <el-col :span="24">
131
+              <el-form-item label="异常信息">
132
+                <el-input type="textarea" :autosize="{ minRows: 1 }" v-model="dialogForm.exception" />
133
+              </el-form-item>
134
+            </el-col>
135
+          </el-row>
136
+          <el-row>
137
+            <el-col :span="24">
138
+              <el-form-item label="提交数据">
139
+                <el-input type="textarea" :autosize="{ minRows: 1 }" v-model="dialogForm.params" />
140
+              </el-form-item>
141
+            </el-col>
142
+          </el-row>
143
+          <el-row>
144
+            <el-col :span="12">
105
               <el-form-item label="创建时间">
145
               <el-form-item label="创建时间">
106
                 <el-input v-model="dialogForm.createTime" />
146
                 <el-input v-model="dialogForm.createTime" />
107
               </el-form-item>
147
               </el-form-item>
@@ -116,7 +156,7 @@
116
 <script setup lang="ts">
156
 <script setup lang="ts">
117
 import { ref } from "vue";
157
 import { ref } from "vue";
118
 import { ElMessage, ElMessageBox } from "element-plus";
158
 import { ElMessage, ElMessageBox } from "element-plus";
119
-import { Search, Refresh, EditPen, Delete } from "@element-plus/icons-vue";
159
+import { Search, Refresh, View, Delete } from "@element-plus/icons-vue";
120
 
160
 
121
 import { useDict } from "@/hooks/dict";
161
 import { useDict } from "@/hooks/dict";
122
 import { deepClone, getValueLabel } from "@/utils/util";
162
 import { deepClone, getValueLabel } from "@/utils/util";
@@ -148,6 +188,12 @@ const dialogForm = ref({
148
   method: "",
188
   method: "",
149
   serviceId: "",
189
   serviceId: "",
150
   time: "",
190
   time: "",
191
+  requestUri: "",
192
+  createBy: "",
193
+  requestParam: "",
194
+  responseParam: "",
195
+  exception: "",
196
+  params: "",
151
   createTime: ""
197
   createTime: ""
152
 });
198
 });
153
 
199
 

+ 1 - 1
src/views/admin/user/index.vue

@@ -69,7 +69,7 @@
69
         <el-table v-loading="tableLoading" border :data="tableData" row-key="id">
69
         <el-table v-loading="tableLoading" border :data="tableData" row-key="id">
70
           <el-table-column type="index" label="排序" width="60" align="center" />
70
           <el-table-column type="index" label="排序" width="60" align="center" />
71
           <el-table-column prop="username" label="用户名称" align="center" />
71
           <el-table-column prop="username" label="用户名称" align="center" />
72
-          <el-table-column label="部门" align="center">
72
+          <el-table-column label="部门" align="center" show-overflow-tooltip>
73
             <template #default="{ row }">
73
             <template #default="{ row }">
74
               {{ getLabelFromMutDict(deptData, row.deptId, "id", "abbreviationName") || row.deptName }}
74
               {{ getLabelFromMutDict(deptData, row.deptId, "id", "abbreviationName") || row.deptName }}
75
             </template>
75
             </template>