Created
March 31, 2020 15:38
-
-
Save chornthorn/a74776575f97495e78dd6ac3fd031204 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import 'package:flutter/cupertino.dart'; | |
import 'package:flutter/material.dart'; | |
void main()=>runApp(MyApp()); | |
class MyApp extends StatelessWidget { | |
@override | |
Widget build(BuildContext context) { | |
return MaterialApp( | |
home: StaffPage15(), | |
); | |
} | |
} | |
class StaffPage15 extends StatefulWidget { | |
@override | |
_StaffPage15State createState() => _StaffPage15State(); | |
} | |
class _StaffPage15State extends State<StaffPage15> { | |
@override | |
Widget build(BuildContext context) { | |
return Scaffold( | |
body: SingleChildScrollView( | |
child: Container( | |
padding: EdgeInsets.all(10.0), | |
child: Column( | |
children: <Widget>[ | |
Padding( | |
padding: EdgeInsets.only(top: 0.0, right: 5, left: 5), | |
child: Container( | |
height: 50.0, | |
decoration: BoxDecoration( | |
borderRadius: BorderRadius.circular(12.0), | |
color: Color(0xffEEEEEE)), | |
child: Row( | |
mainAxisAlignment: MainAxisAlignment.spaceBetween, | |
children: <Widget>[ | |
Padding( | |
padding: EdgeInsets.all(16.0), | |
child: Text( | |
'ปีงบประมาณ', | |
style: TextStyle( | |
fontSize: 14.0, | |
fontFamily: 'Kanit-Regular', | |
fontWeight: FontWeight.bold, | |
color: Color(0xff666666)), | |
), | |
), | |
Padding( | |
padding: EdgeInsets.all(8.0), | |
child: Text('data'), | |
) | |
], | |
), | |
), | |
), | |
Padding( | |
padding: const EdgeInsets.only(top: 10.0, right: 5, left: 5), | |
child: TextField( | |
style: TextStyle( | |
fontSize: 14.0, | |
), | |
cursorColor: Colors.blue, | |
decoration: InputDecoration( | |
contentPadding: | |
EdgeInsets.fromLTRB(20.0, 15.0, 20.0, 15.0), | |
prefixIcon: Icon( | |
Icons.search, | |
color: Colors.grey, | |
size: 30.0, | |
), | |
hintText: "ค้นหาชื่องาน, รหัสงาน", | |
border: OutlineInputBorder( | |
borderSide: BorderSide( | |
color: Color(0xffEEEEEE), width: 1.5), | |
borderRadius: BorderRadius.circular(12.0)), | |
enabledBorder: OutlineInputBorder( | |
borderRadius: BorderRadius.all(Radius.circular(12.0)), | |
borderSide: | |
BorderSide(color: Color(0xffEEEEEE), width: 1.5), | |
), | |
focusedBorder: OutlineInputBorder( | |
borderSide: BorderSide( | |
color: Color(0xffEEEEEE), width: 1.5), | |
borderRadius: BorderRadius.circular(12.0)))), | |
), | |
Padding( | |
padding: EdgeInsets.only(top: 20.0, right: 5, left: 5), | |
child: Container( | |
alignment: Alignment.topLeft, | |
child: Text( | |
'1.งานตรวจสอบตามนโยบาย', | |
style: TextStyle( | |
fontWeight: FontWeight.bold, fontSize: 20.0), | |
)), | |
), | |
Padding( | |
padding: EdgeInsets.only(top: 10.0), | |
child: Card( | |
shape: RoundedRectangleBorder( | |
side: new BorderSide(color: Color(0xffDDDDDD), width: 1.0), | |
borderRadius: BorderRadius.circular(10.0), | |
), | |
elevation: 0, | |
child: Column( | |
children: <Widget>[ | |
Padding( | |
padding: EdgeInsets.all(8), | |
child: Row( | |
mainAxisAlignment: MainAxisAlignment.spaceBetween, | |
children: <Widget>[ | |
Text( | |
'1. 1 รายได้ (INC)', | |
style: TextStyle( | |
fontWeight: FontWeight.bold, fontSize: 16.0), | |
), | |
Container( | |
height: 32.0, | |
alignment: Alignment.centerRight, | |
child: RaisedButton( | |
onPressed: () {}, | |
padding: const EdgeInsets.all(0.0), | |
textColor: Colors.white, | |
shape: RoundedRectangleBorder( | |
borderRadius: BorderRadius.circular(25.0)), | |
elevation: 0.0, | |
child: Container( | |
alignment: Alignment.topRight, | |
width: 102.0, | |
decoration: BoxDecoration( | |
gradient: LinearGradient( | |
colors: <Color>[ | |
Color(0xff156EDC), | |
Color(0xff4394E5), | |
], | |
begin: Alignment.centerRight, | |
end: Alignment.centerLeft, | |
), | |
borderRadius: | |
BorderRadius.circular(25.0)), | |
padding: const EdgeInsets.only(top: 3), | |
child: Row( | |
mainAxisAlignment: | |
MainAxisAlignment.spaceEvenly, | |
crossAxisAlignment: | |
CrossAxisAlignment.center, | |
children: <Widget>[ | |
Text('กำหนด', | |
style: TextStyle( | |
fontSize: 16, | |
fontFamily: 'Kanit-Regular', | |
fontWeight: FontWeight.normal)), | |
Icon( | |
Icons.arrow_forward_ios, | |
size: 20, | |
), | |
], | |
), | |
), | |
), | |
), | |
], | |
), | |
), | |
Padding( | |
padding: EdgeInsets.all(8), | |
child: Row( | |
mainAxisAlignment: MainAxisAlignment.spaceBetween, | |
children: <Widget>[ | |
Text( | |
'ความถี่', | |
style: TextStyle(fontSize: 16.0), | |
), | |
Text( | |
'1', | |
style: TextStyle( | |
fontSize: 16.0, fontWeight: FontWeight.bold), | |
), | |
], | |
), | |
), | |
Padding( | |
padding: EdgeInsets.all(8), | |
child: Row( | |
mainAxisAlignment: MainAxisAlignment.spaceBetween, | |
children: <Widget>[ | |
Text( | |
'หน่วยนับ', | |
style: TextStyle(fontSize: 16.0), | |
), | |
Text( | |
'ครั้ง', | |
style: TextStyle( | |
fontSize: 16.0, fontWeight: FontWeight.bold), | |
), | |
], | |
), | |
), | |
Padding( | |
padding: EdgeInsets.all(8), | |
child: Row( | |
mainAxisAlignment: MainAxisAlignment.spaceBetween, | |
children: <Widget>[ | |
Text( | |
'ผู้รับผิดชอบหลัก', | |
style: TextStyle(fontSize: 16.0), | |
), | |
Text( | |
'นางสาวไปรยา อาจเลิศ', | |
style: TextStyle( | |
fontSize: 16.0, fontWeight: FontWeight.bold), | |
), | |
], | |
), | |
), | |
Container( | |
decoration: BoxDecoration( | |
border: Border.all( | |
color: Color(0xffDDDDDD), | |
width: 1.0, | |
), | |
color: Colors.grey[200], | |
borderRadius: BorderRadius.only( | |
bottomRight: Radius.circular(10), | |
bottomLeft: Radius.circular(10), | |
), | |
), | |
child: Column( | |
children: <Widget>[ | |
Padding( | |
padding: EdgeInsets.all(8), | |
child: Row( | |
mainAxisAlignment: | |
MainAxisAlignment.spaceBetween, | |
children: <Widget>[ | |
Text( | |
'ปีงบประมาณ', | |
style: TextStyle( | |
fontWeight: FontWeight.bold, | |
fontSize: 16.0), | |
), | |
], | |
), | |
), | |
Padding( | |
padding: EdgeInsets.all(8), | |
child: Row( | |
mainAxisAlignment: | |
MainAxisAlignment.spaceBetween, | |
children: <Widget>[ | |
Text( | |
'ม.ค. 63', | |
style: TextStyle(fontSize: 16.0), | |
), | |
Text( | |
'EN', | |
style: TextStyle( | |
fontSize: 16.0, | |
fontWeight: FontWeight.bold), | |
), | |
], | |
), | |
), | |
Padding( | |
padding: EdgeInsets.all(8), | |
child: Row( | |
mainAxisAlignment: | |
MainAxisAlignment.spaceBetween, | |
children: <Widget>[ | |
Text( | |
'ก.พ. 63', | |
style: TextStyle(fontSize: 16.0), | |
), | |
Text( | |
'AU', | |
style: TextStyle( | |
fontSize: 16.0, | |
fontWeight: FontWeight.bold), | |
), | |
], | |
), | |
), | |
Padding( | |
padding: EdgeInsets.all(8), | |
child: Row( | |
mainAxisAlignment: | |
MainAxisAlignment.spaceBetween, | |
children: <Widget>[ | |
Text( | |
'มี.ค. 63', | |
style: TextStyle(fontSize: 16.0), | |
), | |
Text( | |
'RE', | |
style: TextStyle( | |
fontSize: 16.0, | |
fontWeight: FontWeight.bold), | |
), | |
], | |
), | |
), | |
Padding( | |
padding: EdgeInsets.all(8), | |
child: Row( | |
mainAxisAlignment: | |
MainAxisAlignment.spaceBetween, | |
children: <Widget>[ | |
Text( | |
'มิ.ย. 63', | |
style: TextStyle(fontSize: 16.0), | |
), | |
Text( | |
'MO', | |
style: TextStyle( | |
fontSize: 16.0, | |
fontWeight: FontWeight.bold), | |
), | |
], | |
), | |
), | |
], | |
), | |
), | |
], | |
), | |
), | |
), | |
Padding( | |
padding: EdgeInsets.only(top: 10.0), | |
child: Card( | |
shape: RoundedRectangleBorder( | |
side: new BorderSide(color: Color(0xffDDDDDD), width: 1.0), | |
borderRadius: BorderRadius.circular(10.0), | |
), | |
elevation: 0, | |
child: Column( | |
children: <Widget>[ | |
Padding( | |
padding: EdgeInsets.all(8), | |
child: Row( | |
mainAxisAlignment: MainAxisAlignment.spaceBetween, | |
children: <Widget>[ | |
Text( | |
'1.2 สำรวจราคาปลีกแนะนำ', | |
style: TextStyle( | |
fontWeight: FontWeight.bold, fontSize: 16.0), | |
), | |
Container( | |
height: 32.0, | |
alignment: Alignment.centerRight, | |
child: RaisedButton( | |
onPressed: () {}, | |
padding: const EdgeInsets.all(0.0), | |
textColor: Colors.white, | |
shape: RoundedRectangleBorder( | |
borderRadius: BorderRadius.circular(25.0)), | |
elevation: 0.0, | |
child: Container( | |
alignment: Alignment.topRight, | |
width: 102.0, | |
decoration: BoxDecoration( | |
gradient: LinearGradient( | |
colors: <Color>[ | |
Color(0xff156EDC), | |
Color(0xff4394E5), | |
], | |
begin: Alignment.centerRight, | |
end: Alignment.centerLeft, | |
), | |
borderRadius: | |
BorderRadius.circular(25.0)), | |
padding: const EdgeInsets.only(top: 3), | |
child: Row( | |
mainAxisAlignment: | |
MainAxisAlignment.spaceEvenly, | |
crossAxisAlignment: | |
CrossAxisAlignment.center, | |
children: <Widget>[ | |
Text('กำหนด', | |
style: TextStyle( | |
fontSize: 16, | |
fontFamily: 'Kanit-Regular', | |
fontWeight: FontWeight.normal)), | |
Icon( | |
Icons.arrow_forward_ios, | |
size: 20, | |
), | |
], | |
), | |
), | |
), | |
), | |
], | |
), | |
), | |
Padding( | |
padding: EdgeInsets.all(8), | |
child: Row( | |
mainAxisAlignment: MainAxisAlignment.spaceBetween, | |
children: <Widget>[ | |
Text( | |
'ความถี่', | |
style: TextStyle(fontSize: 16.0), | |
), | |
Text( | |
'1', | |
style: TextStyle( | |
fontSize: 16.0, fontWeight: FontWeight.bold), | |
), | |
], | |
), | |
), | |
Padding( | |
padding: EdgeInsets.all(8), | |
child: Row( | |
mainAxisAlignment: MainAxisAlignment.spaceBetween, | |
children: <Widget>[ | |
Text( | |
'หน่วยนับ', | |
style: TextStyle(fontSize: 16.0), | |
), | |
Text( | |
'ครั้ง', | |
style: TextStyle( | |
fontSize: 16.0, fontWeight: FontWeight.bold), | |
), | |
], | |
), | |
), | |
Padding( | |
padding: EdgeInsets.all(8), | |
child: Row( | |
mainAxisAlignment: MainAxisAlignment.spaceBetween, | |
children: <Widget>[ | |
Text( | |
'ผู้รับผิดชอบหลัก', | |
style: TextStyle(fontSize: 16.0), | |
), | |
Text( | |
'นางสาวไปรยา อาจเลิศ', | |
style: TextStyle( | |
fontSize: 16.0, fontWeight: FontWeight.bold), | |
), | |
], | |
), | |
), | |
Container( | |
decoration: BoxDecoration( | |
border: Border.all( | |
color: Color(0xffDDDDDD), | |
width: 1.0, | |
), | |
color: Colors.grey[200], | |
borderRadius: BorderRadius.only( | |
bottomRight: Radius.circular(10), | |
bottomLeft: Radius.circular(10), | |
), | |
), | |
child: Column( | |
children: <Widget>[ | |
Padding( | |
padding: EdgeInsets.all(8), | |
child: Row( | |
mainAxisAlignment: | |
MainAxisAlignment.spaceBetween, | |
children: <Widget>[ | |
Text( | |
'ปีงบประมาณ', | |
style: TextStyle( | |
fontWeight: FontWeight.bold, | |
fontSize: 16.0), | |
), | |
], | |
), | |
), | |
Padding( | |
padding: EdgeInsets.all(8), | |
child: Row( | |
mainAxisAlignment: | |
MainAxisAlignment.spaceBetween, | |
children: <Widget>[ | |
Text( | |
'ม.ค. 63', | |
style: TextStyle(fontSize: 16.0), | |
), | |
Text( | |
'EN', | |
style: TextStyle( | |
fontSize: 16.0, | |
fontWeight: FontWeight.bold), | |
), | |
], | |
), | |
), | |
Padding( | |
padding: EdgeInsets.all(8), | |
child: Row( | |
mainAxisAlignment: | |
MainAxisAlignment.spaceBetween, | |
children: <Widget>[ | |
Text( | |
'ก.พ. 63', | |
style: TextStyle(fontSize: 16.0), | |
), | |
Text( | |
'AU', | |
style: TextStyle( | |
fontSize: 16.0, | |
fontWeight: FontWeight.bold), | |
), | |
], | |
), | |
), | |
Padding( | |
padding: EdgeInsets.all(8), | |
child: Row( | |
mainAxisAlignment: | |
MainAxisAlignment.spaceBetween, | |
children: <Widget>[ | |
Text( | |
'มี.ค. 63', | |
style: TextStyle(fontSize: 16.0), | |
), | |
Text( | |
'RE', | |
style: TextStyle( | |
fontSize: 16.0, | |
fontWeight: FontWeight.bold), | |
), | |
], | |
), | |
), | |
Padding( | |
padding: EdgeInsets.all(8), | |
child: Row( | |
mainAxisAlignment: | |
MainAxisAlignment.spaceBetween, | |
children: <Widget>[ | |
Text( | |
'มิ.ย. 63', | |
style: TextStyle(fontSize: 16.0), | |
), | |
Text( | |
'MO', | |
style: TextStyle( | |
fontSize: 16.0, | |
fontWeight: FontWeight.bold), | |
), | |
], | |
), | |
), | |
], | |
), | |
), | |
], | |
), | |
), | |
) | |
], | |
), | |
), | |
), | |
); | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment