filx

lib/components/UI/Banner.dart

@@ -0,0 +1 @@
+import 'package:flutter/material.dart';

lib/components/UI/CarsCard.dart

@@ -1,27 +1,156 @@
+import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
 
 
+class CarItem {
+  late String name ;
+  late num? price ;
+  late num? distance ;
+
+
+  CarItem({ required this.name,this.price,this.distance});
+
+
+}
+
 
 class CarsCard extends StatelessWidget {
-  const CarsCard({Key? key}) : super(key: key);
+  final CarItem item;
+
+
+  const CarsCard({Key? key, required this.item,}) : super(key: key);
 
   @override
   Widget build(BuildContext context) {
 
-    final Object Item;
 
     return Container(
-width: 20.0,
-      decoration: const BoxDecoration(
-        image: DecorationImage(
-          image: AssetImage("images/icon_login.png"),
-          fit: BoxFit.cover,
-        ),
+      decoration: BoxDecoration(
+        color: Color(0xfff2f2f2),
+      ),
+      width: 345.w,
+      // height: 389.h,
+      child: Column(
+        children: [
+          Image.network(
+            "http://yz-shigongli.oss-accelerate.aliyuncs.com/2022-03/1648094119154-7b280bbf63105a8e90299e2d79c8c6ee.jpeg",
+            width: 345.w,
+            height: 230.h,
+            fit: BoxFit.cover,
+          ),
+          Container(
+            padding: EdgeInsets.fromLTRB(15, 20, 0, 0),
+            child: Row(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              verticalDirection: VerticalDirection.up,
+              children: <Widget>[
+                Container(
+                  child:  Text(
+                    item.name,
+                    style: TextStyle(fontSize: 18, fontWeight: FontWeight.bold),
+                  ),
+                ),
+              ],
+            ),
+          ),
+          Container(
+            padding: const EdgeInsets.fromLTRB(19, 0, 0, 0),
+            child: Row(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              verticalDirection: VerticalDirection.up,
+              mainAxisAlignment: MainAxisAlignment.spaceBetween,
+              children: <Widget>[
+                Container(
+                  child: RichText(
+                    text: const TextSpan(children: <InlineSpan>[
+                      TextSpan(
+                          text: '8555元/',
+                          style: TextStyle(
+                              color: Color(0xffce3800),
+                              fontSize: 22,
+                              fontWeight: FontWeight.bold)),
+                      TextSpan(
+                          text: '公顷',
+                          style: TextStyle(
+                              color: Color(0xffce3800),
+                              fontSize: 10,
+                              fontWeight: FontWeight.bold)),
+                    ]),
+                  ),
+                ),
+                Align(
+                  widthFactor: 1.2,
+                  heightFactor: 1.2,
+                  alignment: Alignment(1.2, -5),
+                  child: Container(
+                    margin: EdgeInsets.only(right: 13),
+                    width: 86.w, //+6
+                    height: 44.h, //+10
+                    child: ElevatedButton(
+                      onPressed: () {
+                        print('点我去预约${item.name}');
+                      },
+                      child: const Text(
+                        "预约",
+                        style: TextStyle(
+                            fontSize: 19,
+                            color: Colors.white,
+                            fontWeight: FontWeight.bold),
+                      ),
+                      style: ButtonStyle(
+                        backgroundColor:
+                            MaterialStateProperty.all(const Color(0xFFFF703B)),
+                        shape: MaterialStateProperty.all(
+                            const RoundedRectangleBorder(
+                                //这个0像素圆角style如果删掉的话，按钮会变成默认样式，自带圆角
+                                borderRadius:
+                                    BorderRadius.all(Radius.circular(0)))),
+                      ),
+                    ),
+                  ),
+                ),
+              ],
+            ),
+          ),
+// 地址信息 进入地图
+          Container(
+              padding: EdgeInsets.fromLTRB(19, 20, 0, 10),
+              child: Row(
+                children: [
+                  Image.asset(
+                    "images/gpsImgae.png",
+                    width: 11.w,
+                    height: 13.h,
+                    fit: BoxFit.cover,
+                  ),
+                  Container(
+                      padding: EdgeInsets.fromLTRB(5, 0, 0, 0),
+                      width: 300.w,
+                      child: Row(
+                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                        children: [
+                          Text(
+                            '距离当前位置2.6公里',
+                            style: TextStyle(
+                                fontSize: 15, fontWeight: FontWeight.bold),
+                          ),
+                          GestureDetector(
+                            child: Text(
+                              '进入地图 >>',
+                              style: TextStyle(
+                                  fontSize: 15, fontWeight: FontWeight.bold),
+                            ),
+                            onTap: () {
+                              print('进入地图');
+                            },
+                          )
+                        ],
+                      )),
+                ],
+              )),
+        ],
       ),
     );
-
   }
 }
-
-
-

lib/components/UI/Search.dart

@@ -0,0 +1,56 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+
+class Search extends StatefulWidget {
+  const Search({Key? key}) : super(key: key);
+
+  @override
+  State<Search> createState() => _SearchState();
+}
+
+class _SearchState extends State<Search> {
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      children: [
+        Container(
+          height: 46,
+          alignment: Alignment.center,
+          child:  TextField(
+            onChanged: (value) {
+              print('打一个字我搜索一下$value');
+            },
+            onEditingComplete: () {
+              FocusScope.of(context).requestFocus(FocusNode());
+              print('点击键盘搜索');
+            },
+            style: const TextStyle(fontSize: 15, color: Colors.black, textBaseline: TextBaseline.alphabetic),
+            decoration: const InputDecoration(
+              isDense: true,
+              prefixIcon: Padding(
+                padding: EdgeInsets.only(left: 0),
+                child:  Icon(Icons.search,),
+              ),
+              fillColor: Color(0x30cccccc),
+              filled: true,
+              enabledBorder: OutlineInputBorder(
+                  borderSide: BorderSide(color: Color(0x00FF0000)),
+                  borderRadius: BorderRadius.all(Radius.circular(100))),
+              hintText: '请输入关键字查询',
+              hintStyle: TextStyle(
+                  textBaseline: TextBaseline.alphabetic, //用于提示文字对齐
+            ),
+              focusedBorder: OutlineInputBorder(
+                  borderSide: BorderSide(color: Color(0x00000000)),
+                  borderRadius: BorderRadius.all(Radius.circular(100))),
+            ),
+
+          ),
+        ),
+      ],
+    );
+
+
+  }
+}

lib/main.dart

@@ -6,8 +6,10 @@ import 'package:farmer_client/pages/login/login.dart';
 import 'package:flutter/material.dart';
 import 'package:get/get.dart';
 import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'components/UI/Banner.dart';
 import 'components/UI/CarsCard.dart';
 import 'components/UI/DefaultButton.dart';
+import 'components/UI/Search.dart';
 
 void main() {
   Store().init();
@@ -62,6 +64,7 @@ class MyHomePage extends StatefulWidget {
 class _MyHomePageState extends State<MyHomePage> {
   int _counter = 0;
 
+
   @override
   Widget build(BuildContext context) {
 
@@ -107,32 +110,35 @@ class _MyHomePageState extends State<MyHomePage> {
           // axis because Columns are vertical (the cross axis would be
           // horizontal).
           mainAxisAlignment: MainAxisAlignment.center,
-          children: <Widget>[
-            const Text(
-              'You have pushed the button this many times:',
-            ),
-            Text(
-              '$_counter',
-              style: Theme.of(context).textTheme.headline4,
-            ),
-            DefaultButton(
-              margin: EdgeInsets.fromLTRB(0, 30.0, 0, 0), //可选配置，自定义控件中有默认配置
-              text: "登陆",
-              width: 120.0,
-              height: 50.0,
-              fontSize: 20.0,
-              backColor: Color(0xffff703b),
-              color: Colors.white,
-              onPressed: () {
-                Navigator.push(
-                  context,
-                  MaterialPageRoute(builder: (context) {
-                    return MyRouteLogin();
-                  }),
-                );
-              },
-            ),
-            CarsCard()
+          children: const <Widget>[
+
+            // Text(
+            //   '$_counter',
+            //   style: Theme.of(context).textTheme.headline4,
+            // ),
+            // DefaultButton(
+            //   margin: EdgeInsets.fromLTRB(0, 30.0, 0, 0), //可选配置，自定义控件中有默认配置
+            //   text: "登陆",
+            //   width: 120.0,
+            //   height: 50.0,
+            //   fontSize: 20.0,
+            //   backColor: Color(0xffff703b),
+            //   color: Colors.white,
+            //   onPressed: () {
+            //     Navigator.push(
+            //       context,
+            //       MaterialPageRoute(builder: (context) {
+            //         return MyRouteLogin();
+            //       }),
+            //     );
+            //   },
+            // ),
+            // CarsCard(item: CarItem(
+            //     name:'元神第二个收割机',
+            //   distance:8.8,
+            //   price:270.6,
+            // )),
+            Search()
           ],
         ),
       ),

lib/models/entities/CardInfo.dart

@@ -0,0 +1,74 @@
+
+
+class CardInfo {
+  // @ApiModelProperty(value = "农机Id")
+  String? machineryId;
+  // @ApiModelProperty(value = "名称")
+  String? name;
+  // @ApiModelProperty(value = "农机类型")
+  String? typeId;
+  // @ApiModelProperty(value = "类型名称")
+  String? typeName;
+  // @ApiModelProperty(value = "农机价格")
+  int? price;
+  // @ApiModelProperty(value = "主图")
+  String? thumb;
+
+  // @ApiModelProperty(value = "当前位置")
+  String? location;
+
+  // @ApiModelProperty(value = "距离")
+  double? distance;
+
+  // @ApiModelProperty(value = "机构ID")
+  String? orgId;
+
+  // @ApiModelProperty(value = "机构名称")
+  String? orgName;
+
+  // @ApiModelProperty(value = "工作状态")
+  String? jobStatus;
+
+  // @ApiModelProperty(value = "状态")
+  int? status;
+
+  // @ApiModelProperty(value = "内容详情")
+  late List<dynamic> contentList;
+
+  // @ApiModelProperty(value = "图片列表")
+  late List<dynamic> imagesList;
+
+  CardInfo();
+
+  CardInfo.fromJson(Map<String, dynamic> json)
+      : machineryId = json["machineryId"],
+        name = json["name"],
+        typeId = json["typeId"],
+        typeName = json["typeName"],
+        price = json["price"],
+        thumb = json["thumb"],
+        location = json["location"],
+        distance = json["distance"],
+        orgId = json["orgId"],
+        orgName = json["orgName"],
+        jobStatus = json["jobStatus"],
+        status = json["status"],
+        contentList = json["contentList"],
+        imagesList = json["imagesList"];
+  Map<String, dynamic> toJson() => {
+        'machineryId': machineryId,
+        'name': name,
+        'typeId': typeId,
+        'typeName': typeName,
+        'price': price,
+        'thumb': thumb,
+        'location': location,
+        'distance': distance,
+        'orgId': orgId,
+        'orgName': orgName,
+        'jobStatus': jobStatus,
+        'status': status,
+        'contentList': contentList,
+        'imagesList': imagesList,
+      };
+}

lib/models/entities/person.dart

@@ -38,3 +38,5 @@ class Person {
     'createDate' : createDate,
   };
 }
+
+

pubspec.yaml

@@ -74,6 +74,8 @@ flutter:
     - images/newsONImages.png
     - images/OrdersNOImgaes.png
     - images/OrdersOFFImgaes.png
+    - images/cars.png
+    - images/gpsImgae.png
 
   # An image asset can refer to one or more resolution-specific "variants", see
   # https://flutter.dev/assets-and-images/#resolution-aware.