feat: 电液控实时计算
This commit is contained in:
louis
parent
decf1cd363
commit
27a92960c5
|
|
@ -1,4 +1,8 @@
|
|||
import 'dart:math';
|
||||
|
||||
import 'package:collection/collection.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_slidable/flutter_slidable.dart';
|
||||
import 'package:get/get.dart';
|
||||
import 'package:sk_base_mobile/app_theme.dart';
|
||||
import 'package:sk_base_mobile/screens/sale_quotation/components/data_table.dart';
|
||||
|
|
@ -16,17 +20,38 @@ class SaleQuotationPage extends StatelessWidget {
|
|||
final headerTitleStyle = TextStyle(
|
||||
fontSize: ScreenAdaper.sp(40),
|
||||
fontWeight: FontWeight.w600,
|
||||
color: AppTheme.secondPrimaryTextColorWithBg);
|
||||
color: AppTheme.nearlyBlack);
|
||||
final headerBgcolor = Color.fromARGB(255, 238, 238, 238);
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
appBar: const SkAppbar(title: '报价计算'),
|
||||
appBar: SkAppbar(
|
||||
title: '报价计算',
|
||||
action: [
|
||||
TextButton(
|
||||
onPressed: () {},
|
||||
child: Row(
|
||||
children: [
|
||||
Icon(Icons.add, color: AppTheme.white),
|
||||
Text(
|
||||
'添加组',
|
||||
style: TextStyle(
|
||||
color: AppTheme.white,
|
||||
fontSize: ScreenAdaper.sp(35),
|
||||
fontWeight: FontWeight.w600),
|
||||
)
|
||||
],
|
||||
))
|
||||
],
|
||||
),
|
||||
body: Column(
|
||||
children: [
|
||||
Container(
|
||||
decoration: BoxDecoration(
|
||||
color: AppTheme.secondPrimaryColorLight,
|
||||
border: Border(bottom: BorderSide(color: Colors.grey[200]!))),
|
||||
color: headerBgcolor,
|
||||
border: Border(
|
||||
bottom: BorderSide(
|
||||
color: AppTheme.nearlyBlack.withOpacity(0.5)))),
|
||||
padding: EdgeInsets.only(
|
||||
left: ScreenAdaper.width(20),
|
||||
top: ScreenAdaper.height(10),
|
||||
|
|
@ -67,18 +92,20 @@ class SaleQuotationPage extends StatelessWidget {
|
|||
],
|
||||
)),
|
||||
Expanded(
|
||||
child: CustomScrollView(
|
||||
slivers: controller.groups.map((e) => buildBody(e)).toList(),
|
||||
)),
|
||||
child: Obx(() => CustomScrollView(
|
||||
slivers: controller.groups
|
||||
.mapIndexed<Widget>((index, e) => buildBody(e, index))
|
||||
.toList(),
|
||||
))),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget buildBody(SaleQuotationModel group) {
|
||||
Widget buildBody(SaleQuotationModel group, int index) {
|
||||
final titleStyle = TextStyle(
|
||||
fontSize: ScreenAdaper.sp(40),
|
||||
color: AppTheme.secondPrimaryTextColorWithBg,
|
||||
color: AppTheme.nearlyBlack,
|
||||
fontWeight: FontWeight.w600);
|
||||
final subTextStyle =
|
||||
TextStyle(color: AppTheme.grey, fontSize: ScreenAdaper.sp(30));
|
||||
|
|
@ -86,39 +113,94 @@ class SaleQuotationPage extends StatelessWidget {
|
|||
return SliverStickyHeader.builder(
|
||||
builder: (context, state) => Container(
|
||||
height: ScreenAdaper.height(80),
|
||||
color: AppTheme.secondPrimaryColorLight
|
||||
.withOpacity(1.0 - state.scrollPercentage),
|
||||
padding: EdgeInsets.symmetric(horizontal: ScreenAdaper.width(20)),
|
||||
color: headerBgcolor.withOpacity(1.0 - state.scrollPercentage),
|
||||
alignment: Alignment.centerLeft,
|
||||
child: InkWell(
|
||||
onTap: () {
|
||||
controller.groups[index].isExpanded.value =
|
||||
!controller.groups[index].isExpanded.value;
|
||||
},
|
||||
child: Row(
|
||||
children: [
|
||||
Obx(() => controller.groups[index].isExpanded.value
|
||||
? IconButton(
|
||||
padding: EdgeInsets.zero,
|
||||
onPressed: () {
|
||||
controller.groups[index].isExpanded.value = false;
|
||||
},
|
||||
icon: const Icon(
|
||||
Icons.expand_more,
|
||||
color: AppTheme.nearlyBlack,
|
||||
),
|
||||
)
|
||||
: IconButton(
|
||||
padding: EdgeInsets.zero,
|
||||
onPressed: () {
|
||||
controller.groups[index].isExpanded.value = true;
|
||||
},
|
||||
icon: const Icon(
|
||||
Icons.chevron_right,
|
||||
color: AppTheme.nearlyBlack,
|
||||
),
|
||||
)),
|
||||
Text(
|
||||
group.name,
|
||||
style: titleStyle,
|
||||
),
|
||||
Spacer(),
|
||||
const Spacer(),
|
||||
IconButton(
|
||||
onPressed: () {
|
||||
ModalUtil.confirm(title: '确定要删除此组吗?', onConfirm: () {});
|
||||
},
|
||||
icon: Icon(
|
||||
// Icons.add_circle_outline,
|
||||
icon: const Icon(
|
||||
Icons.remove_circle_outline_outlined,
|
||||
color: AppTheme.secondPrimaryTextColorWithBg,
|
||||
))
|
||||
],
|
||||
color: AppTheme.nearlyBlack,
|
||||
)),
|
||||
sliver: SliverList(
|
||||
IconButton(
|
||||
onPressed: () {},
|
||||
icon: const Icon(
|
||||
Icons.add_circle_outline,
|
||||
color: AppTheme.nearlyBlack,
|
||||
)),
|
||||
],
|
||||
))),
|
||||
sliver: Obx(() => !controller.groups[index].isExpanded.value
|
||||
? SliverList(
|
||||
delegate: SliverChildBuilderDelegate(
|
||||
(context, i) => Container(
|
||||
(context, i) => SizedBox(),
|
||||
childCount: 0,
|
||||
))
|
||||
: SliverList(
|
||||
delegate: SliverChildBuilderDelegate(
|
||||
(context, i) => Slidable(
|
||||
key: UniqueKey(),
|
||||
endActionPane: ActionPane(
|
||||
extentRatio: 0.2,
|
||||
motion: const DrawerMotion(),
|
||||
children: [
|
||||
SlidableAction(
|
||||
padding: EdgeInsets.zero,
|
||||
onPressed: (_) {},
|
||||
backgroundColor: AppTheme.dangerColor,
|
||||
foregroundColor: Colors.white,
|
||||
icon: Icons.delete,
|
||||
label: 'Delete',
|
||||
),
|
||||
],
|
||||
),
|
||||
child: Container(
|
||||
padding: EdgeInsets.only(
|
||||
left: ScreenAdaper.width(20),
|
||||
top: ScreenAdaper.height(15),
|
||||
bottom: ScreenAdaper.height(15)),
|
||||
constraints: BoxConstraints(minHeight: ScreenAdaper.height(80)),
|
||||
bottom: ScreenAdaper.height(15),
|
||||
),
|
||||
constraints:
|
||||
BoxConstraints(minHeight: ScreenAdaper.height(100)),
|
||||
decoration: BoxDecoration(
|
||||
border: Border(
|
||||
bottom: BorderSide(width: 1, color: Colors.grey[200]!))),
|
||||
bottom: BorderSide(width: 1, color: Colors.grey[200]!),
|
||||
),
|
||||
),
|
||||
child: Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.center,
|
||||
children: [
|
||||
|
|
@ -127,14 +209,18 @@ class SaleQuotationPage extends StatelessWidget {
|
|||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Row(children: [
|
||||
Row(
|
||||
children: [
|
||||
Expanded(
|
||||
child: Text(
|
||||
'${controller.products[i].name}',
|
||||
style: TextStyle(fontSize: ScreenAdaper.sp(35)),
|
||||
))
|
||||
]),
|
||||
if (controller.products[i].spec != null)
|
||||
'${group.items[i].name}',
|
||||
style: TextStyle(
|
||||
fontSize: ScreenAdaper.sp(35)),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
if (group.items[i].spec != null)
|
||||
Row(
|
||||
children: [
|
||||
Text(
|
||||
|
|
@ -142,12 +228,12 @@ class SaleQuotationPage extends StatelessWidget {
|
|||
style: subTextStyle,
|
||||
),
|
||||
Text(
|
||||
'${controller.products[i].spec ?? ''}',
|
||||
'${group.items[i].spec ?? ''}',
|
||||
style: subTextStyle,
|
||||
)
|
||||
),
|
||||
],
|
||||
),
|
||||
if (controller.products[i].unit != null)
|
||||
if (group.items[i].unit != null)
|
||||
Row(
|
||||
children: [
|
||||
Text(
|
||||
|
|
@ -155,12 +241,12 @@ class SaleQuotationPage extends StatelessWidget {
|
|||
style: subTextStyle,
|
||||
),
|
||||
Text(
|
||||
'${controller.products[i].unit ?? ''}',
|
||||
'${group.items[i].unit ?? ''}',
|
||||
style: subTextStyle,
|
||||
)
|
||||
),
|
||||
],
|
||||
),
|
||||
if (controller.products[i].remark != null)
|
||||
if (group.items[i].remark != null)
|
||||
Row(
|
||||
children: [
|
||||
Text(
|
||||
|
|
@ -169,14 +255,16 @@ class SaleQuotationPage extends StatelessWidget {
|
|||
),
|
||||
Expanded(
|
||||
child: Text(
|
||||
'${controller.products[i].remark ?? ''}${controller.products[i].remark ?? ''}${controller.products[i].remark ?? ''}',
|
||||
'${group.items[i].remark ?? ''}${group.items[i].remark ?? ''}${controller.products[i].remark ?? ''}',
|
||||
overflow: TextOverflow.ellipsis,
|
||||
style: subTextStyle,
|
||||
))
|
||||
),
|
||||
),
|
||||
],
|
||||
)
|
||||
),
|
||||
],
|
||||
)),
|
||||
),
|
||||
),
|
||||
VerticalDivider(),
|
||||
Container(
|
||||
alignment: Alignment.center,
|
||||
|
|
@ -192,21 +280,25 @@ class SaleQuotationPage extends StatelessWidget {
|
|||
alignment: Alignment.center,
|
||||
width: amountWidth,
|
||||
child: Text('￥63450000'),
|
||||
)
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
childCount: controller.products.length,
|
||||
),
|
||||
childCount: !controller.groups[index].isExpanded.value
|
||||
? 0
|
||||
: group.items.length,
|
||||
),
|
||||
)),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class SaleQuotationModel {
|
||||
final String name;
|
||||
List<SaleQuotationItemModel>? items;
|
||||
SaleQuotationModel({required this.name, this.items});
|
||||
RxBool isExpanded = true.obs;
|
||||
List<SaleQuotationItemModel> items;
|
||||
SaleQuotationModel({required this.name, required this.items});
|
||||
}
|
||||
|
||||
class SaleQuotationItemModel {
|
||||
|
|
@ -224,7 +316,7 @@ class SaleQuotationItemModel {
|
|||
class SaleQuotationController extends GetxController {
|
||||
static SaleQuotationController get to => Get.find();
|
||||
|
||||
List<SaleQuotationItemModel> products = [
|
||||
RxList<SaleQuotationItemModel> products = RxList([
|
||||
SaleQuotationItemModel(name: '矿用本安型支架控制器', unit: '台', spec: 'ZDYZ-Z'),
|
||||
SaleQuotationItemModel(name: '矿用本安型电磁阀驱动器'),
|
||||
SaleQuotationItemModel(name: '矿用隔爆兼本安型电源'),
|
||||
|
|
@ -245,15 +337,21 @@ class SaleQuotationController extends GetxController {
|
|||
SaleQuotationItemModel(name: '矿用本安型LED信号灯'),
|
||||
SaleQuotationItemModel(name: '倾角传感器'),
|
||||
SaleQuotationItemModel(name: '各类安装附件'),
|
||||
];
|
||||
RxList<SaleQuotationModel> groups = RxList<SaleQuotationModel>([
|
||||
SaleQuotationModel(name: '中间过渡架电控部分'),
|
||||
SaleQuotationModel(name: '端头架电控部分'),
|
||||
SaleQuotationModel(name: '主阀部分'),
|
||||
SaleQuotationModel(name: '自动反冲洗过滤器部分'),
|
||||
SaleQuotationModel(name: '位移测量部分'),
|
||||
SaleQuotationModel(name: '压力检测部分'),
|
||||
SaleQuotationModel(name: '煤机定位部分'),
|
||||
SaleQuotationModel(name: '姿态检测部分'),
|
||||
]);
|
||||
RxList<SaleQuotationModel> groups = RxList<SaleQuotationModel>([]);
|
||||
@override
|
||||
void onReady() {
|
||||
groups.assignAll([
|
||||
SaleQuotationModel(name: '中间过渡架电控部分', items: products),
|
||||
SaleQuotationModel(name: '端头架电控部分', items: products),
|
||||
SaleQuotationModel(name: '主阀部分', items: products),
|
||||
SaleQuotationModel(name: '自动反冲洗过滤器部分', items: products),
|
||||
SaleQuotationModel(name: '位移测量部分', items: products),
|
||||
SaleQuotationModel(name: '压力检测部分', items: products),
|
||||
SaleQuotationModel(name: '煤机定位部分', items: products),
|
||||
SaleQuotationModel(name: '姿态检测部分', items: products),
|
||||
]);
|
||||
|
||||
super.onReady();
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -18,15 +18,13 @@ class ModalUtil {
|
|||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(ScreenAdaper.sp(20)),
|
||||
),
|
||||
actionsPadding: EdgeInsets.symmetric(),
|
||||
contentPadding: EdgeInsets.symmetric(
|
||||
horizontal: ScreenAdaper.width(20),
|
||||
vertical: ScreenAdaper.height(20)),
|
||||
titlePadding: EdgeInsets.symmetric(),
|
||||
actionsPadding: EdgeInsets.zero,
|
||||
titlePadding: EdgeInsets.zero,
|
||||
title: title != null
|
||||
? Container(
|
||||
padding:
|
||||
EdgeInsets.symmetric(vertical: ScreenAdaper.height(20)),
|
||||
padding: EdgeInsets.symmetric(
|
||||
vertical: ScreenAdaper.height(30),
|
||||
horizontal: ScreenAdaper.width(30)),
|
||||
decoration: BoxDecoration(
|
||||
border: Border(
|
||||
bottom: BorderSide(
|
||||
|
|
@ -36,7 +34,7 @@ class ModalUtil {
|
|||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
Icon(
|
||||
const Icon(
|
||||
Icons.error_outline,
|
||||
color: AppTheme.dangerColor,
|
||||
),
|
||||
|
|
@ -52,7 +50,6 @@ class ModalUtil {
|
|||
]),
|
||||
)
|
||||
: null,
|
||||
// actionsAlignment: MainAxisAlignment.spaceEvenly,
|
||||
actions: [
|
||||
Row(
|
||||
children: [
|
||||
|
|
@ -72,7 +69,7 @@ class ModalUtil {
|
|||
color: Colors.black, fontSize: ScreenAdaper.sp(40)),
|
||||
)),
|
||||
)),
|
||||
VerticalDivider(),
|
||||
const VerticalDivider(),
|
||||
Expanded(
|
||||
child: InkWell(
|
||||
onTap: () {
|
||||
|
|
|
|||
|
|
@ -2,11 +2,15 @@ import 'package:flutter/material.dart';
|
|||
|
||||
class SkAppbar extends StatelessWidget implements PreferredSizeWidget {
|
||||
final String title;
|
||||
const SkAppbar({super.key, required this.title});
|
||||
final List<Widget>? action;
|
||||
const SkAppbar({super.key, required this.title, this.action});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return AppBar(title: Text(title));
|
||||
return AppBar(
|
||||
title: Text(title),
|
||||
actions: action,
|
||||
);
|
||||
}
|
||||
|
||||
@override
|
||||
|
|
|
|||
|
|
@ -366,6 +366,14 @@ packages:
|
|||
url: "https://pub.dev"
|
||||
source: hosted
|
||||
version: "5.9.0"
|
||||
flutter_slidable:
|
||||
dependency: "direct main"
|
||||
description:
|
||||
name: flutter_slidable
|
||||
sha256: "673403d2eeef1f9e8483bd6d8d92aae73b1d8bd71f382bc3930f699c731bc27c"
|
||||
url: "https://pub.dev"
|
||||
source: hosted
|
||||
version: "3.1.0"
|
||||
flutter_staggered_grid_view:
|
||||
dependency: "direct main"
|
||||
description:
|
||||
|
|
|
|||
|
|
@ -64,6 +64,7 @@ dependencies:
|
|||
flutter_svg: ^2.0.10+1
|
||||
flutter_sticky_header: ^0.6.5
|
||||
data_table_2: ^2.5.12
|
||||
flutter_slidable: ^3.1.0
|
||||
dev_dependencies:
|
||||
flutter_test:
|
||||
sdk: flutter
|
||||
|
|
|
|||
|
|
@ -1,29 +0,0 @@
|
|||
// This is a basic Flutter widget test.
|
||||
//
|
||||
// To perform an interaction with a widget in your test, use the WidgetTester
|
||||
// utility in the flutter_test package. For example, you can send tap and scroll
|
||||
// gestures. You can also use WidgetTester to find child widgets in the widget
|
||||
// tree, read text, and verify that the values of widget properties are correct.
|
||||
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_test/flutter_test.dart';
|
||||
import 'package:sk_base_mobile/index.dart';
|
||||
|
||||
void main() {
|
||||
testWidgets('Counter increments smoke test', (WidgetTester tester) async {
|
||||
// Build our app and trigger a frame.
|
||||
await tester.pumpWidget(const IndexPage());
|
||||
|
||||
// Verify that our counter starts at 0.
|
||||
expect(find.text('0'), findsOneWidget);
|
||||
expect(find.text('1'), findsNothing);
|
||||
|
||||
// Tap the '+' icon and trigger a frame.
|
||||
await tester.tap(find.byIcon(Icons.add));
|
||||
await tester.pump();
|
||||
|
||||
// Verify that our counter has incremented.
|
||||
expect(find.text('0'), findsNothing);
|
||||
expect(find.text('1'), findsOneWidget);
|
||||
});
|
||||
}
|
||||
Loading…
Reference in New Issue