upload.html 7.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
  1. <form id="app-form" class="layui-form layuimini-form">
  2. <div class="layui-form-item">
  3. <label class="layui-form-label required">存储方式</label>
  4. <div class="layui-input-block">
  5. {foreach $upload_types as $key=>$val}
  6. <input type="radio" v-model="upload_type" name="upload_type" lay-filter="upload_type" value="{$key}" title="{$val}" {if $key==sysConfig('upload','upload_type')}checked=""{/if}>
  7. {/foreach}
  8. </div>
  9. </div>
  10. <div class="layui-form-item">
  11. <label class="layui-form-label required">允许类型</label>
  12. <div class="layui-input-block">
  13. <input type="text" name="upload_allow_ext" class="layui-input" lay-verify="required" lay-reqtext="请输入允许类型" placeholder="请输入允许类型" value="{:sysConfig('upload','upload_allow_ext')}">
  14. <tip>英文逗号做分隔符。</tip>
  15. </div>
  16. </div>
  17. <div class="layui-form-item">
  18. <label class="layui-form-label required">允许大小</label>
  19. <div class="layui-input-block">
  20. <input type="text" name="upload_allow_size" class="layui-input" lay-verify="required" lay-reqtext="请输入允许上传大小" placeholder="请输入允许上传大小" value="{:sysConfig('upload','upload_allow_size')}">
  21. <tip>设置允许上传大小。</tip>
  22. </div>
  23. </div>
  24. <div class="layui-form-item oss layui-hide upload_type">
  25. <label class="layui-form-label required">公钥信息</label>
  26. <div class="layui-input-block">
  27. <input type="text" name="oss_access_key_id" class="layui-input" lay-verify="required" lay-reqtext="请输入公钥信息" placeholder="请输入公钥信息" value="{:sysConfig('upload','oss_access_key_id')}">
  28. <tip>例子:FSGGshu64642THSk</tip>
  29. </div>
  30. </div>
  31. <div class="layui-form-item oss layui-hide upload_type">
  32. <label class="layui-form-label required">私钥信息</label>
  33. <div class="layui-input-block">
  34. <input type="text" name="oss_access_key_secret" class="layui-input" lay-verify="required" lay-reqtext="请输入私钥信息" placeholder="请输入私钥信息" value="{:sysConfig('upload','oss_access_key_secret')}">
  35. <tip>例子:5fsfPReYKkFSGGshu64642THSkmTInaIm</tip>
  36. </div>
  37. </div>
  38. <div class="layui-form-item oss layui-hide upload_type">
  39. <label class="layui-form-label required">数据中心</label>
  40. <div class="layui-input-block">
  41. <input type="text" name="oss_endpoint" class="layui-input" lay-verify="required" lay-reqtext="请输入数据中心" placeholder="请输入数据中心" value="{:sysConfig('upload','oss_endpoint')}">
  42. <tip>例子:https://oss-cn-shenzhen.aliyuncs.com</tip>
  43. </div>
  44. </div>
  45. <div class="layui-form-item oss layui-hide upload_type">
  46. <label class="layui-form-label required">空间名称</label>
  47. <div class="layui-input-block">
  48. <input type="text" name="oss_bucket" class="layui-input" lay-verify="required" lay-reqtext="请输入空间名称" placeholder="请输入空间名称" value="{:sysConfig('upload','oss_bucket')}">
  49. <tip>例子:easy-admin</tip>
  50. </div>
  51. </div>
  52. <div class="layui-form-item oss layui-hide upload_type">
  53. <label class="layui-form-label required">访问域名</label>
  54. <div class="layui-input-block">
  55. <input type="text" name="oss_domain" class="layui-input" lay-verify="required" lay-reqtext="请输入访问域名" placeholder="请输入访问域名" value="{:sysConfig('upload','oss_domain')}">
  56. <tip>例子:easy-admin.oss-cn-shenzhen.aliyuncs.com</tip>
  57. </div>
  58. </div>
  59. <div class="layui-form-item cos layui-hide upload_type">
  60. <label class="layui-form-label required">公钥信息</label>
  61. <div class="layui-input-block">
  62. <input type="text" name="cos_secret_id" class="layui-input" lay-verify="required" lay-reqtext="请输入公钥信息" placeholder="请输入公钥信息" value="{:sysConfig('upload','cos_secret_id')}">
  63. <tip>例子:AKIDta6OQCbALQGrCI6ngKwQffR3dfsfrwrfs</tip>
  64. </div>
  65. </div>
  66. <div class="layui-form-item cos layui-hide upload_type">
  67. <label class="layui-form-label required">私钥信息</label>
  68. <div class="layui-input-block">
  69. <input type="text" name="cos_secret_key" class="layui-input" lay-verify="required" lay-reqtext="请输入私钥信息" placeholder="请输入私钥信息" value="{:sysConfig('upload','cos_secret_key')}">
  70. <tip>例子:VllEWYKtClAbpqfFdTqysXxGQM6dsfs</tip>
  71. </div>
  72. </div>
  73. <div class="layui-form-item cos layui-hide upload_type">
  74. <label class="layui-form-label required">存储桶地域</label>
  75. <div class="layui-input-block">
  76. <input type="text" name="cos_region" class="layui-input" lay-verify="required" lay-reqtext="请输入存储桶地域" placeholder="请输入存储桶地域" value="{:sysConfig('upload','cos_region')}">
  77. <tip>例子:ap-guangzhou</tip>
  78. </div>
  79. </div>
  80. <div class="layui-form-item cos layui-hide upload_type">
  81. <label class="layui-form-label required">存储桶名称</label>
  82. <div class="layui-input-block">
  83. <input type="text" name="cos_bucket" class="layui-input" lay-verify="required" lay-reqtext="请输入存储桶名称" placeholder="请输入存储桶名称" value="{:sysConfig('upload','cos_bucket')}">
  84. <tip>例子:easyadmin-1251997243</tip>
  85. </div>
  86. </div>
  87. <div class="layui-form-item qnoss layui-hide upload_type">
  88. <label class="layui-form-label required">公钥信息</label>
  89. <div class="layui-input-block">
  90. <input type="text" name="qnoss_access_key" class="layui-input" lay-verify="required" lay-reqtext="请输入公钥信息" placeholder="请输入公钥信息" value="{:sysConfig('upload','qnoss_access_key')}">
  91. <tip>例子:v-lV3tXev7yyfsfa1jRc6_8rFOhFYGQvvjsAQxdrB</tip>
  92. </div>
  93. </div>
  94. <div class="layui-form-item qnoss layui-hide upload_type">
  95. <label class="layui-form-label required">私钥信息</label>
  96. <div class="layui-input-block">
  97. <input type="text" name="qnoss_secret_key" class="layui-input" lay-verify="required" lay-reqtext="请输入私钥信息" placeholder="请输入私钥信息" value="{:sysConfig('upload','qnoss_secret_key')}">
  98. <tip>例子:XOhYRR9JNqxsWVEO-mHWB4193vfsfsQADuORaXzr</tip>
  99. </div>
  100. </div>
  101. <div class="layui-form-item qnoss layui-hide upload_type">
  102. <label class="layui-form-label required">存储空间</label>
  103. <div class="layui-input-block">
  104. <input type="text" name="qnoss_bucket" class="layui-input" lay-verify="required" lay-reqtext="请输入存储桶地域" placeholder="请输入存储桶地域" value="{:sysConfig('upload','qnoss_bucket')}">
  105. <tip>例子:easyadmin</tip>
  106. </div>
  107. </div>
  108. <div class="layui-form-item qnoss layui-hide upload_type">
  109. <label class="layui-form-label required">访问域名</label>
  110. <div class="layui-input-block">
  111. <input type="text" name="qnoss_domain" class="layui-input" lay-verify="required" lay-reqtext="请输入访问域名" placeholder="请输入访问域名" value="{:sysConfig('upload','qnoss_domain')}">
  112. <tip>例子:http://q0xqzappp.bkt.clouddn.com</tip>
  113. </div>
  114. </div>
  115. <div class="hr-line"></div>
  116. <div class="layui-form-item text-center">
  117. <button type="submit" class="layui-btn layui-btn-normal layui-btn-sm" lay-submit="system.config/save" data-refresh="false">确认</button>
  118. <button type="reset" class="layui-btn layui-btn-primary layui-btn-sm">重置</button>
  119. </div>
  120. </form>
  121. <script>
  122. var upload_type = "{:sysConfig('upload','upload_type')}";
  123. </script>