You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

71 lines
3.4 KiB

2 years ago
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <title></title>
  6. </head>
  7. <body>
  8. <div class="row popsrow">
  9. <label class="col-sm-3 control-label wright" for="input-Default"><span data-i18n="common.ProfileFeesClass">個人化費用類別</span></label>
  10. <div class="col-sm-8">
  11. <select class="form-control" id="ProfileClass"></select>
  12. </div>
  13. </div>
  14. <div class="row popsrow">
  15. <label class="col-sm-3 control-label wright" for="input-Default"><span data-i18n="common.ProfileFeesClassName">個人化費用類別名稱</span></label>
  16. <div class="col-sm-8">
  17. <div class="input-group">
  18. <input type="text" class="form-control w100p" id="ProfileName" maxlength="100">
  19. <div class="input-group-btn">
  20. <button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
  21. <span data-i18n="common.Action">操作</span> <span class="caret"></span>
  22. </button>
  23. <ul class="dropdown-menu dropdown-menu-right" role="menu">
  24. <li><a class="cusclass-add btn btn-info" data-i18n="common.Toolbar_Add">新增</a></li>
  25. <li><a class="cusclass-upd btn btn-primary" data-i18n="common.Toolbar_Upd">修改</a></li>
  26. <li><a class="cusclass-del btn btn-danger" data-i18n="common.Toolbar_Del">刪除</a></li>
  27. </ul>
  28. </div>
  29. </div>
  30. </div>
  31. </div>
  32. <div class="row popsrow">
  33. <label class="col-sm-3 control-label wright" for="input-Default"><span data-i18n="common.Filter">過濾</span></label>
  34. <div class="col-sm-5">
  35. <input type="text" class="form-control w100p col-sm-9" id="ProfileFilter" maxlength="50">
  36. </div>
  37. <div class="col-sm-5 cusclass-btn">
  38. </div>
  39. </div>
  40. <div class="row popsrow">
  41. <div class="col-sm-1"></div>
  42. <div class="col-sm-10">
  43. <table style="width: 100%">
  44. <tr>
  45. <td class="w50p">
  46. <select size="12" name="lstLeft" id="lstLeft" class="form-control w100p" multiple></select>
  47. </td>
  48. <td>
  49. <p>
  50. <button type="button" id="btnToRight" class="btn-custom btn-xs"><i class="fa fa-chevron-right"></i></button>
  51. </p>
  52. <p>
  53. <button type="button" id="btnToLeft" class="btn-custom btn-xs"><i class="fa fa-chevron-left"></i></button>
  54. </p>
  55. </td>
  56. <td class="w50p">
  57. <select size="12" name="lstRight" id="lstRight" class="form-control w100p" multiple></select>
  58. </td>
  59. <td>
  60. <p>
  61. <button type="button" id="btnToUp" class="btn-custom btn-xs"><i class="fa fa-chevron-up"></i></button>
  62. </p>
  63. <p>
  64. <button type="button" id="btnToDown" class="btn-custom btn-xs"><i class="fa fa-chevron-down"></i></button>
  65. </p>
  66. </td>
  67. </tr>
  68. </table>
  69. </div>
  70. </div>
  71. </body>
  72. </html>