adssccs and order and Confirmation

lib/main.dart

@@ -5,21 +5,27 @@ import 'package:get/get.dart';
 import 'package:get_storage/get_storage.dart';
 import 'package:flutter_screenutil/flutter_screenutil.dart';
 
+import 'package:flutter_localizations/flutter_localizations.dart';
+
 import 'models/index.dart';
 import 'routes/index.dart';
 
 void main() async {
   await GetStorage.init();
 
+
   runApp(const MyApp());
 }
 
 class MyApp extends StatelessWidget {
   const MyApp({Key? key}) : super(key: key);
 
+
+
   // This widget is the root of your application.
   @override
   Widget build(BuildContext context) {
+
     GetStorage box = GetStorage();
 
     return ScreenUtilInit(
@@ -28,12 +34,23 @@ class MyApp extends StatelessWidget {
       splitScreenMode: true,
       builder: (_) {
         return GetMaterialApp(
+          localizationsDelegates: const [
+            GlobalMaterialLocalizations.delegate,
+            GlobalWidgetsLocalizations.delegate,
+            GlobalCupertinoLocalizations.delegate,
+          ],
+          supportedLocales: [
+            Locale('zh', ''),
+            Locale('en', ''),
+          ],
+
           theme: getTheme(),
           initialRoute: '/splash',
           defaultTransition: Transition.native,
           routingCallback: routingCallback,
           initialBinding: AppBindings(),
           getPages: pages,
+
         );
       },
     );

lib/pages/OrderConfirmation/index.dart

@@ -0,0 +1,267 @@
+import 'package:farmer_client/pages/OrderConfirmation/widgets/timeDatePicker.dart';
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:get/get.dart';
+import 'package:intl/intl.dart';
+
+class OrderConfirmation extends StatefulWidget {
+  const OrderConfirmation({Key? key}) : super(key: key);
+
+  @override
+  State<OrderConfirmation> createState() => _OrderConfirmationState();
+}
+
+class _OrderConfirmationState extends State<OrderConfirmation> {
+  TextEditingController _unameController = TextEditingController();
+  TextEditingController _pwdController = TextEditingController();
+  GlobalKey _formKey = GlobalKey<FormState>();
+
+  var selectDate; //选择的时间
+  var workingArea;
+
+
+//  20:59:59
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      resizeToAvoidBottomInset: false,
+      appBar: AppBar(
+        elevation: 0,
+        centerTitle: true,
+        backgroundColor: Colors.white,
+        title: Text(
+          '预约',
+          style: TextStyle(
+              color: Colors.black,
+              fontSize: 17.sp,
+              letterSpacing: 2,
+              fontWeight: FontWeight.bold),
+        ),
+      ),
+      body: Form(
+        key: _formKey, //设置globalKey，用于后面获取FormState
+        autovalidateMode: AutovalidateMode.onUserInteraction,
+        child: Column(
+          children: <Widget>[
+            Container(
+              margin: EdgeInsets.fromLTRB(15, 20, 0, 0),
+              alignment: Alignment.topLeft,
+              child: Text(
+                '作业面积/公顷',
+                style: TextStyle(
+                    color: Color(0xff222222),
+                    fontSize: 17.sp,
+                    fontWeight: FontWeight.bold),
+              ),
+            ),
+            TextFormField(
+              // autofocus: true,
+              keyboardType: TextInputType.number,
+              controller: _unameController,
+              decoration: const InputDecoration(
+                isCollapsed: true,
+                contentPadding:
+                    EdgeInsets.symmetric(vertical: 8, horizontal: 16),
+                counterText: '', //去掉计数
+                ///   UnderlineInputBorder 只有下边框  默认使用的就是下边框
+                border: UnderlineInputBorder(
+                  borderRadius: BorderRadius.all(Radius.circular(10)),
+                  borderSide: BorderSide(
+                    color: Color(0x30000000),
+                    width: 2.0,
+                  ),
+                ),
+                floatingLabelBehavior: FloatingLabelBehavior.never,
+                hintText: "请输入具体面积(公顷)",
+              ),
+              onChanged: (e){
+                setState(() {
+                  workingArea=e;
+                });
+              },
+              // 校验用户名
+              validator: (v) {
+                return v!.trim().isNotEmpty ? null : "作业面积/公顷不能为空";
+              },
+            ),
+            Container(
+              margin: EdgeInsets.fromLTRB(15, 20, 0, 0),
+              alignment: Alignment.topLeft,
+              child: Text(
+                '作业时间：',
+                style: TextStyle(
+                    color: Color(0xff222222),
+                    fontSize: 17.sp,
+                    fontWeight: FontWeight.bold),
+              ),
+            ),
+            Container(
+                width: 345.w,
+                padding: EdgeInsets.fromLTRB(0, 15, 0, 15),
+                decoration: const BoxDecoration(
+                  border: Border(
+                      bottom: BorderSide(width: 1, color: Color(0x20000000)
+                          // 0x17000000
+                          )),
+                ),
+                child: Row(
+                  children: [
+                    Image(
+                      image: AssetImage('images/icons/timeImage.png'),
+                      fit: BoxFit.cover,
+                      width: 18.w,
+                      height: 18.w,
+                    ),
+                    Padding(
+                      padding: EdgeInsets.fromLTRB(10, 0, 0, 0),
+                      child: GestureDetector(
+                        onTap: () async {
+                          var handleChnage = await showDatePicker(
+                            context: context,
+                            helpText: '请选择作业开始时间',
+                            cancelText: '取消',
+                            confirmText: '确定',
+                            initialDate: selectDate == null
+                                ? DateTime.now()
+                                : selectDate,
+                            firstDate: DateTime.now(),
+                            lastDate: DateTime(2030),
+                          );
+                          setState(() {
+                            selectDate = handleChnage;
+                            print('${selectDate}+');
+                          });
+                        },
+                        child: Text(selectDate == null
+                            ? '请选择日期'
+                            : '${DateFormat("yyyy-MM-dd").format(selectDate)}'),
+                      ),
+                    )
+                  ],
+                )),
+            Container(
+              margin: EdgeInsets.fromLTRB(15, 20, 0, 0),
+              alignment: Alignment.topLeft,
+              child: Text(
+                '作业位置：',
+                style: TextStyle(
+                    color: Color(0xff222222),
+                    fontSize: 17.sp,
+                    fontWeight: FontWeight.bold),
+              ),
+            ),
+            Container(
+              width: 345.w,
+              padding: EdgeInsets.fromLTRB(0, 15, 0, 15),
+              decoration: BoxDecoration(
+                border: Border(
+                    bottom: BorderSide(width: 1, color: Color(0x20000000)
+                        // 0x17000000
+                        )),
+              ),
+              child: Row(
+                mainAxisAlignment: MainAxisAlignment.start,
+                children: [
+                  Image(
+                    image: AssetImage('images/gpsImgae.png'),
+                    fit: BoxFit.cover,
+                    width: 14.w,
+                    height: 17.h,
+                  ),
+                  Padding(
+                      padding: EdgeInsets.fromLTRB(10, 0, 0, 0),
+                      child: GestureDetector(
+                        onTap: () {},
+                        child: Container(
+                          width: 290.w,
+                          child: Text(
+                            '请选择详细地址',
+                            softWrap: true,
+                            maxLines: 1,
+                            textAlign: TextAlign.left,
+                            overflow: TextOverflow.ellipsis,
+                          ),
+                        ),
+                      ))
+                ],
+              ),
+            ),
+
+            // 登录按钮
+            Spacer(),
+            Container(
+              alignment: Alignment.bottomCenter,
+              child: SizedBox(
+                width: 315.w,
+                height: 49.h,
+                child: ElevatedButton(
+                  onPressed: () {
+                    if ((_formKey.currentState as FormState).validate()) {
+                      var a={selectDate,workingArea};
+                      print('我确定了$a');
+                      //验证通过提交数据
+                    }
+                  },
+                  child: const Text(
+                    "确定",
+                    style: TextStyle(
+                        fontSize: 18,
+                        color: Colors.white,
+                        fontWeight: FontWeight.bold),
+                  ),
+                  style: ButtonStyle(
+                    elevation: MaterialStateProperty.all(0),
+                    backgroundColor:
+                        MaterialStateProperty.all(const Color(0xFFFF703B)),
+                    shape: MaterialStateProperty.all(
+                        const RoundedRectangleBorder(
+                            borderRadius:
+                                BorderRadius.all(Radius.circular(24.4)))),
+                  ),
+                ),
+              ),
+            ),
+            Container(
+              margin: EdgeInsets.fromLTRB(0, 30.w, 0, 30.w),
+              alignment: Alignment.bottomCenter,
+              child: SizedBox(
+                width: 315.w,
+                height: 49.h,
+                child: ElevatedButton(
+                  onPressed: () {
+                    Get.back();
+                  },
+                  child: const Text(
+                    "取消",
+                    style: TextStyle(
+                        fontSize: 18,
+                        color: Color(0xFFFF703B),
+                        fontWeight: FontWeight.bold),
+                  ),
+                  style: ButtonStyle(
+                    side: MaterialStateProperty.all(
+                        BorderSide(width: 1, color: Color(0xFFFF703B))), //边框
+                    elevation: MaterialStateProperty.all(0),
+                    backgroundColor: MaterialStateProperty.all(Colors.white),
+                    shape: MaterialStateProperty.all(
+                      RoundedRectangleBorder(
+                          borderRadius:
+                              BorderRadius.all(Radius.circular(24.4))),
+                    ),
+                  ),
+                ),
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}
+
+
+
+

lib/routes/pages.dart

@@ -2,13 +2,14 @@
 import 'package:farmer_client/pages/ArticleInfo/ArticleInfo.dart';
 import 'package:farmer_client/pages/addressList/index.dart';
 import 'package:get/get.dart';
+import '../pages/OrderConfirmation/index.dart';
 import '../pages/index.dart';//Home
 
 
 List<GetPage> pages = [
 GetPage(name: '/', page: () =>  Home()),
 GetPage(name: '/ArticleInfo', page: () =>  ArticleInfo()),//资讯详情
-GetPage(name: '/splash', page: () => SplashScreen()),
+GetPage(name: '/splash', page: () => SplashScreen()),//SplashScreen
 GetPage(name: '/login', page: () =>  MyRouteLogin()),
 GetPage(name: '/addressList', page: () =>  AddressList()),
 ];

lib/widgets/CarsCard.dart

@@ -1,6 +1,10 @@
 import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:get/get.dart';
+import 'package:get/get_core/src/get_main.dart';
+
+import '../pages/OrderConfirmation/index.dart';
 
 // class CarItem {
 //   late String name;
@@ -83,6 +87,7 @@ class CarsCard extends StatelessWidget {
                     height: 44.h, //+10
                     child: ElevatedButton(
                       onPressed: () {
+                        Get.to(OrderConfirmation());
                         print('点我去预约');
                       },
                       child: const Text(

pubspec.lock

@@ -153,6 +153,11 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "1.0.4"
+  flutter_localizations:
+    dependency: "direct main"
+    description: flutter
+    source: sdk
+    version: "0.0.0"
   flutter_screenutil:
     dependency: "direct main"
     description:
@@ -205,6 +210,13 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "4.0.0"
+  intl:
+    dependency: transitive
+    description:
+      name: intl
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "0.17.0"
   js:
     dependency: transitive
     description:

pubspec.yaml

@@ -27,10 +27,14 @@ environment:
 # the latest version available on pub.dev. To see which dependencies have newer
 # versions available, run `flutter pub outdated`.
 dependencies:
+  # 添加国际化
+  flutter_localizations:
+    sdk: flutter
   flutter:
     sdk: flutter
 
 
+
   # The following adds the Cupertino Icons font to your application.
   # Use with the CupertinoIcons class for iOS style icons.
   cupertino_icons: ^1.0.2
@@ -42,6 +46,8 @@ dependencies:
   fluttertoast: ^8.0.9
   location: ^4.3.0
 
+
+
 dev_dependencies:
   flutter_test:
     sdk: flutter
@@ -67,29 +73,8 @@ flutter:
   uses-material-design: true
   # To add images to your application, add an images section, like this:
   assets:
-    - images/icon_login.png
-    - images/phoneCode.png
-    - images/index/HomesNOImgaes.png
-    - images/index/HomesOFFImgaes.png
-    - images/index/MineNOImgaes.png
-    - images/index/MineOFFImgaes.png
-    - images/index/newsOFFImages.png
-    - images/index/newsONImages.png
-    - images/index/OrdersNOImgaes.png
-    - images/index/OrdersOFFImgaes.png
-    - images/cars.png
-    - images/gpsImgae.png
-    - images/ordersLeft.png
-    - images/mineBack.png
-    - images/userMoren.png
-    - images/aboutUs.png
-    - images/feedbacks.png
-    - images/userRight.png
-    - images/versionUpdate.png
-    - images/logo.png
-    - images/splash.png
-    - images/icons/decorate.png
-    - images/ordersListImga.png
+    - images/icons/
+    - images/
 
   # An image asset can refer to one or more resolution-specific "variants", see
   # https://flutter.dev/assets-and-images/#resolution-aware.