_CampDetail.cshtml 2.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. @using WeOnlineApp.Helpers
  2. @model WeOnlineApp.TrainingCamp.Dto.CampDto
  3. @Html.Partial("~/Views/Play/_BoxBaseStyle.cshtml")
  4. <style>
  5. .camp-detail {
  6. width: 100%;
  7. height: calc(100vh - 20px);
  8. }
  9. </style>
  10. <div class="box camp-detail" style="">
  11. <div class="box-header">
  12. <span>课程详情</span>
  13. @if (Model.CampState != 3)
  14. {
  15. <div class="back-btn">
  16. <button type="button" class="btn btn-outline-light btn-sm" style="width: 80px;" onclick="Back()">返回课程</button>
  17. </div>
  18. }
  19. </div>
  20. <div class="box-body" id="detail-body">
  21. <dl class="dl">
  22. <dt>课程名称:</dt>
  23. <dd>@Model.Name</dd>
  24. </dl>
  25. <dl class="dl">
  26. <dt>课程主题:</dt>
  27. <dd>@Model.PackageName</dd>
  28. </dl>
  29. <dl class="dl">
  30. <dt>课程目标:</dt>
  31. <dd>@Model.Purposes</dd>
  32. </dl>
  33. <dl class="dl">
  34. <dt>课程积分:</dt>
  35. <dd>@Model.SubjectPoint 分</dd>
  36. </dl>
  37. @if (Model.CampState!=3)
  38. {
  39. <dl class="dl">
  40. <dt>主办单位:</dt>
  41. <dd>@Model.Organizer</dd>
  42. </dl>
  43. <dl class="dl">
  44. <dt>联系信息:</dt>
  45. <dd>@Model.ContactInfo</dd>
  46. </dl>
  47. <dl class="dl">
  48. <dt>演练时长:</dt>
  49. <dd>@Model.MaxTrainingMinute 分钟</dd>
  50. </dl>
  51. <dl class="dl">
  52. <dt>演练角色:</dt>
  53. <dd>
  54. @{
  55. string roles = "";
  56. var arr = Model.AssessRoleNames.Split(',');
  57. foreach (var role in arr)
  58. {
  59. roles += "<span class=\" role label label-info mr-2 mb-2\">" + role + "</span>";
  60. }
  61. }
  62. @(Html.Raw(roles))
  63. </dd>
  64. </dl>
  65. <dl class="dl">
  66. <dt>有效期:</dt>
  67. <dd>@(Model.StartDate?.ToString("yyyy-MM-dd")) 至 @(Model.EndDate?.ToString("yyyy-MM-dd")) </dd>
  68. </dl>
  69. }
  70. </div>
  71. </div>
  72. @using (Html.BeginScripts())
  73. {
  74. <script>
  75. $(function() {
  76. OverlayScrollbar($('#detail-body'));
  77. });
  78. function Back() {
  79. window.location.href = "@Url.Action("PlayList","Play")";
  80. }
  81. </script>
  82. }