Merge pull request #4 from huoxue1/main

新增订阅管理,新增环境变量备份和导入导出

.gitignore

@@ -44,3 +44,4 @@ app.*.map.json
 /android/app/debug
 /android/app/profile
 /android/app/release
+.fvm/

.metadata

@@ -1,10 +1,36 @@
 # This file tracks properties of this Flutter project.
 # Used by Flutter tool to assess capabilities and perform upgrades etc.
 #
-# This file should be version controlled and should not be manually edited.
+# This file should be version controlled.
 
 version:
-  revision: 77d935af4db863f6abd0b9c31c7e6df2a13de57b
+  revision: fb57da5f945d02ef4f98dfd9409a72b7cce74268
   channel: stable
 
 project_type: app
+
+# Tracks metadata for the flutter migrate command
+migration:
+  platforms:
+    - platform: root
+      create_revision: fb57da5f945d02ef4f98dfd9409a72b7cce74268
+      base_revision: fb57da5f945d02ef4f98dfd9409a72b7cce74268
+    - platform: linux
+      create_revision: fb57da5f945d02ef4f98dfd9409a72b7cce74268
+      base_revision: fb57da5f945d02ef4f98dfd9409a72b7cce74268
+    - platform: macos
+      create_revision: fb57da5f945d02ef4f98dfd9409a72b7cce74268
+      base_revision: fb57da5f945d02ef4f98dfd9409a72b7cce74268
+    - platform: windows
+      create_revision: fb57da5f945d02ef4f98dfd9409a72b7cce74268
+      base_revision: fb57da5f945d02ef4f98dfd9409a72b7cce74268
+
+  # User provided section
+
+  # List of Local paths (relative to this file) that should be
+  # ignored by the migrate tool.
+  #
+  # Files that are not part of the templates will be ignored by default.
+  unmanaged_files:
+    - 'lib/main.dart'
+    - 'ios/Runner.xcodeproj/project.pbxproj'

lib/base/base_state_widget.dart

@@ -24,12 +24,14 @@ class BaseStateWidget<T extends BaseViewModel> extends ConsumerStatefulWidget {
   _BaseStateWidgetState<T> createState() => _BaseStateWidgetState<T>();
 }
 
-class _BaseStateWidgetState<T extends BaseViewModel> extends ConsumerState<BaseStateWidget<T>> with LazyLoadState<BaseStateWidget<T>> {
+class _BaseStateWidgetState<T extends BaseViewModel>
+    extends ConsumerState<BaseStateWidget<T>>
+    with LazyLoadState<BaseStateWidget<T>> {
   @override
   Widget build(BuildContext context) {
     var viewModel = ref.watch<T>(widget.model);
     if (viewModel.failedToast != null) {
-      WidgetsBinding.instance?.addPostFrameCallback((timeStamp) {
+      WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
         (viewModel.failedToast ?? "").toast();
         viewModel.clearToast();
       });
@@ -72,7 +74,7 @@ class _BaseStateWidgetState<T extends BaseViewModel> extends ConsumerState<BaseS
   @override
   void initState() {
     super.initState();
-    WidgetsBinding.instance?.addPostFrameCallback((timeStamp) {
+    WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
       if (widget.onReady != null && !widget.lazyLoad) {
         widget.onReady!(ref.read<T>(widget.model));
       }

lib/base/http/api.dart

@@ -9,6 +9,7 @@ import 'package:qinglong_app/module/login/user_bean.dart';
 import 'package:qinglong_app/module/others/dependencies/dependency_bean.dart';
 import 'package:qinglong_app/module/others/login_log/login_log_bean.dart';
 import 'package:qinglong_app/module/others/scripts/script_bean.dart';
+import 'package:qinglong_app/module/others/subscription/subscription_bean.dart';
 import 'package:qinglong_app/module/others/task_log/task_log_bean.dart';
 import 'package:qinglong_app/module/task/task_bean.dart';
 import 'package:qinglong_app/utils/utils.dart';
@@ -353,15 +354,10 @@ class Api {
     );
   }
 
-  static Future<HttpResponse<NullResponse>> addDependency(String name, int type) async {
+  static Future<HttpResponse<NullResponse>> addDependency(List<Map<String, dynamic>> list) async {
     return await Http.post<NullResponse>(
       Url.dependencies,
-      [
-        {
-          "name": name,
-          "type": type,
-        }
-      ],
+      list,
     );
   }
 
@@ -382,4 +378,89 @@ class Api {
       [id],
     );
   }
+
+
+  // 获取订阅
+  static Future<HttpResponse<List<Subscription>>> getSubscription()async{
+    return await Http.get<List<Subscription>>(
+        Url.subscriptions,
+        {}
+    );
+  }
+
+  // 新增订阅
+  static Future<HttpResponse<Subscription>> postSubscription(Subscription subscription)async{
+    var data = subscription.toJson();
+    data.remove("id");
+    data.remove("status");
+    data.remove("pid");
+    data.remove("log_path");
+   data.remove("is_disabled");
+    data.remove("createdAt");
+    data.remove("updatedAt");
+    data.remove("pullType");
+    data.remove("pullOption");
+    return await Http.post<Subscription>(
+        Url.subscriptions,
+      data
+    );
+  }
+
+  // 修改订阅
+  static Future<HttpResponse<Subscription>> putSubscription(Subscription subscription)async{
+    return await Http.put<Subscription>(
+        Url.subscriptions,
+        subscription.toJson()
+    );
+  }
+
+  // 删除订阅 参数未一个id数组
+  static Future<HttpResponse<NullResponse>> deleteSubscription(List<int> ids)async{
+    return await Http.delete<NullResponse>(
+        Url.subscriptions,
+        ids
+    );
+  }
+
+  // 删除订阅 参数未一个id数组
+  static Future<HttpResponse<NullResponse>> disableSubscription(List<int> ids)async{
+    return await Http.put<NullResponse>(
+        Url.disableSubscriptions,
+        ids
+    );
+  }
+
+  // 删除订阅 参数未一个id数组
+  static Future<HttpResponse<NullResponse>> enableSubscription(List<int> ids)async{
+    return await Http.put<NullResponse>(
+        Url.enableSubscriptions,
+        ids
+    );
+  }
+
+  // 开始执行订阅
+  static Future<HttpResponse<NullResponse>> startSubscription(
+      List<int> subscriptions) async {
+    return await Http.put<NullResponse>(
+      Url.runSubscriptions,
+      subscriptions,
+    );
+  }
+
+  // 暂停订阅执行
+  static Future<HttpResponse<NullResponse>> stopSubscription(
+      List<int> subscriptions) async {
+    return await Http.put<NullResponse>(
+      Url.stopSubscriptions,
+      subscriptions,
+    );
+  }
+
+  // 获取订阅的日志
+  static Future<HttpResponse<String>> subTimeLog(int subId) async {
+    return await Http.get<String>(
+      Url.subtimeLog(subId),
+      null,
+    );
+  }
 }

lib/base/http/http.dart

@@ -122,7 +122,8 @@ class Http {
     if (!pushedLoginPage) {
       "身份已过期,请重新登录".toast();
       pushedLoginPage = true;
-      navigatorState.currentState?.pushNamedAndRemoveUntil(Routes.routeLogin, (route) => false);
+      navigatorState.currentState
+          ?.pushNamedAndRemoveUntil(Routes.routeLogin, (route) => false);
     }
   }
 
@@ -136,9 +137,15 @@ class Http {
     }
 
     if (e.response != null && e.response!.data != null) {
-      return HttpResponse(success: false, message: e.response?.data["message"] ?? e.message, code: e.response?.data["code"] ?? 0);
+      return HttpResponse(
+          success: false,
+          message: e.response?.data["message"] ?? e.message,
+          code: e.response?.data["code"] ?? 0);
     } else {
-      return HttpResponse(success: false, message: e.message, code: e.response?.statusCode ?? 0);
+      return HttpResponse(
+          success: false,
+          message: e.message,
+          code: e.response?.statusCode ?? 0);
     }
   }
 
@@ -223,7 +230,8 @@ class HttpResponse<T> {
   late int code;
   T? bean;
 
-  HttpResponse({required this.success, this.message, required this.code, this.bean});
+  HttpResponse(
+      {required this.success, this.message, required this.code, this.bean});
 }
 
 class DeserializeAction<T> {

lib/base/http/token_interceptor.dart

@@ -7,8 +7,7 @@ import '../userinfo_viewmodel.dart';
 class TokenInterceptor extends Interceptor {
   @override
   void onRequest(RequestOptions options, RequestInterceptorHandler handler) {
-    options.headers["User-Agent"] =
-        "qinglong_client";
+    options.headers["User-Agent"] = "qinglong_client";
 
     options.headers["Content-Type"] = "application/json;charset=UTF-8";
 

lib/base/http/url.dart

@@ -14,70 +14,159 @@ class Url {
 
   static const updatePassword = "/api/user";
 
-  static get tasks => getIt<UserInfoViewModel>().useSecretLogined ? "/open/crons" : "/api/crons";
+  static get tasks => getIt<UserInfoViewModel>().useSecretLogined
+      ? "/open/crons"
+      : "/api/crons";
 
-  static get runTasks => getIt<UserInfoViewModel>().useSecretLogined ? "/open/crons/run" : "/api/crons/run";
+  static get runTasks => getIt<UserInfoViewModel>().useSecretLogined
+      ? "/open/crons/run"
+      : "/api/crons/run";
 
-  static get stopTasks => getIt<UserInfoViewModel>().useSecretLogined ? "/open/crons/stop" : "/api/crons/stop";
+  static get stopTasks => getIt<UserInfoViewModel>().useSecretLogined
+      ? "/open/crons/stop"
+      : "/api/crons/stop";
 
-  static get taskDetail => getIt<UserInfoViewModel>().useSecretLogined ? "/open/crons/" : "/api/crons/";
+  static get taskDetail => getIt<UserInfoViewModel>().useSecretLogined
+      ? "/open/crons/"
+      : "/api/crons/";
 
-  static get addTask => getIt<UserInfoViewModel>().useSecretLogined ? "/open/crons" : "/api/crons";
+  static get addTask => getIt<UserInfoViewModel>().useSecretLogined
+      ? "/open/crons"
+      : "/api/crons";
 
-  static get pinTask => getIt<UserInfoViewModel>().useSecretLogined ? "/open/crons/pin" : "/api/crons/pin";
+  static get pinTask => getIt<UserInfoViewModel>().useSecretLogined
+      ? "/open/crons/pin"
+      : "/api/crons/pin";
 
-  static get unpinTask => getIt<UserInfoViewModel>().useSecretLogined ? "/open/crons/unpin" : "/api/crons/unpin";
+  static get unpinTask => getIt<UserInfoViewModel>().useSecretLogined
+      ? "/open/crons/unpin"
+      : "/api/crons/unpin";
 
-  static get enableTask => getIt<UserInfoViewModel>().useSecretLogined ? "/open/crons/enable" : "/api/crons/enable";
+  static get enableTask => getIt<UserInfoViewModel>().useSecretLogined
+      ? "/open/crons/enable"
+      : "/api/crons/enable";
 
-  static get disableTask => getIt<UserInfoViewModel>().useSecretLogined ? "/open/crons/disable" : "/api/crons/disable";
+  static get disableTask => getIt<UserInfoViewModel>().useSecretLogined
+      ? "/open/crons/disable"
+      : "/api/crons/disable";
 
-  static get files => getIt<UserInfoViewModel>().useSecretLogined ? "/open/configs/files" : "/api/configs/files";
+  static get files => getIt<UserInfoViewModel>().useSecretLogined
+      ? "/open/configs/files"
+      : "/api/configs/files";
 
-  static get configContent => getIt<UserInfoViewModel>().useSecretLogined ? "/open/configs/" : "/api/configs/";
+  static get configContent => getIt<UserInfoViewModel>().useSecretLogined
+      ? "/open/configs/"
+      : "/api/configs/";
 
-  static get saveFile => getIt<UserInfoViewModel>().useSecretLogined ? "/open/configs/save" : "/api/configs/save";
+  static get saveFile => getIt<UserInfoViewModel>().useSecretLogined
+      ? "/open/configs/save"
+      : "/api/configs/save";
 
-  static get envs => getIt<UserInfoViewModel>().useSecretLogined ? "/open/envs" : "/api/envs";
+  static get envs =>
+      getIt<UserInfoViewModel>().useSecretLogined ? "/open/envs" : "/api/envs";
 
-  static get addEnv => getIt<UserInfoViewModel>().useSecretLogined ? "/open/envs" : "/api/envs";
+  static get addEnv =>
+      getIt<UserInfoViewModel>().useSecretLogined ? "/open/envs" : "/api/envs";
 
-  static get delEnv => getIt<UserInfoViewModel>().useSecretLogined ? "/open/envs" : "/api/envs";
+  static get delEnv =>
+      getIt<UserInfoViewModel>().useSecretLogined ? "/open/envs" : "/api/envs";
 
-  static get disableEnvs => getIt<UserInfoViewModel>().useSecretLogined ? "/open/envs/disable" : "/api/envs/disable";
+  static get disableEnvs => getIt<UserInfoViewModel>().useSecretLogined
+      ? "/open/envs/disable"
+      : "/api/envs/disable";
 
-  static get enableEnvs => getIt<UserInfoViewModel>().useSecretLogined ? "/open/envs/enable" : "/api/envs/enable";
+  static get enableEnvs => getIt<UserInfoViewModel>().useSecretLogined
+      ? "/open/envs/enable"
+      : "/api/envs/enable";
 
-  static get loginLog => getIt<UserInfoViewModel>().useSecretLogined ? "/open/user/login-log" : "/api/user/login-log";
+  static get loginLog => getIt<UserInfoViewModel>().useSecretLogined
+      ? "/open/user/login-log"
+      : "/api/user/login-log";
 
-  static get taskLog => getIt<UserInfoViewModel>().useSecretLogined ? "/open/logs" : "/api/logs";
+  static get taskLog =>
+      getIt<UserInfoViewModel>().useSecretLogined ? "/open/logs" : "/api/logs";
 
-  static get taskLogDetail => getIt<UserInfoViewModel>().useSecretLogined ? "/open/logs/" : "/api/logs/";
+  static get taskLogDetail => getIt<UserInfoViewModel>().useSecretLogined
+      ? "/open/logs/"
+      : "/api/logs/";
 
-  static get scripts => getIt<UserInfoViewModel>().useSecretLogined ? "/open/scripts/files" : "/api/scripts/files";
+  static get scripts => getIt<UserInfoViewModel>().useSecretLogined
+      ? "/open/scripts/files"
+      : "/api/scripts/files";
 
-  static get scripts2 => getIt<UserInfoViewModel>().useSecretLogined ? "/open/scripts" : "/api/scripts";
+  static get scripts2 => getIt<UserInfoViewModel>().useSecretLogined
+      ? "/open/scripts"
+      : "/api/scripts";
 
-  static get scriptUpdate => getIt<UserInfoViewModel>().useSecretLogined ? "/open/scripts" : "/api/scripts";
+  static get scriptUpdate => getIt<UserInfoViewModel>().useSecretLogined
+      ? "/open/scripts"
+      : "/api/scripts";
 
-  static get scriptDetail => getIt<UserInfoViewModel>().useSecretLogined ? "/open/scripts/" : "/api/scripts/";
+  static get scriptDetail => getIt<UserInfoViewModel>().useSecretLogined
+      ? "/open/scripts/"
+      : "/api/scripts/";
 
-  static get dependencies => getIt<UserInfoViewModel>().useSecretLogined ? "/open/dependencies" : "/api/dependencies";
+  static get dependencies => getIt<UserInfoViewModel>().useSecretLogined
+      ? "/open/dependencies"
+      : "/api/dependencies";
 
-  static get addScript => getIt<UserInfoViewModel>().useSecretLogined ? "/open/scripts" : "/api/scripts";
+  static get addScript => getIt<UserInfoViewModel>().useSecretLogined
+      ? "/open/scripts"
+      : "/api/scripts";
 
-  static get dependencyReinstall => getIt<UserInfoViewModel>().useSecretLogined ? "/open/dependencies/reinstall" : "/api/dependencies/reinstall";
+  static get dependencyReinstall => getIt<UserInfoViewModel>().useSecretLogined
+      ? "/open/dependencies/reinstall"
+      : "/api/dependencies/reinstall";
 
   static intimeLog(String cronId) {
-    return getIt<UserInfoViewModel>().useSecretLogined ? "/open/crons/$cronId/log" : "/api/crons/$cronId/log";
+    return getIt<UserInfoViewModel>().useSecretLogined
+        ? "/open/crons/$cronId/log"
+        : "/api/crons/$cronId/log";
   }
 
   static envMove(String envId) {
-    return getIt<UserInfoViewModel>().useSecretLogined ? "/open/envs/$envId/move" : "/api/envs/$envId/move";
+    return getIt<UserInfoViewModel>().useSecretLogined
+        ? "/open/envs/$envId/move"
+        : "/api/envs/$envId/move";
+  }
+
+  // 运行订阅
+  static get runSubscriptions => getIt<UserInfoViewModel>().useSecretLogined
+      ? "/open/subscriptions/run"
+      : "/api/subscriptions/run";
+
+  // 停止订阅
+  static get stopSubscriptions => getIt<UserInfoViewModel>().useSecretLogined
+      ? "/open/subscriptions/stop"
+      : "/api/subscriptions/stop";
+
+  // 启用订阅
+  static get enableSubscriptions => getIt<UserInfoViewModel>().useSecretLogined
+      ? "/open/subscriptions/enable"
+      : "/api/subscriptions/enable";
+
+  // 禁用订阅
+  static get disableSubscriptions => getIt<UserInfoViewModel>().useSecretLogined
+      ? "/open/subscriptions/disable"
+      : "/api/subscriptions/disable";
+
+  // GET 获取订阅 POST 提交订阅 PUT 修改订阅 DELETE 删除订阅
+  static get subscriptions => getIt<UserInfoViewModel>().useSecretLogined
+      ? "/open/subscriptions"
+      : "/api/subscriptions";
+
+  // 获取订阅日志
+  static subtimeLog(int cronId) {
+    return getIt<UserInfoViewModel>().useSecretLogined
+        ? "/open/subscriptions/$cronId/log"
+        : "/api/subscriptions/$cronId/log";
   }
 
   static bool inWhiteList(String path) {
-    if (path == login || path == loginByClientId || path == loginTwo || path == loginOld) {
+    if (path == login ||
+        path == loginByClientId ||
+        path == loginTwo ||
+        path == loginOld) {
       return true;
     }
     return false;

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';
@@ -7,12 +8,18 @@ import 'package:qinglong_app/module/env/env_detail_page.dart';
 import 'package:qinglong_app/module/home/home_page.dart';
 import 'package:qinglong_app/module/login/login_page.dart';
 import 'package:qinglong_app/module/others/about_page.dart';
+import 'package:qinglong_app/module/others/backup/backup_page.dart';
 import 'package:qinglong_app/module/others/dependencies/add_dependency_page.dart';
 import 'package:qinglong_app/module/others/dependencies/dependency_page.dart';
 import 'package:qinglong_app/module/others/login_log/login_log_page.dart';
+import 'package:qinglong_app/module/others/scripts/acript_add_page.dart';
 import 'package:qinglong_app/module/others/scripts/script_detail_page.dart';
 import 'package:qinglong_app/module/others/scripts/script_edit_page.dart';
 import 'package:qinglong_app/module/others/scripts/script_page.dart';
+import 'package:qinglong_app/module/others/subscription/subscription_add_page.dart';
+import 'package:qinglong_app/module/others/subscription/subscription_bean.dart';
+import 'package:qinglong_app/module/others/subscription/subscription_detail_page.dart';
+import 'package:qinglong_app/module/others/subscription/subscription_page.dart';
 import 'package:qinglong_app/module/others/task_log/task_log_detail_page.dart';
 import 'package:qinglong_app/module/others/task_log/task_log_page.dart';
 import 'package:qinglong_app/module/others/theme_page.dart';
@@ -41,6 +48,13 @@ class Routes {
   static const String routeUpdatePassword = "/updatePassword";
   static const String routeAbout = "/about";
   static const String routeTheme = "/theme";
+  static const String routeChangeAccount = "/changeAccount";
+  static const String routerAddScript = "/script/add";
+  static const String routerSubscription = "/subscription";
+  static const String routerSubscriptionDetail = "/subscription/detail";
+  static const String routerSubscriptionAdd = "/subscription/add";
+
+  static const String routerBackup = "/backup";
 
   static Route<dynamic>? generateRoute(RouteSettings settings) {
     switch (settings.name) {
@@ -55,98 +69,129 @@ class Routes {
         } else {
           return MaterialPageRoute(builder: (context) => const LoginPage());
         }
-
+      case routeChangeAccount:
+        return MaterialPageRoute(
+          builder: (context) => const ChangeAccountPage(),
+        );
       case routeAddTask:
         if (settings.arguments != null) {
-          return CupertinoPageRoute(
+          return MaterialPageRoute(
               builder: (context) => AddTaskPage(
                     taskBean: settings.arguments as TaskBean,
                   ));
         } else {
-          return CupertinoPageRoute(builder: (context) => const AddTaskPage());
+          return MaterialPageRoute(builder: (context) => const AddTaskPage());
         }
       case routeAddDependency:
-        return CupertinoPageRoute(
+        return MaterialPageRoute(
             builder: (context) => const AddDependencyPage());
       case routeAddEnv:
         if (settings.arguments != null) {
-          return CupertinoPageRoute(
+          return MaterialPageRoute(
               builder: (context) => AddEnvPage(
                     envBean: settings.arguments as EnvBean,
                   ));
         } else {
-          return CupertinoPageRoute(builder: (context) => const AddEnvPage());
+          return MaterialPageRoute(builder: (context) => const AddEnvPage());
         }
       case routeConfigEdit:
-        return CupertinoPageRoute(
+        return MaterialPageRoute(
           builder: (context) => ConfigEditPage(
             (settings.arguments as Map)["title"],
             (settings.arguments as Map)["content"],
           ),
         );
       case routeLoginLog:
-        return CupertinoPageRoute(
+        return MaterialPageRoute(
           builder: (context) => const LoginLogPage(),
         );
       case routeTaskLog:
-        return CupertinoPageRoute(
+        return MaterialPageRoute(
           builder: (context) => const TaskLogPage(),
         );
       case routeScript:
-        return CupertinoPageRoute(
+        return MaterialPageRoute(
           builder: (context) => const ScriptPage(),
         );
       case routeDependency:
-        return CupertinoPageRoute(
+        return MaterialPageRoute(
           builder: (context) => const DependencyPage(),
         );
       case routeTaskLogDetail:
-        return CupertinoPageRoute(
+        return MaterialPageRoute(
           builder: (context) => TaskLogDetailPage(
             title: (settings.arguments as Map)['title'],
             path: (settings.arguments as Map)['path'],
           ),
         );
       case routeScriptDetail:
-        return CupertinoPageRoute(
+        return MaterialPageRoute(
           builder: (context) => ScriptDetailPage(
             title: (settings.arguments as Map)["title"],
             path: (settings.arguments as Map)["path"],
           ),
         );
       case routeTaskDetail:
-        return CupertinoPageRoute(
+        return MaterialPageRoute(
           builder: (context) => TaskDetailPage(
             settings.arguments as TaskBean,
           ),
         );
       case routeEnvDetail:
-        return CupertinoPageRoute(
+        return MaterialPageRoute(
           builder: (context) => EnvDetailPage(
             settings.arguments as EnvBean,
           ),
         );
       case routeUpdatePassword:
-        return CupertinoPageRoute(
+        return MaterialPageRoute(
           builder: (context) => const UpdatePasswordPage(),
         );
       case routeAbout:
-        return CupertinoPageRoute(
+        return MaterialPageRoute(
           builder: (context) => const AboutPage(),
         );
       case routeTheme:
-        return CupertinoPageRoute(
+        return MaterialPageRoute(
           builder: (context) => const ThemePage(),
         );
       case routeScriptUpdate:
-        return CupertinoPageRoute(
+        return MaterialPageRoute(
           builder: (context) => ScriptEditPage(
             (settings.arguments as Map)["title"],
             (settings.arguments as Map)["path"],
             (settings.arguments as Map)["content"],
           ),
         );
+      case routeScriptAdd:
+        return CupertinoPageRoute(
+          builder: (context) => const ScriptAddPage(),
+        );
+      case routerSubscription:
+        return CupertinoPageRoute(
+          builder: (context) => const SubscriptionPage(),
+        );
+      case routerSubscriptionDetail:
+        return CupertinoPageRoute(
+          builder: (context) => SubscriptionDetailPage(
+            settings.arguments as Subscription,
+          ),
+        );
+      case routerSubscriptionAdd:
+        if (settings.arguments != null) {
+          return MaterialPageRoute(
+              builder: (context) => SubscriptionAddPage(
+                settings.arguments as Subscription,
+              ));
+        } else {
+          return MaterialPageRoute(builder: (context) => const SubscriptionAddPage(null));
         }
+      case routerBackup:
+        return CupertinoPageRoute(
+          builder: (context) => const BackUpPage(),
+        );
+    }
+
 
     return null;
   }

lib/base/sp_const.dart

@@ -6,3 +6,4 @@ String spTheme = "dart_mode";
 String spSecretLogined = "secret_logined";
 String spCustomColor = "customColor";
 String spLoginHistory = "loginHistory";
+String spShowLine = "spShowLine";

lib/base/theme.dart

@@ -24,7 +24,7 @@ class ThemeViewModel extends ChangeNotifier {
   ThemeViewModel() {
     _primaryColor = Color(getIt<UserInfoViewModel>().primaryColor);
     primaryColor = Color(getIt<UserInfoViewModel>().primaryColor);
-    var brightness = SchedulerBinding.instance!.window.platformBrightness;
+    var brightness = SchedulerBinding.instance.window.platformBrightness;
     _isInDarkMode = brightness == Brightness.dark;
     changeThemeReal(_isInDarkMode, false);
   }
@@ -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/lazy_load_state.dart

@@ -6,7 +6,7 @@ mixin LazyLoadState<T extends StatefulWidget> on State<T> {
   @override
   void initState() {
     super.initState();
-    WidgetsBinding.instance?.addPostFrameCallback((timeStamp) {
+    WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
       var route = ModalRoute.of(context);
       void handler(status) {
         if (status == AnimationStatus.completed) {

lib/base/ui/ql_context_menu.dart

@@ -5,7 +5,8 @@
 
 import 'dart:math' as math;
 import 'dart:ui' as ui;
-import 'package:flutter/gestures.dart' show kMinFlingVelocity, kLongPressTimeout;
+import 'package:flutter/gestures.dart'
+    show kMinFlingVelocity, kLongPressTimeout;
 import 'package:flutter/scheduler.dart';
 import 'package:flutter/services.dart';
 import 'package:flutter/widgets.dart';
@@ -42,7 +43,8 @@ typedef _ContextMenuPreviewBuilderChildless = Widget Function(
 // paintBounds in global coordinates.
 Rect _getRect(GlobalKey globalKey) {
   assert(globalKey.currentContext != null);
-  final RenderBox renderBoxContainer = globalKey.currentContext!.findRenderObject()! as RenderBox;
+  final RenderBox renderBoxContainer =
+      globalKey.currentContext!.findRenderObject()! as RenderBox;
   final Offset containerOffset = renderBoxContainer.localToGlobal(
     renderBoxContainer.paintBounds.topLeft,
   );
@@ -87,7 +89,7 @@ enum _ContextMenuLocation {
 /// See also:
 ///
 ///  * [Apple's HIG for Context Menus](https://developer.apple.com/design/human-interface-guidelines/ios/controls/context-menus/)
-class QlCupertinoContextMenu extends StatefulWidget {
+class QlCupertinoContextMenu<T> extends StatefulWidget {
   /// Create a context menu.
   ///
   /// [actions] is required and cannot be null or empty.
@@ -103,7 +105,7 @@ class QlCupertinoContextMenu extends StatefulWidget {
         assert(child != null),
         super(key: key);
 
-  final TaskBean bean;
+  final T bean;
 
   /// The widget that can be "opened" with the [QlCupertinoContextMenu].
   ///
@@ -194,7 +196,8 @@ class QlCupertinoContextMenu extends StatefulWidget {
   State<QlCupertinoContextMenu> createState() => _QlCupertinoContextMenuState();
 }
 
-class _QlCupertinoContextMenuState extends State<QlCupertinoContextMenu> with TickerProviderStateMixin {
+class _QlCupertinoContextMenuState extends State<QlCupertinoContextMenu>
+    with TickerProviderStateMixin {
   final GlobalKey _childGlobalKey = GlobalKey();
   bool _childHidden = false;
 
@@ -227,7 +230,8 @@ class _QlCupertinoContextMenuState extends State<QlCupertinoContextMenu> with Ti
     final double screenWidth = MediaQuery.of(context).size.width;
 
     final double center = screenWidth / 2;
-    final bool centerDividesChild = childRect.left < center && childRect.right > center;
+    final bool centerDividesChild =
+        childRect.left < center && childRect.right > center;
     final double distanceFromCenter = (center - childRect.center.dx).abs();
     if (centerDividesChild && distanceFromCenter <= childRect.width / 4) {
       return _ContextMenuLocation.center;
@@ -318,7 +322,14 @@ class _QlCupertinoContextMenuState extends State<QlCupertinoContextMenu> with Ti
       _openController.reverse();
     } else {
       if (_openController.isDismissed) {
-        Navigator.of(context).pushNamed(Routes.routeTaskDetail, arguments: widget.bean);
+        if (widget.bean is TaskBean){
+          Navigator.of(context)
+              .pushNamed(Routes.routeTaskDetail, arguments: widget.bean);
+        }else{
+          Navigator.of(context)
+              .pushNamed(Routes.routerSubscriptionDetail, arguments: widget.bean);
+        }
+
       }
     }
   }
@@ -419,7 +430,8 @@ class _DecoyChild extends StatefulWidget {
   _DecoyChildState createState() => _DecoyChildState();
 }
 
-class _DecoyChildState extends State<_DecoyChild> with TickerProviderStateMixin {
+class _DecoyChildState extends State<_DecoyChild>
+    with TickerProviderStateMixin {
   // TODO(justinmc): Dark mode support.
   // See https://github.com/flutter/flutter/issues/43211.
   static const Color _lightModeMaskColor = Color(0xFF888888);
@@ -481,7 +493,9 @@ class _DecoyChildState extends State<_DecoyChild> with TickerProviderStateMixin
   }
 
   Widget _buildAnimation(BuildContext context, Widget? child) {
-    final Color color = widget.controller.status == AnimationStatus.reverse ? _masklessColor : _mask.value;
+    final Color color = widget.controller.status == AnimationStatus.reverse
+        ? _masklessColor
+        : _mask.value;
     return Positioned.fromRect(
       rect: _rect.value!,
       child: ShaderMask(
@@ -538,7 +552,8 @@ class _ContextMenuRoute<T> extends PopupRoute<T> {
 
   // The duration of the transition used when a modal popup is shown. Eyeballed
   // from a physical device running iOS 13.1.2.
-  static const Duration _kModalPopupTransitionDuration = Duration(milliseconds: 335);
+  static const Duration _kModalPopupTransitionDuration =
+      Duration(milliseconds: 335);
 
   final List<Widget> _actions;
   final _ContextMenuPreviewBuilderChildless? _builder;
@@ -562,7 +577,8 @@ class _ContextMenuRoute<T> extends PopupRoute<T> {
   static final RectTween _rectTween = RectTween();
   static final Animatable<Rect?> _rectAnimatable = _rectTween.chain(_curve);
   static final RectTween _rectTweenReverse = RectTween();
-  static final Animatable<Rect?> _rectAnimatableReverse = _rectTweenReverse.chain(
+  static final Animatable<Rect?> _rectAnimatableReverse =
+      _rectTweenReverse.chain(
     _curveReverse,
   );
   static final RectTween _sheetRectTween = RectTween();
@@ -573,10 +589,12 @@ class _ContextMenuRoute<T> extends PopupRoute<T> {
     _curveReverse,
   );
   static final Tween<double> _sheetScaleTween = Tween<double>();
-  static final Animatable<double> _sheetScaleAnimatable = _sheetScaleTween.chain(
+  static final Animatable<double> _sheetScaleAnimatable =
+      _sheetScaleTween.chain(
     _curve,
   );
-  static final Animatable<double> _sheetScaleAnimatableReverse = _sheetScaleTween.chain(
+  static final Animatable<double> _sheetScaleAnimatableReverse =
+      _sheetScaleTween.chain(
     _curveReverse,
   );
   final Tween<double> _opacityTween = Tween<double>(begin: 0.0, end: 1.0);
@@ -611,7 +629,8 @@ class _ContextMenuRoute<T> extends PopupRoute<T> {
 
   // Get the alignment for the _ContextMenuSheet's Transform.scale based on the
   // contextMenuLocation.
-  static AlignmentDirectional getSheetAlignment(_ContextMenuLocation contextMenuLocation) {
+  static AlignmentDirectional getSheetAlignment(
+      _ContextMenuLocation contextMenuLocation) {
     switch (contextMenuLocation) {
       case _ContextMenuLocation.center:
         return AlignmentDirectional.topCenter;
@@ -623,17 +642,27 @@ class _ContextMenuRoute<T> extends PopupRoute<T> {
   }
 
   // The place to start the sheetRect animation from.
-  static Rect _getSheetRectBegin(Orientation? orientation, _ContextMenuLocation contextMenuLocation, Rect childRect, Rect sheetRect) {
+  static Rect _getSheetRectBegin(
+      Orientation? orientation,
+      _ContextMenuLocation contextMenuLocation,
+      Rect childRect,
+      Rect sheetRect) {
     switch (contextMenuLocation) {
       case _ContextMenuLocation.center:
-        final Offset target = orientation == Orientation.portrait ? childRect.bottomCenter : childRect.topCenter;
+        final Offset target = orientation == Orientation.portrait
+            ? childRect.bottomCenter
+            : childRect.topCenter;
         final Offset centered = target - Offset(sheetRect.width / 2, 0.0);
         return centered & sheetRect.size;
       case _ContextMenuLocation.right:
-        final Offset target = orientation == Orientation.portrait ? childRect.bottomRight : childRect.topRight;
+        final Offset target = orientation == Orientation.portrait
+            ? childRect.bottomRight
+            : childRect.topRight;
         return (target - Offset(sheetRect.width, 0.0)) & sheetRect.size;
       case _ContextMenuLocation.left:
-        final Offset target = orientation == Orientation.portrait ? childRect.bottomLeft : childRect.topLeft;
+        final Offset target = orientation == Orientation.portrait
+            ? childRect.bottomLeft
+            : childRect.topLeft;
         return target & sheetRect.size;
     }
   }
@@ -651,7 +680,9 @@ class _ContextMenuRoute<T> extends PopupRoute<T> {
   // Take measurements on the child and _ContextMenuSheet and update the
   // animation tweens to match.
   void _updateTweenRects() {
-    final Rect childRect = _scale == null ? _getRect(_childGlobalKey) : _getScaledRect(_childGlobalKey, _scale!);
+    final Rect childRect = _scale == null
+        ? _getRect(_childGlobalKey)
+        : _getScaledRect(_childGlobalKey, _scale!);
     _rectTween.begin = _previousChildRect;
     _rectTween.end = childRect;
 
@@ -725,7 +756,8 @@ class _ContextMenuRoute<T> extends PopupRoute<T> {
   }
 
   @override
-  Widget buildPage(BuildContext context, Animation<double> animation, Animation<double> secondaryAnimation) {
+  Widget buildPage(BuildContext context, Animation<double> animation,
+      Animation<double> secondaryAnimation) {
     // This is usually used to build the "page", which is then passed to
     // buildTransitions as child, the idea being that buildTransitions will
     // animate the entire page into the scene. In the case of _ContextMenuRoute,
@@ -735,7 +767,8 @@ class _ContextMenuRoute<T> extends PopupRoute<T> {
   }
 
   @override
-  Widget buildTransitions(BuildContext context, Animation<double> animation, Animation<double> secondaryAnimation, Widget child) {
+  Widget buildTransitions(BuildContext context, Animation<double> animation,
+      Animation<double> secondaryAnimation, Widget child) {
     return OrientationBuilder(
       builder: (BuildContext context, Orientation orientation) {
         _lastOrientation = orientation;
@@ -744,9 +777,15 @@ class _ContextMenuRoute<T> extends PopupRoute<T> {
         // they're movable.
         if (!animation.isCompleted) {
           final bool reverse = animation.status == AnimationStatus.reverse;
-          final Rect rect = reverse ? _rectAnimatableReverse.evaluate(animation)! : _rectAnimatable.evaluate(animation)!;
-          final Rect sheetRect = reverse ? _sheetRectAnimatableReverse.evaluate(animation)! : _sheetRectAnimatable.evaluate(animation)!;
-          final double sheetScale = reverse ? _sheetScaleAnimatableReverse.evaluate(animation) : _sheetScaleAnimatable.evaluate(animation);
+          final Rect rect = reverse
+              ? _rectAnimatableReverse.evaluate(animation)!
+              : _rectAnimatable.evaluate(animation)!;
+          final Rect sheetRect = reverse
+              ? _sheetRectAnimatableReverse.evaluate(animation)!
+              : _sheetRectAnimatable.evaluate(animation)!;
+          final double sheetScale = reverse
+              ? _sheetScaleAnimatableReverse.evaluate(animation)
+              : _sheetScaleAnimatable.evaluate(animation);
           return Stack(
             children: <Widget>[
               Positioned.fromRect(
@@ -818,7 +857,8 @@ class _ContextMenuRouteStatic extends StatefulWidget {
   _ContextMenuRouteStaticState createState() => _ContextMenuRouteStaticState();
 }
 
-class _ContextMenuRouteStaticState extends State<_ContextMenuRouteStatic> with TickerProviderStateMixin {
+class _ContextMenuRouteStaticState extends State<_ContextMenuRouteStatic>
+    with TickerProviderStateMixin {
   // The child is scaled down as it is dragged down until it hits this minimum
   // value.
   static const double _kMinScale = 0.8;
@@ -838,7 +878,8 @@ class _ContextMenuRouteStaticState extends State<_ContextMenuRouteStatic> with T
   late Animation<double> _sheetOpacityAnimation;
 
   // The scale of the child changes as a function of the distance it is dragged.
-  static double _getScale(Orientation orientation, double maxDragDistance, double dy) {
+  static double _getScale(
+      Orientation orientation, double maxDragDistance, double dy) {
     final double dyDirectional = dy <= 0.0 ? dy : -dy;
     return math.max(
       _kMinScale,
@@ -859,11 +900,13 @@ class _ContextMenuRouteStaticState extends State<_ContextMenuRouteStatic> with T
     // If flung, animate a bit before handling the potential dismiss.
     if (details.velocity.pixelsPerSecond.dy.abs() >= kMinFlingVelocity) {
       final bool flingIsAway = details.velocity.pixelsPerSecond.dy > 0;
-      final double finalPosition = flingIsAway ? _moveAnimation.value.dy + 100.0 : 0.0;
+      final double finalPosition =
+          flingIsAway ? _moveAnimation.value.dy + 100.0 : 0.0;
 
       if (flingIsAway && _sheetController.status != AnimationStatus.forward) {
         _sheetController.forward();
-      } else if (!flingIsAway && _sheetController.status != AnimationStatus.reverse) {
+      } else if (!flingIsAway &&
+          _sheetController.status != AnimationStatus.reverse) {
         _sheetController.reverse();
       }
 
@@ -918,21 +961,30 @@ class _ContextMenuRouteStaticState extends State<_ContextMenuRouteStatic> with T
     widget.onDismiss!(context, _lastScale, _sheetOpacityAnimation.value);
   }
 
-  Alignment _getChildAlignment(Orientation orientation, _ContextMenuLocation contextMenuLocation) {
+  Alignment _getChildAlignment(
+      Orientation orientation, _ContextMenuLocation contextMenuLocation) {
     switch (contextMenuLocation) {
       case _ContextMenuLocation.center:
-        return orientation == Orientation.portrait ? Alignment.bottomCenter : Alignment.topRight;
+        return orientation == Orientation.portrait
+            ? Alignment.bottomCenter
+            : Alignment.topRight;
       case _ContextMenuLocation.right:
-        return orientation == Orientation.portrait ? Alignment.bottomCenter : Alignment.topLeft;
+        return orientation == Orientation.portrait
+            ? Alignment.bottomCenter
+            : Alignment.topLeft;
       case _ContextMenuLocation.left:
-        return orientation == Orientation.portrait ? Alignment.bottomCenter : Alignment.topRight;
+        return orientation == Orientation.portrait
+            ? Alignment.bottomCenter
+            : Alignment.topRight;
     }
   }
 
   void _setDragOffset(Offset dragOffset) {
     // Allow horizontal and negative vertical movement, but damp it.
     final double endX = _kPadding * dragOffset.dx / _kDamping;
-    final double endY = dragOffset.dy >= 0.0 ? dragOffset.dy : _kPadding * dragOffset.dy / _kDamping;
+    final double endY = dragOffset.dy >= 0.0
+        ? dragOffset.dy
+        : _kPadding * dragOffset.dy / _kDamping;
     setState(() {
       _dragOffset = dragOffset;
       _moveAnimation = Tween<Offset>(
@@ -949,9 +1001,13 @@ class _ContextMenuRouteStaticState extends State<_ContextMenuRouteStatic> with T
       );
 
       // Fade the _ContextMenuSheet out or in, if needed.
-      if (_lastScale <= _kSheetScaleThreshold && _sheetController.status != AnimationStatus.forward && _sheetScaleAnimation.value != 0.0) {
+      if (_lastScale <= _kSheetScaleThreshold &&
+          _sheetController.status != AnimationStatus.forward &&
+          _sheetScaleAnimation.value != 0.0) {
         _sheetController.forward();
-      } else if (_lastScale > _kSheetScaleThreshold && _sheetController.status != AnimationStatus.reverse && _sheetScaleAnimation.value != 1.0) {
+      } else if (_lastScale > _kSheetScaleThreshold &&
+          _sheetController.status != AnimationStatus.reverse &&
+          _sheetScaleAnimation.value != 1.0) {
         _sheetController.reverse();
       }
     });
@@ -960,7 +1016,8 @@ class _ContextMenuRouteStaticState extends State<_ContextMenuRouteStatic> with T
   // The order and alignment of the _ContextMenuSheet and the child depend on
   // both the orientation of the screen as well as the position on the screen of
   // the original child.
-  List<Widget> _getChildren(Orientation orientation, _ContextMenuLocation contextMenuLocation) {
+  List<Widget> _getChildren(
+      Orientation orientation, _ContextMenuLocation contextMenuLocation) {
     final Expanded child = Expanded(
       child: Align(
         alignment: _getChildAlignment(
@@ -995,7 +1052,9 @@ class _ContextMenuRouteStaticState extends State<_ContextMenuRouteStatic> with T
       case _ContextMenuLocation.center:
         return <Widget>[child, spacer, sheet];
       case _ContextMenuLocation.right:
-        return orientation == Orientation.portrait ? <Widget>[child, spacer, sheet] : <Widget>[sheet, spacer, child];
+        return orientation == Orientation.portrait
+            ? <Widget>[child, spacer, sheet]
+            : <Widget>[sheet, spacer, child];
       case _ContextMenuLocation.left:
         return <Widget>[child, spacer, sheet];
     }
@@ -1004,7 +1063,8 @@ class _ContextMenuRouteStaticState extends State<_ContextMenuRouteStatic> with T
   // Build the animation for the _ContextMenuSheet.
   Widget _buildSheetAnimation(BuildContext context, Widget? child) {
     return Transform.scale(
-      alignment: _ContextMenuRoute.getSheetAlignment(widget.contextMenuLocation),
+      alignment:
+          _ContextMenuRoute.getSheetAlignment(widget.contextMenuLocation),
       scale: _sheetScaleAnimation.value,
       child: FadeTransition(
         opacity: _sheetOpacityAnimation,

lib/base/ui/search_cell.dart

@@ -0,0 +1,66 @@
+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/base/ui/source_code_view.dart

@@ -29,9 +29,8 @@ class SourceCodeView extends StatefulWidget {
     this.syntaxHighlighterStyle,
   }) : super(key: key);
 
-  String? get codeLink => codeLinkPrefix == null
-      ? null
-      : '$codeLinkPrefix/$filePath';
+  String? get codeLink =>
+      codeLinkPrefix == null ? null : '$codeLinkPrefix/$filePath';
 
   @override
   _SourceCodeViewState createState() {

lib/base/ui/syntax_highlighter.dart

@@ -17,7 +17,10 @@ class SyntaxHighlighterStyle {
       this.constantStyle});
 
   static SyntaxHighlighterStyle lightThemeStyle() => SyntaxHighlighterStyle(
-        baseStyle: const TextStyle(color: const Color(0xFF000000),height: 1,),
+        baseStyle: const TextStyle(
+          color: const Color(0xFF000000),
+          height: 1,
+        ),
         numberStyle: const TextStyle(color: const Color(0xFF1565C0)),
         commentStyle: const TextStyle(color: const Color(0xFF9E9E9E)),
         keywordStyle: const TextStyle(color: const Color(0xFF9C27B0)),

lib/base/userinfo_viewmodel.dart

@@ -26,7 +26,8 @@ class UserInfoViewModel {
     _useSecertLogined = SpUtil.getBool(spSecretLogined, defValue: false);
     _host = SpUtil.getString(spHost, defValue: '');
 
-    List<dynamic>? tempList = jsonDecode(SpUtil.getString(spLoginHistory, defValue: '[]'));
+    List<dynamic>? tempList =
+        jsonDecode(SpUtil.getString(spLoginHistory, defValue: '[]'));
 
     if (tempList != null && tempList.isNotEmpty) {
       for (Map<String, dynamic> value in tempList) {
@@ -40,7 +41,8 @@ class UserInfoViewModel {
     SpUtil.putString(spUserInfo, token);
   }
 
-  void updateUserName(String host, String userName, String password, bool secretLogin) {
+  void updateUserName(
+      String host, String userName, String password, bool secretLogin) {
     updateHost(host);
     _useSecretLogin(secretLogin);
     _userName = userName;
@@ -93,7 +95,13 @@ class UserInfoViewModel {
 
     historyAccounts.removeWhere((element) => element.host == _host);
 
-    historyAccounts.insert(0, UserInfoBean(userName: _userName, password: _passWord, useSecretLogined: _useSecertLogined, host: _host));
+    historyAccounts.insert(
+        0,
+        UserInfoBean(
+            userName: _userName,
+            password: _passWord,
+            useSecretLogined: _useSecertLogined,
+            host: _host));
 
     while (historyAccounts.length > 3) {
       historyAccounts.removeLast();
@@ -117,7 +125,8 @@ class UserInfoBean {
   bool useSecretLogined = false;
   String? host;
 
-  UserInfoBean({this.userName, this.password, this.useSecretLogined = false, this.host});
+  UserInfoBean(
+      {this.userName, this.password, this.useSecretLogined = false, this.host});
 
   UserInfoBean.fromJson(Map<String, dynamic> json) {
     userName = json['userName'];

lib/json.jc.dart

@@ -8,6 +8,7 @@ import 'package:qinglong_app/module/login/user_bean.dart';
 import 'package:qinglong_app/module/others/dependencies/dependency_bean.dart';
 import 'package:qinglong_app/module/others/login_log/login_log_bean.dart';
 import 'package:qinglong_app/module/others/scripts/script_bean.dart';
+import 'package:qinglong_app/module/others/subscription/subscription_bean.dart';
 import 'package:qinglong_app/module/others/task_log/task_log_bean.dart';
 import 'package:qinglong_app/module/task/task_bean.dart';
 
@@ -66,6 +67,10 @@ class JsonConversion$Json {
       return TaskBean.jsonConversion(json)  as M;
     }
 
+    if (type == (Subscription).toString()){
+      return Subscription.fromJson(json) as M;
+    }
+    
     throw Exception("not found");
   }
 
@@ -110,6 +115,10 @@ class JsonConversion$Json {
       return data.map<TaskBean>((e) => TaskBean.jsonConversion(e)).toList() as M;
     }
 
+    if (<Subscription>[] is M){
+      return data.map<Subscription>((e) => Subscription.jsonConversion(e)).toList() as M;
+    }
+    
     throw Exception("not found");
   }
 }

lib/main.dart

@@ -41,7 +41,8 @@ void main() async {
     ),
   );
   if (Platform.isAndroid) {
-    SystemUiOverlayStyle style = const SystemUiOverlayStyle(statusBarColor: Colors.transparent);
+    SystemUiOverlayStyle style =
+        const SystemUiOverlayStyle(statusBarColor: Colors.transparent);
     SystemChrome.setSystemUIOverlayStyle(style);
   }
 }
@@ -62,7 +63,8 @@ class QlAppState extends ConsumerState<QlApp> {
         FocusScope.of(context).requestFocus(FocusNode());
       },
       child: MediaQuery(
-        data: MediaQueryData.fromWindow(WidgetsBinding.instance!.window).copyWith(
+        data:
+            MediaQueryData.fromWindow(WidgetsBinding.instance.window).copyWith(
           textScaleFactor: 1,
         ),
         child: MaterialApp(
@@ -87,7 +89,9 @@ class QlAppState extends ConsumerState<QlApp> {
               if (!kReleaseMode) {
                 showDebugBtn(context);
               }
-              return getIt<UserInfoViewModel>().isLogined() ? const HomePage() : const LoginPage();
+              return getIt<UserInfoViewModel>().isLogined()
+                  ? const HomePage()
+                  : const LoginPage();
             },
           ),
           // home: LoginPage(),

lib/module/change_account_page.dart

@@ -0,0 +1,326 @@
+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_edit_page.dart

@@ -1,12 +1,16 @@
 import 'package:code_text_field/code_text_field.dart';
+import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:highlight/languages/powershell.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/sp_const.dart';
 import 'package:qinglong_app/base/theme.dart';
 import 'package:qinglong_app/utils/extension.dart';
+import 'package:qinglong_app/utils/sp_utils.dart';
 
 class ConfigEditPage extends ConsumerStatefulWidget {
   final String content;
@@ -21,47 +25,122 @@ class ConfigEditPage extends ConsumerStatefulWidget {
 class _ConfigEditPageState extends ConsumerState<ConfigEditPage> {
   CodeController? _codeController;
   late String result;
+  late String preResult;
+  List<String> operateList = [];
 
   @override
   void dispose() {
     _codeController?.dispose();
     super.dispose();
   }
+
   @override
   void initState() {
     result = widget.content;
-
+    preResult = widget.content;
     super.initState();
+    generateOperateList();
 
-    WidgetsBinding.instance?.addPostFrameCallback((timeStamp) {
+    WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
       focusNode.requestFocus();
+      checkClipBoard();
     });
   }
 
+  Future<void> notifyICloud(
+      BuildContext context, String? title, String? content) async {}
+
   @override
   Widget build(BuildContext context) {
     _codeController ??= CodeController(
-      text: widget.content,
+      text: result,
       language: powershell,
       onChange: (value) {
         result = value;
       },
       theme: ref.watch(themeProvider).themeColor.codeEditorTheme(),
       stringMap: {
-        "export": const TextStyle(fontWeight: FontWeight.normal, color: Color(0xff6B2375)),
+        "export": const TextStyle(
+            fontWeight: FontWeight.normal, color: Color(0xff6B2375)),
       },
     );
     return Scaffold(
       appBar: QlAppBar(
         canBack: true,
         backCall: () {
+          FocusManager.instance.primaryFocus?.unfocus();
+
+          if (preResult == result) {
             Navigator.of(context).pop();
+          } else {
+            showCupertinoDialog(
+              context: context,
+              useRootNavigator: false,
+              builder: (childContext) => CupertinoAlertDialog(
+                title: const Text("温馨提示"),
+                content: const Text("你编辑的内容还没用提交,确定退出吗?"),
+                actions: [
+                  CupertinoDialogAction(
+                    child: const Text(
+                      "取消",
+                      style: TextStyle(
+                        color: Color(0xff999999),
+                      ),
+                    ),
+                    onPressed: () {
+                      Navigator.of(childContext).pop();
+                    },
+                  ),
+                  CupertinoDialogAction(
+                    child: Text(
+                      "确定",
+                      style: TextStyle(
+                        color: ref.watch(themeProvider).primaryColor,
+                      ),
+                    ),
+                    onPressed: () {
+                      Navigator.of(childContext).pop();
+                      Navigator.of(context).pop();
+                    },
+                  ),
+                ],
+              ),
+            );
+          }
         },
         title: '编辑${widget.title}',
         actions: [
+          const SizedBox(
+            width: 15,
+          ),
+          Material(
+            color: Colors.transparent,
+            child: PopupMenuButton<String>(
+              onSelected: (String result) {
+                updateValueBykey(result);
+              },
+              itemBuilder: (BuildContext context) => <PopupMenuEntry<String>>[
+                ...operateList
+                    .map(
+                      (e) => PopupMenuItem<String>(
+                        child: Text(e),
+                        value: e,
+                      ),
+                    )
+                    .toList(),
+              ],
+              child: const Center(
+                child: Icon(
+                  CupertinoIcons.arrow_up_right_diamond,
+                ),
+              ),
+            ),
+          ),
           InkWell(
             onTap: () async {
-              HttpResponse<NullResponse> response = await Api.saveFile(widget.title, result);
+              HttpResponse<NullResponse> response =
+                  await Api.saveFile(widget.title, result);
+              await notifyICloud(context, widget.title, result);
               if (response.success) {
                 "提交成功".toast();
                 Navigator.of(context).pop(widget.title);
@@ -88,14 +167,177 @@ class _ConfigEditPageState extends ConsumerState<ConfigEditPage> {
       ),
       body: SafeArea(
         top: false,
+        child: Padding(
+          padding: EdgeInsets.symmetric(
+            horizontal: SpUtil.getBool(spShowLine, defValue: false) ? 0 : 10,
+          ),
           child: CodeField(
             controller: _codeController!,
             expands: true,
-          background: ref.watch(themeProvider).themeColor.settingBgColor(),
+            background: Colors.white,
+            wrap: SpUtil.getBool(spShowLine, defValue: false) ? false : true,
+            hideColumn: !SpUtil.getBool(spShowLine, defValue: false),
+            lineNumberStyle: LineNumberStyle(
+              textStyle: TextStyle(
+                color: ref.watch(themeProvider).themeColor.descColor(),
+                fontSize: 12,
+              ),
+            ),
+          ),
         ),
       ),
     );
   }
 
   FocusNode focusNode = FocusNode();
+
+  void generateOperateList() {
+    operateList.clear();
+    List<String> array = result.split("\n");
+    for (String a in array) {
+      String t = a.replaceAll(" ", "");
+      if (t.trim().startsWith("export")) {
+        int i = t.indexOf("export") + 6;
+        int j = t.indexOf("=");
+        operateList.add(t.substring(i, j));
+      }
+    }
+  }
+
+  void updateValueBykey(String key) async {
+    String defaultValue = "";
+    try {
+      var clipBoard = await Clipboard.getData(Clipboard.kTextPlain);
+
+      if (clipBoard != null && clipBoard.text != null) {
+        String tempText = clipBoard.text!;
+
+        if (tempText.trim().contains("export")) {
+          int i = tempText.trim().indexOf("\"");
+          int j = tempText.trim().lastIndexOf("\"");
+
+          if (i == -1 || j == -1) {
+            i = tempText.trim().indexOf("'");
+            j = tempText.trim().lastIndexOf("'");
+          }
+
+          defaultValue = tempText.trim().substring(i, j);
+        } else {
+          defaultValue = tempText;
+        }
+      }
+    } catch (e) {}
+
+    TextEditingController controller = TextEditingController(
+        text: defaultValue.replaceAll("\"", "").replaceAll("'", ""));
+    showCupertinoDialog(
+      useRootNavigator: false,
+      context: context,
+      builder: (context) => CupertinoAlertDialog(
+        title: Text("编辑$key:"),
+        content: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          mainAxisSize: MainAxisSize.min,
+          children: [
+            Padding(
+              padding: const EdgeInsets.symmetric(
+                vertical: 10,
+              ),
+              child: TextField(
+                controller: controller,
+                decoration: const InputDecoration(
+                  isDense: true,
+                  contentPadding: EdgeInsets.all(4),
+                  hintText: "请输入值",
+                  hintStyle: TextStyle(
+                    fontSize: 14,
+                  ),
+                ),
+                autofocus: false,
+              ),
+            ),
+          ],
+        ),
+        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();
+              updateValueByKey(key, controller.text);
+            },
+          ),
+        ],
+      ),
+    );
+  }
+
+  void updateValueByKey(String key, String text) {
+    List<String> array = result.split("\n");
+    for (String a in array) {
+      String t = a.replaceAll(" ", "");
+      if (t.trim().startsWith("export")) {
+        int i = t.indexOf("export") + 6;
+        int j = t.indexOf("=");
+
+        String tempResult = t.substring(i, j);
+        if (tempResult == key) {
+          result = result.replaceAll(a, "\nexport $key = \"$text\" \n\n");
+          break;
+        }
+      }
+    }
+    _codeController = null;
+    setState(() {});
+    "已修改".toast();
+  }
+
+  void checkClipBoard() async {
+    try {
+      String key = "";
+      String value = "";
+      var clipBoard = await Clipboard.getData(Clipboard.kTextPlain);
+
+      if (clipBoard != null && clipBoard.text != null) {
+        String tempText = clipBoard.text!;
+
+        if (tempText.trim().contains("export")) {
+          int kI = tempText.trim().indexOf("export");
+          int kJ = tempText.trim().indexOf("=");
+
+          key = tempText.trim().substring(kI + 6, kJ);
+
+          int i = tempText.trim().indexOf("\"");
+          int j = tempText.trim().lastIndexOf("\"");
+
+          if (i == -1 || j == -1) {
+            i = tempText.trim().indexOf("'");
+            j = tempText.trim().lastIndexOf("'");
+          }
+          value = tempText.trim().substring(i, j);
+
+          if (key.isNotEmpty && result.contains(key) && value.isNotEmpty) {
+            WidgetsBinding.instance.endOfFrame.then((value) {
+              updateValueBykey(key);
+            });
+          }
+        }
+      }
+    } catch (e) {}
+  }
 }

lib/module/config/config_page.dart

@@ -1,13 +1,18 @@
 import 'dart:ui';
 
+import 'package:code_text_field/code_text_field.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:highlight/languages/powershell.dart';
 import 'package:qinglong_app/base/base_state_widget.dart';
 import 'package:qinglong_app/base/routes.dart';
+import 'package:qinglong_app/base/sp_const.dart';
+import 'package:qinglong_app/base/theme.dart';
 import 'package:qinglong_app/base/ui/abs_underline_tabindicator.dart';
 import 'package:qinglong_app/base/ui/empty_widget.dart';
 import 'package:qinglong_app/main.dart';
 import 'package:google_fonts/google_fonts.dart';
+import 'package:qinglong_app/utils/sp_utils.dart';
 
 import '../../base/ui/syntax_highlighter.dart';
 import 'config_viewmodel.dart';
@@ -105,7 +110,7 @@ class ConfigPageState extends State<ConfigPage>
   bool get wantKeepAlive => true;
 }
 
-class CodeWidget extends StatefulWidget {
+class CodeWidget extends ConsumerStatefulWidget {
   final String content;
 
   const CodeWidget({
@@ -114,29 +119,63 @@ class CodeWidget extends StatefulWidget {
   }) : super(key: key);
 
   @override
-  State<CodeWidget> createState() => _CodeWidgetState();
+  ConsumerState<CodeWidget> createState() => _CodeWidgetState();
 }
 
-class _CodeWidgetState extends State<CodeWidget>
+class _CodeWidgetState extends ConsumerState<CodeWidget>
     with AutomaticKeepAliveClientMixin {
+  CodeController? _codeController;
+
+  @override
+  void dispose() {
+    _codeController?.dispose();
+    super.dispose();
+  }
+
+  String result = "";
+
+  @override
+  void initState() {
+    result = widget.content;
+    super.initState();
+  }
+
   @override
   Widget build(BuildContext context) {
-    return SelectableText.rich(
-      TextSpan(
-        style: GoogleFonts.droidSansMono(fontSize: 14).apply(
-          fontSizeFactor: 1,
+    super.build(context);
+    _codeController ??= CodeController(
+      text: result,
+      language: powershell,
+      onChange: (value) {
+        result = value;
+      },
+      theme: ref.watch(themeProvider).themeColor.codeEditorTheme(),
+      stringMap: {
+        "export": const TextStyle(
+            fontWeight: FontWeight.normal, color: Color(0xff6B2375)),
+      },
+    );
+    return SafeArea(
+      top: false,
+      child: Padding(
+        padding: EdgeInsets.symmetric(
+          horizontal: SpUtil.getBool(spShowLine, defValue: false) ? 0 : 10,
+        ),
+        child: CodeField(
+          controller: _codeController!,
+          expands: true,
+          readOnly: true,
+          background: Colors.white,
+          wrap: SpUtil.getBool(spShowLine, defValue: false) ? false : true,
+          hideColumn: !SpUtil.getBool(spShowLine, defValue: false),
+          lineNumberStyle: LineNumberStyle(
+            textStyle: TextStyle(
+              color: ref.watch(themeProvider).themeColor.descColor(),
+              fontSize: 12,
+            ),
           ),
-        children: <TextSpan>[
-          DartSyntaxHighlighter(SyntaxHighlighterStyle.lightThemeStyle())
-              .format(widget.content)
-        ],
         ),
-      style: DefaultTextStyle.of(context).style.apply(
-            fontSizeFactor: 1,
       ),
-      selectionWidthStyle: BoxWidthStyle.max,
-      selectionHeightStyle: BoxHeightStyle.max,
-      autofocus: true,
     );
   }
 

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/add_env_page.dart

@@ -35,7 +35,7 @@ class _AddEnvPageState extends ConsumerState<AddEnvPage> {
     } else {
       envBean = EnvBean();
     }
-    WidgetsBinding.instance?.addPostFrameCallback(
+    WidgetsBinding.instance.addPostFrameCallback(
       (timeStamp) {
         focusNode.requestFocus();
       },
@@ -186,8 +186,12 @@ class _AddEnvPageState extends ConsumerState<AddEnvPage> {
     envBean.value = _valueController.text;
     envBean.remarks = _remarkController.text;
     HttpResponse<NullResponse> response = await Api.addEnv(
-        _nameController.text, _valueController.text, _remarkController.text,
-        id: envBean.id,nId: envBean.nId,);
+      _nameController.text,
+      _valueController.text,
+      _remarkController.text,
+      id: envBean.id,
+      nId: envBean.nId,
+    );
 
     if (response.success) {
       (envBean.sId == null) ? "新增成功" : "修改成功".toast();

lib/module/env/env_bean.dart

@@ -12,7 +12,14 @@ class EnvBean {
   String? name;
   String? remarks;
 
-  EnvBean({this.value, this.sId, this.created, this.status, this.timestamp, this.name, this.remarks});
+  EnvBean(
+      {this.value,
+      this.sId,
+      this.created,
+      this.status,
+      this.timestamp,
+      this.name,
+      this.remarks});
 
   get nId => _id;
 
@@ -20,7 +27,9 @@ class EnvBean {
     value = json['value'];
     id = json['id'];
     _id = json['_id'];
-    sId = json.containsKey('_id') ? json['_id'].toString() : (json.containsKey('id') ? json['id'].toString() : "");
+    sId = json.containsKey('_id')
+        ? json['_id'].toString()
+        : (json.containsKey('id') ? json['id'].toString() : "");
     created = int.tryParse(json['created'].toString());
     status = json['status'];
     timestamp = json['timestamp'];

lib/module/env/env_detail_page.dart

@@ -36,7 +36,8 @@ class _TaskDetailPageState extends ConsumerState<EnvDetailPage> {
           behavior: HitTestBehavior.opaque,
           onTap: () {
             Navigator.of(context).pop();
-            Navigator.of(context).pushNamed(Routes.routeAddEnv, arguments: widget.envBean);
+            Navigator.of(context)
+                .pushNamed(Routes.routeAddEnv, arguments: widget.envBean);
           },
           child: Container(
             padding: const EdgeInsets.symmetric(
@@ -225,7 +226,9 @@ class _TaskDetailPageState extends ConsumerState<EnvDetailPage> {
   }
 
   void enableTask() async {
-    await ref.read(envProvider).enableEnv(widget.envBean.sId!, widget.envBean.status!);
+    await ref
+        .read(envProvider)
+        .enableEnv(widget.envBean.sId!, widget.envBean.status!);
     setState(() {});
   }
 
@@ -322,14 +325,16 @@ class EnvDetailCell extends ConsumerWidget {
                             }
                           },
                           style: TextStyle(
-                            color: ref.watch(themeProvider).themeColor.descColor(),
+                            color:
+                                ref.watch(themeProvider).themeColor.descColor(),
                             fontSize: 14,
                           ),
                         ),
                       ),
                     )
                   : Expanded(
-                      child: Align(alignment: Alignment.centerRight, child: icon!),
+                      child:
+                          Align(alignment: Alignment.centerRight, child: icon!),
                     ),
             ],
           ),

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,49 +37,74 @@ 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++) {
-          EnvBean value = model.list[i];
+        for (int i = 0; i < prepareList.length; 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(
-                    keyboardDismissBehavior: ScrollViewKeyboardDismissBehavior.onDrag,
-                    header: searchCell(ref),
+                  child: currentState == EnvViewModel.disabledStr
+                      ? ListView(
+                          children: [
+                            searchCell(context, ref),
+                            ...list,
+                          ],
+                        )
+                      : ReorderableListView(
+                          keyboardDismissBehavior:
+                              ScrollViewKeyboardDismissBehavior.onDrag,
+                          header: searchCell(context, ref),
                           onReorder: (int oldIndex, int newIndex) {
                             if (list.length != model.list.length) {
                               "请先清空搜索关键词".toast();
                               return;
                             }
 
-                      setState(() {
+                            setState(
+                              () {
                                 //交换数据
                                 if (newIndex > oldIndex) {
                                   newIndex -= 1;
                                 }
-                        final EnvBean item = model.list.removeAt(oldIndex);
+                                final EnvBean item =
+                                    model.list.removeAt(oldIndex);
                                 model.list.insert(newIndex, item);
-                        model.update(item.sId ?? "", newIndex, oldIndex);
-                      });
+                                model.update(
+                                    item.sId ?? "", newIndex, oldIndex);
+                              },
+                            );
                           },
                           children: list,
                         ),
@@ -86,49 +113,90 @@ 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(
-        onSubmitted: (value) {
-          setState(() {});
-        },
-        onSuffixTap: () {
-          _searchController.text = "";
-          setState(() {});
-        },
-        controller: _searchController,
-        borderRadius: BorderRadius.circular(
-          30,
+                child: Text(
+                  "筛选",
+                  style: TextStyle(
+                    color: ref.watch(themeProvider).themeColor.descColor(),
+                    fontSize: 14,
                   ),
-        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: "搜索",
+        ],
       ),
     );
   }
@@ -139,13 +207,12 @@ class EnvItemCell extends StatelessWidget {
   final int index;
   final WidgetRef ref;
 
-  const EnvItemCell(this.bean, this.index, this.ref, {Key? key}) : super(key: key);
+  const EnvItemCell(this.bean, this.index, this.ref, {Key? key})
+      : super(key: key);
 
   @override
   Widget build(BuildContext context) {
-    return ColoredBox(
-      color: ref.watch(themeProvider).themeColor.settingBgColor(),
-      child: Slidable(
+    return Slidable(
       key: ValueKey(bean.sId),
       endActionPane: ActionPane(
         motion: const StretchMotion(),
@@ -154,7 +221,8 @@ class EnvItemCell extends StatelessWidget {
           SlidableAction(
             backgroundColor: const Color(0xff5D5E70),
             onPressed: (_) {
-                Navigator.of(context).pushNamed(Routes.routeAddEnv, arguments: bean);
+              Navigator.of(context)
+                  .pushNamed(Routes.routeAddEnv, arguments: bean);
             },
             foregroundColor: Colors.white,
             icon: CupertinoIcons.pencil_outline,
@@ -165,7 +233,9 @@ class EnvItemCell extends StatelessWidget {
               enableEnv(context);
             },
             foregroundColor: Colors.white,
-              icon: bean.status == 0 ? Icons.dnd_forwardslash : Icons.check_circle_outline_sharp,
+            icon: bean.status == 0
+                ? Icons.dnd_forwardslash
+                : Icons.check_circle_outline_sharp,
           ),
           SlidableAction(
             backgroundColor: const Color(0xffEA4D3E),
@@ -187,7 +257,8 @@ class EnvItemCell extends StatelessWidget {
               color: ref.watch(themeProvider).themeColor.settingBgColor(),
               child: InkWell(
                 onTap: () {
-                    Navigator.of(context).pushNamed(Routes.routeEnvDetail, arguments: bean);
+                  Navigator.of(context)
+                      .pushNamed(Routes.routeEnvDetail, arguments: bean);
                 },
                 child: Container(
                   padding: const EdgeInsets.symmetric(
@@ -206,45 +277,71 @@ class EnvItemCell extends StatelessWidget {
                             child: Row(
                               children: [
                                 bean.status == 1
-                                      ? const Icon(
-                                          Icons.dnd_forwardslash,
-                                          size: 18,
-                                          color: Color(0xffEA4D3E),
+                                    ? const SizedBox(
+                                        width: 18,
                                       )
                                     : Container(
                                         padding: const EdgeInsets.symmetric(
                                           horizontal: 5,
                                         ),
                                         decoration: BoxDecoration(
-                                            borderRadius: BorderRadius.circular(5),
-                                            border: Border.all(color: ref.watch(themeProvider).primaryColor, width: 1),
+                                          borderRadius:
+                                              BorderRadius.circular(3),
+                                          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 ?? "",
                                       maxLines: 1,
                                       style: TextStyle(
                                         overflow: TextOverflow.ellipsis,
-                                        color: ref.watch(themeProvider).themeColor.titleColor(),
+                                        color: ref
+                                            .watch(themeProvider)
+                                            .themeColor
+                                            .titleColor(),
                                         fontSize: 16,
                                       ),
                                     ),
                                   ),
+                                ),
                                 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,
+                                    visible: bean.remarks != null &&
+                                        bean.remarks!.isNotEmpty,
                                     child: Material(
                                       color: Colors.transparent,
                                       child: Text(
@@ -253,13 +350,30 @@ class EnvItemCell extends StatelessWidget {
                                         style: TextStyle(
                                           height: 1,
                                           overflow: TextOverflow.ellipsis,
-                                            color: ref.watch(themeProvider).themeColor.descColor(),
+                                          color: ref
+                                              .watch(themeProvider)
+                                              .themeColor
+                                              .descColor(),
                                           fontSize: 12,
                                         ),
                                       ),
                                     ),
                                   ),
                                 ),
+                                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,
+                                      )
                               ],
                             ),
                           ),
@@ -273,7 +387,10 @@ class EnvItemCell extends StatelessWidget {
                               maxLines: 1,
                               style: TextStyle(
                                 overflow: TextOverflow.ellipsis,
-                                  color: ref.watch(themeProvider).themeColor.descColor(),
+                                color: ref
+                                    .watch(themeProvider)
+                                    .themeColor
+                                    .descColor(),
                                 fontSize: 12,
                               ),
                             ),
@@ -290,7 +407,8 @@ class EnvItemCell extends StatelessWidget {
                           maxLines: 1,
                           style: TextStyle(
                             overflow: TextOverflow.ellipsis,
-                              color: ref.watch(themeProvider).themeColor.descColor(),
+                            color:
+                                ref.watch(themeProvider).themeColor.descColor(),
                             fontSize: 12,
                           ),
                         ),
@@ -307,7 +425,6 @@ class EnvItemCell extends StatelessWidget {
           ],
         ),
       ),
-      ),
     );
   }
 

lib/module/env/env_viewmodel.dart

@@ -8,10 +8,15 @@ 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);
     }
 
@@ -20,9 +25,16 @@ class EnvViewModel extends BaseViewModel {
     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 +43,14 @@ class EnvViewModel extends BaseViewModel {
     HttpResponse<NullResponse> result = await Api.delEnv(id);
     if (result.success) {
       "删除成功".toast();
-      list.removeWhere((element) => element.sId == id);
-      notifyListeners();
+      loadData(false);
     } 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 +59,7 @@ class EnvViewModel extends BaseViewModel {
 
       if (response.success) {
         "启用成功".toast();
-        list.firstWhere((element) => element.sId == sId).status = 0;
-        success();
+        loadData(false);
       } else {
         failToast(response.message, notify: true);
       }
@@ -66,8 +68,7 @@ class EnvViewModel extends BaseViewModel {
 
       if (response.success) {
         "禁用成功".toast();
-        list.firstWhere((element) => element.sId == sId).status = 1;
-        success();
+        loadData(false);
       } else {
         failToast(response.message, notify: true);
       }

lib/module/home/home_page.dart

@@ -44,7 +44,7 @@ class _HomePageState extends ConsumerState<HomePage>
     initTitles();
     _title = titles[0].title;
     super.initState();
-    WidgetsBinding.instance?.addPostFrameCallback((timeStamp) {
+    WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
       getSystemBean();
     });
   }

lib/module/login/login_page.dart

@@ -2,6 +2,7 @@ import 'package:dio_log/dio_log.dart';
 import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
+import 'package:flutter_animator/flutter_animator.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:qinglong_app/base/http/http.dart';
 import 'package:qinglong_app/base/routes.dart';
@@ -43,7 +44,8 @@ class _LoginPageState extends ConsumerState<LoginPage> {
     if (!widget.doNotLoadLocalData) {
       _hostController.text = getIt<UserInfoViewModel>().host ?? "";
       useSecretLogin = getIt<UserInfoViewModel>().useSecretLogined;
-      if (getIt<UserInfoViewModel>().userName != null && getIt<UserInfoViewModel>().userName!.isNotEmpty) {
+      if (getIt<UserInfoViewModel>().userName != null &&
+          getIt<UserInfoViewModel>().userName!.isNotEmpty) {
         if (getIt<UserInfoViewModel>().useSecretLogined) {
           _cIdController.text = getIt<UserInfoViewModel>().userName!;
         } else {
@@ -53,7 +55,8 @@ class _LoginPageState extends ConsumerState<LoginPage> {
       } else {
         rememberPassword = false;
       }
-      if (getIt<UserInfoViewModel>().passWord != null && getIt<UserInfoViewModel>().passWord!.isNotEmpty) {
+      if (getIt<UserInfoViewModel>().passWord != null &&
+          getIt<UserInfoViewModel>().passWord!.isNotEmpty) {
         if (getIt<UserInfoViewModel>().useSecretLogined) {
           _cSecretController.text = getIt<UserInfoViewModel>().passWord!;
         } else {
@@ -62,34 +65,25 @@ class _LoginPageState extends ConsumerState<LoginPage> {
       }
     }
     getIt<UserInfoViewModel>().updateToken("");
-    WidgetsBinding.instance?.addPostFrameCallback((timeStamp) {
+    WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
       if (useSecretLogin) {
         cardKey.currentState?.toggleCard();
       }
     });
   }
 
+  GlobalKey<AnimatorWidgetState> loginKey = GlobalKey<AnimatorWidgetState>();
+
   @override
   Widget build(BuildContext context) {
     return Scaffold(
       body: AnnotatedRegion<SystemUiOverlayStyle>(
-        value: ref.watch(themeProvider).darkMode == true ? SystemUiOverlayStyle.light : SystemUiOverlayStyle.dark,
+        value: ref.watch(themeProvider).darkMode == true
+            ? SystemUiOverlayStyle.light
+            : SystemUiOverlayStyle.dark,
         child: ColoredBox(
           color: ref.watch(themeProvider).themeColor.settingBgColor(),
-          child: SizedBox(
-            height: MediaQuery.of(context).size.height,
-            child: Stack(
-              children: [
-                Positioned(
-                  bottom: 0,
-                  child: Image.asset(
-                    "assets/images/login_bg.png",
-                    width: MediaQuery.of(context).size.width,
-                  ),
-                ),
-                Scaffold(
-                  backgroundColor: Colors.transparent,
-                  body: SingleChildScrollView(
+          child: SingleChildScrollView(
             child: Column(
               mainAxisAlignment: MainAxisAlignment.start,
               crossAxisAlignment: CrossAxisAlignment.start,
@@ -103,16 +97,23 @@ class _LoginPageState extends ConsumerState<LoginPage> {
                     crossAxisAlignment: CrossAxisAlignment.start,
                     children: [
                       SizedBox(
-                                height: MediaQuery.of(context).size.height / 10,
+                        height: MediaQuery.of(context).size.height / 8,
                       ),
                       Row(
                         children: [
                           Expanded(
                             child: Align(
                               alignment: Alignment.centerLeft,
-                                      child: Image.asset(
-                                        "assets/images/login_tip.png",
-                                        height: 45,
+                              child: Text(
+                                useSecretLogin ? "client_id登录" : "账号登录",
+                                style: TextStyle(
+                                  fontSize: 26,
+                                  fontWeight: FontWeight.bold,
+                                  color: ref
+                                      .watch(themeProvider)
+                                      .themeColor
+                                      .titleColor(),
+                                ),
                               ),
                             ),
                           ),
@@ -121,9 +122,11 @@ class _LoginPageState extends ConsumerState<LoginPage> {
                               if (debugBtnIsShow()) {
                                 dismissDebugBtn();
                               } else {
-                                        showDebugBtn(context, btnColor: ref.watch(themeProvider).primaryColor);
+                                showDebugBtn(context,
+                                    btnColor:
+                                        ref.watch(themeProvider).primaryColor);
                               }
-                                      WidgetsBinding.instance?.endOfFrame;
+                              WidgetsBinding.instance.endOfFrame;
                             },
                             child: Image.asset(
                               "assets/images/ql.png",
@@ -135,24 +138,52 @@ class _LoginPageState extends ConsumerState<LoginPage> {
                       SizedBox(
                         height: MediaQuery.of(context).size.height / 15,
                       ),
-                              const Text(
-                                "域名:",
+                      Row(
+                        children: [
+                          const SizedBox(
+                            width: 40,
+                            child: Text(
+                              "域名",
                               style: TextStyle(
                                 fontSize: 16,
-                                  fontWeight: FontWeight.w600,
                               ),
                             ),
-                              TextField(
+                          ),
+                          const SizedBox(
+                            width: 30,
+                          ),
+                          Expanded(
+                            child: TextField(
                               onChanged: (_) {
                                 setState(() {});
                               },
                               controller: _hostController,
-                                decoration: const InputDecoration(
-                                  contentPadding: EdgeInsets.fromLTRB(0, 5, 0, 5),
+                              decoration: InputDecoration(
+                                border: InputBorder.none,
+                                enabledBorder: InputBorder.none,
+                                focusedBorder: InputBorder.none,
+                                isDense: true,
+                                contentPadding: const EdgeInsets.all(4),
                                 hintText: "http://1.1.1.1:5700",
+                                hintStyle: TextStyle(
+                                  fontSize: 16,
+                                  color: ref
+                                      .watch(themeProvider)
+                                      .themeColor
+                                      .descColor(),
+                                ),
                               ),
                               autofocus: false,
                             ),
+                          ),
+                        ],
+                      ),
+                      const Divider(
+                        color: Color(0xff999999),
+                      ),
+                      const SizedBox(
+                        height: 10,
+                      ),
                       FlipCard(
                         key: cardKey,
                         flipOnTouch: false,
@@ -162,118 +193,209 @@ class _LoginPageState extends ConsumerState<LoginPage> {
                         },
                         direction: FlipDirection.HORIZONTAL,
                         front: SizedBox(
-                                  height: 200,
+                          height: 110,
                           child: Column(
                             mainAxisSize: MainAxisSize.min,
                             mainAxisAlignment: MainAxisAlignment.start,
                             crossAxisAlignment: CrossAxisAlignment.start,
+                            children: [
+                              Row(
                                 children: [
                                   const SizedBox(
-                                        height: 15,
-                                      ),
-                                      const Text(
-                                        "用户名:",
+                                    child: Text(
+                                      "账户",
                                       style: TextStyle(
                                         fontSize: 16,
-                                          fontWeight: FontWeight.w600,
                                       ),
                                     ),
-                                      TextField(
+                                    width: 40,
+                                  ),
+                                  const SizedBox(
+                                    width: 30,
+                                  ),
+                                  Expanded(
+                                    child: TextField(
                                       onChanged: (_) {
                                         setState(() {});
                                       },
                                       controller: _userNameController,
-                                        decoration: const InputDecoration(
-                                          contentPadding: EdgeInsets.fromLTRB(0, 5, 0, 5),
-                                          hintText: "请输入用户名",
+                                      decoration: InputDecoration(
+                                        border: InputBorder.none,
+                                        enabledBorder: InputBorder.none,
+                                        focusedBorder: InputBorder.none,
+                                        isDense: true,
+                                        contentPadding: const EdgeInsets.all(4),
+                                        hintText: "请输入账户",
+                                        hintStyle: TextStyle(
+                                          fontSize: 16,
+                                          color: ref
+                                              .watch(themeProvider)
+                                              .themeColor
+                                              .descColor(),
+                                        ),
                                       ),
                                       autofocus: false,
                                     ),
-                                      const SizedBox(
-                                        height: 15,
                                   ),
-                                      const Text(
-                                        "密码:",
+                                ],
+                              ),
+                              const Divider(
+                                color: Color(0xff999999),
+                              ),
+                              const SizedBox(
+                                height: 10,
+                              ),
+                              Row(
+                                children: [
+                                  const SizedBox(
+                                    width: 40,
+                                    child: Text(
+                                      "密码",
                                       style: TextStyle(
                                         fontSize: 16,
-                                          fontWeight: FontWeight.w600,
                                       ),
                                     ),
-                                      TextField(
+                                  ),
+                                  const SizedBox(
+                                    width: 30,
+                                  ),
+                                  Expanded(
+                                    child: TextField(
                                       onChanged: (_) {
                                         setState(() {});
                                       },
                                       controller: _passwordController,
                                       obscureText: true,
-                                        decoration: const InputDecoration(
-                                          contentPadding: EdgeInsets.fromLTRB(0, 5, 0, 5),
+                                      decoration: InputDecoration(
+                                        border: InputBorder.none,
+                                        enabledBorder: InputBorder.none,
+                                        focusedBorder: InputBorder.none,
+                                        isDense: true,
+                                        contentPadding: const EdgeInsets.all(4),
                                         hintText: "请输入密码",
+                                        hintStyle: TextStyle(
+                                          fontSize: 16,
+                                          color: ref
+                                              .watch(themeProvider)
+                                              .themeColor
+                                              .descColor(),
+                                        ),
                                       ),
                                       autofocus: false,
                                     ),
-                                      const SizedBox(
-                                        height: 10,
+                                  ),
+                                ],
+                              ),
+                              const Divider(
+                                color: Color(0xff999999),
                               ),
                             ],
                           ),
                         ),
                         back: SizedBox(
-                                  height: 200,
+                          height: 110,
                           child: Column(
                             mainAxisSize: MainAxisSize.min,
                             mainAxisAlignment: MainAxisAlignment.start,
                             crossAxisAlignment: CrossAxisAlignment.start,
+                            children: [
+                              Row(
                                 children: [
                                   const SizedBox(
-                                        height: 15,
-                                      ),
-                                      const Text(
-                                        "client_id:",
+                                    width: 40,
+                                    child: Text(
+                                      "id",
                                       style: TextStyle(
                                         fontSize: 16,
-                                          fontWeight: FontWeight.w600,
                                       ),
                                     ),
-                                      TextField(
+                                  ),
+                                  const SizedBox(
+                                    width: 30,
+                                  ),
+                                  Expanded(
+                                    child: TextField(
                                       onChanged: (_) {
                                         setState(() {});
                                       },
                                       controller: _cIdController,
-                                        decoration: const InputDecoration(
-                                          contentPadding: EdgeInsets.fromLTRB(0, 5, 0, 5),
+                                      decoration: InputDecoration(
+                                        border: InputBorder.none,
+                                        enabledBorder: InputBorder.none,
+                                        focusedBorder: InputBorder.none,
+                                        isDense: true,
+                                        contentPadding: const EdgeInsets.all(4),
                                         hintText: "请输入client_id",
+                                        hintStyle: TextStyle(
+                                          fontSize: 16,
+                                          color: ref
+                                              .watch(themeProvider)
+                                              .themeColor
+                                              .descColor(),
+                                        ),
                                       ),
                                       autofocus: false,
                                     ),
-                                      const SizedBox(
-                                        height: 15,
                                   ),
-                                      const Text(
-                                        "client_secret:",
+                                ],
+                              ),
+                              const Divider(
+                                color: Color(0xff999999),
+                              ),
+                              const SizedBox(
+                                height: 10,
+                              ),
+                              Row(
+                                children: [
+                                  const SizedBox(
+                                    width: 50,
+                                    child: Text(
+                                      "secret",
                                       style: TextStyle(
                                         fontSize: 16,
-                                          fontWeight: FontWeight.w600,
                                       ),
                                     ),
-                                      TextField(
+                                  ),
+                                  const SizedBox(
+                                    width: 20,
+                                  ),
+                                  Expanded(
+                                    child: TextField(
                                       onChanged: (_) {
                                         setState(() {});
                                       },
                                       controller: _cSecretController,
                                       obscureText: true,
-                                        decoration: const InputDecoration(
-                                          contentPadding: EdgeInsets.fromLTRB(0, 5, 0, 5),
+                                      decoration: InputDecoration(
+                                        border: InputBorder.none,
+                                        enabledBorder: InputBorder.none,
+                                        focusedBorder: InputBorder.none,
+                                        isDense: true,
+                                        contentPadding: const EdgeInsets.all(4),
                                         hintText: "请输入client_secret",
+                                        hintStyle: TextStyle(
+                                          fontSize: 16,
+                                          color: ref
+                                              .watch(themeProvider)
+                                              .themeColor
+                                              .descColor(),
+                                        ),
                                       ),
                                       autofocus: false,
                                     ),
-                                      const SizedBox(
-                                        height: 10,
+                                  ),
+                                ],
+                              ),
+                              const Divider(
+                                color: Color(0xff999999),
                               ),
                             ],
                           ),
                         ),
                       ),
+                      const SizedBox(
+                        height: 10,
+                      ),
                     ],
                   ),
                 ),
@@ -291,8 +413,9 @@ class _LoginPageState extends ConsumerState<LoginPage> {
                         },
                       ),
                       const Text(
-                                "记住密码/client",
+                        "记住密码",
                         style: TextStyle(
+                          color: Color(0xff555555),
                           fontSize: 14,
                         ),
                       ),
@@ -300,13 +423,15 @@ class _LoginPageState extends ConsumerState<LoginPage> {
                       GestureDetector(
                         onTap: () {
                           cardKey.currentState?.toggleCard();
-                                  WidgetsBinding.instance?.addPostFrameCallback((timeStamp) {
+                          WidgetsBinding.instance
+                              .addPostFrameCallback((timeStamp) {
                             setState(() {});
                           });
                         },
                         child: Text(
                           loginByUserName() ? "client_id登录" : "账号登录",
                           style: const TextStyle(
+                            color: Color(0xff555555),
                             fontSize: 14,
                           ),
                         ),
@@ -320,37 +445,67 @@ class _LoginPageState extends ConsumerState<LoginPage> {
                 const SizedBox(
                   height: 30,
                 ),
-                        Container(
+                Shake(
+                  preferences: const AnimationPreferences(
+                      autoPlay: AnimationPlayStates.None),
+                  key: loginKey,
+                  child: Center(
+                    child: Container(
                       alignment: Alignment.center,
+                      width: MediaQuery.of(context).size.width * 0.8,
                       padding: const EdgeInsets.symmetric(
                         horizontal: 40,
                       ),
+                      decoration: BoxDecoration(
+                        gradient: LinearGradient(
+                          colors: canClickLoginBtn()
+                              ? [
+                                  const Color(0xff5DD16F),
+                                  const Color(0xff089556),
+                                ]
+                              : [
+                                  const Color(0xff5DD16F).withOpacity(0.6),
+                                  const Color(0xff089556).withOpacity(0.6),
+                                ],
+                        ),
+                        borderRadius: const BorderRadius.all(
+                          Radius.circular(10),
+                        ),
+                      ),
                       child: SizedBox(
                         width: MediaQuery.of(context).size.width - 80,
                         child: IgnorePointer(
                           ignoring: !canClickLoginBtn(),
-                              child: CupertinoButton(
+                          child: Builder(
+                            builder: (context) {
+                              return CupertinoButton(
                                 padding: const EdgeInsets.symmetric(
                                   vertical: 5,
                                 ),
-                                color: canClickLoginBtn() ? ref.watch(themeProvider).primaryColor : ref.watch(themeProvider).primaryColor.withOpacity(0.4),
                                 child: isLoading
                                     ? const CupertinoActivityIndicator()
                                     : const Text(
                                         "登 录",
                                         style: TextStyle(
-                                          fontSize: 16,
+                                          fontSize: 18,
+                                          color: Colors.white,
                                         ),
                                       ),
-                                onPressed: () {
+                                onPressed: () async {
                                   Http.pushedLoginPage = false;
                                   Utils.hideKeyBoard(context);
                                   if (loginByUserName()) {
-                                    login(_userNameController.text, _passwordController.text);
+                                    login(_userNameController.text,
+                                        _passwordController.text);
                                   } else {
-                                    login(_cIdController.text, _cSecretController.text);
+                                    login(_cIdController.text,
+                                        _cSecretController.text);
                                   }
                                 },
+                              );
+                            },
+                          ),
+                        ),
                       ),
                     ),
                   ),
@@ -358,15 +513,11 @@ class _LoginPageState extends ConsumerState<LoginPage> {
                 const SizedBox(
                   height: 30,
                 ),
-                      ],
-                    ),
-                  ),
-                ),
-                Positioned(
-                  bottom: 10,
-                  child: (getIt<UserInfoViewModel>().historyAccounts.isEmpty)
+                (getIt<UserInfoViewModel>().historyAccounts.isEmpty)
                     ? const SizedBox.shrink()
-                      : SizedBox(
+                    : SafeArea(
+                        top: false,
+                        child: SizedBox(
                           width: MediaQuery.of(context).size.width,
                           child: Center(
                             child: Material(
@@ -375,22 +526,38 @@ class _LoginPageState extends ConsumerState<LoginPage> {
                                 onSelected: (UserInfoBean result) {
                                   selected(result);
                                 },
-                                itemBuilder: (BuildContext context) => <PopupMenuEntry<UserInfoBean>>[
+                                itemBuilder: (BuildContext context) =>
+                                    <PopupMenuEntry<UserInfoBean>>[
                                   ...getIt<UserInfoViewModel>()
                                       .historyAccounts
-                                      .map((e) => PopupMenuItem<UserInfoBean>(
+                                      .map(
+                                        (e) => PopupMenuItem<UserInfoBean>(
                                           value: e,
-                                            child: buildCell(e),
-                                          ))
+                                          child: buildCell(context, e),
+                                        ),
+                                      )
                                       .toList(),
                                 ],
-                                child: Text(
-                                  "切换账号",
+                                child: Row(
+                                  mainAxisSize: MainAxisSize.min,
+                                  children: [
+                                    Image.asset(
+                                      "assets/images/icon_history.png",
+                                      fit: BoxFit.cover,
+                                      width: 16,
+                                    ),
+                                    const SizedBox(
+                                      width: 5,
+                                    ),
+                                    const Text(
+                                      "历史账号",
                                       style: TextStyle(
-                                    color: ref.watch(themeProvider).primaryColor,
+                                        color: Color(0xff555555),
                                         fontSize: 14,
                                       ),
                                     ),
+                                  ],
+                                ),
                               ),
                             ),
                           ),
@@ -416,7 +583,8 @@ class _LoginPageState extends ConsumerState<LoginPage> {
     isLoading = true;
     setState(() {});
 
-    helper = LoginHelper(useSecretLogin, _hostController.text, userName, password, rememberPassword);
+    helper = LoginHelper(useSecretLogin, _hostController.text, userName,
+        password, rememberPassword);
     var response = await helper!.login();
     dealLoginResponse(response);
   }
@@ -434,6 +602,7 @@ class _LoginPageState extends ConsumerState<LoginPage> {
 
   void loginFailed() {
     isLoading = false;
+    loginKey.currentState?.forward();
     setState(() {});
   }
 
@@ -442,9 +611,11 @@ class _LoginPageState extends ConsumerState<LoginPage> {
 
     if (_hostController.text.isEmpty) return false;
     if (!loginByUserName()) {
-      return _cIdController.text.isNotEmpty && _cSecretController.text.isNotEmpty;
+      return _cIdController.text.isNotEmpty &&
+          _cSecretController.text.isNotEmpty;
     } else {
-      return _userNameController.text.isNotEmpty && _passwordController.text.isNotEmpty;
+      return _userNameController.text.isNotEmpty &&
+          _passwordController.text.isNotEmpty;
     }
   }
 
@@ -512,7 +683,7 @@ class _LoginPageState extends ConsumerState<LoginPage> {
     });
   }
 
-  Widget buildCell(UserInfoBean bean) {
+  Widget buildCell(BuildContext context, UserInfoBean bean) {
     return ListTile(
       title: Text(
         bean.host ?? "",
@@ -525,6 +696,19 @@ class _LoginPageState extends ConsumerState<LoginPage> {
           bean.userName ?? "",
         ),
       ),
+      contentPadding: EdgeInsets.zero,
+      trailing: GestureDetector(
+        onTap: () {
+          getIt<UserInfoViewModel>().removeHistoryAccount(bean.host);
+          Navigator.pop(context);
+
+          setState(() {});
+        },
+        child: const Icon(
+          CupertinoIcons.clear_thick,
+          size: 20,
+        ),
+      ),
     );
   }
 
@@ -534,7 +718,7 @@ class _LoginPageState extends ConsumerState<LoginPage> {
       _cIdController.text = result.userName ?? "";
       _cSecretController.text = result.password ?? "";
       if (cardKey.currentState?.isFront ?? false) {
-        WidgetsBinding.instance?.addPostFrameCallback((timeStamp) {
+        WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
           cardKey.currentState?.toggleCard();
         });
       }
@@ -542,7 +726,7 @@ class _LoginPageState extends ConsumerState<LoginPage> {
       _userNameController.text = result.userName ?? "";
       _passwordController.text = result.password ?? "";
       if (!(cardKey.currentState?.isFront ?? false)) {
-        WidgetsBinding.instance?.addPostFrameCallback((timeStamp) {
+        WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
           cardKey.currentState?.toggleCard();
         });
       }

lib/module/login/user_bean.dart

@@ -19,6 +19,7 @@ class UserBean {
     data['twoFactorActivated'] = this.twoFactorActivated;
     return data;
   }
+
   static UserBean jsonConversion(Map<String, dynamic> json) {
     return UserBean.fromJson(json);
   }

lib/module/others/about_page.dart

@@ -23,7 +23,6 @@ class _AboutPageState extends ConsumerState<AboutPage> {
   void initState() {
     super.initState();
     getInfo();
-
   }
 
   @override
@@ -88,7 +87,8 @@ class _AboutPageState extends ConsumerState<AboutPage> {
                 const Spacer(),
                 GestureDetector(
                   onTap: () {
-                    _launchURL("https://github.com/qinglong-app/qinglong_app/releases");
+                    _launchURL(
+                        "https://github.com/qinglong-app/qinglong_app/releases");
                   },
                   child: Text(
                     "版本更新",

lib/module/others/backup/backup_page.dart

@@ -0,0 +1,278 @@
+import 'dart:convert';
+import 'dart:io';
+
+import 'package:file_picker/file_picker.dart';
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:path_provider/path_provider.dart';
+import 'package:qinglong_app/base/http/api.dart';
+import 'package:qinglong_app/base/ql_app_bar.dart';
+import 'package:qinglong_app/json.jc.dart';
+import 'package:qinglong_app/module/env/env_bean.dart';
+import 'package:qinglong_app/utils/extension.dart';
+import 'package:share_plus/share_plus.dart';
+
+import '../../../base/theme.dart';
+import '../../../base/userinfo_viewmodel.dart';
+import '../../../main.dart';
+
+class BackUpPage extends ConsumerStatefulWidget {
+  const BackUpPage({Key? key}) : super(key: key);
+
+  @override
+  _BackUpPageState createState() => _BackUpPageState();
+}
+
+class _BackUpPageState extends ConsumerState<BackUpPage> {
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: QlAppBar(
+        canBack: true,
+        title: '数据备份',
+      ),
+      body: Column(
+        mainAxisAlignment: MainAxisAlignment.start,
+        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,
+                children: [
+                  GestureDetector(
+                    behavior: HitTestBehavior.opaque,
+                    onTap: () {
+                      getEnv();
+                    },
+                    child: Padding(
+                      padding: const EdgeInsets.only(
+                        top: 10,
+                        bottom: 5,
+                        left: 15,
+                        right: 15,
+                      ),
+                      child: Row(
+                        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: () {
+                      uploadEnv(context);
+                    },
+                    child: Padding(
+                      padding: const EdgeInsets.only(
+                        top: 10,
+                        bottom: 5,
+                        left: 15,
+                        right: 15,
+                      ),
+                      child: Row(
+                        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: () {
+                      uploadEnvFromFile();
+                    },
+                    child: Padding(
+                      padding: const EdgeInsets.only(
+                        top: 10,
+                        bottom: 5,
+                        left: 15,
+                        right: 15,
+                      ),
+                      child: Row(
+                        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: () {
+                      shareEnvs();
+                    },
+                    child: Padding(
+                      padding: const EdgeInsets.only(
+                        top: 10,
+                        bottom: 5,
+                        left: 15,
+                        right: 15,
+                      ),
+                      child: Row(
+                        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,
+                  ),
+                ]),
+          )
+        ],
+      ),
+    );
+  }
+
+  Future<void> shareEnvs() async {
+    Directory appDocDir = await getApplicationDocumentsDirectory();
+    var dir = Directory("${appDocDir.path}/backup/");
+    var fileList = await dir.list().toList();
+    List<String> paths = [];
+    for(var i=0;i<fileList.length;i++){
+      paths.add(fileList[i].path);
+    }
+    await Share.shareFiles(paths);
+  }
+
+  void getEnv() async {
+    var envs = await Api.envs("");
+    var data = json.encode(envs.bean);
+    Directory appDocDir = await getApplicationDocumentsDirectory();
+    // String? path = await FilePicker.platform.getDirectoryPath(initialDirectory:appDocDir.path,dialogTitle: "请选择保存的文件夹");
+    Directory("${appDocDir.path}/backup/").create();
+    Uri uri = Uri.parse(getIt<UserInfoViewModel>().host!);
+    File file = File("${appDocDir.path}/backup/${uri.host}-${uri.port}.env");
+    file = await file.writeAsString(data, flush: true);
+    "备份成功".toast();
+  }
+
+  void uploadEnvFromFile()async{
+    var result = await FilePicker.platform.pickFiles(dialogTitle: "请选择env文件");
+    if (result == null)return;
+    File f = File(result.paths[0]!);
+    var data = await f.readAsString();
+    var content = jsonDecode(data) as List<dynamic>;
+    for (var j = 0; j < content.length; j++) {
+      var bean = JsonConversion$Json.fromJson<EnvBean>(content[j]);
+      var resp = await Api.addEnv(bean.name!, bean.value!, bean.remarks!);
+      if (!resp.success){
+        resp.message.toast();
+      }
+    }
+    "备份完成".toast();
+  }
+  }
+
+  void uploadEnv(BuildContext context) async {
+    Directory appDocDir = await getApplicationDocumentsDirectory();
+    List<Widget> widgets = [];
+    var dir = Directory("${appDocDir.path}/backup/");
+    var fileList = await dir.list().toList();
+    for (var i = 0; i < fileList.length; i++) {
+      var paths = fileList[i].path.split("/");
+      widgets.add(
+          ListTile(
+        title: Text(paths[paths.length - 1]),
+        onTap: () async {
+          File f = File(fileList[i].path);
+          var data = await f.readAsString();
+          var content = jsonDecode(data) as List<dynamic>;
+          for (var j = 0; j < content.length; j++) {
+            var bean = JsonConversion$Json.fromJson<EnvBean>(content[j]);
+            var resp = await Api.addEnv(bean.name!, bean.value!, bean.remarks!);
+            if (!resp.success){
+              resp.message.toast();
+            }
+          }
+          "备份完成".toast();
+
+
+        },
+      ));
+    }
+    var dialog = SimpleDialog(title: const Text("请选择备份文件"), children: widgets);
+    await showDialog(
+        context: context,
+        builder: (BuildContext context) {
+          return dialog;
+        });
+  }
+

lib/module/others/dependencies/add_dependency_page.dart

@@ -129,6 +129,8 @@ class _AddDependencyPageState extends ConsumerState<AddDependencyPage> {
                 ),
                 TextField(
                   controller: _nameController,
+                  maxLines: 10,
+                  minLines: 1,
                   decoration: const InputDecoration(
                     contentPadding: EdgeInsets.fromLTRB(0, 5, 0, 5),
                     hintText: "请输入名称",
@@ -149,10 +151,18 @@ class _AddDependencyPageState extends ConsumerState<AddDependencyPage> {
       return;
     }
 
-    HttpResponse<NullResponse> response = await Api.addDependency(
-      _nameController.text,
-      depedencyType.index,
-    );
+    List<Map<String, dynamic>> list = [];
+
+    List<String> names = _nameController.text.split("\n");
+    list.addAll(names
+        .map(
+          (e) => {
+            "name": e,
+            "type": depedencyType.index,
+          },
+        )
+        .toList());
+    HttpResponse<NullResponse> response = await Api.addDependency(list);
 
     if (response.success) {
       "新增成功".toast();

lib/module/others/dependencies/dependency_page.dart

@@ -21,7 +21,8 @@ class DependencyPage extends StatefulWidget {
   _DependcyPageState createState() => _DependcyPageState();
 }
 
-class _DependcyPageState extends State<DependencyPage> with TickerProviderStateMixin {
+class _DependcyPageState extends State<DependencyPage>
+    with TickerProviderStateMixin {
   List<DepedencyEnum> types = [];
 
   TabController? _tabController;
@@ -125,7 +126,9 @@ class _DependcyPageState extends State<DependencyPage> with TickerProviderStateM
                           itemCount: list.length,
                         ),
                         onRefresh: () {
-                          return model.loadData(types[_tabController!.index].name.toLowerCase(), false);
+                          return model.loadData(
+                              types[_tabController!.index].name.toLowerCase(),
+                              false);
                         },
                       );
                     },
@@ -222,7 +225,10 @@ class DependencyCell extends ConsumerWidget {
                             maxLines: 1,
                             style: TextStyle(
                               overflow: TextOverflow.ellipsis,
-                              color: ref.watch(themeProvider).themeColor.titleColor(),
+                              color: ref
+                                  .watch(themeProvider)
+                                  .themeColor
+                                  .titleColor(),
                               fontSize: 18,
                             ),
                           ),
@@ -255,11 +261,16 @@ class DependencyCell extends ConsumerWidget {
                             child: Material(
                               color: Colors.transparent,
                               child: Text(
-                                (bean.created == null || bean.created == 0) ? "-" : Utils.formatMessageTime(bean.created!),
+                                (bean.created == null || bean.created == 0)
+                                    ? "-"
+                                    : Utils.formatMessageTime(bean.created!),
                                 maxLines: 1,
                                 style: TextStyle(
                                   overflow: TextOverflow.ellipsis,
-                                  color: ref.watch(themeProvider).themeColor.descColor(),
+                                  color: ref
+                                      .watch(themeProvider)
+                                      .themeColor
+                                      .descColor(),
                                   fontSize: 12,
                                 ),
                               ),
@@ -283,7 +294,7 @@ class DependencyCell extends ConsumerWidget {
   }
 
   void showLog(WidgetRef ref, String? sId) {
-    WidgetsBinding.instance?.addPostFrameCallback((timeStamp) {
+    WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
       showCupertinoDialog(
           builder: (BuildContext context) {
             return CupertinoAlertDialog(
@@ -357,7 +368,9 @@ class DependencyCell extends ConsumerWidget {
             ),
             onPressed: () {
               Navigator.of(context).pop();
-              ref.read(dependencyProvider).del(type.name.toLowerCase(), sId ?? "");
+              ref
+                  .read(dependencyProvider)
+                  .del(type.name.toLowerCase(), sId ?? "");
             },
           ),
         ],

lib/module/others/dependencies/dependency_viewmodel.dart

@@ -15,7 +15,10 @@ 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(
-                  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.titleColor(),
+                return Row(
+                  children: [
+                    const SizedBox(
+                      width: 15,
                     ),
-                    ),
-                    subtitle: Column(
-                      mainAxisSize: MainAxisSize.min,
+                    Column(
                       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:
-                                ref.watch(themeProvider).themeColor.descColor(),
+                                color: ref
+                                    .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,23 +97,32 @@ class _LoginLogPageState extends ConsumerState<LoginLogPage>
                             fontSize: 14,
                           ),
                         ),
+                        const SizedBox(
+                          height: 10,
+                        ),
                       ],
                     ),
-                    trailing: item.status == 0
-                        ? Icon(
-                            CupertinoIcons.checkmark_circle,
-                            color: ref.watch(themeProvider).primaryColor,
-                            size: 16,
-                          )
-                        : const Icon(
-                            CupertinoIcons.clear_circled,
-                            color: Colors.red,
-                            size: 16,
+                    const Spacer(),
+                    Text(
+                      Utils.formatMessageTime(item.timestamp ?? 0),
+                      style: TextStyle(
+                        fontSize: 12,
+                        color: ref.watch(themeProvider).themeColor.descColor(),
                       ),
                     ),
+                    const SizedBox(
+                      width: 15,
+                    ),
+                  ],
                 );
               },
               itemCount: list.length,
+              separatorBuilder: (BuildContext context, int index) {
+                return const Divider(
+                  indent: 15,
+                  height: 1,
+                );
+              },
             ),
     );
   }

lib/module/others/other_page.dart

@@ -1,5 +1,5 @@
-import 'package:flutter/material.dart';
 import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:qinglong_app/base/routes.dart';
 import 'package:qinglong_app/base/theme.dart';
@@ -58,7 +58,10 @@ class _OtherPageState extends ConsumerState<OtherPage> {
                         Text(
                           "脚本管理",
                           style: TextStyle(
-                            color: ref.watch(themeProvider).themeColor.titleColor(),
+                            color: ref
+                                .watch(themeProvider)
+                                .themeColor
+                                .titleColor(),
                             fontSize: 16,
                           ),
                         ),
@@ -91,7 +94,10 @@ class _OtherPageState extends ConsumerState<OtherPage> {
                         Text(
                           "依赖管理",
                           style: TextStyle(
-                            color: ref.watch(themeProvider).themeColor.titleColor(),
+                            color: ref
+                                .watch(themeProvider)
+                                .themeColor
+                                .titleColor(),
                             fontSize: 16,
                           ),
                         ),
@@ -126,7 +132,10 @@ class _OtherPageState extends ConsumerState<OtherPage> {
                         Text(
                           "任务日志",
                           style: TextStyle(
-                            color: ref.watch(themeProvider).themeColor.titleColor(),
+                            color: ref
+                                .watch(themeProvider)
+                                .themeColor
+                                .titleColor(),
                             fontSize: 16,
                           ),
                         ),
@@ -166,7 +175,10 @@ class _OtherPageState extends ConsumerState<OtherPage> {
                         Text(
                           "登录日志",
                           style: TextStyle(
-                            color: ref.watch(themeProvider).themeColor.titleColor(),
+                            color: ref
+                                .watch(themeProvider)
+                                .themeColor
+                                .titleColor(),
                             fontSize: 16,
                           ),
                         ),
@@ -207,7 +219,10 @@ class _OtherPageState extends ConsumerState<OtherPage> {
                         Text(
                           "修改密码",
                           style: TextStyle(
-                            color: ref.watch(themeProvider).themeColor.titleColor(),
+                            color: ref
+                                .watch(themeProvider)
+                                .themeColor
+                                .titleColor(),
                             fontSize: 16,
                           ),
                         ),
@@ -220,6 +235,89 @@ class _OtherPageState extends ConsumerState<OtherPage> {
                     ),
                   ),
                 ),
+                const Divider(
+                  indent: 15,
+                ),
+                GestureDetector(
+                  onTap: () {
+                    Navigator.of(context).pushNamed(
+                      Routes.routerSubscription,
+                    );
+                  },
+                  behavior: HitTestBehavior.opaque,
+                  child: Padding(
+                    padding: const EdgeInsets.only(
+                      top: 5,
+                      bottom: 10,
+                      left: 15,
+                      right: 15,
+                    ),
+                    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(
+                  onTap: () {
+                    Navigator.of(context).pushNamed(
+                      Routes.routerBackup,
+                    );
+                  },
+                  behavior: HitTestBehavior.opaque,
+                  child: Padding(
+                    padding: const EdgeInsets.only(
+                      top: 5,
+                      bottom: 10,
+                      left: 15,
+                      right: 15,
+                    ),
+                    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,
+                ),
               ],
             ),
           ),
@@ -251,7 +349,8 @@ class _OtherPageState extends ConsumerState<OtherPage> {
                       Text(
                         "夜间模式",
                         style: TextStyle(
-                          color: ref.watch(themeProvider).themeColor.titleColor(),
+                          color:
+                              ref.watch(themeProvider).themeColor.titleColor(),
                           fontSize: 16,
                         ),
                       ),
@@ -265,7 +364,6 @@ class _OtherPageState extends ConsumerState<OtherPage> {
                     ],
                   ),
                 ),
-
                 const Divider(
                   indent: 15,
                 ),
@@ -288,7 +386,48 @@ class _OtherPageState extends ConsumerState<OtherPage> {
                         Text(
                           "主题设置",
                           style: TextStyle(
-                            color: ref.watch(themeProvider).themeColor.titleColor(),
+                            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: () {
+                    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,
                           ),
                         ),
@@ -325,7 +464,10 @@ class _OtherPageState extends ConsumerState<OtherPage> {
                         Text(
                           "关于",
                           style: TextStyle(
-                            color: ref.watch(themeProvider).themeColor.titleColor(),
+                            color: ref
+                                .watch(themeProvider)
+                                .themeColor
+                                .titleColor(),
                             fontSize: 16,
                           ),
                         ),
@@ -384,7 +526,8 @@ class _OtherPageState extends ConsumerState<OtherPage> {
                             ),
                             onPressed: () {
                               getIt<UserInfoViewModel>().updateToken("");
-                              Navigator.of(context).pushReplacementNamed(Routes.routeLogin);
+                              Navigator.of(context)
+                                  .pushReplacementNamed(Routes.routeLogin);
                             },
                           ),
                         ],

lib/module/others/scripts/script_code_detail_page.dart

@@ -0,0 +1,154 @@
+import 'package:code_text_field/code_text_field.dart';
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:highlight/languages/javascript.dart';
+import 'package:highlight/languages/json.dart';
+import 'package:highlight/languages/powershell.dart';
+import 'package:highlight/languages/python.dart';
+import 'package:highlight/languages/vbscript-html.dart';
+import 'package:highlight/languages/yaml.dart';
+import 'package:qinglong_app/base/ql_app_bar.dart';
+import 'package:qinglong_app/base/sp_const.dart';
+import 'package:qinglong_app/base/theme.dart';
+import 'package:qinglong_app/utils/sp_utils.dart';
+
+/// @author NewTab
+class ScriptCodeDetailPage extends ConsumerStatefulWidget {
+  final String title;
+  final String content;
+
+  const ScriptCodeDetailPage({
+    Key? key,
+    required this.title,
+    required this.content,
+  }) : super(key: key);
+
+  @override
+  ScriptCodeDetailPageState createState() => ScriptCodeDetailPageState();
+}
+
+class ScriptCodeDetailPageState extends ConsumerState<ScriptCodeDetailPage> {
+  CodeController? _codeController;
+  GlobalKey<CodeFieldState> codeFieldKey = GlobalKey();
+
+  bool buttonshow = false;
+
+  void scrollToTop() {
+    codeFieldKey.currentState?.getCodeScroll()?.animateTo(0,
+        duration: const Duration(milliseconds: 200), curve: Curves.linear);
+  }
+
+  void floatingButtonVisibility() {
+    double y = codeFieldKey.currentState?.getCodeScroll()?.offset ?? 0;
+    if (y > MediaQuery.of(context).size.height / 2) {
+      if (buttonshow == true) return;
+      setState(() {
+        buttonshow = true;
+      });
+    } else {
+      if (buttonshow == false) return;
+      setState(() {
+        buttonshow = false;
+      });
+    }
+  }
+
+  String suffix = "\n\n\n";
+
+  @override
+  void dispose() {
+    _codeController?.dispose();
+    _codeController = null;
+    super.dispose();
+  }
+
+  getLanguageType(String title) {
+    if (title.endsWith(".js")) {
+      return javascript;
+    }
+
+    if (title.endsWith(".sh")) {
+      return powershell;
+    }
+
+    if (title.endsWith(".py")) {
+      return python;
+    }
+    if (title.endsWith(".json")) {
+      return json;
+    }
+    if (title.endsWith(".yaml")) {
+      return yaml;
+    }
+    return vbscriptHtml;
+  }
+
+  late String content;
+
+  @override
+  void initState() {
+    content = widget.content;
+    super.initState();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    _codeController ??= CodeController(
+      text: (content) + suffix,
+      language: getLanguageType(widget.title),
+      onChange: (value) {
+        content = value + suffix;
+      },
+      theme: ref.watch(themeProvider).themeColor.codeEditorTheme(),
+      stringMap: {
+        "export": const TextStyle(
+            fontWeight: FontWeight.normal, color: Color(0xff6B2375)),
+      },
+    );
+    return Scaffold(
+      floatingActionButton: Visibility(
+        visible: buttonshow,
+        child: FloatingActionButton(
+          mini: true,
+          onPressed: () {
+            scrollToTop();
+          },
+          elevation: 2,
+          backgroundColor: Colors.white,
+          child: const Icon(CupertinoIcons.up_arrow),
+        ),
+      ),
+      appBar: QlAppBar(
+        canBack: true,
+        backCall: () {
+          Navigator.of(context).pop();
+        },
+        title: widget.title,
+      ),
+      body: SafeArea(
+        top: false,
+        child: Padding(
+          padding: EdgeInsets.symmetric(
+            horizontal: SpUtil.getBool(spShowLine, defValue: false) ? 0 : 10,
+          ),
+          child: CodeField(
+            key: codeFieldKey,
+            controller: _codeController!,
+            expands: true,
+            readOnly: true,
+            wrap: SpUtil.getBool(spShowLine, defValue: false) ? false : true,
+            hideColumn: !SpUtil.getBool(spShowLine, defValue: false),
+            lineNumberStyle: LineNumberStyle(
+              textStyle: TextStyle(
+                color: ref.watch(themeProvider).themeColor.descColor(),
+                fontSize: 12,
+              ),
+            ),
+            background: Colors.white,
+          ),
+        ),
+      ),
+    );
+  }
+}

lib/module/others/scripts/script_detail_page.dart

@@ -1,20 +1,22 @@
-import 'dart:ui';
-
+import 'package:code_text_field/code_text_field.dart';
 import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:highlight/languages/javascript.dart';
+import 'package:highlight/languages/json.dart';
+import 'package:highlight/languages/powershell.dart';
+import 'package:highlight/languages/python.dart';
+import 'package:highlight/languages/vbscript-html.dart';
+import 'package:highlight/languages/yaml.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/sp_const.dart';
 import 'package:qinglong_app/base/theme.dart';
-import 'package:google_fonts/google_fonts.dart';
 import 'package:qinglong_app/base/ui/lazy_load_state.dart';
 import 'package:qinglong_app/utils/extension.dart';
-import 'package:google_fonts/google_fonts.dart';
-
-import '../../../base/ui/syntax_highlighter.dart';
-import '../../config/config_page.dart';
+import 'package:qinglong_app/utils/sp_utils.dart';
 
 /// @author NewTab
 class ScriptDetailPage extends ConsumerStatefulWidget {
@@ -34,8 +36,61 @@ class ScriptDetailPage extends ConsumerStatefulWidget {
 class _ScriptDetailPageState extends ConsumerState<ScriptDetailPage>
     with LazyLoadState<ScriptDetailPage> {
   String? content;
+  CodeController? _codeController;
+  GlobalKey<CodeFieldState> codeFieldKey = GlobalKey();
 
   List<Widget> actions = [];
+  bool buttonshow = false;
+
+  void scrollToTop() {
+    codeFieldKey.currentState?.getCodeScroll()?.animateTo(0,
+        duration: const Duration(milliseconds: 200), curve: Curves.linear);
+  }
+
+  void floatingButtonVisibility() {
+    double y = codeFieldKey.currentState?.getCodeScroll()?.offset ?? 0;
+    if (y > MediaQuery.of(context).size.height / 2) {
+      if (buttonshow == true) return;
+      setState(() {
+        buttonshow = true;
+      });
+    } else {
+      if (buttonshow == false) return;
+      setState(() {
+        buttonshow = false;
+      });
+    }
+  }
+
+  String suffix = "\n\n\n";
+
+  @override
+  void dispose() {
+    _codeController?.dispose();
+    _codeController = null;
+    super.dispose();
+  }
+
+  getLanguageType(String title) {
+    if (title.endsWith(".js")) {
+      return javascript;
+    }
+
+    if (title.endsWith(".sh")) {
+      return powershell;
+    }
+
+    if (title.endsWith(".py")) {
+      return python;
+    }
+    if (title.endsWith(".json")) {
+      return json;
+    }
+    if (title.endsWith(".yaml")) {
+      return yaml;
+    }
+    return vbscriptHtml;
+  }
 
   @override
   void initState() {
@@ -85,6 +140,7 @@ class _ScriptDetailPageState extends ConsumerState<ScriptDetailPage>
             Navigator.of(context).pop();
 
             showCupertinoDialog(
+              useRootNavigator: false,
               context: context,
               builder: (context) => CupertinoAlertDialog(
                 title: const Text("确认删除"),
@@ -147,18 +203,45 @@ class _ScriptDetailPageState extends ConsumerState<ScriptDetailPage>
 
   @override
   Widget build(BuildContext context) {
+    if (content != null) {
+      _codeController ??= CodeController(
+        text: (content ?? "") + suffix,
+        language: getLanguageType(widget.title),
+        onChange: (value) {
+          content = value + suffix;
+        },
+        theme: ref.watch(themeProvider).themeColor.codeEditorTheme(),
+        stringMap: {
+          "export": const TextStyle(
+              fontWeight: FontWeight.normal, color: Color(0xff6B2375)),
+        },
+      );
+    }
     return Scaffold(
+      floatingActionButton: Visibility(
+        visible: buttonshow,
+        child: FloatingActionButton(
+          mini: true,
+          onPressed: () {
+            scrollToTop();
+          },
+          elevation: 2,
+          backgroundColor: Colors.white,
+          child: const Icon(CupertinoIcons.up_arrow),
+        ),
+      ),
       appBar: QlAppBar(
         canBack: true,
         backCall: () {
           Navigator.of(context).pop();
         },
-        title: "脚本详情",
+        title: widget.title,
         actions: [
           InkWell(
             onTap: () {
               showCupertinoModalPopup(
                 context: context,
+                useRootNavigator: false,
                 builder: (context) {
                   return CupertinoActionSheet(
                     title: Container(
@@ -219,8 +302,31 @@ class _ScriptDetailPageState extends ConsumerState<ScriptDetailPage>
           ? const Center(
               child: CupertinoActivityIndicator(),
             )
-          : CodeWidget(
-              content: content ?? "",
+          : SafeArea(
+              top: false,
+              child: Padding(
+                padding: EdgeInsets.symmetric(
+                  horizontal:
+                      SpUtil.getBool(spShowLine, defValue: false) ? 0 : 10,
+                ),
+                child: CodeField(
+                  key: codeFieldKey,
+                  controller: _codeController!,
+                  expands: true,
+                  readOnly: true,
+                  wrap: SpUtil.getBool(spShowLine, defValue: false)
+                      ? false
+                      : true,
+                  hideColumn: !SpUtil.getBool(spShowLine, defValue: false),
+                  lineNumberStyle: LineNumberStyle(
+                    textStyle: TextStyle(
+                      color: ref.watch(themeProvider).themeColor.descColor(),
+                      fontSize: 12,
+                    ),
+                  ),
+                  background: Colors.white,
+                ),
+              ),
             ),
     );
   }
@@ -234,32 +340,21 @@ class _ScriptDetailPageState extends ConsumerState<ScriptDetailPage>
     if (response.success) {
       content = response.bean;
       setState(() {});
+      Future.delayed(
+        const Duration(
+          seconds: 1,
+        ),
+        () {
+          codeFieldKey.currentState
+              ?.getCodeScroll()
+              ?.addListener(floatingButtonVisibility);
+        },
+      );
     } else {
       response.message?.toast();
     }
   }
 
-  getLanguageType(String title) {
-    if (title.endsWith(".js")) {
-      return "js";
-    }
-
-    if (title.endsWith(".sh")) {
-      return "sh";
-    }
-
-    if (title.endsWith(".py")) {
-      return "py";
-    }
-    if (title.endsWith(".json")) {
-      return "json";
-    }
-    if (title.endsWith(".yaml")) {
-      return "yaml";
-    }
-    return "html";
-  }
-
   @override
   void onLazyLoad() {
     loadData();

lib/module/others/scripts/script_edit_page.dart

@@ -1,4 +1,5 @@
 import 'package:code_text_field/code_text_field.dart';
+import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:highlight/languages/javascript.dart';
@@ -10,15 +11,18 @@ import 'package:highlight/languages/yaml.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/sp_const.dart';
 import 'package:qinglong_app/base/theme.dart';
 import 'package:qinglong_app/utils/extension.dart';
+import 'package:qinglong_app/utils/sp_utils.dart';
 
 class ScriptEditPage extends ConsumerStatefulWidget {
   final String content;
   final String title;
   final String path;
 
-  const ScriptEditPage(this.title, this.path, this.content, {Key? key}) : super(key: key);
+  const ScriptEditPage(this.title, this.path, this.content, {Key? key})
+      : super(key: key);
 
   @override
   _ScriptEditPageState createState() => _ScriptEditPageState();
@@ -28,6 +32,7 @@ class _ScriptEditPageState extends ConsumerState<ScriptEditPage> {
   CodeController? _codeController;
   late String result;
   FocusNode focusNode = FocusNode();
+  late String preResult;
 
   @override
   void dispose() {
@@ -38,10 +43,10 @@ class _ScriptEditPageState extends ConsumerState<ScriptEditPage> {
   @override
   void initState() {
     result = widget.content;
-
+    preResult = widget.content;
     super.initState();
 
-    WidgetsBinding.instance?.addPostFrameCallback((timeStamp) {
+    WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
       focusNode.requestFocus();
     });
   }
@@ -77,20 +82,60 @@ class _ScriptEditPageState extends ConsumerState<ScriptEditPage> {
       },
       theme: ref.watch(themeProvider).themeColor.codeEditorTheme(),
       stringMap: {
-        "export": const TextStyle(fontWeight: FontWeight.normal, color: Color(0xff6B2375)),
+        "export": const TextStyle(
+            fontWeight: FontWeight.normal, color: Color(0xff6B2375)),
       },
     );
     return Scaffold(
       appBar: QlAppBar(
         canBack: true,
         backCall: () {
+          FocusManager.instance.primaryFocus?.unfocus();
+
+          if (preResult == result) {
             Navigator.of(context).pop();
+          } else {
+            showCupertinoDialog(
+              context: context,
+              useRootNavigator: false,
+              builder: (childContext) => CupertinoAlertDialog(
+                title: const Text("温馨提示"),
+                content: const Text("你编辑的内容还没用提交,确定退出吗?"),
+                actions: [
+                  CupertinoDialogAction(
+                    child: const Text(
+                      "取消",
+                      style: TextStyle(
+                        color: Color(0xff999999),
+                      ),
+                    ),
+                    onPressed: () {
+                      Navigator.of(childContext).pop();
+                    },
+                  ),
+                  CupertinoDialogAction(
+                    child: Text(
+                      "确定",
+                      style: TextStyle(
+                        color: ref.watch(themeProvider).primaryColor,
+                      ),
+                    ),
+                    onPressed: () {
+                      Navigator.of(childContext).pop();
+                      Navigator.of(context).pop();
+                    },
+                  ),
+                ],
+              ),
+            );
+          }
         },
         title: '编辑${widget.title}',
         actions: [
           InkWell(
             onTap: () async {
-              HttpResponse<NullResponse> response = await Api.updateScript(widget.title, widget.path, result);
+              HttpResponse<NullResponse> response =
+                  await Api.updateScript(widget.title, widget.path, result);
               if (response.success) {
                 "提交成功".toast();
                 Navigator.of(context).pop(true);
@@ -118,22 +163,21 @@ class _ScriptEditPageState extends ConsumerState<ScriptEditPage> {
       body: SafeArea(
         top: false,
         child: Padding(
-          padding: const EdgeInsets.symmetric(
-            horizontal: 10,
-            vertical: 10,
+          padding: EdgeInsets.symmetric(
+            horizontal: SpUtil.getBool(spShowLine, defValue: false) ? 0 : 10,
           ),
           child: CodeField(
             controller: _codeController!,
             expands: true,
-            wrap: true,
+            background: Colors.white,
+            wrap: SpUtil.getBool(spShowLine, defValue: false) ? false : true,
+            hideColumn: !SpUtil.getBool(spShowLine, defValue: false),
             lineNumberStyle: LineNumberStyle(
-              width: 0,
-              margin: 0,
               textStyle: TextStyle(
                 color: ref.watch(themeProvider).themeColor.descColor(),
+                fontSize: 12,
               ),
             ),
-            background: ref.watch(themeProvider).themeColor.tabBarColor(),
           ),
         ),
       ),