final_plan_dish_page.dart 25.5 KB
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 382 383 384 385 386 387 388 389 390 391 392 393 394 395 396 397 398 399 400 401 402 403 404 405 406 407 408 409 410 411 412 413 414 415 416 417 418 419 420 421 422 423 424 425 426 427 428 429 430 431 432 433 434 435 436 437 438 439 440 441 442 443 444 445 446 447 448 449 450 451 452 453 454 455 456 457 458 459 460 461 462 463 464 465 466 467 468 469 470 471 472 473 474 475 476 477 478 479 480 481 482 483 484 485 486 487 488 489 490 491 492 493 494 495 496 497 498 499 500 501 502 503 504 505 506 507 508 509 510 511 512 513 514 515 516 517 518 519 520 521 522 523 524 525 526 527 528 529 530 531 532 533 534 535 536 537 538 539 540

import 'package:flutter/material.dart';
import 'package:one_key/widgets/system_app_bar.dart';

import '../../../res/colors.dart';
import '../../../route/navigator_util.dart';
import '../../../utils/screen_util.dart';
import '../../../utils/utils.dart';
import '../../../widgets/MyDivider.dart';
import '../../../widgets/h_empty_view.dart';
import '../../../widgets/round_button.dart';
import '../../../widgets/v_empty_view.dart';

class FinalPlanDishPage extends StatefulWidget {
  FinalPlanDishPage({Key? key}) : super(key: key);

  @override
  _FinalPlanDishPageState createState() => _FinalPlanDishPageState();
}

class _FinalPlanDishPageState extends State<FinalPlanDishPage> {
  ScrollController controller = ScrollController();
  Widget _laduWidget() {
    //  if (labelIcon[widget
    //                             .cookBookList.labelList[index].icon] is int) {
    // int ladu = labelIcon[
    //     widget.cookBookList.labelList[index].icon];
    int ladu = 6;
    List<Widget> widgetList = [];
    for (var i = 0; i < ladu; i++) {
      widgetList.add(Image.asset(
        Utils.getImgPath('ladu'),
        width: w(10),
      ));
    }
    // widgetList.add(HEmptyView(10));
    return Row(
      children: widgetList,
    );
    // }else{
    // return SizedBox();
    // }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: SystemAppBar(
        '排菜单',
        onTap: () {
          if (Navigator.canPop(context)) {
            Navigator.pop(context);
          }
        },
      ),
      backgroundColor: MyColours.color_ffffff,
      body: Column(
        children: [
          Expanded(
              child: SingleChildScrollView(
                  controller: controller,
                  child: Column(
                    children: [
                      Container(
                          width: double.infinity,
                          // width: w(32),
                          height: w(48),
                          padding: EdgeInsets.symmetric(horizontal: w(10)),
                          decoration: BoxDecoration(
                              border: Border(
                                  top: BorderSide(
                                      width: w(1),
                                      color: MyColours.color_DBDBDB),
                                  bottom: BorderSide(
                                      width: w(1),
                                      color: MyColours.color_DBDBDB))),
                          // constraints: BoxConstraints(minWidth: w(20)),
                          child: TextField(
                            maxLines: 1,
                            // controller:
                            // focusNode: _focusNode,
                            // autofocus: true,

                            style: TextStyle(
                                color: MyColours.color_515151,
                                fontSize: font(16),
                                fontWeight: FontWeight.bold),
                            textAlign: TextAlign.left,
                            // textAlignVertical: TextAlignVertical.center,
                            decoration: InputDecoration(
                              hintText: "请输入排菜名称",
                              hintStyle: TextStyle(
                                  color: MyColours.color_999999,
                                  fontSize: font(16),
                                  fontWeight: FontWeight.bold),
                              // isCollapsed:
                              //     true, //重点,相当于高度包裹的意思,必须设置为true,不然有默认奇妙的最小高度
                              border: OutlineInputBorder(
                                  borderSide: BorderSide.none),
                              contentPadding: EdgeInsets.zero,
                            ),
                            keyboardType: TextInputType.text,
                            textInputAction: TextInputAction.done,

                            onChanged: (value) {
                              // setState(() {});
                              // _searchSellerLocation();
                              // customerProvider.searchData(value);
                            },
                            onEditingComplete: () {
                              FocusScope.of(context)
                                  .requestFocus(FocusNode()); //点击空白处隐藏键盘
                              // contantShowModel.searchData(
                              //     contantShowModel.controller.text);
                              // _searchSellerLocation();
                              // _focusNode.unfocus();
                            },
                          )),
                      ListView.builder(
                          itemCount: 20,
                          shrinkWrap: true,
                          controller: controller,
                          itemBuilder: (context, index) {
                            return ListView.builder(
                                itemCount: 2 + 1,
                                shrinkWrap: true,
                                controller: controller,
                                itemBuilder: (context, index) {
                                  if (index == 0) {
                                    return Column(
                                      children: [
                                        //头
                                        Container(
                                            width: double.infinity,
                                            // width: w(32),
                                            height: w(48),
                                            padding: EdgeInsets.symmetric(
                                                horizontal: w(10)),
                                            decoration: BoxDecoration(
                                                border: Border(
                                                    bottom: BorderSide(
                                                        width: w(1),
                                                        color: MyColours
                                                            .color_DBDBDB))),
                                            // constraints: BoxConstraints(minWidth: w(20)),
                                            child: Row(
                                              mainAxisAlignment:
                                                  MainAxisAlignment
                                                      .spaceBetween,
                                              children: [
                                                Text(
                                                  '热菜',
                                                  style: TextStyle(
                                                      fontSize: font(16),
                                                      color: MyColours
                                                          .color_515151,
                                                      fontWeight:
                                                          FontWeight.bold),
                                                ),
                                                Text(
                                                  '6道',
                                                  style: TextStyle(
                                                    fontSize: font(14),
                                                    color:
                                                        MyColours.color_515151,
                                                  ),
                                                ),
                                              ],
                                            ))
                                      ],
                                    );
                                  }
                                  int indexReal = index - 1;
                                  return Container(
                                    padding: EdgeInsets.symmetric(
                                        horizontal: w(20), vertical: w(13)),
                                    decoration: BoxDecoration(
                                        border: Border(
                                            bottom: BorderSide(
                                                width: w(1),
                                                color:
                                                    MyColours.color_DBDBDB))),
                                    child: Row(
                                      children: [
                                        Container(
                                            constraints:
                                                BoxConstraints(maxWidth: w(80)),
                                            child: Text(
                                              '山城辣子鸡',
                                              maxLines: 10,
                                              overflow: TextOverflow.ellipsis,
                                              style: TextStyle(
                                                  fontSize: font(14),
                                                  color:
                                                      MyColours.color_515151),
                                            )),
                                        HEmptyView(8),
                                        _laduWidget(),
                                        Spacer(),
                                        Text(
                                          '38元/份',
                                          maxLines: 2,
                                          overflow: TextOverflow.ellipsis,
                                          style: TextStyle(
                                              fontSize: font(12),
                                              color: MyColours.color_999999),
                                        ),
                                        HEmptyView(28),
                                        Text(
                                          '38元/份',
                                          maxLines: 2,
                                          overflow: TextOverflow.ellipsis,
                                          style: TextStyle(
                                              fontSize: font(10),
                                              color: MyColours.color_8EBBBE),
                                        ),
                                        HEmptyView(20),
                                        Image.asset(
                                          Utils.getImgPath('plan_dish_minus'),
                                          width: w(16),
                                        ),
                                        HEmptyView(8),
                                        Container(
                                            width: w(32),
                                            height: w(16),
                                            decoration: BoxDecoration(
                                                borderRadius:
                                                    BorderRadius.circular(r(5)),
                                                border: Border.all(
                                                    width: w(1),
                                                    color: MyColours
                                                        .color_999999)),
                                            // constraints: BoxConstraints(minWidth: w(20)),
                                            child: TextField(
                                              maxLines: 1,
                                              // controller:
                                              // focusNode: _focusNode,
                                              // autofocus: true,

                                              style: TextStyle(
                                                  color: MyColours.color_438E93,
                                                  fontSize: font(12)),
                                              textAlign: TextAlign.center,
                                              // textAlignVertical: TextAlignVertical.center,
                                              decoration: InputDecoration(
                                                hintText: "数量",
                                                hintStyle: TextStyle(
                                                  color: MyColours.color_999999,
                                                  fontSize: font(12),
                                                ),
                                                // isCollapsed:
                                                //     true, //重点,相当于高度包裹的意思,必须设置为true,不然有默认奇妙的最小高度
                                                border: OutlineInputBorder(
                                                    borderSide:
                                                        BorderSide.none),
                                                contentPadding: EdgeInsets.zero,
                                              ),
                                              keyboardType: TextInputType
                                                  .numberWithOptions(
                                                      decimal: true),
                                              textInputAction:
                                                  TextInputAction.done,

                                              onChanged: (value) {
                                                // setState(() {});
                                                // _searchSellerLocation();
                                                // customerProvider.searchData(value);
                                              },
                                              onEditingComplete: () {
                                                FocusScope.of(context)
                                                    .requestFocus(
                                                        FocusNode()); //点击空白处隐藏键盘
                                                // contantShowModel.searchData(
                                                //     contantShowModel.controller.text);
                                                // _searchSellerLocation();
                                                // _focusNode.unfocus();
                                              },
                                            )),
                                        HEmptyView(8),
                                        Image.asset(
                                          Utils.getImgPath('plan_dish_add'),
                                          width: w(16),
                                        ),
                                      ],
                                    ),
                                  );
                                });
                          }),
                      Container(
                        padding: EdgeInsets.symmetric(
                            horizontal: w(15), vertical: w(7)),
                        margin: EdgeInsets.only(
                            top: w(7),
                            bottom: w(13),
                            left: w(20),
                            right: w(20)),
                        decoration: BoxDecoration(
                            borderRadius: BorderRadius.circular(r(5)),
                            border: Border.all(
                                width: w(1), color: MyColours.color_DBDBDB)),
                        child: TextField(
                          maxLines: 4,
                          // controller:
                          // focusNode: _focusNode,
                          // autofocus: true,

                          style: TextStyle(
                              color: MyColours.color_515151,
                              fontSize: font(12)),
                          textAlign: TextAlign.left,
                          // textAlignVertical: TextAlignVertical.center,
                          decoration: InputDecoration(
                            hintText: "请输入整单备注",
                            hintStyle: TextStyle(
                              color: MyColours.color_999999,
                              fontSize: font(12),
                            ),
                            // isCollapsed:
                            //     true, //重点,相当于高度包裹的意思,必须设置为true,不然有默认奇妙的最小高度
                            border:
                                OutlineInputBorder(borderSide: BorderSide.none),
                            contentPadding: EdgeInsets.zero,
                          ),
                          keyboardType: TextInputType.multiline,
                          textInputAction: TextInputAction.done,

                          onChanged: (value) {
                            // setState(() {});
                            // _searchSellerLocation();
                            // customerProvider.searchData(value);
                          },
                          onEditingComplete: () {
                            FocusScope.of(context)
                                .requestFocus(FocusNode()); //点击空白处隐藏键盘
                            // contantShowModel.searchData(
                            //     contantShowModel.controller.text);
                            // _searchSellerLocation();
                            // _focusNode.unfocus();
                          },
                        ),
                      ),
                    ],
                  ))),
          Container(
            decoration: BoxDecoration(
                border: Border(
                    top: BorderSide(
                        width: w(1), color: MyColours.color_DBDBDB))),
            padding: EdgeInsets.symmetric(horizontal: w(20), vertical: w(15)),
            child: Row(
              children: [
                Stack(
                  clipBehavior: Clip.none,
                  children: [
                    Image.asset(
                      Utils.getImgPath('plan_dish_car'),
                      width: w(35),
                    ),
                    Positioned(
                        top: w(-3),
                        right: w(-4),
                        child: Container(
                          // width: w(16),
                          constraints: BoxConstraints(minWidth: w(16)),
                          height: w(16),
                          alignment: Alignment.center,
                          decoration: BoxDecoration(
                              borderRadius: BorderRadius.circular(r(8)),
                              color: MyColours.color_E34D59),
                          child: Text(
                            '23',
                            style: TextStyle(
                                fontSize: font(10),
                                color: MyColours.color_F6F6F6),
                          ),
                        ))
                  ],
                ),
                HEmptyView(66),
                Expanded(
                    child: Column(
                  children: [
                    Row(
                      children: [
                        Text(
                          '总计:',
                          style: TextStyle(
                              fontSize: font(12),
                              color: MyColours.color_515151),
                        ),
                        Text(
                          '0.00',
                          style: TextStyle(
                              fontSize: font(12),
                              color: MyColours.color_000000),
                        ),
                        Text(
                          '元',
                          style: TextStyle(
                              fontSize: font(12),
                              color: MyColours.color_515151),
                        ),
                      ],
                    ),
                    VEmptyView(20),
                    Row(
                      children: [
                        Text(
                          '会员价:',
                          style: TextStyle(
                              fontSize: font(12),
                              color: MyColours.color_515151),
                        ),
                        Text(
                          '0.00',
                          style: TextStyle(
                              fontSize: font(12),
                              color: MyColours.color_000000),
                        ),
                        Text(
                          '元',
                          style: TextStyle(
                              fontSize: font(12),
                              color: MyColours.color_515151),
                        ),
                      ],
                    )
                  ],
                )),
                HEmptyView(10),
                Text(
                  '排菜价:',
                  style: TextStyle(
                      fontSize: font(12), color: MyColours.color_515151),
                ),
                Container(
                    width: w(65),
                    height: w(30),
                    decoration: BoxDecoration(
                        borderRadius: BorderRadius.circular(r(5)),
                        border: Border.all(
                            color: MyColours.color_515151, width: w(1))),
                    // constraints: BoxConstraints(minWidth: w(20)),
                    child: TextField(
                      maxLines: 1,
                      // controller:
                      // focusNode: _focusNode,
                      // autofocus: true,

                      style: TextStyle(
                          color: MyColours.color_000000, fontSize: font(12)),
                      textAlign: TextAlign.center,
                      // textAlignVertical: TextAlignVertical.center,
                      decoration: InputDecoration(
                        hintText: "0.00",
                        hintStyle: TextStyle(
                          color: MyColours.color_999999,
                          fontSize: font(12),
                        ),
                        // isCollapsed:
                        //     true, //重点,相当于高度包裹的意思,必须设置为true,不然有默认奇妙的最小高度
                        border: OutlineInputBorder(borderSide: BorderSide.none),
                        contentPadding: EdgeInsets.zero,
                      ),
                      keyboardType:
                          TextInputType.numberWithOptions(decimal: true),
                      textInputAction: TextInputAction.done,

                      onChanged: (value) {
                        // setState(() {});
                        // _searchSellerLocation();
                        // customerProvider.searchData(value);
                      },
                      onEditingComplete: () {
                        FocusScope.of(context)
                            .requestFocus(FocusNode()); //点击空白处隐藏键盘
                        // contantShowModel.searchData(
                        //     contantShowModel.controller.text);
                        // _searchSellerLocation();
                        // _focusNode.unfocus();
                      },
                    )),
                Text(
                  '元',
                  style: TextStyle(
                      fontSize: font(12), color: MyColours.color_515151),
                ),
              ],
            ),
          ),
          Container(
              color: MyColours.color_FAFAFA,
              padding: EdgeInsets.only(
                  top: w(12), bottom: w(25), left: w(23), right: w(23)),
              child: Row(
                // mainAxisAlignment: MainAxisAlignment.spaceBetween,
                children: [
                  RoundButton(
                    text: '返回选菜',
                    gradientStart: MyColours.color_ffffff,
                    gradientEnd: MyColours.color_ffffff,
                    borderColor: MyColours.color_438E93,
                    textColor: MyColours.color_438E93,
                    width: w(100),
                    height: w(43),
                    radius: r(5),
                    fontSize: 32,
                    isBold: false,
                    onPressed: () {
                      //如果是创建新排菜进入的,则返回两次
                      // Navigator.pop(context);
                      // Navigator.pop(context);
                      //如果是从复用和修改进入的,则直接push到排菜firstpage

                      NavigatorUtil.goPlanNewDishFirstPage(context);
                    },
                  ),
                  HEmptyView(30),
                  Expanded(
                    child: RoundButton(
                      text: '保存排菜单',
                      gradientStart: MyColours.color_438E93,
                      gradientEnd: MyColours.color_438E93,
                      height: w(43),
                      radius: r(5),
                      fontSize: 36,
                      isBold: false,
                      onPressed: () {
                        NavigatorUtil.goMyPlanDishHomePage(context,
                            replace: true);
                      },
                    ),
                  )
                ],
              ))
        ],
      ),
    );
  }
}