addApp.html 6.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144
  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
  26. class="layui-icon">&#xe65c;</i>返回
  27. </button>
  28. </div>
  29. </div>
  30. <form class="layui-form" lay-filter="layuiForm">
  31. <input name="applicationId" id="applicationId" type="hidden">
  32. <div class="layui-form-item layui-row">
  33. <div class="layui-inline layui-col-md4">
  34. <label class="layui-form-label">标题:</label>
  35. <div class="layui-input-block">
  36. <input name="applicationTitle" type="text" placeholder="请输入标题" class="layui-input"
  37. lay-verType="tips" required>
  38. </div>
  39. </div>
  40. </div>
  41. <div class="layui-form-item layui-row">
  42. <div class="layui-inline layui-col-md4">
  43. <label class="layui-form-label">唯一包名:</label>
  44. <div class="layui-input-block">
  45. <input name="applicationPackage" type="text" placeholder="请输入唯一包名" class="layui-input"
  46. lay-verType="tips" required>
  47. </div>
  48. </div>
  49. </div>
  50. <div class="layui-form-item layui-row">
  51. <div class="layui-inline layui-col-md4">
  52. <label class="layui-form-label">访问地址:</label>
  53. <div class="layui-input-block">
  54. <input name="applicationUrl" type="text" placeholder="请输入访问地址" class="layui-input"
  55. lay-verType="tips" required>
  56. </div>
  57. </div>
  58. </div>
  59. <div class="layui-form-item layui-row">
  60. <div class="layui-inline layui-col-md4">
  61. <label class="layui-form-label">是否公开:</label>
  62. <div class="layui-input-block">
  63. <input type="radio" name="applicationPublic" value="0" title="公开" checked="">
  64. <input type="radio" name="applicationPublic" value="1" title="私有">
  65. </div>
  66. </div>
  67. </div>
  68. <div class="layui-form-item layui-row" id="uploadImg">
  69. <label class="layui-form-label">风险点图片:</label>
  70. <div class="layui-input-block">
  71. <div class="layui-upload-drag">
  72. <i class="layui-icon"></i>
  73. <p>点击上传,或将文件拖拽到此处</p>
  74. </div>
  75. <img src="" id="vapplicationIcon" width="100px">
  76. </div>
  77. <input name="applicationIcon" id="applicationIcon" type="hidden" class="layui-input">
  78. </div>
  79. <div class="form-group-bottom text-right">
  80. <button class="layui-btn" lay-filter="formSubmit" lay-submit>&emsp;提交&emsp;</button>
  81. <button type="reset" class="layui-btn layui-btn-primary">&emsp;重置&emsp;</button>
  82. </div>
  83. </form>
  84. </div>
  85. </div>
  86. </div>
  87. </div>
  88. <!-- js部分 -->
  89. <script type="text/javascript" src="../../assets/libs/layui/layui.js"></script>
  90. <script type="text/javascript" src="../../assets/js/common.js?v=312"></script>
  91. <script>
  92. layui.use(['layer', 'form', 'table', 'util', 'zTree', 'admin', 'uParas', 'laydate', 'upload', 'formSelects'], function () {
  93. var $ = layui.jquery;
  94. var layer = layui.layer;
  95. var form = layui.form;
  96. var util = layui.util;
  97. var admin = layui.admin;
  98. var uParas = layui.uParas;
  99. var laydate = layui.laydate, upload = layui.upload, formSelects = layui.formSelects;
  100. //拖拽上传
  101. upload.render({
  102. elem: '#uploadImg'
  103. , url: uParas.baseUrl + '/admin/uploadImages'
  104. , done: function (res) {
  105. $("#applicationIcon").val(res.data[0]);
  106. if (res.data[0].indexOf("http:") != -1) {
  107. $("#vapplicationIcon").attr("src", res.data[0]);
  108. } else {
  109. $("#vapplicationIcon").attr("src", uParas.baseUrl + res.data[0]);
  110. }
  111. }
  112. });
  113. var id = uParas.getUrlParam("id");
  114. if (id != null) {
  115. $.getJSON(uParas.baseUrl + '/sysApplicationCenter/getById?id=' + id, {}, function (resp) {
  116. form.val("layuiForm", resp.data);
  117. if (resp.data.applicationIcon.indexOf("http:") != -1) {
  118. $("#vapplicationIcon").attr("src", resp.data.applicationIcon);
  119. } else {
  120. $("#vapplicationIcon").attr("src", uParas.baseUrl + resp.data.applicationIcon);
  121. }
  122. });
  123. }
  124. form.on('submit(formSubmit)', function (data) {
  125. admin.req(uParas.baseUrl + '/sysApplicationCenter/update', data.field, function (resp) {
  126. if (resp.code == 1) {
  127. layer.msg(resp.msg, {offset: ['50%'], time: 2000}, function () {
  128. location.href = "./SysApplicationCenterList.html";
  129. });
  130. } else {
  131. layer.msg(resp.msg)
  132. }
  133. }, 'POST');
  134. return false;
  135. });
  136. });
  137. </script>
  138. </body>
  139. </html>