vue3：review 代码生成、文件配置、文件列表、配置管理、访问日志、错误日志、定时任务

YunaiV
1 parent c5f1cad0
Showing 11 changed files with 32 additions and 3 deletions
yudao-ui-admin-vue3/src/views/infra/apiAccessLog/apiAccessLog.data.ts
yudao-ui-admin-vue3/src/views/infra/apiErrorLog/apiErrorLog.data.ts
yudao-ui-admin-vue3/src/views/infra/codegen/components/ImportTable.vue
yudao-ui-admin-vue3/src/views/infra/codegen/index.vue
yudao-ui-admin-vue3/src/views/infra/config/config.data.ts
yudao-ui-admin-vue3/src/views/infra/fileConfig/fileConfig.data.ts
yudao-ui-admin-vue3/src/views/infra/fileConfig/index.vue
yudao-ui-admin-vue3/src/views/infra/fileList/index.vue
yudao-ui-admin-vue3/src/views/infra/job/index.vue
yudao-ui-admin-vue3/src/views/infra/job/job.data.ts
yudao-ui-admin-vue3/src/views/infra/job/jobLog.data.ts
@@ -6,6 +6,7 @@ import { VxeCrudSchema, useVxeCrudSchemas } from &#39;@/hooks/web/useVxeCrudSchemas&#39;
 const crudSchemas = reactive<VxeCrudSchema>({
   primaryKey: 'id',
   primaryType: 'seq',
+  primaryTitle: '日志编号',
   action: true,
   actionWidth: '80px',
   columns: [
@@ -6,6 +6,7 @@ import { VxeCrudSchema, useVxeCrudSchemas } from &#39;@/hooks/web/useVxeCrudSchemas&#39;
 const crudSchemas = reactive<VxeCrudSchema>({
   primaryKey: 'id',
   primaryType: 'seq',
+  primaryTitle: '日志编号',
   action: true,
   actionWidth: '300',
   columns: [
@@ -28,6 +28,7 @@
         <XButton preIcon="ep:refresh-right" :title="t('common.reset')" @click="resetQuery()" />
       </el-form-item>
     </el-form>
+    <!-- TODO 星语：【暗黑模式】选中后，样式有点不太好看 -->
     <vxe-table
       ref="xTable"
       :data="dbTableList"
@@ -3,6 +3,7 @@
     <!-- 列表 -->
     <vxe-grid ref="xGrid" v-bind="gridOptions" class="xtable-scrollbar">
       <template #toolbar_buttons>
+        <!-- 操作：导入 -->
         <XButton
           type="primary"
           preIcon="ep:zoom-in"
@@ -12,30 +13,35 @@
         />
       </template>
       <template #actionbtns_default="{ row }">
+        <!-- 操作：预览 -->
         <XTextButton
           preIcon="ep:view"
           :title="t('action.preview')"
           v-hasPermi="['infra:codegen:query']"
           @click="handlePreview(row.id)"
         />
+        <!-- 操作：编辑 -->
         <XTextButton
           preIcon="ep:edit"
           :title="t('action.edit')"
           v-hasPermi="['infra:codegen:update']"
           @click="handleUpdate(row.id)"
         />
+        <!-- 操作：删除 -->
         <XTextButton
           preIcon="ep:delete"
           :title="t('action.del')"
           v-hasPermi="['infra:codegen:delete']"
           @click="handleDelete(row.id)"
         />
+        <!-- 操作：同步 -->
         <XTextButton
           preIcon="ep:refresh"
           :title="t('action.sync')"
           v-hasPermi="['infra:codegen:update']"
           @click="handleSynchDb(row.id)"
         />
+        <!-- 操作：生成 -->
         <XTextButton
           preIcon="ep:download"
           :title="t('action.generate')"
@@ -45,7 +51,9 @@
       </template>
     </vxe-grid>
   </ContentWrap>
+  <!-- 弹窗：导入表 -->
   <ImportTable ref="importRef" @ok="handleQuery()" />
+  <!-- 弹窗：预览代码 -->
   <Preview ref="previewRef" />
 </template>
 <script setup lang="ts" name="Codegen">
@@ -78,12 +86,15 @@ const openImportTable = () =&gt; {
   importRef.value.show()
 }
 // 预览操作
+// TODO 星语：点击后报错
 const previewRef = ref()
 const handlePreview = (row: CodegenTableVO) => {
   previewRef.value.show(row)
 }
 // 编辑操作
 const handleUpdate = (rowId: number) => {
+  // TODO 星语：修改某个的时候，tab 要展示名字。例如说："修改[" + tableName + "]生成配置"
+  // TODO 星语：【暗黑模式】编辑界面，周边有白色的边框，不太好看
   push('/codegen/edit?id=' + rowId)
 }
 // 同步操作
@@ -16,7 +16,7 @@ export const rules = reactive({
 // CrudSchema
 const crudSchemas = reactive<VxeCrudSchema>({
   primaryKey: 'id',
-  primaryType: 'seq',
+  primaryType: null,
   action: true,
   columns: [
     {
@@ -91,4 +91,5 @@ const crudSchemas = reactive&lt;VxeCrudSchema&gt;({
     }
   ]
 })
+// TODO 星语：“创建时间”的筛选，超过 table 的边框
 export const { allSchemas } = useVxeCrudSchemas(crudSchemas)
@@ -28,6 +28,7 @@ export const rules = reactive({
 const crudSchemas = reactive<VxeCrudSchema>({
   primaryKey: 'id',
   primaryType: 'seq',
+  primaryTitle: '配置编号',
   action: true,
   actionWidth: '400px',
   columns: [
@@ -39,14 +40,14 @@ const crudSchemas = reactive&lt;VxeCrudSchema&gt;({
     {
       title: '存储器',
       field: 'storage',
-      dictType: DICT_TYPE.INFRA_FILE_STORAGE,
+      dictType: DICT_TYPE.INFRA_FILE_STORAGE, // TODO @星语：不同存储器，不同表单
       dictClass: 'number',
       isSearch: true
     },
     {
       title: '主配置',
       field: 'master',
-      dictType: DICT_TYPE.INFRA_BOOLEAN_STRING,
+      dictType: DICT_TYPE.INFRA_BOOLEAN_STRING, // TODO @星语：新增时，不选择主配置
       dictClass: 'boolean'
     },
     {
@@ -13,30 +13,35 @@
         />
       </template>
       <template #actionbtns_default="{ row }">
+        <!-- 操作：编辑 -->
         <XTextButton
           preIcon="ep:edit"
           :title="t('action.edit')"
           v-hasPermi="['infra:file-config:update']"
           @click="handleUpdate(row.id)"
         />
+        <!-- 操作：详情 -->
         <XTextButton
           preIcon="ep:view"
           :title="t('action.detail')"
           v-hasPermi="['infra:file-config:query']"
           @click="handleDetail(row.id)"
         />
+        <!-- 操作：主配置 -->
         <XTextButton
           preIcon="ep:flag"
           title="主配置"
           v-hasPermi="['infra:file-config:update']"
           @click="handleMaster(row)"
         />
+        <!-- 操作：测试 -->
         <XTextButton
           preIcon="ep:share"
           :title="t('action.test')"
           v-hasPermi="['infra:file-config:update']"
           @click="handleUpdate(row.id)"
         />
+        <!-- 操作：删除 -->
         <XTextButton
           preIcon="ep:delete"
           :title="t('action.del')"
@@ -84,6 +84,8 @@ import { useMessage } from &#39;@/hooks/web/useMessage&#39;
 import { useVxeGrid } from '@/hooks/web/useVxeGrid'
 import { VxeGridInstance } from 'vxe-table'
 import { ElUpload, ElImage, UploadInstance, UploadRawFile } from 'element-plus'
+// 业务相关的 import
+// TODO 星语：貌似这个界面打开 404
 import { allSchemas } from './fileList.data'
 import * as FileApi from '@/api/infra/fileList'
 import { getAccessToken, getTenantId } from '@/utils/auth'
@@ -58,18 +58,21 @@
           v-hasPermi="['infra:job:delete']"
           @click="handleDelete(row.id)"
         />
+        <!-- 操作：执行 -->
         <XTextButton
           preIcon="ep:view"
           title="执行一次"
           v-hasPermi="['infra:job:trigger']"
           @click="handleRun(row)"
         />
+        <!-- 操作：日志 -->
         <XTextButton
           preIcon="ep:view"
           title="调度日志"
           v-hasPermi="['infra:job:query']"
           @click="handleJobLog(row.id)"
         />
+        <!-- TODO @星语：执行一次、任务详情、调度日志，可以收成【更多】 -->
       </template>
     </vxe-grid>
   </ContentWrap>
@@ -97,6 +100,7 @@
       <template #monitorTimeout="{ row }">
         <span>{{ row.monitorTimeout > 0 ? row.monitorTimeout + ' 毫秒' : '未开启' }}</span>
       </template>
+      <!-- TODO @星语：有个【后续执行时间】字段：2022-11-26 23:03:16; 2022-11-26 23:03:17; 2022-11-26 23:03:18; 2022-11-26 23:03:19; 2022-11-26 23:03:20 -->
     </Descriptions>
     <!-- 操作按钮 -->
     <template #footer>
@@ -16,6 +16,7 @@ export const rules = reactive({
 const crudSchemas = reactive<VxeCrudSchema>({
   primaryKey: 'id',
   primaryType: 'seq',
+  primaryTitle: '任务编号',
   action: true,
   actionWidth: '500px',
   columns: [
@@ -8,6 +8,7 @@ const { t } = useI18n()
 const crudSchemas = reactive<VxeCrudSchema>({
   primaryKey: 'id',
   primaryType: 'seq',
+  primaryTitle: '日志编号',
   action: true,
   columns: [
     {