addApp.html 6.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8"/>
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  6. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  7. <title>应用中心</title>
  8. <link rel="stylesheet" href="../../assets/libs/layui/css/layui.css"/>
  9. <link rel="stylesheet" href="../../assets/module/admin.css?v=312"/>
  10. </head>
  11. <body>
  12. <!-- 加载动画 -->
  13. <div class="page-loading">
  14. <div class="ball-loader">
  15. <span></span><span></span><span></span><span></span>
  16. </div>
  17. </div>
  18. <!-- 正文开始 -->
  19. <div class="layui-fluid">
  20. <div class="layui-card">
  21. <div class="layui-card-body">
  22. <div class="layui-card-header">
  23. 应用中心
  24. <div class="layui-inline pull-right">
  25. <button onclick="history.back()" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-normal"><i class="layui-icon">&#xe65c;</i>返回</button>
  26. </div>
  27. </div>
  28. <form class="layui-form" lay-filter="layuiForm">
  29. <input name="applicationId" id="applicationId" type="hidden">
  30. <div class="layui-form-item layui-row">
  31. <div class="layui-inline layui-col-md4">
  32. <label class="layui-form-label">标题:</label>
  33. <div class="layui-input-block">
  34. <input name="applicationTitle" type="text" placeholder="请输入标题" class="layui-input" lay-verType="tips" required>
  35. </div>
  36. </div>
  37. </div>
  38. <div class="layui-form-item layui-row">
  39. <div class="layui-inline layui-col-md4">
  40. <label class="layui-form-label">唯一包名:</label>
  41. <div class="layui-input-block">
  42. <input name="applicationPackage" type="text" placeholder="请输入唯一包名" class="layui-input" lay-verType="tips" required>
  43. </div>
  44. </div>
  45. </div>
  46. <div class="layui-form-item layui-row">
  47. <div class="layui-inline layui-col-md4">
  48. <label class="layui-form-label">访问地址:</label>
  49. <div class="layui-input-block">
  50. <input name="applicationUrl" type="text" placeholder="请输入访问地址" class="layui-input" lay-verType="tips" required>
  51. </div>
  52. </div>
  53. </div>
  54. <div class="layui-form-item layui-row">
  55. <div class="layui-inline layui-col-md4">
  56. <label class="layui-form-label">是否公开:</label>
  57. <div class="layui-input-block">
  58. <input type="radio" name="applicationPublic" value="0" title="公开" checked="">
  59. <input type="radio" name="applicationPublic" value="1" title="私有">
  60. </div>
  61. </div>
  62. </div>
  63. <div class="layui-form-item layui-row" id="uploadImg">
  64. <label class="layui-form-label">风险点图片:</label>
  65. <div class="layui-input-block">
  66. <div class="layui-upload-drag">
  67. <i class="layui-icon"></i>
  68. <p>点击上传,或将文件拖拽到此处</p>
  69. </div>
  70. <img src="" id="vapplicationIcon" width="100px">
  71. </div>
  72. <input name="applicationIcon" id="applicationIcon" type="hidden" class="layui-input">
  73. </div>
  74. <div class="form-group-bottom text-right">
  75. <button class="layui-btn" lay-filter="formSubmit" lay-submit>&emsp;提交&emsp;</button>
  76. <button type="reset" class="layui-btn layui-btn-primary">&emsp;重置&emsp;</button>
  77. </div>
  78. </form>
  79. </div>
  80. </div>
  81. </div>
  82. </div>
  83. <!-- js部分 -->
  84. <script type="text/javascript" src="../../assets/libs/layui/layui.js"></script>
  85. <script type="text/javascript" src="../../assets/js/common.js?v=312"></script>
  86. <script>
  87. layui.use(['layer', 'form', 'table', 'util', 'zTree', 'admin', 'uParas', 'laydate', 'upload', 'formSelects'], function () {
  88. var $ = layui.jquery;
  89. var layer = layui.layer;
  90. var form = layui.form;
  91. var util = layui.util;
  92. var admin = layui.admin;
  93. var uParas = layui.uParas;
  94. var laydate = layui.laydate, upload = layui.upload, formSelects = layui.formSelects;
  95. //拖拽上传
  96. upload.render({
  97. elem: '#uploadImg'
  98. , url: uParas.baseUrl + '/admin/uploadImages'
  99. , done: function (res) {
  100. $("#applicationIcon").val(res.data[0]);
  101. if (res.data[0].indexOf("http:") != -1) {
  102. $("#vapplicationIcon").attr("src", res.data[0]);
  103. } else {
  104. $("#vapplicationIcon").attr("src", uParas.baseUrl + res.data[0]);
  105. }
  106. }
  107. });
  108. var id = uParas.getUrlParam("id");
  109. if (id != null) {
  110. $.getJSON(uParas.baseUrl + '/sysApplicationCenter/getById?id=' + id, {}, function (resp) {
  111. form.val("layuiForm", resp.data);
  112. if (resp.data.applicationIcon.indexOf("http:") != -1) {
  113. $("#vapplicationIcon").attr("src", resp.data.applicationIcon);
  114. } else {
  115. $("#vapplicationIcon").attr("src", uParas.baseUrl + resp.data.applicationIcon);
  116. }
  117. });
  118. }
  119. form.on('submit(formSubmit)', function (data) {
  120. admin.req(uParas.baseUrl + '/sysApplicationCenter/update', data.field, function (resp) {
  121. if (resp.code == 1) {
  122. layer.msg(resp.msg, {offset: ['50%'], time: 2000}, function () {
  123. location.href = "./SysApplicationCenterList.html";
  124. });
  125. } else {
  126. layer.msg(resp.msg)
  127. }
  128. }, 'POST');
  129. return false;
  130. });
  131. });
  132. </script>
  133. </body>
  134. </html>