track_day_detail_view.dart 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443
  1. import 'package:flutter/cupertino.dart';
  2. import 'package:flutter/material.dart';
  3. import 'package:flutter/src/widgets/framework.dart';
  4. import 'package:flutter_screenutil/flutter_screenutil.dart';
  5. import 'package:get/get.dart';
  6. import 'package:get/get_core/src/get_main.dart';
  7. import 'package:location/base/base_view.dart';
  8. import 'package:location/data/bean/track_days.dart';
  9. import 'package:location/module/track/track_day_detail/time_proportion/track_time_pie_chat.dart';
  10. import 'package:location/module/track/track_day_detail/track_daily_item.dart';
  11. import 'package:location/module/track/track_day_detail/track_day_detail_controller.dart';
  12. import 'package:location/module/track/track_status.dart';
  13. import 'package:location/resource/assets.gen.dart';
  14. import 'package:location/resource/colors.gen.dart';
  15. import 'package:location/resource/string.gen.dart';
  16. import 'package:location/utils/common_expand.dart';
  17. import 'package:location/widget/rich_text_replace.dart';
  18. import 'package:visibility_detector/visibility_detector.dart';
  19. import '../../../data/bean/track_summary.dart';
  20. import '../../../widget/drop_cap_text.dart';
  21. import '../../../widget/gradually_print_text.dart';
  22. class TrackDayDetailView extends BaseView<TrackDayDetailController> {
  23. late final String trackTag;
  24. TrackDayDetailView(TrackDays days, {super.key, bool isExpand = false}) {
  25. trackTag = 'TrackDayDetailView_${days.day}';
  26. Get.lazyPut(() => TrackDayDetailController(days, isExpand),
  27. tag: trackTag, fenix: true);
  28. }
  29. @override
  30. TrackDayDetailController get controller =>
  31. Get.find<TrackDayDetailController>(tag: trackTag);
  32. @override
  33. Widget buildBody(BuildContext context) {
  34. return Obx(() {
  35. return Visibility(
  36. visible: controller.isRequested,
  37. child: _buildTrackDetailView(),
  38. );
  39. });
  40. }
  41. Widget _buildTrackDetailView() {
  42. return Obx(() {
  43. if (controller.trackNoData) {
  44. return _buildTrackNoData();
  45. }
  46. return _buildTrackListView();
  47. });
  48. }
  49. Widget _buildTrackListView() {
  50. return Stack(
  51. children: [
  52. CustomScrollView(
  53. slivers: [
  54. buildSliverHistoryTrack(),
  55. SliverToBoxAdapter(
  56. child: Container(
  57. height: 8.w,
  58. color: '#F8F5FF'.color,
  59. )),
  60. SliverToBoxAdapter(
  61. child: buildProportionDurationView(),
  62. ),
  63. SliverToBoxAdapter(
  64. child: buildTrackDailySummaryView(),
  65. ),
  66. SliverToBoxAdapter(
  67. child: buildTrackExtraBottomView(),
  68. ),
  69. SliverToBoxAdapter(
  70. child: Container(
  71. height: 80.w,
  72. color: '#F8F5FF'.color,
  73. )),
  74. ],
  75. ),
  76. _buildFoldBtn(),
  77. ],
  78. );
  79. }
  80. Widget buildTrackExtraBottomView() {
  81. return Obx(() {
  82. return Container(
  83. height: controller.trackBottomHeight,
  84. color: '#F8F5FF'.color,
  85. );
  86. });
  87. }
  88. Widget buildTrackDailySummaryView() {
  89. return RepaintBoundary(
  90. key: controller.shareGlobalKey,
  91. child: Column(
  92. children: [
  93. buildDailySummaryTitle(),
  94. SizedBox(height: 8.w),
  95. Obx(() {
  96. return _buildSituationItem(StringName.trackDailySummaryPhone,
  97. controller.trackDailySummary?.phoneSituation);
  98. }),
  99. Obx(() {
  100. return _buildSituationItem(StringName.trackDailySummaryStay,
  101. controller.trackDailySummary?.stayLongest);
  102. }),
  103. //轨迹情况
  104. Obx(() {
  105. return _buildDailyTrack(
  106. controller.trackDailySummary?.showTrackSituation,
  107. controller.trackDailySummary?.trackSituation);
  108. }),
  109. SizedBox(height: 10.w)
  110. ],
  111. ),
  112. );
  113. }
  114. Widget _buildDailyTrack(bool? isShow, String? trackSituation) {
  115. if (isShow == false) {
  116. return SizedBox.shrink();
  117. }
  118. if (trackSituation != null && trackSituation.isNotEmpty) {
  119. return _buildDailyDoneSituationView(trackSituation);
  120. }
  121. return _buildDailyTrackPrintingView();
  122. }
  123. Widget _buildDailyDoneSituationView(String trackSituation) {
  124. return Container(
  125. width: double.infinity,
  126. padding: EdgeInsets.symmetric(horizontal: 22.w),
  127. child: Column(
  128. crossAxisAlignment: CrossAxisAlignment.start,
  129. children: [
  130. Text(StringName.trackDailySummarytrack,
  131. style: TextStyle(
  132. fontSize: 13.sp,
  133. color: '#333333'.color,
  134. fontWeight: FontWeight.bold)),
  135. SizedBox(height: 8.w),
  136. Obx(() {
  137. if (controller.trackController.userInfo?.isMine == true) {
  138. return Text(
  139. trackSituation,
  140. style: TextStyle(fontSize: 11.sp, color: '#666666'.color),
  141. );
  142. }
  143. return DropCapText(
  144. style: TextStyle(fontSize: 11.sp, color: '#666666'.color),
  145. trackSituation,
  146. dropCapPosition: DropCapPosition.bottomRight,
  147. textAlign: TextAlign.justify,
  148. dropCap: DropCap(
  149. width: 75.w,
  150. height: 36.w,
  151. child: Align(
  152. alignment: Alignment.bottomRight,
  153. child: GestureDetector(
  154. onTap: controller.onPhoneCallClick,
  155. child: Column(
  156. crossAxisAlignment: CrossAxisAlignment.center,
  157. mainAxisAlignment: MainAxisAlignment.end,
  158. children: [
  159. Assets.images.iconCallPhone
  160. .image(width: 15.w, height: 15.w),
  161. Text(
  162. StringName.trackDailyCallPhone,
  163. style: TextStyle(
  164. fontSize: 10.sp,
  165. color: ColorName.colorPrimary,
  166. fontWeight: FontWeight.bold),
  167. )
  168. ],
  169. ),
  170. ),
  171. )),
  172. );
  173. }),
  174. SizedBox(height: 12.w),
  175. ],
  176. ),
  177. );
  178. }
  179. Widget _buildDailyTrackPrintingView() {
  180. return VisibilityDetector(
  181. key: Key('track-summary-print'),
  182. onVisibilityChanged: (VisibilityInfo info) {
  183. final visibleFraction = info.visibleFraction;
  184. controller.checkGraduallyPrintTextVisible(visibleFraction);
  185. },
  186. child: Container(
  187. width: double.infinity,
  188. padding: EdgeInsets.symmetric(horizontal: 22.w),
  189. child: Column(
  190. crossAxisAlignment: CrossAxisAlignment.start,
  191. children: [
  192. Text(StringName.trackDailySummarytrack,
  193. style: TextStyle(
  194. fontSize: 13.sp,
  195. color: '#333333'.color,
  196. fontWeight: FontWeight.bold)),
  197. SizedBox(height: 8.w),
  198. Obx(() {
  199. if (controller.summaryError?.isNotEmpty == true) {
  200. return Text(controller.summaryError!,
  201. style: TextStyle(fontSize: 11.sp, color: '#FF0000'.color));
  202. } else {
  203. return GraduallyPrintText(
  204. graduallyController: controller.graduallyController,
  205. textStyle: TextStyle(fontSize: 11.sp, color: '#666666'.color),
  206. );
  207. }
  208. }),
  209. SizedBox(height: 12.w),
  210. ],
  211. ),
  212. ),
  213. );
  214. }
  215. Widget buildDailySummaryTitle() {
  216. return Row(
  217. children: [
  218. SizedBox(width: 22.w),
  219. Assets.images.iconTrackDailySummary.image(width: 20.w),
  220. SizedBox(width: 5.w),
  221. Text(StringName.trackDetailDailySummary,
  222. style: TextStyle(
  223. fontWeight: FontWeight.bold,
  224. fontSize: 14.sp,
  225. color: '#333333'.color)),
  226. Spacer(),
  227. GestureDetector(
  228. onTap: controller.onShareClick,
  229. child: Container(
  230. padding: EdgeInsets.symmetric(horizontal: 5.w, vertical: 12.w),
  231. child: Row(
  232. children: [
  233. Text(StringName.trackDetailDailySummaryShare,
  234. style: TextStyle(fontSize: 12.sp, color: '#666666'.color)),
  235. Assets.images.iconTrackDailySummaryArrow.image(height: 11.w)
  236. ],
  237. ),
  238. ),
  239. ),
  240. SizedBox(width: 10.w),
  241. ],
  242. );
  243. }
  244. Widget _buildSituationItem(String title, TrackSummary? summary) {
  245. if (summary == null) {
  246. return SizedBox.shrink();
  247. }
  248. return Container(
  249. width: double.infinity,
  250. padding: EdgeInsets.symmetric(horizontal: 22.w),
  251. child: Column(
  252. crossAxisAlignment: CrossAxisAlignment.start,
  253. children: [
  254. Text(title,
  255. style: TextStyle(
  256. fontSize: 13.sp,
  257. color: '#333333'.color,
  258. fontWeight: FontWeight.bold)),
  259. SizedBox(height: 8.w),
  260. RichTextReplace(
  261. text: summary.text,
  262. items: summary.items,
  263. defaultStyle: TextStyle(fontSize: 11.sp, color: '#666666'.color),
  264. replacedStyle: TextStyle(
  265. fontWeight: FontWeight.bold,
  266. fontSize: 11.sp,
  267. color: '#333333'.color)),
  268. SizedBox(height: 12.w),
  269. Container(
  270. width: double.infinity,
  271. height: 1.w,
  272. color: '#EEEEEE'.color,
  273. ),
  274. SizedBox(height: 10.w),
  275. ],
  276. ),
  277. );
  278. }
  279. Widget _buildFoldContentView() {
  280. return Obx(() {
  281. return Column(
  282. crossAxisAlignment: CrossAxisAlignment.start,
  283. children: [
  284. Builder(builder: (context) {
  285. if (controller.expandSituation != null) {
  286. if (controller.expandSituation!.first == TrackExpandType.error ||
  287. controller.expandSituation!.first ==
  288. TrackExpandType.errorNow) {
  289. return buildErrorTrackDailyItem(
  290. controller.expandSituation!.second,
  291. contentPadding: EdgeInsets.only(top: 46.w, bottom: 12.w),
  292. onItemClick: controller.onHistoryTrackItemClick,
  293. onAIAnalyseClick: controller.onAIAnalyseClick);
  294. } else {
  295. return buildStayTrackDailyItem(
  296. controller.expandSituation!.second,
  297. contentPadding: EdgeInsets.only(top: 35.w),
  298. onItemClick: controller.onHistoryTrackItemClick);
  299. }
  300. } else {
  301. return SizedBox.shrink();
  302. }
  303. }),
  304. if (controller.expandSituation != null &&
  305. (controller.expandSituation?.first == TrackExpandType.error ||
  306. controller.expandSituation?.first == TrackExpandType.stay))
  307. buildEndPoint(controller.expandSituation!.second)
  308. ],
  309. );
  310. });
  311. }
  312. Widget _buildTrackNoData() {
  313. return Column(
  314. children: [
  315. SizedBox(height: 0.048.sh),
  316. Assets.images.imgTrackNoData.image(width: 78.5.w),
  317. SizedBox(height: 7.w),
  318. Text(StringName.trackDetailNoData,
  319. style: TextStyle(fontSize: 11.sp, color: ColorName.black60))
  320. ],
  321. );
  322. }
  323. Widget _buildFoldBtn() {
  324. return Obx(() {
  325. return Visibility(
  326. visible: !controller.trackNoData && !controller.isHideExpand,
  327. child: Positioned(
  328. top: 2.w,
  329. right: 5.w,
  330. child: GestureDetector(
  331. behavior: HitTestBehavior.translucent,
  332. onTap: controller.onTrackDetailFoldClick,
  333. child: Container(
  334. padding: EdgeInsets.symmetric(horizontal: 5.w, vertical: 8.w),
  335. child: Obx(() {
  336. return Row(
  337. crossAxisAlignment: controller.isExpanded
  338. ? CrossAxisAlignment.end
  339. : CrossAxisAlignment.center,
  340. children: [
  341. Text(
  342. controller.isExpanded
  343. ? StringName.trackDetailFold
  344. : StringName.trackDetailExpand,
  345. style: TextStyle(fontSize: 10.sp, color: '#666666'.color),
  346. ),
  347. SizedBox(width: 1.w),
  348. Transform.rotate(
  349. angle: controller.isExpanded ? 3.1416 : 0,
  350. child: Assets.images.iconTrackDetailTimeBaseArrow
  351. .image(width: 10.w, height: 10.w),
  352. )
  353. ],
  354. );
  355. }),
  356. ),
  357. ),
  358. ),
  359. );
  360. });
  361. }
  362. Widget buildProportionDurationView() {
  363. return Column(
  364. children: [
  365. Container(
  366. width: double.infinity,
  367. height: 293.w,
  368. padding: EdgeInsets.all(12.w),
  369. child: Stack(
  370. children: [
  371. Text(StringName.trackDetailTimeProportion,
  372. style: TextStyle(
  373. fontSize: 13.sp,
  374. color: '#333333'.color,
  375. fontWeight: FontWeight.bold)),
  376. _buildPieChatView()
  377. ],
  378. ),
  379. ),
  380. Container(
  381. height: 8.w,
  382. width: double.infinity,
  383. color: '#F8F5FF'.color,
  384. )
  385. ],
  386. );
  387. }
  388. Widget _buildPieChatView() {
  389. return Obx(() {
  390. if (controller.pieChatData.isEmpty) {
  391. return SizedBox.shrink();
  392. }
  393. return Align(
  394. alignment: Alignment.center,
  395. child: TrackTimePieChat(pieData: controller.pieChatData));
  396. });
  397. }
  398. Widget buildSliverHistoryTrack() {
  399. return Obx(() {
  400. if (controller.isExpanded) {
  401. return SliverPadding(
  402. padding: EdgeInsets.only(top: 20.w, bottom: 12.w),
  403. sliver: SliverList.builder(
  404. itemBuilder: buildHistoryTrackItem,
  405. itemCount: controller.trackDailyList.length),
  406. );
  407. } else {
  408. return SliverPadding(
  409. padding: EdgeInsets.only(
  410. top: 20.w, bottom: 12.w, left: 12.w, right: 12.w),
  411. sliver: SliverToBoxAdapter(
  412. child: _buildFoldContentView(),
  413. ));
  414. }
  415. });
  416. }
  417. Widget buildHistoryTrackItem(BuildContext context, int index) {
  418. return buildTrackDailyItem(controller.trackDailyList[index],
  419. index == controller.trackDailyList.length - 1,
  420. onItemClick: controller.onHistoryTrackItemClick,
  421. onAIAnalyseClick: controller.onAIAnalyseClick);
  422. }
  423. }