detail.html 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  1. <style type="text/css">
  2. .btn-list {
  3. position: fixed;
  4. right: 40px;
  5. }
  6. .div-flex {
  7. display: flex
  8. }
  9. .div-flex .form-group {
  10. margin-right: 50px;
  11. text-align: center;
  12. line-height: 25px;
  13. margin-bottom: 0;
  14. }
  15. .tab-pane {
  16. border: 1px solid #F6F6F6;
  17. }
  18. .i-color {
  19. font-size: 34px;margin-right: 10px;color: #86C3FF;
  20. }
  21. .thumbnail {
  22. display: flow-root;
  23. width: max-content;
  24. }
  25. .thumbnail img {
  26. width: 50px;
  27. float: left;
  28. padding: 5px;
  29. }
  30. </style>
  31. <div class="panel panel-default panel-intro">
  32. <input type="hidden" name="ids" id="ids" value="{$ids}"/>
  33. <div class="div-flex">
  34. <img src="{$row.img}" width="50" style="margin-right: 10px;">
  35. <div style="line-height: 35px"><b>{$row.name}</b></div>
  36. <div class="btn-list">
  37. <a class="btn btn-info btn-edit" data-toggle="dropdown">编辑</a>
  38. <a class="btn btn-info btn-danger btn-del" id="dels">删除</a>
  39. </div>
  40. </div>
  41. <div class="div-flex" style="margin-top: 20px">
  42. <div class="form-group">
  43. <span>产品编码</span>
  44. <p><label>{$row.num}</label></p>
  45. </div>
  46. <div class="form-group">
  47. <span>标准价格</span>
  48. <p><label>{$row.price}</label></p>
  49. </div>
  50. </div>
  51. <div>
  52. <ul class="nav nav-tabs" role="tablist">
  53. <li role="presentation" class="active"><a href="#basic" aria-controls="profile" role="tab" data-toggle="tab">基本信息</a></li>
  54. </ul>
  55. <div class="tab-content" style="overflow-y: scroll;height:565px">
  56. <div role="tabpanel" class="tab-pane fade panel-body active in" id="basic">
  57. <div class="form-group">
  58. <div class="alert alert-warning-light no-margin">
  59. 基础信息
  60. </div>
  61. </div>
  62. <div class="form-group">
  63. <div class="col-xs-6 col-sm-5">
  64. <div class="form-group col-sm-10">
  65. <span class="text-muted">产品名称:</span>
  66. <b>{$row.name}</b>
  67. </div>
  68. </div>
  69. <div class="col-xs-6 col-sm-5">
  70. <div class="form-group col-sm-10">
  71. <span class="text-muted">产品编码:</span>
  72. <b>{$row.num}</b>
  73. </div>
  74. </div>
  75. <div class="col-xs-6 col-sm-5">
  76. <div class="form-group col-sm-10">
  77. <span class="text-muted">标准价格:</span>
  78. <b>{$row.price}</b>
  79. </div>
  80. </div>
  81. <div class="col-xs-6 col-sm-5">
  82. <div class="form-group col-sm-10">
  83. <span class="text-muted">产品图片:</span>
  84. <img src="{$row.img}" width="200" style="margin-left: 10px">
  85. </div>
  86. </div>
  87. <div class="col-xs-6 col-sm-5">
  88. <div class="form-group col-sm-10">
  89. <span class="text-muted">产品描述:</span>
  90. <b>{$row.description}</b>
  91. </div>
  92. </div>
  93. </div>
  94. </div>
  95. </div>
  96. </div>
  97. </div>