From fe631515b71782a10a750874f6d4582fe027cd22 Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期一, 03 十一月 2025 09:32:49 +0800
Subject: [PATCH] 公司-所有的表格添加斑马纹
---
src/views/monitor/job/log.vue | 113 ++++++++++++++++++++++++++++----------------------------
1 files changed, 57 insertions(+), 56 deletions(-)
diff --git a/src/views/monitor/job/log.vue b/src/views/monitor/job/log.vue
index 6ab1c58..30ef218 100644
--- a/src/views/monitor/job/log.vue
+++ b/src/views/monitor/job/log.vue
@@ -96,7 +96,7 @@
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
- <el-table v-loading="loading" :data="jobLogList" @selection-change="handleSelectionChange">
+ <el-table v-loading="loading" :data="jobLogList" @selection-change="handleSelectionChange" stripe>
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="鏃ュ織缂栧彿" width="80" align="center" prop="jobLogId" />
<el-table-column label="浠诲姟鍚嶇О" align="center" prop="jobName" :show-overflow-tooltip="true" />
@@ -119,12 +119,7 @@
</el-table-column>
<el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width">
<template #default="scope">
- <el-button
- type="text"
- icon="View"
- @click="handleView(scope.row)"
- v-hasPermi="['monitor:job:query']"
- >璇︾粏</el-button>
+ <el-button link type="primary" icon="View" @click="handleView(scope.row)" v-hasPermi="['monitor:job:query']">璇︾粏</el-button>
</template>
</el-table-column>
</el-table>
@@ -176,21 +171,21 @@
</template>
<script setup name="JobLog">
-import { getJob } from "@/api/monitor/job";
-import { listJobLog, delJobLog, cleanJobLog } from "@/api/monitor/jobLog";
+import { getJob } from "@/api/monitor/job"
+import { listJobLog, delJobLog, cleanJobLog } from "@/api/monitor/jobLog"
-const { proxy } = getCurrentInstance();
-const { sys_common_status, sys_job_group } = proxy.useDict("sys_common_status", "sys_job_group");
+const { proxy } = getCurrentInstance()
+const { sys_common_status, sys_job_group } = proxy.useDict("sys_common_status", "sys_job_group")
-const jobLogList = ref([]);
-const open = ref(false);
-const loading = ref(true);
-const showSearch = ref(true);
-const ids = ref([]);
-const multiple = ref(true);
-const total = ref(0);
-const dateRange = ref([]);
-const route = useRoute();
+const jobLogList = ref([])
+const open = ref(false)
+const loading = ref(true)
+const showSearch = ref(true)
+const ids = ref([])
+const multiple = ref(true)
+const total = ref(0)
+const dateRange = ref([])
+const route = useRoute()
const data = reactive({
form: {},
@@ -201,82 +196,88 @@
dictType: undefined,
status: undefined
}
-});
+})
-const { queryParams, form, rules } = toRefs(data);
+const { queryParams, form, rules } = toRefs(data)
/** 鏌ヨ璋冨害鏃ュ織鍒楄〃 */
function getList() {
- loading.value = true;
+ loading.value = true
listJobLog(proxy.addDateRange(queryParams.value, dateRange.value)).then(response => {
- jobLogList.value = response.rows;
- total.value = response.total;
- loading.value = false;
- });
+ jobLogList.value = response.rows
+ total.value = response.total
+ loading.value = false
+ })
}
+
// 杩斿洖鎸夐挳
function handleClose() {
- const obj = { path: "/monitor/job" };
- proxy.$tab.closeOpenPage(obj);
+ const obj = { path: "/monitor/job" }
+ proxy.$tab.closeOpenPage(obj)
}
+
/** 鎼滅储鎸夐挳鎿嶄綔 */
function handleQuery() {
- queryParams.value.pageNum = 1;
- getList();
+ queryParams.value.pageNum = 1
+ getList()
}
+
/** 閲嶇疆鎸夐挳鎿嶄綔 */
function resetQuery() {
- dateRange.value = [];
- proxy.resetForm("queryRef");
- handleQuery();
+ dateRange.value = []
+ proxy.resetForm("queryRef")
+ handleQuery()
}
+
// 澶氶�夋閫変腑鏁版嵁
function handleSelectionChange(selection) {
- ids.value = selection.map(item => item.jobLogId);
- multiple.value = !selection.length;
+ ids.value = selection.map(item => item.jobLogId)
+ multiple.value = !selection.length
}
+
/** 璇︾粏鎸夐挳鎿嶄綔 */
function handleView(row) {
- open.value = true;
- form.value = row;
+ open.value = true
+ form.value = row
}
+
/** 鍒犻櫎鎸夐挳鎿嶄綔 */
function handleDelete(row) {
proxy.$modal.confirm('鏄惁纭鍒犻櫎璋冨害鏃ュ織缂栧彿涓�"' + ids.value + '"鐨勬暟鎹」?').then(function () {
- return delJobLog(ids.value);
+ return delJobLog(ids.value)
}).then(() => {
- getList();
- proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛");
- }).catch(() => {});
+ getList()
+ proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛")
+ }).catch(() => {})
}
+
/** 娓呯┖鎸夐挳鎿嶄綔 */
function handleClean() {
proxy.$modal.confirm("鏄惁纭娓呯┖鎵�鏈夎皟搴︽棩蹇楁暟鎹」?").then(function () {
- return cleanJobLog();
+ return cleanJobLog()
}).then(() => {
- getList();
- proxy.$modal.msgSuccess("娓呯┖鎴愬姛");
- }).catch(() => {});
+ getList()
+ proxy.$modal.msgSuccess("娓呯┖鎴愬姛")
+ }).catch(() => {})
}
+
/** 瀵煎嚭鎸夐挳鎿嶄綔 */
function handleExport() {
proxy.download("monitor/jobLog/export", {
...queryParams.value,
- }, `job_log_${new Date().getTime()}.xlsx`);
+ }, `job_log_${new Date().getTime()}.xlsx`)
}
(() => {
- const jobId = route.params && route.params.jobId;
+ const jobId = route.params && route.params.jobId
if (jobId !== undefined && jobId != 0) {
getJob(jobId).then(response => {
- queryParams.value.jobName = response.data.jobName;
- queryParams.value.jobGroup = response.data.jobGroup;
- getList();
- });
+ queryParams.value.jobName = response.data.jobName
+ queryParams.value.jobGroup = response.data.jobGroup
+ getList()
+ })
} else {
- getList();
+ getList()
}
-})();
-
-getList();
+})()
</script>
--
Gitblit v1.9.3