169 lines
No EOL
5.6 KiB
Dart
169 lines
No EOL
5.6 KiB
Dart
// Version: 1.0.0
|
||
import 'package:flutter/material.dart';
|
||
|
||
/// 担当者マスタ画面(Material Design 標準テンプレート)
|
||
class EmployeeMasterScreen extends StatelessWidget {
|
||
const EmployeeMasterScreen({super.key});
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return Scaffold(
|
||
appBar: AppBar(
|
||
title: const Text('担当者マスタ'),
|
||
actions: [
|
||
IconButton(
|
||
icon: const Icon(Icons.add),
|
||
onPressed: () => _showAddDialog(context),
|
||
),
|
||
],
|
||
),
|
||
body: ListView(
|
||
padding: const EdgeInsets.all(8),
|
||
children: [
|
||
// ヘッダー
|
||
const Padding(
|
||
padding: EdgeInsets.all(8.0),
|
||
child: Text(
|
||
'担当者名',
|
||
style: TextStyle(fontWeight: FontWeight.bold),
|
||
),
|
||
),
|
||
// カードリスト形式(標準 Material 部品)
|
||
ListView.builder(
|
||
shrinkWrap: true,
|
||
padding: EdgeInsets.zero,
|
||
itemCount: 5, // デモ用データ数
|
||
itemBuilder: (context, index) {
|
||
return Card(
|
||
margin: const EdgeInsets.symmetric(vertical: 4),
|
||
child: ListTile(
|
||
leading: CircleAvatar(
|
||
backgroundColor: Colors.purple.shade100,
|
||
child: Icon(Icons.person_add, color: Colors.purple),
|
||
),
|
||
title: Text('担当者${index + 1}'),
|
||
subtitle: Text('部署:営業/総務/経理/技術/管理'),
|
||
trailing: Row(
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [
|
||
IconButton(
|
||
icon: const Icon(Icons.edit),
|
||
onPressed: () => _showEditDialog(context, index),
|
||
),
|
||
IconButton(
|
||
icon: const Icon(Icons.delete),
|
||
onPressed: () => _showDeleteDialog(context, index),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
);
|
||
},
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
void _showAddDialog(BuildContext context) {
|
||
showDialog(
|
||
context: context,
|
||
builder: (ctx) => AlertDialog(
|
||
title: const Text('新規担当者登録'),
|
||
content: SingleChildScrollView(
|
||
child: Column(
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [
|
||
TextField(
|
||
decoration: const InputDecoration(
|
||
labelText: '氏名',
|
||
hintText: '花名 山田太郎',
|
||
),
|
||
),
|
||
const SizedBox(height: 8),
|
||
TextField(
|
||
decoration: const InputDecoration(
|
||
labelText: '部署',
|
||
hintText: '営業/総務/経理/技術/管理',
|
||
),
|
||
),
|
||
const SizedBox(height: 8),
|
||
TextField(
|
||
decoration: const InputDecoration(
|
||
labelText: 'メールアドレス',
|
||
hintText: 'example@company.com',
|
||
),
|
||
keyboardType: TextInputType.emailAddress,
|
||
),
|
||
const SizedBox(height: 8),
|
||
TextField(
|
||
decoration: const InputDecoration(
|
||
labelText: '電話番号',
|
||
hintText: '0123-456789',
|
||
),
|
||
keyboardType: TextInputType.phone,
|
||
),
|
||
const SizedBox(height: 8),
|
||
DropdownButtonFormField<String>(
|
||
value: '営業',
|
||
decoration: const InputDecoration(labelText: '担当エリア'),
|
||
items: const [
|
||
DropdownMenuItem(value: '全店', child: Text('全店')),
|
||
DropdownMenuItem(value: '北海道', child: Text('北海道')),
|
||
DropdownMenuItem(value: '東北', child: Text('東北')),
|
||
DropdownMenuItem(value: '関東', child: Text('関東')),
|
||
DropdownMenuItem(value: '中部', child: Text('中部')),
|
||
],
|
||
),
|
||
],
|
||
),
|
||
),
|
||
actions: [
|
||
TextButton(
|
||
onPressed: () => Navigator.pop(ctx),
|
||
child: const Text('キャンセル'),
|
||
),
|
||
ElevatedButton(
|
||
onPressed: () {
|
||
Navigator.pop(ctx);
|
||
ScaffoldMessenger.of(context).showSnackBar(
|
||
const SnackBar(content: Text('担当者登録しました')),
|
||
);
|
||
},
|
||
child: const Text('保存'),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
void _showEditDialog(BuildContext context, int index) {
|
||
// 編集ダイアログ(構造は新規と同様)
|
||
}
|
||
|
||
void _showDeleteDialog(BuildContext context, int index) {
|
||
showDialog(
|
||
context: context,
|
||
builder: (ctx) => AlertDialog(
|
||
title: const Text('担当者削除'),
|
||
content: Text('担当者${index + 1}を削除しますか?'),
|
||
actions: [
|
||
TextButton(
|
||
onPressed: () => Navigator.pop(ctx),
|
||
child: const Text('キャンセル'),
|
||
),
|
||
ElevatedButton(
|
||
onPressed: () {
|
||
Navigator.pop(ctx);
|
||
ScaffoldMessenger.of(context).showSnackBar(
|
||
const SnackBar(content: Text('担当者削除しました')),
|
||
);
|
||
},
|
||
style: ElevatedButton.styleFrom(backgroundColor: Colors.red),
|
||
child: const Text('削除'),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
} |