充值业务

lib/pages/buy_tickets/choose_tickets_type_page.dart

@@ -37,20 +37,13 @@ class ChooseTicketsTypePage extends StatefulWidget {
 class _ChooseTicketsTypePageState extends State<ChooseTicketsTypePage> {
   final items = [
     BottomNavigationBarItem(
-      icon: Icon(
+      icon: Image.asset(R.ASSETS_TICKET_ORDER_TAB_ICON_PNG,width: 18.rw,height: 19.rw,),
-        Icons.pages,
+
-        size: rSize(14),
+      title: Text('订单',style: TextStyle(fontSize: 10.rsp),),
-        color: Color(0xFF666666),
-      ),
-      title: Text('订单'),
     ),
     BottomNavigationBarItem(
-        icon: Icon(
+        icon: Image.asset(R.ASSETS_TICKET_PASSAGER_TAB_ICON_PNG,width: 21.rw,height: 16.rw,),
-          Icons.pages,
+        title: Text("常用旅客",style: TextStyle(fontSize: 10.rsp),)),
-          size: rSize(14),
-          color: Color(0xFF666666),
-        ),
-        title: Text("常用旅客")),
   ];
   //按钮选中类型
   int _chooseType = 1; //1为飞机票 2为汽车票 3为火车票

lib/pages/recharge/recharge_page.dart

@@ -0,0 +1,213 @@
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/rendering.dart';
+import 'package:flutter/services.dart';
+import 'package:recook/widgets/custom_app_bar.dart';
+import 'package:get/get.dart';
+import 'package:recook/constants/styles.dart';
+import 'package:recook/constants/header.dart';
+import 'package:recook/widgets/recook_back_button.dart';
+import 'package:velocity_x/velocity_x.dart';
+
+class RechargePage extends StatefulWidget {
+  RechargePage({
+    Key key,
+  }) : super(key: key);
+
+  @override
+  _RechargePageState createState() => _RechargePageState();
+}
+
+class _RechargePageState extends State<RechargePage>
+    with TickerProviderStateMixin {
+
+  final items = [
+    BottomNavigationBarItem(
+         icon: Image.asset(R.ASSETS_TICKET_ORDER_TAB_ICON_PNG,width: 18.rw,height: 19.rw,),
+      label: '订单',
+    ),
+  ];
+  String _phone = '';
+  //手机号的控制器
+  TextEditingController _phoneController = TextEditingController();
+
+  @override
+  void initState() {
+    super.initState();
+  }
+
+  @override
+  void dispose() {
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      backgroundColor: AppColor.frenchColor,
+      resizeToAvoidBottomInset: false,
+      appBar: CustomAppBar(
+        appBackground: Colors.white,
+        leading: RecookBackButton(
+          white: false,
+        ),
+        elevation: 0,
+        title: Text(
+          "话费充值",
+          style: TextStyle(
+            color: Color(0xFF333333),
+            fontSize: 18.rsp,
+          ),
+        ),
+      ),
+      bottomNavigationBar: Container(
+        width: double.infinity,
+        height: 48.rw,
+        color: Colors.white,
+        child: Column(
+          children: [
+            16.hb,
+            Image.asset(R.ASSETS_TICKET_ORDER_TAB_ICON_PNG,width: 18.rw,height: 19.rw,),
+            Text('充值记录',style: TextStyle(color: Color(0xFF666666),fontSize: 10.rsp),)
+          ],
+        )
+      ),
+      body: Container(
+
+        child: _bodyWidget(),
+      ),
+    );
+  }
+
+  void onTap(int index) {
+    if (index == 0) {
+      //Get.to(); //充值记录页面
+    }
+  }
+
+  _bodyWidget() {
+    return Container(
+      width: 375.rw,
+      child: Stack(
+        children: [
+          Positioned(
+            top:0,
+            left: 0,
+            child: Container(
+
+              width: 375.rw,
+              height: 150.rw,
+              color: Color(0xFF04C580),
+              child: Row(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  34.wb,
+                  TextField(
+                    controller:_phoneController,
+                    decoration: InputDecoration(
+
+                      contentPadding: EdgeInsets.only(left: 2.rw, bottom: 4.rw,top: 30.rw),
+                      hintText: '请输入11位手机号码',
+                      counterText: '',
+                      border:UnderlineInputBorder(
+                        borderSide: BorderSide(
+                          color: Colors.white,
+                          width: 260.rw
+                        ),
+                      ),
+                        suffixIconConstraints:BoxConstraints(
+                                        minHeight: 17.rw,
+                                        minWidth: 17.rw,
+                       ),
+                      suffixIcon:
+                          Padding(
+                            padding: EdgeInsets.all(5.rw),
+                            child:GestureDetector(
+                              onTap: (){
+                                _phoneController.clear();
+                                setState(() {
+                                });
+                              },
+                              child:_phone!=''?Container(
+
+                                width: 17.rw,
+                                height: 17.rw,
+                                child: ImageIcon(
+                                AssetImage(R.ASSETS_CANCEL_ICON_PNG),
+                                size: 17.rw,
+                                color: Colors.white,
+                              ),
+                              ):SizedBox(),
+                            ),
+                          ),
+
+
+                      focusedBorder: UnderlineInputBorder(
+                        borderSide: BorderSide(
+                          color: Colors.white,
+                        ),
+                      ),
+                      hintStyle:
+                      AppTextStyle.generate(22.rsp, color: Color(0xFFFFFFFF)),
+                    ),
+                      inputFormatters: [
+                        FilteringTextInputFormatter.digitsOnly,
+                        LengthLimitingTextInputFormatter(11),//最大长度
+                      ],
+
+                    keyboardType: TextInputType.number,
+                    style: AppTextStyle.generate(22.rsp,color: Colors.white),
+                    maxLength: 11,
+                    maxLines: 1,
+                    onChanged: (text) {
+
+
+                      if (text == null) return;
+                      _phone = text;
+                      _phoneController.text = _getPhone(_phone);
+                      _phoneController.selection = TextSelection.fromPosition(
+                          TextPosition(
+                              offset: _phoneController.text.length, affinity: TextAffinity.upstream));
+                      setState(() {
+
+                      });
+                      //print(_phone);
+                    },
+                  ).expand(),
+                  100.wb,
+                  Container(
+                    padding: EdgeInsets.only(top: 34.rw),
+                    child: Image.asset(R.ASSETS_TICKET_ORDER_TAB_ICON_PNG,width: 19.rw,height: 22.rw,color: Colors.white,),
+
+                  ),
+
+                  60.wb,
+                ],
+
+              ),
+            ),
+          ),
+
+        ],
+      ),
+    );
+  }
+  _getPhone(String text){
+    if(text.isEmpty){
+      return text;
+    }else{
+      if(text.length<=3){
+
+      }else if(text.length>3&&text.length<8){
+
+        text = text.insert(" ",3);
+
+      }else if(text.length>=8){
+        text = text.insert(" ",3);
+        text = text.insert(" ",8);
+      }
+      return text;
+    }
+
+  }
+}

lib/pages/user/setting_page.dart

@@ -6,8 +6,8 @@ import 'package:recook/constants/api.dart';
 import 'package:recook/constants/header.dart';
 import 'package:recook/manager/user_manager.dart';
 import 'package:recook/pages/goods/goods_report/goods_report_page.dart';
+import 'package:recook/pages/recharge/recharge_page.dart';
 import 'package:recook/pages/user/user_info_page.dart';
-import 'package:recook/seckill_activity/seckill_activity_page.dart';
 import 'package:recook/widgets/alert.dart';
 import 'package:recook/widgets/custom_app_bar.dart';
 import 'package:recook/widgets/sc_tile.dart';
@@ -130,11 +130,11 @@ class _SettingItemListViewState extends ResumableState<SettingItemListView> {
                         //CRoute.push(context, PrivacyPageV2());
                       }),
 
-                      //购票临时入口
+                      //充值临时入口
-                      // SCTile.normalTile("购票(临时)", listener: () {
+                      SCTile.normalTile("购票(临时)", listener: () {
-                      //   Get.to(() => ChooseTicketsTypePage());
+                        Get.to(() => RechargePage());
-                      //   //CRoute.push(context, PrivacyPageV2());
+                        //CRoute.push(context, PrivacyPageV2());
-                      // }),
+                      }),
 
                       getEmptyBox(),
                       SCTile.normalTile("退出登录", listener: () {