保存进度！

2023-01-19 18:01:35 +08:00 · 2023-01-19 18:01:35 +08:00 · bc24e4f041
parent aaf25460a4
commit bc24e4f041
4 changed files with 182 additions and 119 deletions
--- a/企业级管理系统/web/admin_system/src/App.vue
+++ b/企业级管理系统/web/admin_system/src/App.vue
@ -2,21 +2,29 @@
 * @Author: Kane
 * @Date: 2022-12-14 15:12:46
 * @LastEditors: Kane
- * @LastEditTime: 2022-12-14 17:03:58
+ * @LastEditTime: 2023-01-19 14:26:17
 * @FilePath: \admin_system\src\App.vue
 * @Description: 
 * 
 * Copyright (c) ${2022} by Kane, All Rights Reserved. 
 -->
 <template>
+  <el-config-provider :locale="this.locale">
    <router-view></router-view>
+  </el-config-provider>
 </template>

 <script>
-// import HelloWorld from "./components/HelloWorld.vue";
+//引入语言组件
+import zhCn from "element-plus/lib/locale/lang/zh-cn";

 export default {
  name: "App",
+  data() {
+    return {
+      locale: zhCn, //语言属性
+    };
+  },
  components: {
    // HelloWorld,
  },
--- a/企业级管理系统/web/admin_system/src/layout/Index.vue
+++ b/企业级管理系统/web/admin_system/src/layout/Index.vue
@ -2,7 +2,7 @@
 * @Author: Kane
 * @Date: 2023-01-04 11:05:44
 * @LastEditors: Kane
- * @LastEditTime: 2023-01-18 23:05:42
+ * @LastEditTime: 2023-01-19 14:52:24
 * @FilePath: \admin_system\src\layout\Index.vue
 * @Description: 
 * 
@ -32,16 +32,17 @@ import LayoutMain from "./components/Main.vue";
 export default {
  name: "layoutPage",
  components: {
-        LayoutAside, LayoutHeader, LayoutMain,
+    LayoutAside,
+    LayoutHeader,
+    LayoutMain,
  },
  computed: {
-        asideWidth()
-        {
+    asideWidth() {
      const collapse = this.$store.state.app.asideBarCollapse;

-            return collapse === true ? "65px" : "175px";
-        }
-    }
+      return collapse === true ? "65px" : "180px";
+    },
+  },
 };
 </script>

@ -75,6 +76,5 @@ export default {
 #layout-container-down {
  height: calc(100vh - 50px);
  /* max-height: calc(100vh - 50px); */
-
 }
 </style>
--- a/企业级管理系统/web/admin_system/src/layout/components/Header.vue
+++ b/企业级管理系统/web/admin_system/src/layout/components/Header.vue
@ -2,7 +2,7 @@
 * @Author: Kane
 * @Date: 2023-01-04 11:39:04
 * @LastEditors: Kane
- * @LastEditTime: 2023-01-18 14:18:28
+ * @LastEditTime: 2023-01-19 14:53:38
 * @FilePath: \admin_system\src\layout\components\Header.vue
 * @Description: 
 * 
@ -16,8 +16,13 @@
      <div>3.6.7 x64 Build 202208301257</div>
    </div>
    <div class="buttons_div">
-            <User style="width: 25px; height; 25px; margin-right: 8px" />
-            <SwitchButton style="width: 25px; height; 25px; margin-right: 8px; cursor:pointer;" @click="logout" />
+      <User
+        style="width: 25px; height; 25px; margin-right: 8px; cursor:pointer;"
+      />
+      <SwitchButton
+        style="width: 25px; height; 25px; margin-right: 8px; cursor:pointer;"
+        @click="logout"
+      />
    </div>
  </div>
 </template>
@ -28,26 +33,22 @@ import { Logout } from "../../utils/api/info/account";

 export default {
  name: "AppBanner",
-    data()
-    {
+  data() {
    return {};
  },
  // created() {
  //   console.log("banner请求数据！");
  // },
-    mounted()
-    {
+  mounted() {
    //console.log("banner请求数据！");
  },
  methods: {
-        logout()
-        {
+    logout() {
      this.$confirm("是否退出系统？", "请确认", {
        confirmButtonText: "是",
        cancelButtonText: "否",
        type: "warning",
-            }).then(() =>
-            {
+      }).then(() => {
        Logout();
      });
    },
--- a/企业级管理系统/web/admin_system/src/views/info/StaffInfo.vue
+++ b/企业级管理系统/web/admin_system/src/views/info/StaffInfo.vue
@ -3,7 +3,7 @@
 * @Author: Kane
 * @Date: 2023-01-12 14:43:46
 * @LastEditors: Kane
- * @LastEditTime: 2023-01-18 23:24:41
+ * @LastEditTime: 2023-01-19 15:40:26
 * @FilePath: \admin_system\src\views\info\StaffInfo.vue
 * @Description: 
 * 
@ -26,7 +26,7 @@
            <el-table-column type="selection" min-width="30" align="center"></el-table-column>
            <el-table-column min-width="200" label="员工名称" align="left" fixed="left">
                <template #default="rowdata">
-                    <span @click="onShowStaffInfo(rowdata.row)" style="cursor:pointer;display:block;height:100%;">{{
+                    <span @click="onShowStaffInfo(rowdata.row)" style="cursor: pointer; display: block; height: 100%">{{
                        rowdata.row.staff_name
                    }}</span>
                </template>
@ -40,6 +40,17 @@
                </template>
            </el-table-column>
        </el-table>
+        <el-row :gutter="10" width="100%">
+            <el-col :span="18"></el-col>
+            <el-pagination class="pull_left" @current-change="onCurrentPageIndexChange"
+                @size-change="onTablePageSizeChange" size="small" background :current-page="this.table_current_page"
+                :page-size="10" :page-sizes="[10, 20, 50, 100]" layout="total, sizes, prev, pager, nex, jumper"
+                :total="table_data.length"></el-pagination>
+            <el-col :span="6" class="pull_right">
+                <el-button type="primary">重置</el-button>
+                <el-button type="danger">批量删除</el-button>
+            </el-col>
+        </el-row>
    </div>
 </template>

@ -53,20 +64,38 @@ export default {
            query_param: {
                staff_code: "",
            },
+            table_current_page: 1,
            table_data: [
-                { staff_name: "王炜", staff_code: "588", p13uid: "wangwei-202" },
-                { staff_name: "王炜", staff_code: "588", p13uid: "wangwei-202" },
-                { staff_name: "王炜", staff_code: "588", p13uid: "wangwei-202" },
-                { staff_name: "王炜", staff_code: "588", p13uid: "wangwei-202" },
-                { staff_name: "王炜", staff_code: "588", p13uid: "wangwei-202" },
+                {
+                    staff_name: "王炜",
+                    staff_code: "588",
+                    p13uid: "wangwei-202",
+                },
+                {
+                    staff_name: "王炜",
+                    staff_code: "588",
+                    p13uid: "wangwei-202",
+                },
+                {
+                    staff_name: "王炜",
+                    staff_code: "588",
+                    p13uid: "wangwei-202",
+                },
+                {
+                    staff_name: "王炜",
+                    staff_code: "588",
+                    p13uid: "wangwei-202",
+                },
+                {
+                    staff_name: "王炜",
+                    staff_code: "588",
+                    p13uid: "wangwei-202",
+                },
            ],
        };
    },
    methods: {
-        onTableEdit(row)
-        {
-
-        },
+        onTableEdit(row) { },
        /**
         * 根据表格行index返回样式，实现斑马纹
         * @param row
@ -78,13 +107,25 @@ export default {
            let index = rowIndex + 1;
            if (index % 2 == 0)
            {
-                return 'warning-row';
+                return "warning-row";
            }
        },
+        /**
+         * 点击表格 用户名称 时的消息处理函数
+         * @param {*} staff
+         */
        onShowStaffInfo(staff)
        {
            console.log("点击名称", staff);
        },
+        /**
+         * 表格页显示数量变更时消息处理函数
+         */
+        onTablePageSizeChange() { },
+        /**
+         * 用户变更当前页时消息处理函数
+         */
+        onCurrentPageIndexChange() { },
    },
 };
 </script>
@ -122,10 +163,9 @@ export default {
 }

 .el-table .warning-row {
-    background-color: #F3F9FF;
+    background-color: #f3f9ff;
 }

-
 .query_box:hover,
 .info_box:hover {
    box-shadow: 0px 0px 3px 3px #cccccc;
@ -134,4 +174,18 @@ export default {
 div.cell {
    height: 100%;
 }
+
+.pull_left {
+    margin-left: 15px;
+    margin-right: auto;
+}
+
+.pull_right {
+    display: flex;
+    justify-content: right;
+}
+
+.pull_right:last-child {
+    margin-right: 15px;
+}
 </style>