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