refactor(front): 重构前端组件和 API

- 更新了多个组件的样式和结构
- 重命名了一些 API 文件
- 添加了新的 API 接口
- 优化了部分代码的可读性和性能

cutejava-front/src/views/system/quartzJob/log.vue

@@ -2,9 +2,25 @@
   <el-dialog :visible.sync="dialog" append-to-body title="执行日志" width="88%">
     <!-- 搜索 -->
     <div class="head-container">
-      <el-input v-model="query.jobName" clearable size="small" placeholder="输入任务名称搜索" style="width: 200px;" class="filter-item" @keyup.enter.native="toQuery" />
+      <el-input
+        v-model="query.jobName"
+        clearable
+        size="small"
+        placeholder="输入任务名称搜索"
+        style="width: 200px;"
+        class="filter-item"
+        @keyup.enter.native="toQuery"
+      />
       <date-range-picker v-model="query.createTime" class="date-item" />
-      <el-select v-model="query.isSuccess" placeholder="日志状态" clearable size="small" class="filter-item" style="width: 110px" @change="toQuery">
+      <el-select
+        v-model="query.isSuccess"
+        placeholder="日志状态"
+        clearable
+        size="small"
+        class="filter-item"
+        style="width: 110px"
+        @change="toQuery"
+      >
         <el-option v-for="item in enabledTypeOptions" :key="item.key" :label="item.displayName" :value="item.key" />
       </el-select>
       <el-button class="filter-item" size="mini" type="success" icon="el-icon-search" @click="toQuery">搜索</el-button>
@@ -17,7 +33,8 @@
           type="warning"
           icon="el-icon-download"
           @click="downloadMethod"
-        >导出</el-button>
+        >导出
+        </el-button>
       </div>
     </div>
     <!--表格渲染-->
@@ -29,13 +46,22 @@
       <el-table-column :show-overflow-tooltip="true" prop="cronExpression" label="cron表达式" />
       <el-table-column prop="createTime" label="异常详情" width="110px">
         <template slot-scope="scope">
-          <el-button v-show="scope.row.exceptionDetail" size="mini" type="text" @click="info(scope.row.exceptionDetail)">查看详情</el-button>
+          <el-button
+            v-show="scope.row.exceptionDetail"
+            size="mini"
+            type="text"
+            @click="info(scope.row.exceptionDetail)"
+          >查看详情
+          </el-button>
         </template>
       </el-table-column>
       <el-table-column :show-overflow-tooltip="true" align="center" prop="time" width="100px" label="耗时(毫秒)" />
       <el-table-column align="center" prop="isSuccess" width="80px" label="状态">
         <template slot-scope="scope">
-          <el-tag :type="scope.row.isSuccess ? 'success' : 'danger'">{{ scope.row.isSuccess ? '成功' : '失败' }}</el-tag>
+          <el-tag :type="scope.row.isSuccess ? 'success' : 'danger'">{{
+            scope.row.isSuccess ? '成功' : '失败'
+          }}
+          </el-tag>
         </template>
       </el-table-column>
       <el-table-column :show-overflow-tooltip="true" prop="createTime" label="创建日期" />
@@ -59,6 +85,7 @@
 <script>
 import crud from '@/mixins/crud'
 import DateRangePicker from '@/components/DateRangePicker'
+
 export default {
   components: { DateRangePicker },
   // Mixins 是一种包含多个组件选项的对象。可以将 mixin 作为组件的一个选项引入，从而在该组件中“混入”这个对象的选项。通过这种方式，mixins 可以帮助你实现功能复用，减少重复代码。
@@ -96,11 +123,12 @@ export default {
 </script>
 
 <style scoped>
-  .java.hljs{
-    color: #444;
-    background: #ffffff !important;
-  }
- ::v-deep .el-dialog__body{
-    padding: 0 20px 10px 20px !important;
-  }
+.java.hljs {
+  color: #444;
+  background: #ffffff !important;
+}
+
+::v-deep .el-dialog__body {
+  padding: 0 20px 10px 20px !important;
+}
 </style>