优化使用体验

lib/base/routes.dart

@@ -1,5 +1,6 @@
 import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
+import 'package:qinglong_app/module/change_account_page.dart';
 import 'package:qinglong_app/module/config/config_edit_page.dart';
 import 'package:qinglong_app/module/env/add_env_page.dart';
 import 'package:qinglong_app/module/env/env_bean.dart';
@@ -41,6 +42,7 @@ class Routes {
   static const String routeUpdatePassword = "/updatePassword";
   static const String routeAbout = "/about";
   static const String routeTheme = "/theme";
+  static const String routeChangeAccount = "/changeAccount";
 
   static Route<dynamic>? generateRoute(RouteSettings settings) {
     switch (settings.name) {
@@ -55,7 +57,10 @@ class Routes {
         } else {
           return MaterialPageRoute(builder: (context) => const LoginPage());
         }
-
+      case routeChangeAccount:
+        return CupertinoPageRoute(
+          builder: (context) => const ChangeAccountPage(),
+        );
       case routeAddTask:
         if (settings.arguments != null) {
           return CupertinoPageRoute(
@@ -66,8 +71,7 @@ class Routes {
           return CupertinoPageRoute(builder: (context) => const AddTaskPage());
         }
       case routeAddDependency:
-        return CupertinoPageRoute(
+        return CupertinoPageRoute(builder: (context) => const AddDependencyPage());
-            builder: (context) => const AddDependencyPage());
       case routeAddEnv:
         if (settings.arguments != null) {
           return CupertinoPageRoute(

lib/base/theme.dart

@@ -69,7 +69,7 @@ class ThemeViewModel extends ChangeNotifier {
         secondary: _primaryColor,
         primary: _primaryColor,
       ),
-      scaffoldBackgroundColor: const Color(0xfff5f5f5),
+      scaffoldBackgroundColor: const Color(0xffffffff),
       inputDecorationTheme: InputDecorationTheme(
         labelStyle: TextStyle(
           color: _primaryColor,
@@ -223,6 +223,8 @@ abstract class ThemeColors {
 
   Color tabBarColor();
 
+  Color blackAndWhite();
+
   Color pinColor();
 
   Color buttonBgColor();
@@ -241,6 +243,11 @@ class LightThemeColors extends ThemeColors {
     return const Color(0xffF7F7F7);
   }
 
+  @override
+  Color blackAndWhite() {
+    return Colors.white;
+  }
+
   @override
   Map<String, TextStyle> codeEditorTheme() {
     return qinglongLightTheme;
@@ -288,6 +295,11 @@ class DartThemeColors extends ThemeColors {
     return qinglongDarkTheme;
   }
 
+  @override
+  Color blackAndWhite() {
+    return Colors.black;
+  }
+
   @override
   Color descColor() {
     return const Color(0xff999999);

lib/base/ui/search_cell.dart

@@ -0,0 +1,69 @@
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+
+import '../theme.dart';
+
+class SearchCell extends ConsumerStatefulWidget {
+  final TextEditingController controller;
+
+  const SearchCell({
+    Key? key,
+    required this.controller,
+  }) : super(key: key);
+
+  @override
+  ConsumerState createState() => _SearchCellState();
+}
+
+class _SearchCellState extends ConsumerState<SearchCell> {
+
+  @override
+  void initState() {
+    super.initState();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return CupertinoSearchTextField(
+      decoration: BoxDecoration(
+        color: ref.watch(themeProvider).themeColor.blackAndWhite(),
+        border: Border.all(width: 1, color: const Color(0xffC0C4CC)),
+        borderRadius: BorderRadius.circular(
+          7,
+        ),
+      ),
+      onSuffixTap: () {
+        widget.controller.text = "";
+        setState(() {
+
+        });
+      },
+      controller: widget.controller,
+      padding: const EdgeInsets.symmetric(
+        horizontal: 5,
+        vertical: 5,
+      ),
+      suffixInsets: const EdgeInsets.only(
+        right: 15,
+      ),
+      prefixIcon: Image.asset(
+        "assets/images/icon_search.png",
+        width: 18,
+        fit: BoxFit.cover,
+      ),
+      prefixInsets: const EdgeInsets.only(
+        left: 10,
+        top: 2,
+      ),
+      placeholderStyle: TextStyle(
+        fontSize: 14,
+        color: ref.watch(themeProvider).themeColor.descColor(),
+      ),
+      style: const TextStyle(
+        fontSize: 16,
+      ),
+      placeholder: "请输入内容",
+    );
+  }
+}

lib/module/change_account_page.dart

@@ -0,0 +1,316 @@
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:flutter_slidable/flutter_slidable.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/routes.dart';
+import 'package:qinglong_app/base/theme.dart';
+import 'package:qinglong_app/base/userinfo_viewmodel.dart';
+import 'package:qinglong_app/utils/extension.dart';
+import 'package:qinglong_app/utils/login_helper.dart';
+
+import '../../main.dart';
+
+class ChangeAccountPage extends ConsumerStatefulWidget {
+  const ChangeAccountPage({Key? key}) : super(key: key);
+
+  @override
+  _ChangeAccountPageState createState() => _ChangeAccountPageState();
+}
+
+class _ChangeAccountPageState extends ConsumerState<ChangeAccountPage> {
+  String isLoginingHost = "";
+  String preHost = "";
+
+  @override
+  void initState() {
+    super.initState();
+    preHost = getIt<UserInfoViewModel>().historyAccounts.first.host ?? "";
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: QlAppBar(
+        canBack: true,
+        title: "切换账号",
+      ),
+      body: SingleChildScrollView(
+        child: SizedBox(
+          width: MediaQuery.of(context).size.width,
+          child: Column(
+            mainAxisSize: MainAxisSize.min,
+            children: [
+              SizedBox(
+                height: MediaQuery.of(context).size.height / 10,
+              ),
+              Text(
+                "轻触账号以切换登录",
+                style: TextStyle(
+                  color: ref.watch(themeProvider).themeColor.titleColor(),
+                  fontSize: 22,
+                ),
+              ),
+              const SizedBox(
+                height: 30,
+              ),
+              Padding(
+                padding: const EdgeInsets.symmetric(
+                  horizontal: 15,
+                ),
+                child: ListView.separated(
+                    shrinkWrap: true,
+                    physics: const NeverScrollableScrollPhysics(),
+                    itemBuilder: (context, index) {
+                      if (index == getIt<UserInfoViewModel>().historyAccounts.length) {
+                        return addAccount();
+                      }
+                      return ClipRRect(
+                        borderRadius: BorderRadius.circular(10),
+                        child: Container(
+                          color: ref.watch(themeProvider).themeColor.settingBordorColor(),
+                          child: buildCell(index),
+                        ),
+                      );
+                    },
+                    separatorBuilder: (_, __) {
+                      return const SizedBox(
+                        height: 10,
+                      );
+                    },
+                    itemCount: getIt<UserInfoViewModel>().historyAccounts.length + 1),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+
+  Widget buildCell(int index) {
+    Widget child = ListTile(
+      title: Text(
+        getIt<UserInfoViewModel>().historyAccounts[index].host ?? "",
+        maxLines: 1,
+        overflow: TextOverflow.ellipsis,
+      ),
+      contentPadding: const EdgeInsets.symmetric(
+        horizontal: 15,
+      ),
+      minVerticalPadding: 10,
+      subtitle: Padding(
+        padding: const EdgeInsets.only(top: 10.0),
+        child: Text(
+          getIt<UserInfoViewModel>().historyAccounts[index].userName ?? "",
+        ),
+      ),
+      trailing: index == 0
+          ? Container(
+        padding: const EdgeInsets.symmetric(
+          horizontal: 5,
+        ),
+        decoration: BoxDecoration(
+          borderRadius: BorderRadius.circular(5),
+          border: Border.all(color: ref.watch(themeProvider).primaryColor, width: 1),
+        ),
+        child: Text(
+          "已登录",
+          style: TextStyle(color: ref.watch(themeProvider).primaryColor, fontSize: 12),
+        ),
+      )
+          : (isLoginingHost.isNotEmpty
+          ? SizedBox(
+        width: 15,
+        height: 15,
+        child: CircularProgressIndicator(
+          strokeWidth: 2,
+          color: ref.watch(themeProvider).primaryColor,
+        ),
+      )
+          : const SizedBox.shrink()),
+    );
+
+    if (getIt<UserInfoViewModel>().historyAccounts[index].host == getIt<UserInfoViewModel>().host) {
+      return child;
+    }
+
+    return Slidable(
+      key: ValueKey(index),
+      endActionPane: ActionPane(
+        motion: const ScrollMotion(),
+        extentRatio: 0.15,
+        children: [
+          SlidableAction(
+            backgroundColor: Colors.red,
+            flex: 1,
+            onPressed: (_) {
+              getIt<UserInfoViewModel>().removeHistoryAccount(getIt<UserInfoViewModel>().historyAccounts[index].host);
+              setState(() {});
+            },
+            foregroundColor: Colors.white,
+            icon: CupertinoIcons.delete,
+          ),
+        ],
+      ),
+      child: GestureDetector(
+          behavior: HitTestBehavior.opaque,
+          onTap: () {
+            loginNewByBean(getIt<UserInfoViewModel>().historyAccounts[index]);
+          },
+          child: child),
+    );
+  }
+
+  LoginHelper? helper;
+
+  void loginNewByBean(UserInfoBean historyAccount) async {
+    isLoginingHost = historyAccount.host ?? "";
+    setState(() {});
+    helper = LoginHelper(
+      historyAccount.useSecretLogined,
+      historyAccount.host ?? "",
+      historyAccount.userName ?? "",
+      historyAccount.password ?? "",
+      true,
+    );
+    var response = await helper!.login();
+    dealLoginResponse(response);
+  }
+
+  void dealLoginResponse(int response) {
+    if (response == LoginHelper.success) {
+      Navigator.of(context).pushNamedAndRemoveUntil(Routes.routeHomePage, (_) => false);
+    } else if (response == LoginHelper.failed) {
+      loginFailed();
+    } else {
+      twoFact();
+    }
+  }
+
+  void loginFailed() {
+    isLoginingHost = "";
+    Http.clear();
+    getIt<UserInfoViewModel>().updateHost(preHost);
+    setState(() {});
+  }
+
+  void twoFact() {
+    String twoFact = "";
+    showCupertinoDialog(
+        context: context,
+        builder: (_) => CupertinoAlertDialog(
+          title: const Text("两步验证"),
+          content: Column(
+            mainAxisSize: MainAxisSize.min,
+            children: [
+              Material(
+                color: Colors.transparent,
+                child: TextField(
+                  onChanged: (value) {
+                    twoFact = value;
+                  },
+                  maxLines: 1,
+                  keyboardType: TextInputType.number,
+                  decoration: const InputDecoration(
+                    contentPadding: EdgeInsets.fromLTRB(0, 5, 0, 5),
+                    hintText: "请输入code",
+                  ),
+                  autofocus: true,
+                ),
+              ),
+            ],
+          ),
+          actions: [
+            CupertinoDialogAction(
+              child: const Text(
+                "取消",
+                style: TextStyle(
+                  color: Color(0xff999999),
+                ),
+              ),
+              onPressed: () {
+                Navigator.of(context).pop();
+              },
+            ),
+            CupertinoDialogAction(
+              child: Text(
+                "确定",
+                style: TextStyle(
+                  color: ref.watch(themeProvider).primaryColor,
+                ),
+              ),
+              onPressed: () async {
+                Navigator.of(context).pop(true);
+                if (helper != null) {
+                  var response = await helper!.loginTwice(twoFact);
+                  dealLoginResponse(response);
+                } else {
+                  "状态异常".toast();
+                }
+              },
+            ),
+          ],
+        )).then((value) {
+      if (value == null) {
+        isLoginingHost = "";
+        setState(() {});
+      }
+    });
+  }
+
+  Widget addAccount() {
+    return GestureDetector(
+      behavior: HitTestBehavior.opaque,
+      onTap: () {
+        Navigator.of(context).pushNamedAndRemoveUntil(
+          Routes.routeLogin,
+              (_) => false,
+          arguments: true,
+        );
+      },
+      child: ClipRRect(
+        borderRadius: BorderRadius.circular(10),
+        child: Container(
+          padding: const EdgeInsets.symmetric(
+            vertical: 15,
+            horizontal: 15,
+          ),
+          decoration: BoxDecoration(
+            color: ref.watch(themeProvider).themeColor.settingBordorColor(),
+            borderRadius: BorderRadius.circular(15),
+          ),
+          child: Row(
+            children: [
+              Container(
+                width: 40,
+                height: 40,
+                decoration: BoxDecoration(
+                  borderRadius: BorderRadius.circular(5),
+                  border: Border.all(
+                    color: ref.watch(themeProvider).themeColor.descColor(),
+                  ),
+                ),
+                child: Icon(
+                  CupertinoIcons.add,
+                  color: ref.watch(themeProvider).themeColor.descColor(),
+                ),
+              ),
+              const SizedBox(
+                width: 15,
+              ),
+              Text(
+                "添加账号",
+                style: TextStyle(
+                  color: ref.watch(themeProvider).themeColor.titleColor(),
+                  fontSize: 16,
+                ),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}

lib/module/config/config_viewmodel.dart

@@ -12,7 +12,7 @@ class ConfigViewModel extends BaseViewModel {
   Map<String, String> content = {};
 
   Future<void> loadData([isLoading = true]) async {
-    if (isLoading) {
+    if (isLoading && list.isEmpty) {
       loading(notify: true);
     }
 

lib/module/env/env_page.dart

@@ -8,6 +8,7 @@ import 'package:qinglong_app/base/base_state_widget.dart';
 import 'package:qinglong_app/base/routes.dart';
 import 'package:qinglong_app/base/theme.dart';
 import 'package:qinglong_app/base/ui/empty_widget.dart';
+import 'package:qinglong_app/base/ui/search_cell.dart';
 import 'package:qinglong_app/module/env/env_bean.dart';
 import 'package:qinglong_app/module/env/env_viewmodel.dart';
 import 'package:qinglong_app/utils/extension.dart';
@@ -22,6 +23,7 @@ class EnvPage extends StatefulWidget {
 
 class _EnvPageState extends State<EnvPage> {
   final TextEditingController _searchController = TextEditingController();
+  String currentState = EnvViewModel.allStr;
 
   @override
   void initState() {
@@ -35,41 +37,62 @@ class _EnvPageState extends State<EnvPage> {
   Widget build(BuildContext context) {
     return BaseStateWidget<EnvViewModel>(
       builder: (ref, model, child) {
+        List<EnvBean> prepareList = [];
         List<EnvItemCell> list = [];
+        if (currentState == EnvViewModel.allStr) {
+          prepareList = model.list;
+        } else if (currentState == EnvViewModel.enabledStr) {
+          prepareList = model.enabledList;
+        } else {
+          prepareList = model.disabledList;
+        }
 
-        for (int i = 0; i < model.list.length; i++) {
+        for (int i = 0; i < prepareList.length; i++) {
-          EnvBean value = model.list[i];
+          EnvBean value = prepareList[i];
           if (_searchController.text.isEmpty ||
               (value.name?.contains(_searchController.text) ?? false) ||
               (value.value?.contains(_searchController.text) ?? false) ||
               (value.remarks?.contains(_searchController.text) ?? false)) {
-            list.add(EnvItemCell(
+            list.add(
+              EnvItemCell(
                 value,
                 i,
                 ref,
                 key: ValueKey(value.sId),
-            ));
+              ),
+            );
           }
         }
 
         return model.list.isEmpty
             ? const EmptyWidget()
             : RefreshIndicator(
+                notificationPredicate: (_) {
+                  return true;
+                },
                 color: Theme.of(context).primaryColor,
                 onRefresh: () async {
                   return model.loadData(false);
                 },
                 child: SlidableAutoCloseBehavior(
-                  child: ReorderableListView(
+                  child: currentState == EnvViewModel.disabledStr
+                      ? ListView(
+                          children: [
+                            searchCell(context, ref),
+                            ...list,
+                          ],
+                        )
+                      : ReorderableListView(
                           keyboardDismissBehavior: ScrollViewKeyboardDismissBehavior.onDrag,
-                    header: searchCell(ref),
+                          header: searchCell(context, ref),
                           onReorder: (int oldIndex, int newIndex) {
                             if (list.length != model.list.length) {
                               "请先清空搜索关键词".toast();
                               return;
                             }
 
-                      setState(() {
+                            setState(
+                              () {
                                 //交换数据
                                 if (newIndex > oldIndex) {
                                   newIndex -= 1;
@@ -77,7 +100,8 @@ class _EnvPageState extends State<EnvPage> {
                                 final EnvBean item = model.list.removeAt(oldIndex);
                                 model.list.insert(newIndex, item);
                                 model.update(item.sId ?? "", newIndex, oldIndex);
-                      });
+                              },
+                            );
                           },
                           children: list,
                         ),
@@ -86,49 +110,85 @@ class _EnvPageState extends State<EnvPage> {
       },
       model: envProvider,
       onReady: (viewModel) {
-        viewModel.loadData();
+        viewModel.loadData(true);
       },
     );
   }
 
-  Widget searchCell(WidgetRef context) {
+  Widget searchCell(BuildContext context, WidgetRef ref) {
     return Container(
+      color: ref.watch(themeProvider).themeColor.settingBgColor(),
+      padding: const EdgeInsets.only(
+        left: 15,
+      ),
+      child: Row(
+        children: [
+          Expanded(
+            child: Padding(
+              padding: const EdgeInsets.symmetric(
+                vertical: 10,
+              ),
+              child: SearchCell(
+                controller: _searchController,
+              ),
+            ),
+          ),
+          Material(
+            color: Colors.transparent,
+            child: PopupMenuButton<String>(
+              onSelected: (String result) {
+                currentState = result;
+                setState(() {});
+              },
+              itemBuilder: (BuildContext context) => [
+                PopupMenuItem(
+                  child: Text(
+                    EnvViewModel.allStr,
+                    style: TextStyle(
+                      color: currentState == EnvViewModel.allStr ? ref.watch(themeProvider).primaryColor : ref.watch(themeProvider).themeColor.titleColor(),
+                      fontSize: 14,
+                    ),
+                  ),
+                  value: EnvViewModel.allStr,
+                ),
+                PopupMenuItem(
+                  child: Text(
+                    EnvViewModel.enabledStr,
+                    style: TextStyle(
+                      color: currentState == EnvViewModel.enabledStr ? ref.watch(themeProvider).primaryColor : ref.watch(themeProvider).themeColor.titleColor(),
+                      fontSize: 14,
+                    ),
+                  ),
+                  value: EnvViewModel.enabledStr,
+                ),
+                PopupMenuItem(
+                  child: Text(
+                    EnvViewModel.disabledStr,
+                    style: TextStyle(
+                      color:
+                          currentState == EnvViewModel.disabledStr ? ref.watch(themeProvider).primaryColor : ref.watch(themeProvider).themeColor.titleColor(),
+                      fontSize: 14,
+                    ),
+                  ),
+                  value: EnvViewModel.disabledStr,
+                ),
+              ],
+              child: Padding(
                 padding: const EdgeInsets.symmetric(
                   horizontal: 15,
                   vertical: 10,
                 ),
-      child: CupertinoSearchTextField(
+                child: Text(
-        onSubmitted: (value) {
+                  "筛选",
-          setState(() {});
+                  style: TextStyle(
-        },
+                    color: ref.watch(themeProvider).themeColor.descColor(),
-        onSuffixTap: () {
+                    fontSize: 14,
-          _searchController.text = "";
-          setState(() {});
-        },
-        controller: _searchController,
-        borderRadius: BorderRadius.circular(
-          30,
                   ),
-        padding: const EdgeInsets.symmetric(
-          horizontal: 5,
-          vertical: 5,
                 ),
-        suffixInsets: const EdgeInsets.only(
-          right: 15,
               ),
-        prefixInsets: EdgeInsets.only(
-          top: Platform.isAndroid ? 10 : 6,
-          bottom: 6,
-          left: 15,
             ),
-        placeholderStyle: TextStyle(
-          fontSize: 16,
-          color: context.watch(themeProvider).themeColor.descColor(),
           ),
-        style: const TextStyle(
+        ],
-          fontSize: 16,
-        ),
-        placeholder: "搜索",
       ),
     );
   }
@@ -143,9 +203,7 @@ class EnvItemCell extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return ColoredBox(
+    return Slidable(
-      color: ref.watch(themeProvider).themeColor.settingBgColor(),
-      child: Slidable(
       key: ValueKey(bean.sId),
       endActionPane: ActionPane(
         motion: const StretchMotion(),
@@ -206,28 +264,35 @@ class EnvItemCell extends StatelessWidget {
                             child: Row(
                               children: [
                                 bean.status == 1
-                                      ? const Icon(
+                                    ? const SizedBox(
-                                          Icons.dnd_forwardslash,
+                                        width: 18,
-                                          size: 18,
-                                          color: Color(0xffEA4D3E),
                                       )
                                     : Container(
                                         padding: const EdgeInsets.symmetric(
                                           horizontal: 5,
                                         ),
                                         decoration: BoxDecoration(
-                                            borderRadius: BorderRadius.circular(5),
+                                          borderRadius: BorderRadius.circular(3),
-                                            border: Border.all(color: ref.watch(themeProvider).primaryColor, width: 1),
+                                          border: Border.all(color: ref.watch(themeProvider).themeColor.descColor(), width: 1),
                                         ),
                                         child: Text(
                                           "${getIndexByIndex(context, index)}",
-                                            style: TextStyle(color: ref.watch(themeProvider).primaryColor, fontSize: 12),
+                                          style: TextStyle(
+                                            color: ref.watch(themeProvider).themeColor.descColor(),
+                                            fontSize: 12,
+                                          ),
                                         ),
                                       ),
                                 const SizedBox(
                                   width: 5,
                                 ),
-                                  Material(
+                                ConstrainedBox(
+                                  constraints: BoxConstraints.loose(
+                                    Size.fromWidth(
+                                      MediaQuery.of(context).size.width / 2,
+                                    ),
+                                  ),
+                                  child: Material(
                                     color: Colors.transparent,
                                     child: Text(
                                       bean.name ?? "",
@@ -239,10 +304,16 @@ class EnvItemCell extends StatelessWidget {
                                       ),
                                     ),
                                   ),
+                                ),
                                 const SizedBox(
                                   width: 5,
                                 ),
-                                  Expanded(
+                                ConstrainedBox(
+                                  constraints: BoxConstraints.loose(
+                                    Size.fromWidth(
+                                      MediaQuery.of(context).size.width / 3,
+                                    ),
+                                  ),
                                   child: Visibility(
                                     visible: bean.remarks != null && bean.remarks!.isNotEmpty,
                                     child: Material(
@@ -260,6 +331,20 @@ class EnvItemCell extends StatelessWidget {
                                     ),
                                   ),
                                 ),
+                                const SizedBox(
+                                  width: 7,
+                                ),
+                                bean.status == 1
+                                    ? Image.asset(
+                                        "assets/images/icon_disabled.png",
+                                        fit: BoxFit.cover,
+                                        width: 35,
+                                      )
+                                    : Image.asset(
+                                        "assets/images/icon_enable.png",
+                                        fit: BoxFit.cover,
+                                        width: 35,
+                                      )
                               ],
                             ),
                           ),
@@ -307,7 +392,6 @@ class EnvItemCell extends StatelessWidget {
           ],
         ),
       ),
-      ),
     );
   }
 

lib/module/env/env_viewmodel.dart

@@ -8,21 +8,34 @@ import 'package:qinglong_app/utils/extension.dart';
 var envProvider = ChangeNotifierProvider((ref) => EnvViewModel());
 
 class EnvViewModel extends BaseViewModel {
+  static const String allStr = "全部";
+  static const String disabledStr = "已禁用";
+  static const String enabledStr = "已启用";
   List<EnvBean> list = [];
+  List<EnvBean> disabledList = [];
+  List<EnvBean> enabledList = [];
+
 
   Future<void> loadData([isLoading = true]) async {
-    if (isLoading) {
+    if (isLoading && list.isEmpty) {
       loading(notify: true);
     }
 
     HttpResponse<List<EnvBean>> result = await Api.envs("");
 
+
     if (result.success && result.bean != null) {
       list.clear();
       list.addAll(result.bean!);
+      disabledList.clear();
+      disabledList.addAll(list.where((element) => element.status == 1).toList());
+      enabledList.clear();
+      enabledList.addAll(list.where((element) => element.status == 0).toList());
       success();
     } else {
       list.clear();
+      disabledList.clear();
+      enabledList.clear();
       failed(result.message, notify: true);
     }
   }
@@ -31,23 +44,14 @@ class EnvViewModel extends BaseViewModel {
     HttpResponse<NullResponse> result = await Api.delEnv(id);
     if (result.success) {
       "删除成功".toast();
-      list.removeWhere((element) => element.sId == id);
+      loadData(false);
-      notifyListeners();
     } else {
       failed(result.message, notify: true);
     }
   }
 
   void updateEnv(EnvBean result) {
-    if (result.sId == null) {
     loadData(false);
-      return;
-    }
-    EnvBean bean = list.firstWhere((element) => element.sId == result.sId);
-    bean.name = result.name;
-    bean.remarks = result.remarks;
-    bean.value = result.value;
-    notifyListeners();
   }
 
   Future<void> enableEnv(String sId, int status) async {
@@ -56,8 +60,7 @@ class EnvViewModel extends BaseViewModel {
 
       if (response.success) {
         "启用成功".toast();
-        list.firstWhere((element) => element.sId == sId).status = 0;
+        loadData(false);
-        success();
       } else {
         failToast(response.message, notify: true);
       }
@@ -66,8 +69,7 @@ class EnvViewModel extends BaseViewModel {
 
       if (response.success) {
         "禁用成功".toast();
-        list.firstWhere((element) => element.sId == sId).status = 1;
+        loadData(false);
-        success();
       } else {
         failToast(response.message, notify: true);
       }

lib/module/others/dependencies/dependency_viewmodel.dart

@@ -15,7 +15,7 @@ class DependencyViewModel extends BaseViewModel {
   List<DependencyBean> linuxList = [];
 
   Future<void> loadData(String type, [bool showLoading = true]) async {
-    if (showLoading) {
+    if (showLoading && ((type == "nodejs" && nodeJsList.isEmpty) || (type == "python3" && python3List.isEmpty) || (type == "linux" && linuxList.isEmpty))) {
       loading(notify: true);
     }
 

lib/module/others/login_log/login_log_page.dart

@@ -39,40 +39,53 @@ class _LoginLogPageState extends ConsumerState<LoginLogPage>
           ? const Center(
         child: CupertinoActivityIndicator(),
       )
-          : ListView.builder(
+          : ListView.separated(
         itemBuilder: (context, index) {
           LoginLogBean item = list[index];
 
-                return ColoredBox(
+          return Row(
-                  color: ref.watch(themeProvider).themeColor.settingBgColor(),
+            children: [
-                  child: ListTile(
+              const SizedBox(
-                    isThreeLine: true,
+                width: 15,
-                    title: Text(
-                      Utils.formatMessageTime(item.timestamp ?? 0),
-                      style: TextStyle(
-                        fontSize: 16,
-                        color: ref.watch(themeProvider).themeColor.titleColor(),
               ),
-                    ),
+              Column(
-                    subtitle: Column(
-                      mainAxisSize: MainAxisSize.min,
                 crossAxisAlignment: CrossAxisAlignment.start,
                 children: [
                   const SizedBox(
-                          height: 5,
+                    height: 10,
                   ),
-                        SelectableText(
+                  Row(
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    children: [
+                      Text(
                         "${item.address}",
-                          selectionWidthStyle: BoxWidthStyle.max,
-                          selectionHeightStyle: BoxHeightStyle.max,
                         style: TextStyle(
-                            color:
+                          color: ref
-                                ref.watch(themeProvider).themeColor.descColor(),
+                              .watch(themeProvider)
+                              .themeColor
+                              .titleColor(),
                           fontSize: 14,
                         ),
                       ),
                       const SizedBox(
-                          height: 5,
+                        width: 5,
+                      ),
+                      Padding(
+                        padding: const EdgeInsets.only(
+                          top: 2,
+                        ),
+                        child: Image.asset(
+                          item.status == 0
+                              ? "assets/images/icon_success.png"
+                              : "assets/images/icon_fail.png",
+                          width: 30,
+                          fit: BoxFit.cover,
+                        ),
+                      ),
+                    ],
+                  ),
+                  const SizedBox(
+                    height: 10,
                   ),
                   SelectableText(
                     "${item.ip}",
@@ -84,29 +97,39 @@ class _LoginLogPageState extends ConsumerState<LoginLogPage>
                       fontSize: 14,
                     ),
                   ),
+                  const SizedBox(
+                    height: 10,
+                  ),
                 ],
               ),
-                    trailing: item.status == 0
+              const Spacer(),
-                        ? Icon(
+              Text(
-                            CupertinoIcons.checkmark_circle,
+                Utils.formatMessageTime(item.timestamp ?? 0),
-                            color: ref.watch(themeProvider).primaryColor,
+                style: TextStyle(
-                            size: 16,
+                  fontSize: 12,
-                          )
+                  color: ref.watch(themeProvider).themeColor.descColor(),
-                        : const Icon(
-                            CupertinoIcons.clear_circled,
-                            color: Colors.red,
-                            size: 16,
                 ),
               ),
+              const SizedBox(
+                width: 15,
+              ),
+            ],
           );
         },
         itemCount: list.length,
+        separatorBuilder: (BuildContext context, int index) {
+          return const Divider(
+            indent: 15,
+            height: 1,
+          );
+        },
       ),
     );
   }
 
   Future<void> loadData() async {
-    HttpResponse<List<LoginLogBean>> response = await Api.loginLog();
+    HttpResponse<List<LoginLogBean>> response =
+    await Api.loginLog();
 
     if (response.success) {
       if (response.bean == null || response.bean!.isEmpty) {

lib/module/others/other_page.dart

@@ -26,15 +26,8 @@ class _OtherPageState extends ConsumerState<OtherPage> {
         children: [
           Container(
             margin: const EdgeInsets.symmetric(
-              horizontal: 15,
               vertical: 15,
             ),
-            decoration: BoxDecoration(
-              color: ref.watch(themeProvider).themeColor.settingBordorColor(),
-              borderRadius: const BorderRadius.all(
-                Radius.circular(15),
-              ),
-            ),
             child: Column(
               mainAxisSize: MainAxisSize.min,
               crossAxisAlignment: CrossAxisAlignment.start,
@@ -225,15 +218,8 @@ class _OtherPageState extends ConsumerState<OtherPage> {
           ),
           Container(
             margin: const EdgeInsets.symmetric(
-              horizontal: 15,
               vertical: 15,
             ),
-            decoration: BoxDecoration(
-              color: ref.watch(themeProvider).themeColor.settingBordorColor(),
-              borderRadius: const BorderRadius.all(
-                Radius.circular(15),
-              ),
-            ),
             child: Column(
               mainAxisSize: MainAxisSize.min,
               crossAxisAlignment: CrossAxisAlignment.start,
@@ -304,6 +290,41 @@ class _OtherPageState extends ConsumerState<OtherPage> {
                 const Divider(
                   indent: 15,
                 ),
+                GestureDetector(
+                  behavior: HitTestBehavior.opaque,
+                  onTap: () {
+                    Navigator.of(context).pushNamed(Routes.routeChangeAccount);
+                  },
+                  child: Padding(
+                    padding: const EdgeInsets.only(
+                      left: 15,
+                      right: 15,
+                      top: 5,
+                      bottom: 5,
+                    ),
+                    child: Row(
+                      crossAxisAlignment: CrossAxisAlignment.center,
+                      mainAxisAlignment: MainAxisAlignment.center,
+                      children: [
+                        Text(
+                          "切换账号",
+                          style: TextStyle(
+                            color: ref.watch(themeProvider).themeColor.titleColor(),
+                            fontSize: 16,
+                          ),
+                        ),
+                        const Spacer(),
+                        const Icon(
+                          CupertinoIcons.right_chevron,
+                          size: 16,
+                        ),
+                      ],
+                    ),
+                  ),
+                ),
+                const Divider(
+                  indent: 15,
+                ),
                 GestureDetector(
                   behavior: HitTestBehavior.opaque,
                   onTap: () {

lib/module/others/scripts/script_page.dart

@@ -7,6 +7,7 @@ import 'package:qinglong_app/base/ql_app_bar.dart';
 import 'package:qinglong_app/base/routes.dart';
 import 'package:qinglong_app/base/theme.dart';
 import 'package:qinglong_app/base/ui/lazy_load_state.dart';
+import 'package:qinglong_app/base/ui/search_cell.dart';
 import 'package:qinglong_app/module/others/scripts/script_bean.dart';
 import 'package:qinglong_app/utils/extension.dart';
 
@@ -170,39 +171,7 @@ class _ScriptPageState extends ConsumerState<ScriptPage> with LazyLoadState<Scri
         horizontal: 15,
         vertical: 10,
       ),
-      child: CupertinoSearchTextField(
+      child:SearchCell(controller: _searchController,),
-        onSubmitted: (value) {
-          setState(() {});
-        },
-        onSuffixTap: () {
-          _searchController.text = "";
-          setState(() {});
-        },
-        controller: _searchController,
-        borderRadius: BorderRadius.circular(
-          30,
-        ),
-        padding: const EdgeInsets.symmetric(
-          horizontal: 5,
-          vertical: 5,
-        ),
-        suffixInsets: const EdgeInsets.only(
-          right: 15,
-        ),
-        prefixInsets: const EdgeInsets.only(
-          top: 6,
-          bottom: 6,
-          left: 15,
-        ),
-        placeholderStyle: TextStyle(
-          fontSize: 16,
-          color: context.watch(themeProvider).themeColor.descColor(),
-        ),
-        style: const TextStyle(
-          fontSize: 16,
-        ),
-        placeholder: "搜索",
-      ),
     );
   }
 

lib/module/others/task_log/task_log_page.dart

@@ -7,6 +7,7 @@ import 'package:qinglong_app/base/ql_app_bar.dart';
 import 'package:qinglong_app/base/routes.dart';
 import 'package:qinglong_app/base/theme.dart';
 import 'package:qinglong_app/base/ui/lazy_load_state.dart';
+import 'package:qinglong_app/base/ui/search_cell.dart';
 import 'package:qinglong_app/module/others/task_log/task_log_bean.dart';
 import 'package:qinglong_app/utils/extension.dart';
 
@@ -20,6 +21,27 @@ class TaskLogPage extends ConsumerStatefulWidget {
 
 class _TaskLogPageState extends ConsumerState<TaskLogPage> with LazyLoadState<TaskLogPage> {
   List<TaskLogBean> list = [];
+  final TextEditingController _searchController = TextEditingController();
+
+  Widget searchCell(WidgetRef context) {
+    return Container(
+      padding: const EdgeInsets.symmetric(
+        horizontal: 15,
+        vertical: 10,
+      ),
+      child: SearchCell(
+        controller: _searchController,
+      ),
+    );
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    _searchController.addListener(() {
+      setState(() {});
+    });
+  }
 
   @override
   Widget build(BuildContext context) {
@@ -37,8 +59,13 @@ class _TaskLogPageState extends ConsumerState<TaskLogPage> with LazyLoadState<Ta
             )
           : ListView.builder(
               itemBuilder: (context, index) {
-                TaskLogBean item = list[index];
+                if (index == 0) {
-
+                  return searchCell(ref);
+                }
+                TaskLogBean item = list[index - 1];
+                if (_searchController.text.isNotEmpty && !(item.name?.contains(_searchController.text) ?? false)) {
+                  return const SizedBox.shrink();
+                }
                 return ColoredBox(
                   color: ref.watch(themeProvider).themeColor.settingBgColor(),
                   child: (item.isDir ?? false)
@@ -92,8 +119,10 @@ class _TaskLogPageState extends ConsumerState<TaskLogPage> with LazyLoadState<Ta
                               "该文件夹为空".toast();
                               return;
                             }
-
+                            Navigator.of(context).pushNamed(Routes.routeTaskLogDetail, arguments: {
-                      Navigator.of(context).pushNamed(Routes.routeTaskLogDetail, arguments: item.name);
+                              "path": "",
+                              "title": item.name,
+                            });
                           },
                           title: Text(
                             item.name ?? "",

lib/module/task/intime_log/intime_log_page.dart

@@ -10,8 +10,7 @@ class InTimeLogPage extends StatefulWidget {
   final String cronId;
   final bool needTimer;
 
-  const InTimeLogPage(this.cronId, this.needTimer, {Key? key})
+  const InTimeLogPage(this.cronId, this.needTimer, {Key? key}) : super(key: key);
-      : super(key: key);
 
   @override
   _InTimeLogPageState createState() => _InTimeLogPageState();
@@ -25,28 +24,28 @@ class _InTimeLogPageState extends State<InTimeLogPage> {
   @override
   void initState() {
     super.initState();
-
-    if (widget.needTimer) {
     _timer = Timer.periodic(
       const Duration(seconds: 2),
       (timer) {
         getLogData();
       },
     );
-    } else {
-      WidgetsBinding.instance?.addPostFrameCallback((timeStamp) {
-        getLogData();
-      });
-    }
   }
 
+  bool isRequest = false;
+  bool canRequest = true;
+
   getLogData() async {
+    if (!canRequest) return;
+    if (isRequest) return;
+    isRequest = true;
     HttpResponse<String> response = await Api.inTimeLog(widget.cronId);
 
     if (response.success) {
       content = response.bean;
       setState(() {});
     }
+    isRequest = false;
   }
 
   @override

lib/module/task/task_page.dart

@@ -7,6 +7,7 @@ import 'package:flutter_slidable/flutter_slidable.dart';
 import 'package:qinglong_app/base/base_state_widget.dart';
 import 'package:qinglong_app/base/routes.dart';
 import 'package:qinglong_app/base/theme.dart';
+import 'package:qinglong_app/base/ui/search_cell.dart';
 import 'package:qinglong_app/module/task/intime_log/intime_log_page.dart';
 import 'package:qinglong_app/module/task/task_bean.dart';
 import 'package:qinglong_app/module/task/task_viewmodel.dart';
@@ -50,7 +51,7 @@ class _TaskPageState extends ConsumerState<TaskPage> {
     return RefreshIndicator(
       color: Theme.of(context).primaryColor,
       onRefresh: () async {
-        return model.loadData( false);
+        return model.loadData(false);
       },
       child: IconTheme(
         data: const IconThemeData(
@@ -100,45 +101,20 @@ class _TaskPageState extends ConsumerState<TaskPage> {
 
   Widget searchCell(WidgetRef context) {
     return Container(
-      padding: const EdgeInsets.symmetric(
+      color: ref.watch(themeProvider).themeColor.settingBgColor(),
-        horizontal: 15,
+      padding: const EdgeInsets.only(
-        vertical: 10,
+        left: 15,
       ),
       child: Row(
         children: [
           Expanded(
-            child: CupertinoSearchTextField(
+            child: Padding(
-              onSubmitted: (value) {
-                setState(() {});
-              },
-              onSuffixTap: () {
-                _searchController.text = "";
-                setState(() {});
-              },
-              controller: _searchController,
-              borderRadius: BorderRadius.circular(
-                30,
-              ),
               padding: const EdgeInsets.symmetric(
-                horizontal: 5,
+                vertical: 10,
-                vertical: 5,
               ),
-              suffixInsets: const EdgeInsets.only(
+              child: SearchCell(
-                right: 15,
+                controller: _searchController,
               ),
-              prefixInsets: EdgeInsets.only(
-                top: Platform.isAndroid ? 10 : 6,
-                bottom: 6,
-                left: 15,
-              ),
-              placeholderStyle: TextStyle(
-                fontSize: 16,
-                color: context.watch(themeProvider).themeColor.descColor(),
-              ),
-              style: const TextStyle(
-                fontSize: 16,
-              ),
-              placeholder: "搜索",
             ),
           ),
           Material(
@@ -209,8 +185,9 @@ class _TaskPageState extends ConsumerState<TaskPage> {
                 ),
               ],
               child: Padding(
-                padding: const EdgeInsets.only(
+                padding: const EdgeInsets.symmetric(
-                  left: 10,
+                  horizontal: 15,
+                  vertical: 10,
                 ),
                 child: Text(
                   "筛选",
@@ -258,7 +235,7 @@ class TaskItemCell extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return ColoredBox(
-      color: ref.watch(themeProvider).themeColor.settingBgColor(),
+      color: bean.isPinned == 1 ? ref.watch(themeProvider).themeColor.pinColor() : ref.watch(themeProvider).themeColor.settingBgColor(),
       child: Slidable(
         key: ValueKey(bean.sId),
         endActionPane: ActionPane(
@@ -268,7 +245,7 @@ class TaskItemCell extends StatelessWidget {
             SlidableAction(
               backgroundColor: const Color(0xff5D5E70),
               onPressed: (_) {
-                WidgetsBinding.instance?.addPostFrameCallback((timeStamp) {
+                WidgetsBinding.instance?.endOfFrame.then((timeStamp) {
                   Navigator.of(context).pushNamed(Routes.routeAddTask, arguments: bean);
                 });
               },
@@ -278,19 +255,15 @@ class TaskItemCell extends StatelessWidget {
             SlidableAction(
               backgroundColor: const Color(0xffF19A39),
               onPressed: (_) {
-                WidgetsBinding.instance?.addPostFrameCallback((timeStamp) {
                 pinTask(context);
-                });
               },
               foregroundColor: Colors.white,
-              icon: bean.isPinned! == 0 ? CupertinoIcons.pin : CupertinoIcons.pin_slash,
+              icon: (bean.isPinned ?? 0) == 0 ? CupertinoIcons.pin : CupertinoIcons.pin_slash,
             ),
             SlidableAction(
               backgroundColor: const Color(0xffA356D6),
               onPressed: (_) {
-                WidgetsBinding.instance?.addPostFrameCallback((timeStamp) {
                 enableTask(context);
-                });
               },
               foregroundColor: Colors.white,
               icon: bean.isDisabled! == 0 ? Icons.dnd_forwardslash : Icons.check_circle_outline_sharp,
@@ -298,9 +271,7 @@ class TaskItemCell extends StatelessWidget {
             SlidableAction(
               backgroundColor: const Color(0xffEA4D3E),
               onPressed: (_) {
-                WidgetsBinding.instance?.addPostFrameCallback((timeStamp) {
                 delTask(context, ref);
-                });
               },
               foregroundColor: Colors.white,
               icon: CupertinoIcons.delete,
@@ -314,13 +285,17 @@ class TaskItemCell extends StatelessWidget {
             SlidableAction(
               backgroundColor: const Color(0xffD25535),
               onPressed: (_) {
-                WidgetsBinding.instance?.addPostFrameCallback((timeStamp) {
                 if (bean.status! == 1) {
-                    startCron(context, ref);
+                  startCron(
+                    context,
+                    ref,
+                  );
                 } else {
-                    stopCron(context, ref);
+                  stopCron(
+                    context,
+                    ref,
+                  );
                 }
-                });
               },
               foregroundColor: Colors.white,
               icon: bean.status! == 1 ? CupertinoIcons.memories : CupertinoIcons.stop_circle,
@@ -328,7 +303,10 @@ class TaskItemCell extends StatelessWidget {
             SlidableAction(
               backgroundColor: const Color(0xff606467),
               onPressed: (_) {
-                WidgetsBinding.instance?.addPostFrameCallback((timeStamp) {
+                Future.delayed(
+                    const Duration(
+                      milliseconds: 250,
+                    ), () {
                   logCron(context, ref);
                 });
               },
@@ -338,14 +316,14 @@ class TaskItemCell extends StatelessWidget {
           ],
         ),
         child: Material(
-          color: ref.watch(themeProvider).themeColor.settingBgColor(),
+          color: bean.isPinned == 1 ? ref.watch(themeProvider).themeColor.pinColor() : ref.watch(themeProvider).themeColor.settingBgColor(),
           child: InkWell(
             onTap: () {
               Navigator.of(context).pushNamed(Routes.routeTaskDetail, arguments: bean);
             },
             child: Container(
               width: MediaQuery.of(context).size.width,
-              color: bean.isPinned == 1 ? ref.watch(themeProvider).themeColor.pinColor() : Colors.transparent,
+              color: Colors.transparent,
               padding: const EdgeInsets.symmetric(
                 horizontal: 15,
                 vertical: 8,
@@ -363,30 +341,12 @@ class TaskItemCell extends StatelessWidget {
                           mainAxisSize: MainAxisSize.max,
                           mainAxisAlignment: MainAxisAlignment.start,
                           children: [
-                            bean.isDisabled == 1
+                            ConstrainedBox(
-                                ? const Icon(
+                              constraints: BoxConstraints.loose(
-                                    Icons.dnd_forwardslash,
+                                Size.fromWidth(
-                                    size: 18,
+                                  MediaQuery.of(context).size.width / 2,
-                                    color: Color(0xffEA4D3E),
-                                  )
-                                : const SizedBox.shrink(),
-                            SizedBox(
-                              width: bean.isDisabled == 1 ? 5 : 0,
-                            ),
-                            bean.status == 1
-                                ? const SizedBox.shrink()
-                                : SizedBox(
-                                    width: 13,
-                                    height: 13,
-                                    child: CircularProgressIndicator(
-                                      strokeWidth: 2,
-                                      color: ref.watch(themeProvider).primaryColor,
                                 ),
                               ),
-                            SizedBox(
-                              width: bean.status == 1 ? 0 : 5,
-                            ),
-                            Expanded(
                               child: Material(
                                 color: Colors.transparent,
                                 child: Text(
@@ -401,6 +361,30 @@ class TaskItemCell extends StatelessWidget {
                                 ),
                               ),
                             ),
+                            const SizedBox(
+                              width: 7,
+                            ),
+                            bean.status == 0
+                                ? Image.asset(
+                                    "assets/images/icon_running.png",
+                                    fit: BoxFit.cover,
+                                    width: 45,
+                                  )
+                                : Image.asset(
+                                    "assets/images/icon_idle.png",
+                                    fit: BoxFit.cover,
+                                    width: 45,
+                                  ),
+                            const SizedBox(
+                              width: 7,
+                            ),
+                            bean.isDisabled == 1
+                                ? Image.asset(
+                                    "assets/images/icon_task_disable.png",
+                                    fit: BoxFit.cover,
+                                    width: 45,
+                                  )
+                                : const SizedBox.shrink()
                           ],
                         ),
                       ),
@@ -459,18 +443,17 @@ class TaskItemCell extends StatelessWidget {
   }
 
   startCron(BuildContext context, WidgetRef ref) async {
-    await ref.read(taskProvider).runCrons( bean.sId!);
+    await ref.read(taskProvider).runCrons(bean.sId!);
-    WidgetsBinding.instance?.addPostFrameCallback((timeStamp) {
+    Future.delayed(const Duration(milliseconds: 250), () {
       logCron(context, ref);
     });
   }
 
   stopCron(BuildContext context, WidgetRef ref) {
-    ref.read(taskProvider).stopCrons( bean.sId!);
+    ref.read(taskProvider).stopCrons(bean.sId!);
   }
 
   logCron(BuildContext context, WidgetRef ref) {
-    WidgetsBinding.instance?.addPostFrameCallback((timeStamp) {
     showCupertinoDialog(
         useRootNavigator: false,
         builder: (BuildContext context) {
@@ -489,22 +472,21 @@ class TaskItemCell extends StatelessWidget {
                 ),
                 onPressed: () {
                   Navigator.of(context).pop();
-                    ref.read(taskProvider).loadData( false);
+                  ref.read(taskProvider).loadData(false);
                 },
               ),
             ],
           );
         },
         context: context);
-    });
   }
 
   void enableTask(BuildContext context) {
-    ref.read(taskProvider).enableTask( bean.sId!, bean.isDisabled!);
+    ref.read(taskProvider).enableTask(bean.sId!, bean.isDisabled!);
   }
 
   void pinTask(BuildContext context) {
-    ref.read(taskProvider).pinTask( bean.sId!, bean.isPinned!);
+    ref.read(taskProvider).pinTask(bean.sId!, bean.isPinned!);
   }
 
   void delTask(BuildContext context, WidgetRef ref) {

lib/module/task/task_viewmodel.dart

@@ -20,7 +20,7 @@ class TaskViewModel extends BaseViewModel {
   List<TaskBean> disabled = [];
 
   Future<void> loadData([isLoading = true]) async {
-    if (isLoading) {
+    if (isLoading && list.isEmpty) {
       loading(notify: true);
     }