Skip to content

Instantly share code, notes, and snippets.

@chornthorn
Created March 31, 2020 15:38
Show Gist options
  • Save chornthorn/a74776575f97495e78dd6ac3fd031204 to your computer and use it in GitHub Desktop.
Save chornthorn/a74776575f97495e78dd6ac3fd031204 to your computer and use it in GitHub Desktop.
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