add length picker

lib/pages/processing/processing_info.dart

@@ -4,6 +4,7 @@ import 'package:fcs/pages/main/util.dart';
 import 'package:fcs/pages/package/model/package_model.dart';
 import 'package:fcs/pages/widgets/bottom_up_page_route.dart';
 import 'package:fcs/pages/widgets/display_text.dart';
+import 'package:fcs/pages/widgets/fcs_id_icon.dart';
 import 'package:fcs/pages/widgets/local_text.dart';
 import 'package:fcs/pages/widgets/multi_img_controller.dart';
 import 'package:fcs/pages/widgets/multi_img_file.dart';
@@ -57,6 +58,16 @@ class _ProcessingInfoState extends State<ProcessingInfo> {
       labelTextKey: "processing.tracking.id",
       iconData: MaterialCommunityIcons.barcode_scan,
     );
+    var fcsIDBox = DisplayText(
+      text: _package.fcsID,
+      labelTextKey: "processing.fcs.id",
+      icon: FcsIDIcon(),
+    );
+    final phoneNumberBox = DisplayText(
+      text: _package.phoneNumber,
+      labelTextKey: "processing.phone",
+      iconData: Icons.phone,
+    );
     final customerNameBox = DisplayText(
       text: _package.userName,
       labelTextKey: "processing.name",
@@ -119,11 +130,13 @@ class _ProcessingInfoState extends State<ProcessingInfo> {
                 padding: const EdgeInsets.all(10.0),
                 child: ListView(children: <Widget>[
                   trackingIdBox,
+                  fcsIDBox,
                   customerNameBox,
+                  phoneNumberBox,
                   marketBox,
-                  _package.photoUrls.length == 0 ? Container() : img,
                   descBox,
                   remarkBox,
+                  _package.photoUrls.length == 0 ? Container() : img,
                   StatusTree(
                       shipmentHistory: _package.shipmentHistory,
                       currentStatus: _package.currentStatus),