登录日志

src/api/index.js

     method: "post",
     data
   });
+// 登录日志
+export const list_log = (data) =>
+  request({
+    url: window._config.baseUrl + "log/list_log",
+    method: "post",
+    data
+  });

src/views/log/index.vue

 <template>
-  <div>user</div>
+  <div>
+    <div class="searchBox">
+      <div>
+        <RadioGroup v-model="logSearch.userstate" @on-change="searchList()">
+          <Radio :label="0">全部</Radio>
+          <Radio :label="1">正常</Radio>
+          <Radio :label="10">已删除</Radio>
+        </RadioGroup>
+        <Input
+          v-model="logSearch.username"
+          @on-enter="searchList()"
+          placeholder="请输入用户姓名"
+          style="margin: 0 16px; width: 200px"
+          clearable
+        />
+        <Button type="primary" @click="searchList()">搜索</Button>
+      </div>
+    </div>
+    <Table border :columns="logColumns" :data="logSearch.list">
+      <template slot-scope="{ row }" slot="loginstateSlot">
+        <span>{{ row.loginstate === 1 ? "成功" : "失败" }}</span>
+      </template>
+      <template slot-scope="{ row }" slot="logtimeSlot">
+        <span>{{ dateFormat(row.logtime) }}</span>
+      </template>
+    </Table>
+    <div class="foot_page" v-if="logSearch.total > 0">
+      <Page
+        :total="logSearch.total"
+        @on-change="changePage"
+        :current="logSearch.page"
+        show-total
+      ></Page>
+    </div>
+  </div>
 </template>
 
 <script>
+import { list_log } from "@/api";
+import { dateFormat } from "@/utils";
 export default {
   data() {
-    return {};
+    return {
+      dateFormat,
+      logSearch: {
+        loginname: "",
+        logtime: null,
+        endtime: null,
+        page: 1,
+        size: 10,
+        total: 0,
+        list: []
+      },
+      logColumns: [
+        {
+          title: "序号",
+          width: 70,
+          render: (h, params) => {
+            return h(
+              "span",
+              params.index + (this.logSearch.page - 1) * this.logSearch.size + 1
+            );
+          }
+        },
+        {
+          title: "用户姓名",
+          key: "username",
+          width: 100
+        },
+        {
+          title: "登录账号",
+          key: "loginname",
+          width: 140
+        },
+        {
+          title: "登录状态",
+          slot: "loginstateSlot",
+          width: 100
+        },
+        {
+          title: "登录地址",
+          key: "logaddress"
+        },
+        {
+          title: "登录IP",
+          key: "logip",
+          width: 140
+        },
+        {
+          title: "登录时间",
+          slot: "logtimeSlot",
+          width: 200
+        },
+        {
+          title: "备注",
+          key: "logtxt"
+        }
+      ],
+      userInfo: {}
+    };
   },
-  methods: {}
+  created() {
+    this.userInfo = JSON.parse(localStorage.getItem("xhWebAdminUser"));
+    this.getLogList();
+  },
+  methods: {
+    searchList() {
+      this.logSearch.page = 1;
+      this.getLogList();
+    },
+    getLogList() {
+      list_log({
+        page: this.logSearch.page,
+        size: this.logSearch.size,
+        userstate: this.logSearch.userstate,
+        username: this.logSearch.username
+      })
+        .then((data) => {
+          if (data.code === 0) {
+            this.logSearch.total = data.obj.total;
+            this.logSearch.list = data.obj.list;
+          } else {
+            this.logSearch.total = 0;
+            this.logSearch.list = [];
+            this.$Message.error(data.msg);
+          }
+        })
+        .catch(() => {});
+    },
+    changePage(page) {
+      this.logSearch.page = page;
+      this.getLogList();
+    }
+  }
 };
 </script>
 
-<style scoped lang="less"></style>
+<style scoped lang="less">
+.searchBox {
+  display: flex;
+  justify-content: space-between;
+  padding: 16px 0;
+}
+.foot_page {
+  padding: 16px 0;
+  text-align: right;
+}
+</style>

src/views/users/index.vue

         userstate: 0,
         username: "",
         total: 0,
-        list: [],
+        list: []
       },
       userColumns: [
         {
                 (this.userSearch.page - 1) * this.userSearch.size +
                 1
             );
-          },
+          }
         },
         {
           title: "用户姓名",
-          key: "username",
+          key: "username"
         },
         {
           title: "登录账号",
-          key: "loginname",
+          key: "loginname"
         },
         {
           title: "手机号",
-          key: "userphone",
+          key: "userphone"
         },
         {
           title: "状态",
           slot: "userstateSlot",
-          width: 90,
+          width: 90
         },
         {
           title: "创建人",
           key: "createname",
-          width: 120,
+          width: 120
         },
         {
           title: "创建时间",
           slot: "createtimeSlot",
-          width: 200,
+          width: 200
         },
         {
           title: "操作",
           slot: "actionSlot",
-          width: 150,
-        },
+          width: 150
+        }
       ],
       userAddForm: {
         show: false,
         username: "",
         loginname: "",
         loginpwd: "",
-        userphone: null,
+        userphone: null
       },
       addFormRules: {
         username: [
           {
             required: true,
             message: "用户姓名不能为空",
-            trigger: "blur",
-          },
+            trigger: "blur"
+          }
         ],
         loginname: [
           {
             required: true,
             message: "登录账号不能为空",
-            trigger: "blur",
+            trigger: "blur"
           },
           {
             min: 4,
             max: 18,
             message: "登录账号长度为4~18个字符",
-            trigger: "blur",
-          },
+            trigger: "blur"
+          }
         ],
         loginpwd: [
           {
             required: true,
             message: "登录密码不能为空",
-            trigger: "blur",
+            trigger: "blur"
           },
           {
             min: 6,
             max: 16,
             message: "登录密码长度为6~16个字符",
-            trigger: "blur",
-          },
+            trigger: "blur"
+          }
         ],
-        userphone: [{ validator: phoneCheck, trigger: "blur" }],
+        userphone: [{ validator: phoneCheck, trigger: "blur" }]
       },
       userModifyForm: {
         show: false,
         username: "",
         loginname: "",
         loginpwd: "",
-        userphone: null,
+        userphone: null
       },
       modifyFormRules: {
         username: [
           {
             required: true,
             message: "用户姓名不能为空",
-            trigger: "blur",
-          },
+            trigger: "blur"
+          }
         ],
         loginname: [
           {
             required: true,
             message: "登录账号不能为空",
-            trigger: "blur",
+            trigger: "blur"
           },
           {
             min: 4,
             max: 18,
-            message: "登录账号长度为4~18个字符",
-          },
+            message: "登录账号长度为4~18个字符"
+          }
         ],
         loginpwd: [
           // {
             min: 6,
             max: 16,
             message: "登录密码长度为6~16个字符",
-            trigger: "blur",
-          },
+            trigger: "blur"
+          }
         ],
-        userphone: [{ validator: phoneCheck, trigger: "blur" }],
+        userphone: [{ validator: phoneCheck, trigger: "blur" }]
       },
-      userInfo: {},
+      userInfo: {}
     };
   },
   created() {
         page: this.userSearch.page,
         size: this.userSearch.size,
         userstate: this.userSearch.userstate,
-        username: this.userSearch.username,
+        username: this.userSearch.username
       })
         .then((data) => {
           if (data.code === 0) {
             }
           });
         },
-        onCancel: () => {},
+        onCancel: () => {}
       });
     },
     toAdd() {
         username: "",
         loginname: "",
         loginpwd: "",
-        userphone: null,
+        userphone: null
       };
     },
     toSaveAdd() {
             loginname: this.userAddForm.loginname,
             loginpwd: this.userAddForm.loginpwd,
             createid: this.userInfo.userid,
-            userphone: this.userAddForm.userphone,
+            userphone: this.userAddForm.userphone
           }).then((data) => {
             if (data.code === 0) {
               this.userAddForm.show = false;
         username: user.username,
         loginname: user.loginname,
         loginpwd: user.loginpwd,
-        userphone: user.userphone,
+        userphone: user.userphone
       };
     },
     toSaveModifyUser() {
     changePage(page) {
       this.userSearch.page = page;
       this.getUsersList();
-    },
-  },
+    }
+  }
 };
 </script>