345 lines
13 KiB
Dart
345 lines
13 KiB
Dart
|
|
|||
|
|
import 'package:flutter/material.dart';
|
|||
|
|
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
|||
|
|
import 'package:get/get.dart';
|
|||
|
|
import 'package:star_lock/app_settings/app_colors.dart';
|
|||
|
|
|
|||
|
|
import '../../../../tools/commonItem.dart';
|
|||
|
|
import '../../../../tools/showBottomSheetTool.dart';
|
|||
|
|
import '../../../../tools/submitBtn.dart';
|
|||
|
|
import '../../../../tools/titleAppBar.dart';
|
|||
|
|
import '../../../../translations/trans_lib.dart';
|
|||
|
|
|
|||
|
|
//高亮样式
|
|||
|
|
final TextStyle highStyle = TextStyle(color: const Color(0xFFEEDFA8), fontSize: 28.sp);
|
|||
|
|
|
|||
|
|
//默认样式
|
|||
|
|
final TextStyle defaultStyle = TextStyle(color: Colors.black, fontSize: 28.sp);
|
|||
|
|
|
|||
|
|
//预览样式封装-密码
|
|||
|
|
late InlineSpan passwardSpan = TextSpan(children: [
|
|||
|
|
TextSpan(text: '${TranslationLoader.lanKeys!.hello!.tr}，\n${TranslationLoader.lanKeys!.yourRoomIs!.tr}：', style: defaultStyle),
|
|||
|
|
TextSpan(text: '201', style: highStyle),
|
|||
|
|
TextSpan(text: ' ${TranslationLoader.lanKeys!.theCodeToOpenTheDoorIs!.tr}： ', style: defaultStyle),
|
|||
|
|
TextSpan(text: '332211\n', style: highStyle),
|
|||
|
|
TextSpan(text: '${TranslationLoader.lanKeys!.periodValidity!.tr}： ', style: defaultStyle),
|
|||
|
|
TextSpan(text: '2021.12.11 12:00 - 2021.12.12 13:00。\n', style: highStyle),
|
|||
|
|
TextSpan(text: TranslationLoader.lanKeys!.templateTip1!.tr, style: defaultStyle),
|
|||
|
|
]);
|
|||
|
|
|
|||
|
|
//预览样式封装-密码
|
|||
|
|
late InlineSpan electronicKeySpan = TextSpan(children: [
|
|||
|
|
TextSpan(text: '${TranslationLoader.lanKeys!.hello!.tr}，\n${TranslationLoader.lanKeys!.templateTip2!.tr}', style: defaultStyle),
|
|||
|
|
TextSpan(text: 'https://abc.com/bcd\n', style: highStyle),
|
|||
|
|
TextSpan(text: '${TranslationLoader.lanKeys!.templateTip3!.tr}\n', style: defaultStyle),
|
|||
|
|
TextSpan(text: 'https://abc.com/bcd', style: highStyle),
|
|||
|
|
]);
|
|||
|
|
|
|||
|
|
class ValueAddedServicesAddSMSTemplatePage extends StatefulWidget {
|
|||
|
|
const ValueAddedServicesAddSMSTemplatePage({Key? key}) : super(key: key);
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
State<ValueAddedServicesAddSMSTemplatePage> createState() => _ValueAddedServicesAddSMSTemplatePageState();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
class _ValueAddedServicesAddSMSTemplatePageState extends State<ValueAddedServicesAddSMSTemplatePage> {
|
|||
|
|
|
|||
|
|
|
|||
|
|
final _templateOneTf = TextEditingController();
|
|||
|
|
final _templateTwoTf = TextEditingController();
|
|||
|
|
final _templateNameTf = TextEditingController();
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
void initState() {
|
|||
|
|
super.initState();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
Widget build(BuildContext context) {
|
|||
|
|
_templateOneTf.text = TranslationLoader.lanKeys!.hello!.tr;
|
|||
|
|
_templateTwoTf.text = TranslationLoader.lanKeys!.templateTip1!.tr;
|
|||
|
|
|
|||
|
|
return Scaffold(
|
|||
|
|
backgroundColor: AppColors.mainBackgroundColor,
|
|||
|
|
appBar: TitleAppBar(barTitle:TranslationLoader.lanKeys!.customSMSTemplate!.tr, haveBack:true, backgroundColor: AppColors.mainColor),
|
|||
|
|
body: ListView(
|
|||
|
|
children: [
|
|||
|
|
_buildEditTopInfo(),
|
|||
|
|
SizedBox(height: 10.h,),
|
|||
|
|
_buildEditTemplate(),
|
|||
|
|
SizedBox(height: 10.h,),
|
|||
|
|
_buildpreview(),
|
|||
|
|
SizedBox(height: 42.h),
|
|||
|
|
SubmitBtn(
|
|||
|
|
btnName: TranslationLoader.lanKeys!.save!.tr,
|
|||
|
|
borderRadius: 10.w,
|
|||
|
|
margin: EdgeInsets.only(left: 30.w, right: 30.w, top: 30.w, bottom: 30.w),
|
|||
|
|
padding: EdgeInsets.only(top: 25.w, bottom: 25.w),
|
|||
|
|
onClick: (){
|
|||
|
|
// Navigator.pushNamed(context, Routers.sendElectronicKeyManagePage);
|
|||
|
|
}
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
));
|
|||
|
|
}
|
|||
|
|
Widget _buildEditTopInfo() {
|
|||
|
|
return Column(
|
|||
|
|
children: [
|
|||
|
|
CommonItem(leftTitel:TranslationLoader.lanKeys!.name!.tr, rightTitle:"", isHaveLine: true, isHaveRightWidget: true, rightWidget: getTFWidget(_templateNameTf, TranslationLoader.lanKeys!.pleaseEnter!.tr)),
|
|||
|
|
CommonItem(leftTitel:TranslationLoader.lanKeys!.type!.tr, rightTitle:TranslationLoader.lanKeys!.password!.tr, isHaveLine: false, action:(){
|
|||
|
|
_showSeletTemplateType();
|
|||
|
|
}),
|
|||
|
|
],
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Widget _buildEditTemplate() {
|
|||
|
|
return Container(
|
|||
|
|
color: Colors.white,
|
|||
|
|
child: Column(
|
|||
|
|
children: [
|
|||
|
|
Row(
|
|||
|
|
children: [
|
|||
|
|
Padding(
|
|||
|
|
padding: EdgeInsets.only(left: 25.w, top: 25.h, bottom: 25.h, right: 25.w),
|
|||
|
|
child: Text(TranslationLoader.lanKeys!.templateContent!.tr, style: TextStyle(fontSize: 28.sp, fontWeight: FontWeight.w600),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
Container(
|
|||
|
|
margin: EdgeInsets.only(left: 25.w, right: 25.w, bottom: 25.h),
|
|||
|
|
height: 100,
|
|||
|
|
child: TextField(
|
|||
|
|
maxLines:8,
|
|||
|
|
// maxLength:1000,
|
|||
|
|
textAlign: TextAlign.start,
|
|||
|
|
controller: _templateOneTf,
|
|||
|
|
style: TextStyle(color: Colors.black,fontSize: 28.sp,),
|
|||
|
|
decoration: InputDecoration(
|
|||
|
|
contentPadding: EdgeInsets.only(top: 20.h, left: 20.w, right: 20.w, bottom: 20.h),
|
|||
|
|
border: OutlineInputBorder(
|
|||
|
|
///设置边框四个角的弧度
|
|||
|
|
borderRadius: BorderRadius.all(Radius.circular(20.h)),
|
|||
|
|
///用来配置边框的样式
|
|||
|
|
borderSide: const BorderSide(
|
|||
|
|
///设置边框的颜色
|
|||
|
|
color: Color(0xffB2B2B2),
|
|||
|
|
///设置边框的粗细
|
|||
|
|
width: 0.5,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
///用来配置输入框获取焦点时的颜色
|
|||
|
|
focusedBorder: OutlineInputBorder(
|
|||
|
|
///设置边框四个角的弧度
|
|||
|
|
borderRadius: BorderRadius.all(Radius.circular(20.h)),
|
|||
|
|
///用来配置边框的样式
|
|||
|
|
borderSide: const BorderSide(
|
|||
|
|
///设置边框的颜色
|
|||
|
|
color: Color(0xffB2B2B2),
|
|||
|
|
///设置边框的粗细
|
|||
|
|
width: 1,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
Visibility(
|
|||
|
|
visible: true,
|
|||
|
|
child: Column(
|
|||
|
|
children: [
|
|||
|
|
Column(
|
|||
|
|
children: [
|
|||
|
|
Padding(
|
|||
|
|
padding: EdgeInsets.only(left: 25.w, top: 10.h, right: 25.w),
|
|||
|
|
child: RichText(text: TextSpan(children: [
|
|||
|
|
TextSpan(text: '${TranslationLoader.lanKeys!.yourRoomIs!.tr}： ', style: defaultStyle),
|
|||
|
|
TextSpan(text: '{${TranslationLoader.lanKeys!.roomName!.tr}}', style: highStyle),
|
|||
|
|
TextSpan(text: ' ${TranslationLoader.lanKeys!.theCodeToOpenTheDoorIs!.tr}： ', style: defaultStyle),
|
|||
|
|
TextSpan(text: '{${TranslationLoader.lanKeys!.password!.tr}}', style: highStyle),
|
|||
|
|
]))),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
Row(
|
|||
|
|
crossAxisAlignment: CrossAxisAlignment.end,
|
|||
|
|
children: [
|
|||
|
|
Padding(
|
|||
|
|
padding: EdgeInsets.only(left: 25.w, top: 10.h),
|
|||
|
|
child: RichText(text: TextSpan(children: [
|
|||
|
|
TextSpan(text: '${TranslationLoader.lanKeys!.periodValidity!.tr}： ', style: defaultStyle),
|
|||
|
|
TextSpan(text: '{${TranslationLoader.lanKeys!.periodValidity!.tr}}', style: highStyle),
|
|||
|
|
]))
|
|||
|
|
),
|
|||
|
|
SizedBox(width: 10.w,),
|
|||
|
|
GestureDetector(
|
|||
|
|
onTap: (){
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
child: Row(children: [Image.asset('images/icon_round_unSelet.png', width: 40.w, height: 40.w,),],),)
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
Visibility(
|
|||
|
|
visible: false,
|
|||
|
|
child: Row(
|
|||
|
|
children: [
|
|||
|
|
Padding(
|
|||
|
|
padding: EdgeInsets.only(left: 25.w, top: 10.h, right: 25.w),
|
|||
|
|
child: RichText(text: TextSpan(children: [
|
|||
|
|
TextSpan(text: '${TranslationLoader.lanKeys!.templateTip2!.tr}\n', style: defaultStyle),
|
|||
|
|
TextSpan(text: 'https://abc.com/bcd\n', style: highStyle),
|
|||
|
|
TextSpan(text: '${TranslationLoader.lanKeys!.templateTip3!.tr}\n', style: defaultStyle),
|
|||
|
|
TextSpan(text: 'https://abc.com/bcd\n', style: highStyle),
|
|||
|
|
]))
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
SizedBox(height: 10.h),
|
|||
|
|
Container(
|
|||
|
|
margin: EdgeInsets.only(left: 25.w, right: 25.w, bottom: 25.h),
|
|||
|
|
height: 100,
|
|||
|
|
child: Stack(
|
|||
|
|
alignment: Alignment.bottomRight,
|
|||
|
|
children: [
|
|||
|
|
TextField(
|
|||
|
|
maxLines:8,
|
|||
|
|
// maxLength:1000,
|
|||
|
|
textAlign: TextAlign.start,
|
|||
|
|
controller: _templateTwoTf,
|
|||
|
|
style: TextStyle(color: Colors.black,fontSize: 28.sp,),
|
|||
|
|
decoration: InputDecoration(
|
|||
|
|
contentPadding: EdgeInsets.only(top: 20.h, left: 20.w, right: 20.w, bottom: 20.h),
|
|||
|
|
border: OutlineInputBorder(
|
|||
|
|
///设置边框四个角的弧度
|
|||
|
|
borderRadius: BorderRadius.all(Radius.circular(20.h)),
|
|||
|
|
///用来配置边框的样式
|
|||
|
|
borderSide: const BorderSide(
|
|||
|
|
///设置边框的颜色
|
|||
|
|
color: Color(0xffB2B2B2),
|
|||
|
|
///设置边框的粗细
|
|||
|
|
width: 0.5,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
///用来配置输入框获取焦点时的颜色
|
|||
|
|
focusedBorder: OutlineInputBorder(
|
|||
|
|
///设置边框四个角的弧度
|
|||
|
|
borderRadius: BorderRadius.all(Radius.circular(20.h)),
|
|||
|
|
///用来配置边框的样式
|
|||
|
|
borderSide: const BorderSide(
|
|||
|
|
///设置边框的颜色
|
|||
|
|
color: Color(0xffB2B2B2),
|
|||
|
|
///设置边框的粗细
|
|||
|
|
width: 1,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
)
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Widget _buildpreview() {
|
|||
|
|
return Column(
|
|||
|
|
// mainAxisAlignment: MainAxisAlignment.start,
|
|||
|
|
children: [
|
|||
|
|
Container(
|
|||
|
|
color: Colors.white,
|
|||
|
|
margin: EdgeInsets.only(bottom: 20.h),
|
|||
|
|
child:Column(
|
|||
|
|
children: [
|
|||
|
|
Column(
|
|||
|
|
children: [
|
|||
|
|
Row(
|
|||
|
|
children: [
|
|||
|
|
Padding(
|
|||
|
|
padding: EdgeInsets.only(left: 25.w, top: 25.h, bottom: 25.h, right: 25.w),
|
|||
|
|
child: Text(TranslationLoader.lanKeys!.preview!.tr, style: TextStyle(fontSize: 28.sp, fontWeight: FontWeight.w600),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
Container(
|
|||
|
|
margin: EdgeInsets.only(left: 25.w, right: 25.w),
|
|||
|
|
decoration: BoxDecoration(
|
|||
|
|
color: const Color(0xFFF5F5F5),
|
|||
|
|
borderRadius: BorderRadius.circular(10.h),
|
|||
|
|
),
|
|||
|
|
child: Padding(
|
|||
|
|
padding: EdgeInsets.only(left: 20.w, top: 20.h, right: 20.w, bottom: 20.h),
|
|||
|
|
child: RichText(text: passwardSpan)),
|
|||
|
|
),
|
|||
|
|
Column(
|
|||
|
|
children: [
|
|||
|
|
Padding(
|
|||
|
|
padding: EdgeInsets.only(left: 25.w, top: 25.h, bottom: 25.h, right: 25.w),
|
|||
|
|
child: Text('${TranslationLoader.lanKeys!.expectedNotoCount!.tr}：2', style: TextStyle(color: Colors.grey, fontSize: 26.sp,),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
)
|
|||
|
|
)
|
|||
|
|
]
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Widget getTFWidget(TextEditingController tfController, String tfStr){
|
|||
|
|
return Container(
|
|||
|
|
height: 50.h,
|
|||
|
|
width: 500.w,
|
|||
|
|
child: Row(
|
|||
|
|
children: [
|
|||
|
|
Expanded(
|
|||
|
|
child: TextField(
|
|||
|
|
//输入框一行
|
|||
|
|
maxLines: 1,
|
|||
|
|
controller: tfController,
|
|||
|
|
autofocus: false,
|
|||
|
|
textAlign:TextAlign.end,
|
|||
|
|
decoration: InputDecoration(
|
|||
|
|
//输入里面输入文字内边距设置
|
|||
|
|
contentPadding: const EdgeInsets.only(top: 12.0, bottom: 8.0),
|
|||
|
|
hintText: tfStr,
|
|||
|
|
//不需要输入框下划线
|
|||
|
|
border: InputBorder.none,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
void _showSeletTemplateType(){
|
|||
|
|
var list = [TranslationLoader.lanKeys!.electronicKey!.tr, TranslationLoader.lanKeys!.password!.tr];
|
|||
|
|
ShowBottomSheetTool().showSingleRowPicker(
|
|||
|
|
//上下文
|
|||
|
|
context,
|
|||
|
|
//默认的索引
|
|||
|
|
normalIndex: 0,
|
|||
|
|
title: TranslationLoader.lanKeys!.type!.tr,
|
|||
|
|
cancelTitle: TranslationLoader.lanKeys!.cancel!.tr,
|
|||
|
|
sureTitle: TranslationLoader.lanKeys!.sure!.tr,
|
|||
|
|
//要显示的列表
|
|||
|
|
//可自定义数据适配器
|
|||
|
|
//adapter: PickerAdapter(),
|
|||
|
|
data: list,
|
|||
|
|
//选择事件的回调
|
|||
|
|
clickCallBack: (int index, var str) {
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|