111

2024-06-20 19:12:13 +08:00
parent 12f0406a48
commit 4a6e6f4ac4
22 changed files with 509 additions and 204 deletions
--- a/cdTMP/src/views/dashboard/usercenter/index.vue
+++ b/cdTMP/src/views/dashboard/usercenter/index.vue
@@ -1,13 +1,11 @@
 <template>
    <div class="block">
        <div class="user-header rounded-sm text-center">
-            <div class="pt-3 mx-auto avatar-box">
-                <ma-upload rounded></ma-upload>
+            <div class="pt-6 mx-auto avatar-box top-box">
+                {{ userStore.name }}
            </div>
            <div>
-                <a-tag size="large" class="mt-3 rounded-full" color="#de53ff">
-                    {{ userStore.role }}
-                </a-tag>
+                <a-tag size="large" class="mt-3 rounded-full" color="#de53ff"> 账号：{{ userStore.username }} </a-tag>
            </div>
        </div>
        <a-layout-content class="block lg:flex lg:justify-between">
@@ -41,9 +39,10 @@
                                v-for="(item, idx) in operationLogList"
                                :key="idx"
                            >
-                                您于 {{ item.create_datetime }} 请求了 {{ item.request_path }}，状态码：{{
-                                    item.response_code
-                                }}
+                                您于 {{ item.create_datetime }} 请求了 {{ item.request_path }}，<span
+                                    :class="{ nostatus: item.response_code === '200' ? false : true }"
+                                    >状态码：{{ item.response_code }}</span
+                                >
                            </a-timeline-item>
                        </a-timeline>
                    </a-tab-pane>
@@ -91,8 +90,14 @@ const operationLogList = computed(() => {
 }
 .user-header {
    width: 100%;
-    height: 200px;
+    height: 150px;
    background: url("@/assets/userBanner.jpg") no-repeat;
    background-size: cover;
 }
+.nostatus {
+    color: red;
+}
+.top-box {
+    font-size: 2rem;
+}
 </style>
--- a/cdTMP/src/views/dashboard/usermanage/index.vue
+++ b/cdTMP/src/views/dashboard/usermanage/index.vue
@@ -22,9 +22,11 @@ import userApi from "@/api/system/user"
 import user from "@/api/system/user"
 import { Message } from "@arco-design/web-vue"
 // 切换状态按钮
-const changeStatus = (e, id) => {
-    console.log("当前值：", e)
-    console.log("当前ID：", id)
+const changeStatus = async (e, id) => {
+    const res = await userApi.changeUserStatus({ user_status: e, userId: id })
+    if (res.data) {
+        Message.success(res.data === "1" ? "启用成功" : "禁用成功")
+    }
 }
 // crud组件
 const crudRef = ref()
@@ -67,6 +69,7 @@ const crudOptions = reactive({
        viewType: "modal"
        // isFull: true
    },
+    operationColumnAlign: "center",
    // 用户点击编辑/删除前的hook
    beforeOpenEdit: (record) => {
        if (record.id === 1) {
@@ -93,7 +96,7 @@ const crudColumns = reactive([
        width: 80,
        commonRules: [{ required: true, message: "名称必填" }]
    },
-    { title: "用户名", dataIndex: "username", search: true },
+    { title: "用户名", dataIndex: "username", search: true, align: "center" },
    {
        title: "电话",
        align: "center",
--- a/cdTMP/src/views/dashboard/workplace/components/cpns/st-cdtestmanage-info.vue
+++ b/cdTMP/src/views/dashboard/workplace/components/cpns/st-cdtestmanage-info.vue
@@ -23,7 +23,7 @@
                </a>
            </a-card>
            <div class="mt-2">管理平台版本</div>
-            <a-tag class="mt-2" color="#0fc6c2">cdTestPlant V0.0.1</a-tag>
+            <a-tag class="mt-2" color="#0fc6c2">TestManagePlant V0.0.1</a-tag>
        </div>
    </div>
 </template>
--- a/cdTMP/src/views/datamanage/projContact/index.vue
+++ b/cdTMP/src/views/datamanage/projContact/index.vue
@@ -25,11 +25,12 @@ const crudOptions = ref({
    showIndex: false,
    searchColNumber: 3,
    tablePagination: false,
-    rowSelection: { showCheckedAll: true }
+    rowSelection: { showCheckedAll: true },
+    showTools: false
 })
 const crudColumns = ref([
    { title: "ID", dataIndex: "id", addDisplay: false, editDisplay: false, width: 50, hide: true },
-    { title: "公司编号", align: "center", dataIndex: "key", search: true, width: 220 },
+    { title: "公司编号", align: "center", dataIndex: "key", search: true, width: 220, formType: "input-number" },
    {
        title: "名称",
        align: "center",
@@ -47,11 +48,11 @@ const crudColumns = ref([
        commonRules: [{ required: true, message: "法人必填" }]
    },
    {
-        title:'地址',
-        align:'center',
-        dataIndex:'addr',
-        search:true,
-        width:200,
+        title: "地址",
+        align: "center",
+        dataIndex: "addr",
+        search: true,
+        width: 200,
        commonRules: [{ required: true, message: "公司地址必填" }]
    }
 ])
--- a/cdTMP/src/views/monitor/loginLog/index.vue
+++ b/cdTMP/src/views/monitor/loginLog/index.vue
@@ -0,0 +1,86 @@
+<template>
+    <div class="ma-content-block lg:flex justify-between p-4">
+        <div class="lg:w-full w-full lg:ml-4 mt-5 lg:mt-0">
+            <ma-crud :options="crudOptions" :columns="crudColumns" ref="crudRef">
+                <template #create_datetime="{ record }">
+                    {{ record.create_datetime.split(".")[0].replace("T", " ") }}
+                </template>
+                <template #tableBeforeButtons>
+                    <a-button type="primary" status="warning" @click="handleDeleteLogButton">
+                        <template #icon> <icon-delete /> </template>删除7天前数据
+                    </a-button>
+                    <a-button type="primary" status="danger" @click="handleDeleteAllLogButton">
+                        <template #icon> <icon-delete /> </template>删除全部日志
+                    </a-button>
+                </template>
+                <!-- 操作列 -->
+                <template #operationCell="{ record }">
+                    <a-button size="mini" type="primary" status="success" @click="handleSee(record)"
+                        ><icon-eye
+                    /></a-button>
+                </template>
+            </ma-crud>
+        </div>
+    </div>
+</template>
+
+<script setup>
+import { ref } from "vue"
+import logApi from "@/api/monitor/loginLog"
+import { Message, Notification } from "@arco-design/web-vue"
+const crudRef = ref({})
+// 删除日志按钮事件处理函数
+const handleDeleteLogButton = async () => {
+    const res = await logApi.loginLogsDelete({ day: 7 }) // 参数：{day:4}保留4天内的日志
+    Message.success(res.message)
+}
+const handleDeleteAllLogButton = async () => {
+    const res = await logApi.loginLogsDelete({ day: 0 }) // 0表示删除全部日志
+    crudRef.value.refresh()
+    Message.success(res.message)
+}
+// 点击操作：查看【思路打开编辑窗口】
+const handleSee = (record) => {
+    crudRef.value.editAction(record)
+    // 设置表单标题
+    crudRef.value.crudFormRef.actionTitle = "详情"
+}
+// 设置api
+async function editClick() {
+    Notification.error("该详情只能查看")
+}
+const crudOptions = ref({
+    api: logApi.getLoginLogs,
+    edit: { api: editClick, text: "查看操作日志信息", show: false },
+    showIndex: false,
+    showTools: false,
+    pageLayout: "fixed",
+    tablePagination: false,
+    operationColumn: true,
+    operationColumnAlign: "center",
+    bordered: { wrapper: true, cell: true },
+    isDbClickEdit: false,
+    formOption: {
+        viewType: "drawer",
+        width: 600
+    }
+})
+const crudColumns = ref([
+    { title: "ID", dataIndex: "id", addDisplay: false, editDisplay: false, width: 50, hide: true },
+    { title: "登录用户", dataIndex: "username", search: true, align: "center" },
+    { title: "IP", dataIndex: "ip", align: "center" },
+    { title: "客户端信息", width: 215, dataIndex: "agent", align: "center" },
+    { title: "操作系统", dataIndex: "os", align: "center" },
+    { title: "浏览器", width: 110, dataIndex: "browser", align: "center" },
+    {
+        title: "创建时间",
+        dataIndex: "create_datetime",
+        align: "center",
+        width: 150,
+        addDisplay: false,
+        editDisplay: false
+    }
+])
+</script>
+
+<style lang="less" scoped></style>
--- a/cdTMP/src/views/monitor/operationLog/index.vue
+++ b/cdTMP/src/views/monitor/operationLog/index.vue
@@ -4,7 +4,7 @@
            <!-- crud组件 -->
            <ma-crud :options="crudOptions" :columns="crudColumns" ref="crudRef">
                <template #create_datetime="{ record }">
-                    {{ record.create_datetime.replace("T", " ") }}
+                    {{ record.create_datetime.split(".")[0].replace("T", " ") }}
                </template>
                <template #tableBeforeButtons>
                    <a-button type="primary" status="warning" @click="handleDeleteLogButton"
@@ -29,9 +29,9 @@ const crudOptions = reactive({
    api: operationApi.getOperationsLogs,
    showIndex: false,
    pageLayout: "fixed",
-    rowSelection: { showCheckedAll: true },
    showTools: false,
-    tablePagination: false
+    tablePagination: false,
+    bordered: { wrapper: true, cell: true }
 })
 const crudColumns = reactive([
    { title: "ID", dataIndex: "id", addDisplay: false, editDisplay: false, width: 50, hide: true },
--- a/cdTMP/src/views/monitor/operations/index.vue
+++ b/cdTMP/src/views/monitor/operations/index.vue
@@ -0,0 +1,90 @@
+<template>
+    <div class="ma-content-block lg:flex justify-between p-4">
+        <div class="lg:w-full w-full lg:ml-4 mt-5 lg:mt-0">
+            <ma-crud :options="crudOptions" :columns="crudColumns" ref="crudRef">
+                <template #create_datetime="{ record }">
+                    {{ record.create_datetime.split(".")[0].replace("T", " ") }}
+                </template>
+                <template #tableBeforeButtons>
+                    <a-button type="primary" status="warning" @click="handleDeleteLogButton">
+                        <template #icon> <icon-delete /> </template>删除7天前数据
+                    </a-button>
+                    <a-button type="primary" status="danger" @click="handleDeleteAllLogButton">
+                        <template #icon> <icon-delete /> </template>删除全部日志
+                    </a-button>
+                </template>
+                <!-- 操作列 -->
+                <template #operationCell="{ record }">
+                    <a-button size="mini" type="primary" status="success" @click="handleSee(record)"
+                        ><icon-eye
+                    /></a-button>
+                </template>
+            </ma-crud>
+        </div>
+    </div>
+</template>
+
+<script setup>
+import { ref } from "vue"
+import logApi from "@/api/monitor/operations"
+import { Message, Notification } from "@arco-design/web-vue"
+const crudRef = ref({})
+// 删除日志按钮事件处理函数
+const handleDeleteLogButton = async () => {
+    const res = await logApi.operationsDelete({ day: 7 }) // 参数：{day:4}保留4天内的日志
+    Message.success(res.message)
+}
+const handleDeleteAllLogButton = async () => {
+    const res = await logApi.operationsDelete({ day: 0 }) // 0表示删除全部日志
+    crudRef.value.refresh()
+    Message.success(res.message)
+}
+// 点击操作：查看【思路打开编辑窗口】
+const handleSee = (record) => {
+    crudRef.value.editAction(record)
+    // 设置表单标题
+    crudRef.value.crudFormRef.actionTitle = "详情"
+}
+// 设置api
+async function editClick() {
+    Notification.error("该详情只能查看")
+}
+const crudOptions = ref({
+    api: logApi.getOperations,
+    edit: { api: editClick, text: "查看操作日志信息", show: false },
+    showIndex: false,
+    showTools: false,
+    pageLayout: "fixed",
+    tablePagination: false,
+    operationColumn: true,
+    operationColumnAlign: "center",
+    bordered: { wrapper: true, cell: true },
+    isDbClickEdit: false,
+    formOption: {
+        viewType: "drawer",
+        width: 600
+    }
+})
+const crudColumns = ref([
+    { title: "ID", dataIndex: "id", addDisplay: false, editDisplay: false, width: 50, hide: true },
+    { title: "操作用户", dataIndex: "request_username", search: true, align: "center" },
+    { title: "请求方式", dataIndex: "request_method", align: "center" },
+    { title: "IP", dataIndex: "request_ip", align: "center" },
+    { title: "浏览器", dataIndex: "request_browser", align: "center" },
+    { title: "响应状态码", dataIndex: "response_code", align: "center" },
+    { title: "操作系统", dataIndex: "request_os", align: "center" },
+    {
+        title: "创建时间",
+        dataIndex: "create_datetime",
+        align: "center",
+        width: 150,
+        addDisplay: false,
+        editDisplay: false
+    },
+    { title: "请求地址", dataIndex: "request_path", hide: true },
+    { title: "请求参数", dataIndex: "request_body", hide: true, formType: "textarea" },
+    { title: "返回信息", dataIndex: "json_result", hide: true, formType: "textarea" }
+])
+</script>
+
+<style lang="less" scoped></style>