oledlang.html 2.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. <style>
  2. #pageOledLang .layui-unselect {
  3. width: 250px;
  4. }
  5. .lang-en .layui-form-item#formItemLang .layui-input-block {
  6. margin-left: 190px;
  7. }
  8. .lang-en .layui-form-item#formItemLang .layui-form-label {
  9. width: 160px;
  10. }
  11. .lang-cn .layui-form-item#formItemLang .layui-input-block {
  12. margin-left: 150px;
  13. }
  14. .lang-cn .layui-form-item#formItemLang .layui-form-label {
  15. width: 120px;
  16. }
  17. .lang-ru .layui-form-item#formItemLang .layui-input-block {
  18. margin-left: 230px;
  19. }
  20. .lang-ru .layui-form-item#formItemLang .layui-form-label {
  21. width: 200px;
  22. }
  23. .lang-es .layui-form-item#formItemLang .layui-input-block {
  24. margin-left: 260px;
  25. }
  26. .lang-es .layui-form-item#formItemLang .layui-form-label {
  27. width: 230px;
  28. }
  29. </style>
  30. <div id="pageOledLang">
  31. <div class="layui-form page-form" lay-filter="FormOledLang">
  32. <div class="layui-form-item" id="formItemLang">
  33. <label class="layui-form-label" data-content="MiniScreenLanguageSelect"></label>
  34. <div class="layui-input-block">
  35. <select name="Language" lay-verify="required">
  36. <option value="Chinese" data-content="Chinese"></option>
  37. <option value="English" data-content="English"></option>
  38. </select>
  39. </div>
  40. </div>
  41. <div class="layui-form-item">
  42. <button class="layui-btn layui-btn-normal" lay-submit lay-filter="BtnSave"
  43. data-content="SaveConfig"></button>
  44. </div>
  45. </div>
  46. </div>
  47. <script>
  48. function Page(app, runtime) {
  49. const { $api, $t } = runtime;
  50. const { form, layer } = layui;
  51. const formFilter = "FormOledLang";
  52. this.onload = function () {
  53. $api("System", "GetOledLanguage").then(res => {
  54. if (res.IsSuccess) {
  55. form.val(formFilter, {
  56. Language: res.Data
  57. })
  58. }
  59. });
  60. form.on("submit(BtnSave)", function (data) {
  61. $api("System", "SetOledLanguage", {
  62. Language: data.field.Language
  63. }).then(res => {
  64. if (res.IsSuccess) {
  65. layer.msg.success($t('SaveSuccess'));
  66. } else {
  67. layer.msg.error($t(res.Code));
  68. }
  69. })
  70. });
  71. }
  72. }
  73. </script>