'.'

lib/pages/MoreCars/index.dart

@@ -1,12 +1,11 @@
-
 import 'package:flutter/material.dart';
 import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:get/get.dart';
 
 import '../../widgets/CarsCard.dart';
 import '../../widgets/Search.dart';
 import '../TabBar/widgets/home/widgets/headers.dart';
 
-
 class MoreCars extends StatefulWidget {
   const MoreCars({Key? key}) : super(key: key);
 
@@ -14,115 +13,111 @@ class MoreCars extends StatefulWidget {
   State<MoreCars> createState() => _MoreCarsState();
 }
 
-class _MoreCarsState extends State<MoreCars> with TickerProviderStateMixin  {
-
-  late TabController _controller = TabController(length: tabText.length, vsync: this);
-   List<String> tabText= [
-     '全部',
-     '播种机',
-     '收割机',
-     '挺长名字的农机选项分类',
+class _MoreCarsState extends State<MoreCars> with TickerProviderStateMixin {
+  late TabController _controller =
+      TabController(length: tabText.length, vsync: this);
+  List<String> tabText = [
+    '全部',
+    '播种机',
+    '收割机',
+    '挺长名字的农机选项分类',
   ];
 
-
-
   @override
   void initState() {
     // TODO: implement initState
     super.initState();
   }
+
   @override
   Widget build(BuildContext context) {
     // _controller=TabController(length: tabText.length, vsync: this);
     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),
+        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: ListView(
-          children: [Column(
-          children: [
-            Container(
-              padding: EdgeInsets.fromLTRB(20, 15, 20, 15),
-
-              decoration: BoxDecoration(
-                color: Colors.white
+        body: ListView(children: [
+          Column(
+            children: [
+              Container(
+                padding: EdgeInsets.fromLTRB(20, 15, 20, 15),
+
+                decoration: BoxDecoration(color: Colors.white),
+                // child:Search(),
+                child: Container(
+                    height: 32.w,
+                    decoration: const BoxDecoration(color: Colors.white),
+                    child: GestureDetector(
+                        onTap: () {
+                          Get.toNamed('/searchPage');
+                        },
+                        child: Container(
+                          decoration: const BoxDecoration(
+                            // color: Colors.red,
+                            color: Color(0x30cccccc),
+                            borderRadius: BorderRadius.all(Radius.circular(25)),
+                          ),
+                          child: Row(
+                            children: [
+                              Padding(
+                                padding: EdgeInsets.fromLTRB(15, 0, 5, 0),
+                                child: Icon(
+                                  Icons.search,
+                                  size: 19,
+                                  color: Color(0xff666666),
+                                ),
+                              ),
+                              Text(
+                                '请输入关键字查询',
+                                style: TextStyle(
+                                    color: Color(0xff666666), fontSize: 14),
+                              )
+                            ],
+                          ),
+                        )
+                        // Search(),
+                        )),
               ),
-              // child:Search(),
-              child:          Container(
-                  height: 32.w,
-                  decoration: const BoxDecoration(
-                      color: Colors.white
-                  ),
-                  child: GestureDetector(
-                      onTap: (){
-                        print('点击了搜索');
-                      },
-                      child: Container(
-                        decoration: const BoxDecoration(
-                          // color: Colors.red,
-                          color: Color(0x30cccccc),
-                          borderRadius: BorderRadius.all(Radius.circular(25)),
-                        ),
-                        child: Row(
-                          children: [
-                            Padding(padding: EdgeInsets.fromLTRB(15, 0, 5, 0),
-                              child: Icon(Icons.search,size: 19,color:Color(0xff666666) ,),
-                            ),
-                            Text('请输入关键字查询',style: TextStyle(color: Color(0xff666666),fontSize: 14),)
-                          ],
-                        ),
-                      )
-                    // Search(),
-                  )
+              TabBar(
+                labelStyle: TextStyle(
+                    fontSize: ScreenUtil().setSp(19),
+                    fontWeight: FontWeight.bold), //选中的样式
+                unselectedLabelStyle:
+                    TextStyle(fontSize: ScreenUtil().setSp(16)), //未选中的样式
+                controller: _controller,
+                isScrollable: true, //可滚动
+                indicatorColor: Colors.black, //指示器的颜色
+                labelColor: Colors.black, //选中文字颜色
+                unselectedLabelColor: Color(0xffadadad),
+                // indicatorSize: TabBarIndicatorSize.label, //指示器与文字等宽
+                tabs: tabText.map((e) => Tab(text: e)).toList(),
+                onTap: (int i) {
+                  print('当前+${i}');
+                },
               ),
-            ),
-            
-            TabBar(
-              labelStyle: TextStyle(fontSize: ScreenUtil().setSp(19),fontWeight: FontWeight.bold), //选中的样式
-              unselectedLabelStyle: TextStyle(fontSize:ScreenUtil().setSp(16)), //未选中的样式
-              controller: _controller,
-              isScrollable: true, //可滚动
-              indicatorColor: Colors.black, //指示器的颜色
-              labelColor: Colors.black, //选中文字颜色
-              unselectedLabelColor: Color(0xffadadad),
-              // indicatorSize: TabBarIndicatorSize.label, //指示器与文字等宽
-              tabs: tabText.map((e) => Tab(text: e)).toList(),
-              onTap: (int i) {
-                print('当前+${i}');
-              },
-
-            ),
-            Container(
-              child: Column(
-                children: [
-                  CarsCard(),
-                  CarsCard(),
-                  CarsCard(),
-                  CarsCard(),
-                ],
+              Container(
+                child: Column(
+                  children: [
+                    CarsCard(),
+                    CarsCard(),
+                    CarsCard(),
+                    CarsCard(),
+                  ],
+                ),
               )
-              ,
-            )
-
-
-          ],
-        )]
-
-      )
-
-    );
+            ],
+          )
+        ]));
   }
 }
-

lib/pages/TabBar/widgets/home/widgets/headers.dart

@@ -1,6 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_screenutil/flutter_screenutil.dart';
-
+import 'package:get/get.dart';
 
 class headers extends StatelessWidget {
   const headers({Key? key}) : super(key: key);
@@ -8,13 +8,11 @@ class headers extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return Container(
-      child:           Row(
+      child: Row(
         children: [
           Container(
             height: 32.w,
-            decoration: BoxDecoration(
-                color: Colors.white
-            ),
+            decoration: BoxDecoration(color: Colors.white),
             child: Row(
               children: [
                 Image(
@@ -23,8 +21,10 @@ class headers extends StatelessWidget {
                   width: 14.w,
                   height: 17.h,
                 ),
-                Padding(padding: EdgeInsets.fromLTRB(5, 0, 0, 0),
-                  child: Text('邓州市',
+                Padding(
+                  padding: EdgeInsets.fromLTRB(5, 0, 0, 0),
+                  child: Text(
+                    '邓州市',
                     style: TextStyle(
                       color: Color(0xff202020),
                       fontSize: 16.sp,
@@ -34,19 +34,16 @@ class headers extends StatelessWidget {
                 ),
                 const Icon(Icons.arrow_drop_down)
               ],
-
             ),
           ),
           Container(
               padding: EdgeInsets.fromLTRB(15.w, 0, 0, 0),
               width: 260.w,
               height: 32.w,
-              decoration: const BoxDecoration(
-                  color: Colors.white
-              ),
+              decoration: const BoxDecoration(color: Colors.white),
               child: GestureDetector(
-                  onTap: (){
-                    print('点击了搜索');
+                  onTap: () {
+                    Get.toNamed('/searchPage');
                   },
                   child: Container(
                     decoration: const BoxDecoration(
@@ -56,16 +53,24 @@ class headers extends StatelessWidget {
                     ),
                     child: Row(
                       children: [
-                        Padding(padding: EdgeInsets.fromLTRB(15, 0, 5, 0),
-                          child: Icon(Icons.search,size: 19,color:Color(0xff666666) ,),
+                        Padding(
+                          padding: EdgeInsets.fromLTRB(15, 0, 5, 0),
+                          child: Icon(
+                            Icons.search,
+                            size: 19,
+                            color: Color(0xff666666),
+                          ),
                         ),
-                        Text('请输入关键字查询',style: TextStyle(color: Color(0xff666666),fontSize: 14),)
+                        Text(
+                          '请输入关键字查询',
+                          style:
+                              TextStyle(color: Color(0xff666666), fontSize: 14),
+                        )
                       ],
                     ),
                   )
-                // Search(),
-              )
-          )
+                  // Search(),
+                  ))
         ],
       ),
     );

lib/pages/machinery/detail/index.dart

@@ -9,7 +9,7 @@ class MachineryDetailPage extends StatelessWidget {
 
   // 响应预约事件
   void handleClick() {
-
+    Get.toNamed('/orderConfirmation');
   }
 
   @override

lib/pages/search/index.jsx.dart

@@ -0,0 +1,87 @@
+import 'package:farmer_client/widgets/NullCard.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+import '../../widgets/CarsCard.dart';
+
+class SearchPage extends StatefulWidget {
+  const SearchPage({Key? key}) : super(key: key);
+
+  @override
+  State<SearchPage> createState() => _SearchPage();
+}
+
+class _SearchPage extends State<SearchPage> {
+  @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: Container(
+          decoration: const BoxDecoration(
+            color: Colors.white,
+          ),
+          child: ListView(children: [
+            Container(
+              width: 345.w,
+              height: 34.w,
+              margin: EdgeInsets.symmetric(vertical: 15.w, horizontal: 15.h),
+              padding: EdgeInsets.all(10.w),
+              decoration: BoxDecoration(
+                  color: Color(0xFFf8f8f8),
+                  borderRadius: BorderRadius.all(Radius.circular(17.w))),
+              child: Row(
+                mainAxisAlignment: MainAxisAlignment.center,
+                children: [
+                  Image.asset(
+                    'images/icons/search.png',
+                    width: 15.w,
+                    height: 15.w,
+                  ),
+                  Container(
+                    width: 300.w,
+                    margin: EdgeInsets.fromLTRB(5.w, 0, 0, 0),
+                    child: TextField(
+                      style: TextStyle(fontSize: 14.sp),
+                      decoration: const InputDecoration(
+                        isCollapsed: true,
+                        hintText: '搜索关键字查询',
+                        border: InputBorder.none,
+                        counterText: '', //去掉计数
+                        floatingLabelBehavior: FloatingLabelBehavior.never,
+                      ),
+                      onChanged: (e) {
+                        print(999);
+                        setState(() {});
+                      },
+                    ),
+                  ),
+                ],
+              ),
+            ),
+            Container(
+              child: Column(
+                children: [
+                  // NullCard(text: '暂无农机信息'),
+                  CarsCard(),
+                  CarsCard(),
+                  CarsCard(),
+                  CarsCard(),
+                ],
+              ),
+            )
+          ])),
+    );
+  }
+}

lib/routes/pages.dart

@@ -7,6 +7,7 @@ import 'package:farmer_client/pages/addressList/index.dart';
 import 'package:farmer_client/pages/agreement/index.dart';
 import 'package:farmer_client/pages/feedback/index.dart';
 import 'package:farmer_client/pages/orderInfo/index.dart';
+import 'package:farmer_client/pages/search/index.jsx.dart';
 import 'package:farmer_client/pages/userInfo/index.dart';
 import 'package:get/get.dart';
 import '../pages/MoreCars/index.dart';
@@ -28,4 +29,5 @@ List<GetPage> pages = [
   GetPage(name: '/feedback', page: () =>  Feedback()),
   GetPage(name: '/orderConfirmation', page: () =>  OrderConfirmation()),
   GetPage(name: '/orderPageInfo', page: () =>  OrderPageInfo()),
+  GetPage(name: '/searchPage', page: () =>  SearchPage()),
 ];

lib/widgets/CarsCard.dart

@@ -38,7 +38,6 @@ class CarsCard extends StatelessWidget {
           GestureDetector(
             onTap: (){
               Get.to(MachineryDetailPage());
-
             },
             child:Image.network(
               "http://yz-shigongli.oss-accelerate.aliyuncs.com/2022-03/1648094119154-7b280bbf63105a8e90299e2d79c8c6ee.jpeg",

lib/widgets/NullCard.dart

@@ -0,0 +1,33 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+
+class NullCard extends StatelessWidget {
+  final String text;
+  const NullCard({Key? key, required this.text}) : super(key: key);
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      width: 345.w,
+      padding: EdgeInsets.all(30.w),
+      alignment: Alignment.center,
+      child: Column(
+        children: [
+          Container(
+            margin: EdgeInsets.fromLTRB(0, 0, 0, 22.h),
+            child: Image.asset(
+              'images/icons/nullDataImg.png',
+              width: 135.w,
+            ),
+          ),
+          Text(
+            text,
+            style: TextStyle(
+                fontSize: 17.sp, color: Color(0xFFb4b4b4)),
+          )
+        ],
+      ),
+    );
+  }
+
+
+}

lib/widgets/Search.dart

@@ -17,7 +17,7 @@ class _SearchState extends State<Search> {
         children: [
           Container(
             decoration: BoxDecoration(color: Colors.white),
-            width: constraints.maxWidth,
+            width: 345.w,
             height: 34,
             alignment: Alignment.center,
             child: TextField(