You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
118 lines
3.3 KiB
118 lines
3.3 KiB
import 'package:akuCommunity/const/resource.dart';
|
|
import 'package:akuCommunity/ui/manager/advice/advice_page.dart';
|
|
import 'package:akuCommunity/widget/bee_scaffold.dart';
|
|
import 'package:akuCommunity/utils/headers.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
|
import 'package:velocity_x/velocity_x.dart';
|
|
|
|
class NewAdvicePage extends StatefulWidget {
|
|
final AdviceType type;
|
|
NewAdvicePage({Key key, @required this.type}) : super(key: key);
|
|
|
|
@override
|
|
_NewAdvicePageState createState() => _NewAdvicePageState();
|
|
}
|
|
|
|
class _NewAdvicePageState extends State<NewAdvicePage> {
|
|
int _type = 0;
|
|
String get title {
|
|
switch (widget.type) {
|
|
case AdviceType.SUGGESTION:
|
|
return '建议咨询';
|
|
break;
|
|
case AdviceType.COMPLAIN:
|
|
return '投诉表扬';
|
|
break;
|
|
}
|
|
return '';
|
|
}
|
|
|
|
List<String> get tabs {
|
|
switch (widget.type) {
|
|
case AdviceType.SUGGESTION:
|
|
return ['您的建议', '您的咨询'];
|
|
break;
|
|
case AdviceType.COMPLAIN:
|
|
return ['您的投诉', '您的表扬'];
|
|
break;
|
|
}
|
|
return [];
|
|
}
|
|
|
|
_buildType(int index, String asset, String title) {
|
|
bool isSelected = _type == index;
|
|
return GestureDetector(
|
|
onTap: () {
|
|
_type = index;
|
|
setState(() {});
|
|
},
|
|
child: AnimatedContainer(
|
|
height: 72.w,
|
|
width: 176.w,
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(36.w),
|
|
border: Border.all(
|
|
color: isSelected ? Color(0xFFFFC40C) : Color(0xFF979797),
|
|
width: 2.w,
|
|
),
|
|
color: Color(0xFFFFF4D3).withOpacity(isSelected ? 1 : 0),
|
|
),
|
|
duration: Duration(milliseconds: 300),
|
|
alignment: Alignment.center,
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Image.asset(asset, width: 32.w, height: 32.w),
|
|
12.wb,
|
|
title.text
|
|
.size(32.sp)
|
|
.color(isSelected ? Color(0xFF333333) : Color(0xFF999999))
|
|
.make(),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return BeeScaffold.white(
|
|
title: title,
|
|
body: ListView(
|
|
padding: EdgeInsets.all(32.w),
|
|
children: [
|
|
'业主/租客房屋'.text.size(28.sp).black.make(),
|
|
32.hb,
|
|
<Widget>[
|
|
Image.asset(
|
|
R.ASSETS_IMAGES_HOUSE_ATTESTATION_PNG,
|
|
height: 60.w,
|
|
width: 60.w,
|
|
),
|
|
40.wb,
|
|
'宁波华茂悦峰\n1幢-1单元-702室'.text.size(32.sp).black.bold.make(),
|
|
].row(),
|
|
Divider(height: 64.w),
|
|
'您要选择的类型是？'.text.size(28.sp).make(),
|
|
32.hb,
|
|
<Widget>[
|
|
_buildType(0, R.ASSETS_ICONS_PROPOSAL_PNG, '建议'),
|
|
80.wb,
|
|
_buildType(1, R.ASSETS_ICONS_CONSULT_PNG, '咨询'),
|
|
].row(),
|
|
44.hb,
|
|
'请输入内容'.text.size(28.sp).make(),
|
|
24.hb,
|
|
TextField(
|
|
// controller: ,
|
|
decoration: InputDecoration(
|
|
border: OutlineInputBorder(),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|