add login log

lib/module/others/login_log/login_log_page.dart

@@ -0,0 +1,112 @@
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/widgets.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:qinglong_app/base/http/api.dart';
+import 'package:qinglong_app/base/http/http.dart';
+import 'package:qinglong_app/base/ql_app_bar.dart';
+import 'package:qinglong_app/base/theme.dart';
+import 'package:qinglong_app/utils/extension.dart';
+import 'package:qinglong_app/utils/utils.dart';
+
+import 'login_log_bean.dart';
+
+/// @author NewTab
+class LoginLogPage extends ConsumerStatefulWidget {
+  const LoginLogPage({Key? key}) : super(key: key);
+
+  @override
+  _LoginLogPageState createState() => _LoginLogPageState();
+}
+
+class _LoginLogPageState extends ConsumerState<LoginLogPage> {
+  List<LoginLogBean> list = [];
+
+  @override
+  void initState() {
+    super.initState();
+    loadData();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: QlAppBar(
+        canBack: true,
+        backCall: () {
+          Navigator.of(context).pop();
+        },
+        title: "任务日志",
+      ),
+      body: ListView.builder(
+        itemBuilder: (context, index) {
+          LoginLogBean item = list[index];
+
+          return ColoredBox(
+            color: ref.watch(themeProvider).themeColor.settingBgColor(),
+            child: ListTile(
+              isThreeLine: true,
+              title: Text(
+                Utils.formatMessageTime(item.timestamp ?? 0),
+                style: TextStyle(
+                  fontSize: 16,
+                  color: ref.watch(themeProvider).themeColor.taskTitleColor(),
+                ),
+              ),
+              subtitle: Column(
+                mainAxisSize: MainAxisSize.min,
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  const SizedBox(
+                    height: 5,
+                  ),
+                  Text(
+                    "${item.address}",
+                    style: TextStyle(
+                      color: ref.watch(themeProvider).themeColor.descColor(),
+                      fontSize: 14,
+                    ),
+                  ),
+                  const SizedBox(
+                    height: 5,
+                  ),
+                  Text(
+                    "${item.ip}",
+                    style: TextStyle(
+                      color: ref.watch(themeProvider).themeColor.descColor(),
+                      fontSize: 14,
+                    ),
+                  ),
+                ],
+              ),
+              trailing: item.status == 0
+                  ? Icon(
+                      CupertinoIcons.checkmark_circle,
+                      color: primaryColor,
+                      size: 16,
+                    )
+                  : const Icon(
+                      CupertinoIcons.clear_circled,
+                      color: Colors.red,
+                      size: 16,
+                    ),
+            ),
+          );
+        },
+        itemCount: list.length,
+      ),
+    );
+  }
+
+  Future<void> loadData() async {
+    HttpResponse<List<LoginLogBean>> response = await Api.loginLog();
+
+    if (response.success) {
+      list.clear();
+      list.addAll(response.bean ?? []);
+      setState(() {});
+    } else {
+      response.message?.toast();
+    }
+  }
+}