国内流行的内容管理系统(CMS)多端全媒体解决方案 https://www.dedebiz.com
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.

195 lines
7.9KB

  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. <title>云服务设置</title>
  7. <link rel="stylesheet" href="../static/web/font/css/font-awesome.min.css">
  8. <link rel="stylesheet" href="../static/web/css/bootstrap.min.css">
  9. <link rel="stylesheet" href="../static/web/css/admin.css">
  10. <script src="../static/web/js/jquery.min.js"></script>
  11. <script src="../static/web/js/bootstrap.bundle.min.js"></script>
  12. <script src="js/main.js"></script>
  13. </head>
  14. <body>
  15. <table cellpadding="3" cellspacing="1" align="center" class="table maintable my-3">
  16. <tr>
  17. <td bgcolor="#f5f5f5" colspan="4">
  18. <table cellspacing="0" cellpadding="0" class="table table-borderless w-100">
  19. <tr>
  20. <td>云服务设置</td>
  21. <!-- <td align="right"><span><a href="https://www.dedebiz.com/help" target="_blank"
  22. class="btn btn-success btn-sm">更多云服务</a></span></td> -->
  23. </tr>
  24. </table>
  25. </td>
  26. </tr>
  27. <tr>
  28. <td colspan="4">
  29. <ul class="nav nav-tabs" id="myTab" role="tablist">
  30. <li class="nav-item" role="presentation">
  31. <button class="nav-link active" id="aliyun-tab" data-toggle="tab" data-target="#aliyun"
  32. type="button" role="tab" aria-controls="aliyun" aria-selected="true">阿里云</button>
  33. </li>
  34. <li class="nav-item" role="presentation">
  35. <button class="nav-link" id="huaweicloud-tab" data-toggle="tab" data-target="#huaweicloud"
  36. type="button" role="tab" aria-controls="huaweicloud" aria-selected="false">华为云</button>
  37. </li>
  38. <li class="nav-item" role="presentation">
  39. <button class="nav-link" id="tencent-tab" data-toggle="tab" data-target="#tencent" type="button"
  40. role="tab" aria-controls="tencent" aria-selected="false">腾讯云</button>
  41. </li>
  42. </ul>
  43. <div class="tab-content py-3" id="myTabContent">
  44. <div class="tab-pane fade show active" id="aliyun" role="tabpanel" aria-labelledby="aliyun-tab">
  45. <div class="form-group">
  46. <label for="iptAppID">描述</label>
  47. <p>
  48. 阿里巴巴集团旗下公司,是全球领先的云计算及人工智能科技公司之一。提供免费试用、云服务器、云数据库、云安全、云企业应用等云计算服务,以及大数据、人工智能服务、精准定制基于场景的行业解决方案。免费备案,7x24小时售后支持,助企业无忧上云。
  49. </p>
  50. </div>
  51. <div class="form-group">
  52. <label for="iptAliyunAccessKeyID">AccessKey ID</label>
  53. <input type="text" class="form-control" id="iptAliyunAccessKeyID">
  54. </div>
  55. <div class="form-group">
  56. <label for="iptAliyunAccessKeySecret ">AccessKey Secret</label>
  57. <input type="text" class="form-control" id="iptAliyunAccessKeySecret">
  58. </div>
  59. <div class="form-group form-check">
  60. <input type="checkbox" class="form-check-input" id="cloudType1">
  61. <label class="form-check-label" for="cloudType1">是否启用</label>
  62. </div>
  63. </div>
  64. <div class="tab-pane fade" id="huaweicloud" role="tabpanel" aria-labelledby="huaweicloud-tab">
  65. <div class="form-group">
  66. <label for="iptAppID">描述</label>
  67. <p>
  68. 华为云提供稳定可靠、安全可信、可持续发展的云服务,致力于让云无处不在,让智能无所不及,共建智能世界云底座。助力企业降本增效,全球300万客户的共同选择。7x24小时专业服务支持,5天内无理由退订,免费快速备案。
  69. </p>
  70. </div>
  71. <div class="form-group">
  72. <label for="iptHuaweicloudAccessKeyId">Access Key Id</label>
  73. <input type="text" class="form-control" id="iptHuaweicloudAccessKeyId">
  74. </div>
  75. <div class="form-group">
  76. <label for="iptHuaweicloudSecretAccessKey">Secret Access Key</label>
  77. <input type="text" class="form-control" id="iptHuaweicloudSecretAccessKey">
  78. </div>
  79. <div class="form-group form-check">
  80. <input type="checkbox" class="form-check-input" id="cloudType2">
  81. <label class="form-check-label" for="cloudType2">是否启用</label>
  82. </div>
  83. </div>
  84. <div class="tab-pane fade" id="tencent" role="tabpanel" aria-labelledby="tencent-tab">
  85. <div class="form-group">
  86. <label for="iptAppID">描述</label>
  87. <p>
  88. 腾讯云为数百万的企业和开发者提供安全稳定的云计算服务,涵盖云服务器、云数据库、云存储、视频与CDN、域名注册等全方位云服务和各行业解决方案。
  89. </p>
  90. </div>
  91. <div class="form-group">
  92. <label for="iptTencentSecretId">SecretId</label>
  93. <input type="text" class="form-control" id="iptTencentSecretId">
  94. </div>
  95. <div class="form-group">
  96. <label for="iptTencentSecretKey">SecretKey</label>
  97. <input type="text" class="form-control" id="iptTencentSecretKey">
  98. </div>
  99. <div class="form-group form-check">
  100. <input type="checkbox" class="form-check-input" id="cloudType3">
  101. <label class="form-check-label" for="cloudType3">是否启用</label>
  102. </div>
  103. </div>
  104. <button id="btnSave" type="submit" class="btn btn-success">保存</button>
  105. </div>
  106. </td>
  107. </tr>
  108. </table>
  109. <script>
  110. var cloudConfig = {
  111. aliyun_enabled: false,
  112. aliyun_access_key_id: '',
  113. aliyun_access_key_secret: '',
  114. huaweicloud_enabled: false,
  115. huawei_access_key_id: '',
  116. huawei_secret_access_key: '',
  117. tencent_enabled: false,
  118. tencent_secret_id: '',
  119. tencent_secret_key: '',
  120. };
  121. function LoadConfig() {
  122. $.get("sys_cloud.php?dopost=cloud_get", function (data) {
  123. try {
  124. rs = JSON.parse(data);
  125. if (rs.code === 0) {
  126. cloudConfig = JSON.parse(rs.data);
  127. if (cloudConfig.aliyun_enabled) {
  128. $("#cloudType1").prop("checked", true);
  129. } else {
  130. $("#cloudType1").prop("checked", false);
  131. }
  132. $("#iptAliyunAccessKeyID").val(cloudConfig.aliyun_access_key_id);
  133. $("#iptAliyunAccessKeySecret").val(cloudConfig.aliyun_access_key_secret);
  134. if (cloudConfig.huaweicloud_enabled) {
  135. $("#cloudType2").prop("checked", true);
  136. } else {
  137. $("#cloudType2").prop("checked", false);
  138. }
  139. $("#iptHuaweicloudAccessKeyId").val(cloudConfig.huawei_access_key_id);
  140. $("#iptHuaweicloudSecretAccessKey").val(cloudConfig.huawei_secret_access_key);
  141. if (cloudConfig.tencent_enabled) {
  142. $("#cloudType3").prop("checked", true);
  143. } else {
  144. $("#cloudType3").prop("checked", false);
  145. }
  146. $("#iptTencentSecretId").val(cloudConfig.tencent_secret_id);
  147. $("#iptTencentSecretKey").val(cloudConfig.tencent_secret_key);
  148. }
  149. } catch (error) {
  150. console.log("解析配置失败")
  151. }
  152. });
  153. }
  154. $(document).ready(function () {
  155. $("#btnSave").click(function () {
  156. if ($("#cloudType1").is(":checked")) {
  157. cloudConfig.aliyun_enabled = true;
  158. } else {
  159. cloudConfig.aliyun_enabled = false;
  160. }
  161. cloudConfig.aliyun_access_key_id = $("#iptAliyunAccessKeyID").val();
  162. cloudConfig.aliyun_access_key_secret = $("#iptAliyunAccessKeySecret").val();
  163. if ($("#cloudType2").is(":checked")) {
  164. cloudConfig.huaweicloud_enabled = true;
  165. } else {
  166. cloudConfig.huaweicloud_enabled = false;
  167. }
  168. cloudConfig.huawei_access_key_id = $("#iptHuaweicloudAccessKeyId").val();
  169. cloudConfig.huawei_secret_access_key = $("#iptHuaweicloudSecretAccessKey").val();
  170. if ($("#cloudType3").is(":checked")) {
  171. cloudConfig.tencent_enabled = true;
  172. } else {
  173. cloudConfig.tencent_enabled = false;
  174. }
  175. cloudConfig.tencent_secret_id = $("#iptTencentSecretId").val();
  176. cloudConfig.tencent_secret_key = $("#iptTencentSecretKey").val();
  177. $.post("sys_cloud.php?dopost=cloud_set", cloudConfig, function (result) {
  178. let data = JSON.parse(result);
  179. if (data.code === 0) {
  180. ShowMsg("云服务设置成功");
  181. LoadConfig();
  182. } else {
  183. ShowMsg("设置失败,请检查服务是否正确");
  184. }
  185. });
  186. })
  187. LoadConfig();
  188. })
  189. </script>
  190. </body>
  191. </html>