track_share_view.dart 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336
  1. import 'package:flutter/cupertino.dart';
  2. import 'package:flutter/material.dart';
  3. import 'package:flutter_screenutil/flutter_screenutil.dart';
  4. import 'package:location/data/api/response/track_daily_summary_response.dart';
  5. import 'package:location/data/bean/user_info.dart';
  6. import 'package:location/data/repositories/account_repository.dart';
  7. import 'package:location/resource/assets.gen.dart';
  8. import 'package:location/resource/string.gen.dart';
  9. import 'package:location/utils/common_expand.dart';
  10. import 'package:location/utils/date_util.dart';
  11. import '../../../data/bean/track_summary.dart';
  12. import '../../../resource/colors.gen.dart';
  13. import '../../../resource/fonts.gen.dart';
  14. import '../../../utils/common_style.dart';
  15. import '../../../widget/dashed_line.dart';
  16. import '../../../widget/rich_text_replace.dart';
  17. class TrackShareView extends StatelessWidget {
  18. final TrackDailySummaryResponse trackDailySummary;
  19. final UserInfo userInfo;
  20. final int day;
  21. const TrackShareView(this.day, this.userInfo, this.trackDailySummary,
  22. {super.key});
  23. @override
  24. Widget build(BuildContext context) {
  25. return Container(
  26. width: double.infinity,
  27. decoration: BoxDecoration(
  28. gradient: LinearGradient(
  29. colors: ['#C8C0FF'.color, '#FFFFFF'.color, '#B7ACFF'.color],
  30. begin: Alignment.bottomLeft,
  31. end: Alignment.topRight),
  32. ),
  33. child: IntrinsicHeight(
  34. child: Stack(
  35. children: [
  36. buildShareTitleView(),
  37. buildRobotView(),
  38. Column(
  39. children: [
  40. SizedBox(height: 129.w),
  41. buildShareContentView(),
  42. ],
  43. ),
  44. _buildShareAvatarView(),
  45. ],
  46. ),
  47. ),
  48. );
  49. }
  50. Widget buildShareContentView() {
  51. return Container(
  52. margin: EdgeInsets.symmetric(horizontal: 24.w),
  53. child: Column(
  54. children: [
  55. buildContent1View(),
  56. Container(
  57. color: ColorName.white,
  58. margin: EdgeInsets.symmetric(horizontal: 14.w),
  59. child: DashedLine(
  60. height: 1.w,
  61. color: '#CCCCCC'.color,
  62. dashWidth: 3.w,
  63. dashSpace: 3.w,
  64. ),
  65. ),
  66. buildContent2View(),
  67. Visibility(
  68. visible: trackDailySummary.stayLongest == null,
  69. child: SizedBox(height: 80.w)),
  70. Visibility(
  71. visible: !trackDailySummary.showTrackSituation,
  72. child: SizedBox(height: 80.w)),
  73. SizedBox(height: 96.w),
  74. buildAppLogoView(),
  75. SizedBox(height: 16.w),
  76. ],
  77. ),
  78. );
  79. }
  80. Widget buildAppLogoView() {
  81. return Row(
  82. mainAxisAlignment: MainAxisAlignment.center,
  83. children: [
  84. Assets.images.iconLogo.image(width: 28.w, height: 28.w),
  85. SizedBox(width: 6.w),
  86. Column(
  87. crossAxisAlignment: CrossAxisAlignment.start,
  88. children: [
  89. Text(StringName.appName,
  90. style: TextStyle(
  91. fontSize: 12.sp,
  92. fontWeight: FontWeight.bold,
  93. color: ColorName.black)),
  94. SizedBox(height: 2.w),
  95. Text(StringName.trackStayShareLogoDesc,
  96. style: TextStyle(fontSize: 9.sp, color: '#74839C'.color))
  97. ],
  98. )
  99. ],
  100. );
  101. }
  102. Widget buildContent2View() {
  103. return Container(
  104. width: double.infinity,
  105. padding: EdgeInsets.symmetric(horizontal: 20.w, vertical: 20.w),
  106. decoration: BoxDecoration(
  107. color: ColorName.white, borderRadius: BorderRadius.circular(14.w)),
  108. child: Column(
  109. children: [
  110. _buildSituationItem(
  111. Assets.images.iconSharePhone.provider(),
  112. StringName.trackDailySummaryPhone,
  113. trackDailySummary.phoneSituation,
  114. isShowDivider: trackDailySummary.stayLongest != null),
  115. _buildSituationItem(Assets.images.iconShareStay.provider(),
  116. StringName.trackDailySummaryStay, trackDailySummary.stayLongest,
  117. isShowDivider: trackDailySummary.showTrackSituation &&
  118. trackDailySummary.trackSituation?.isNotEmpty == true),
  119. _buildDailyTrack()
  120. ],
  121. ),
  122. );
  123. }
  124. Widget _buildDailyTrack() {
  125. if (trackDailySummary.trackSituation?.isNotEmpty == true) {
  126. return SizedBox(
  127. width: double.infinity,
  128. child: Column(
  129. crossAxisAlignment: CrossAxisAlignment.start,
  130. children: [
  131. Row(children: [
  132. Assets.images.iconShareTrackDetail
  133. .image(width: 15.w, height: 15.w),
  134. SizedBox(width: 4.w),
  135. Text(StringName.trackDailySummarytrack,
  136. style: TextStyle(
  137. fontSize: 13.sp,
  138. color: '#333333'.color,
  139. fontWeight: FontWeight.bold)),
  140. ]),
  141. SizedBox(height: 8.w),
  142. Text(
  143. trackDailySummary.trackSituation ?? '',
  144. style: TextStyle(fontSize: 11.sp, color: '#666666'.color),
  145. ),
  146. SizedBox(height: 12.w),
  147. ],
  148. ),
  149. );
  150. }
  151. return SizedBox.shrink();
  152. }
  153. Widget _buildSituationItem(
  154. ImageProvider icon, String title, TrackSummary? summary,
  155. {bool isShowDivider = true}) {
  156. if (summary == null) {
  157. return SizedBox.shrink();
  158. }
  159. return SizedBox(
  160. width: double.infinity,
  161. child: Column(
  162. crossAxisAlignment: CrossAxisAlignment.start,
  163. children: [
  164. Row(children: [
  165. Image(image: icon, width: 15.w, height: 15.w),
  166. SizedBox(width: 4.w),
  167. Text(title,
  168. style: TextStyle(
  169. fontSize: 13.sp,
  170. color: '#333333'.color,
  171. fontWeight: FontWeight.bold)),
  172. ]),
  173. SizedBox(height: 8.w),
  174. RichTextReplace(
  175. text: summary.text,
  176. items: summary.items,
  177. defaultStyle: TextStyle(fontSize: 11.sp, color: '#666666'.color),
  178. replacedStyle: TextStyle(
  179. fontWeight: FontWeight.bold,
  180. fontSize: 11.sp,
  181. color: '#333333'.color)),
  182. SizedBox(height: 16.w),
  183. Visibility(
  184. visible: isShowDivider,
  185. child: Container(
  186. width: double.infinity,
  187. height: 1.w,
  188. color: '#EEEEEE'.color,
  189. ),
  190. ),
  191. Visibility(visible: isShowDivider, child: SizedBox(height: 16.w)),
  192. ],
  193. ),
  194. );
  195. }
  196. Widget buildContent1View() {
  197. return Container(
  198. decoration: BoxDecoration(
  199. color: ColorName.white,
  200. borderRadius: BorderRadius.circular(14.w),
  201. border: Border.all(color: ColorName.white, width: 2.w),
  202. image: DecorationImage(
  203. image: Assets.images.bgTrackReportUser.provider())),
  204. width: double.infinity,
  205. height: 95.w,
  206. child: Stack(
  207. children: [
  208. Positioned(
  209. top: 0,
  210. bottom: 0,
  211. right: 32.w,
  212. child: Column(
  213. crossAxisAlignment: CrossAxisAlignment.start,
  214. mainAxisAlignment: MainAxisAlignment.center,
  215. children: [
  216. Text(DateUtil.getDayOfMonth(day),
  217. style: TextStyle(
  218. fontFamily: FontFamily.oppoSans,
  219. fontSize: 36.w,
  220. fontWeight: FontWeight.bold,
  221. height: 1)),
  222. SizedBox(height: 4.w),
  223. Row(
  224. children: [
  225. Text(
  226. '${DateUtil.fromMillisecondsSinceEpoch("yyyy/MM", day)} ${DateUtil.getWeekday(day)}',
  227. style: TextStyle(
  228. fontSize: 11.sp,
  229. color: '#666666'.color,
  230. height: 1)),
  231. ],
  232. )
  233. ],
  234. ),
  235. )
  236. ],
  237. ),
  238. );
  239. }
  240. Widget _buildShareAvatarView() {
  241. return Positioned(
  242. left: 54.w,
  243. top: 118.w,
  244. child: Column(
  245. children: [
  246. Container(
  247. width: 68.w,
  248. height: 68.w,
  249. decoration: BoxDecoration(
  250. shape: BoxShape.circle,
  251. border: Border.all(color: '#A362FF'.color, width: 2.w),
  252. ),
  253. child: buildCustomAvatarView(
  254. size: double.infinity,
  255. avatar: userInfo.avatar ?? '',
  256. ),
  257. ),
  258. SizedBox(height: 6.w),
  259. Text(getUserName(),
  260. style: TextStyle(
  261. fontSize: 12.sp,
  262. color: '#333333'.color,
  263. fontWeight: FontWeight.w500))
  264. ],
  265. ),
  266. );
  267. }
  268. String getUserName() {
  269. String phone;
  270. if (userInfo.isMine == true) {
  271. phone = AccountRepository.getInstance().loginPhoneNum.value ??
  272. userInfo.phoneNumber;
  273. } else {
  274. phone = userInfo.phoneNumber;
  275. }
  276. if (phone.length > 4) {
  277. phone = phone.substring(phone.length - 4);
  278. }
  279. return '${StringName.mineAccountLoggedDesc}$phone';
  280. }
  281. Widget buildRobotView() {
  282. return Positioned(
  283. top: 8.w,
  284. right: 6.w,
  285. child: Assets.images.imgTrackReportRobot
  286. .image(width: 150.w, height: 150.w));
  287. }
  288. Widget buildShareTitleView() {
  289. return Positioned(
  290. left: 23.w,
  291. top: 31.w,
  292. child: Column(
  293. crossAxisAlignment: CrossAxisAlignment.start,
  294. children: [
  295. Assets.images.imgTrackReportTitle.image(height: 57.w),
  296. Row(
  297. children: [
  298. if (trackDailySummary.showTrackSituation &&
  299. trackDailySummary.trackSituation?.isNotEmpty == true)
  300. _buildTitle(StringName.trackDailySummarytrack),
  301. if (trackDailySummary.phoneSituation != null)
  302. _buildTitle(StringName.trackDailySummaryPhone),
  303. if (trackDailySummary.stayLongest != null)
  304. _buildTitle(StringName.trackStayLongestPlace),
  305. ],
  306. )
  307. ],
  308. ),
  309. );
  310. }
  311. Widget _buildTitle(String title) {
  312. return Container(
  313. margin: EdgeInsets.only(right: 6.w),
  314. padding: EdgeInsets.symmetric(horizontal: 6.w, vertical: 4.w),
  315. decoration: BoxDecoration(
  316. color: '#A362FF'.color, borderRadius: BorderRadius.circular(100.w)),
  317. child: Text(title,
  318. style:
  319. TextStyle(fontSize: 10.sp, color: ColorName.white, height: 1)));
  320. }
  321. }