oss.html 5.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>文件上传</title>
  5. #parse("sys/header.html")
  6. <script src="${rc.contextPath}/statics/libs/ajaxupload.js"></script>
  7. </head>
  8. <body>
  9. <div id="rrapp" v-cloak>
  10. <div v-show="showList">
  11. <Row :gutter="16">
  12. <!--<div class="search-group">
  13. <i-button type="success" @click="addConfig"><i class="fa fa-sun-o"></i>&nbsp;云存储配置</i-button>
  14. <i-button type="primary" id="upload"><i class="fa fa-plus"></i>&nbsp;上传文件</i-button>
  15. </div>-->
  16. <div class="buttons-group">
  17. <!--<i-button type="error" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</i-button>-->
  18. <i-button type="success" @click="lookImg"><i class="fa fa-eye"></i>&nbsp;预览</i-button>
  19. </div>
  20. </Row>
  21. <table id="jqGrid"></table>
  22. <div id="jqGridPager"></div>
  23. </div>
  24. <Card v-show="!showList">
  25. <p slot="title">{{title}}</p>
  26. <i-form :label-width="130">
  27. <Form-item label="存储类型" prop="type">
  28. <Radio-group v-model="config.type">
  29. <Radio label="2">
  30. <span>阿里云</span>
  31. </Radio>
  32. <Radio label="3">
  33. <span>腾讯云</span>
  34. </Radio>
  35. <Radio label="1">
  36. <span>七牛</span>
  37. </Radio>
  38. </Radio-group>
  39. </Form-item>
  40. <i-form v-if="config.type == 1" ref="formValidate" :label-width="130">
  41. <Form-item label="域名" prop="qiniuDomain">
  42. <i-input v-model="config.qiniuDomain" placeholder="七牛绑定的域名"/>
  43. </Form-item>
  44. <Form-item label="路径前缀" prop="qiniuPrefix">
  45. <i-input v-model="config.qiniuPrefix" placeholder="不设置默认为空"/>
  46. </Form-item>
  47. <Form-item label="AccessKey" prop="qiniuAccessKey">
  48. <i-input v-model="config.qiniuAccessKey" placeholder="七牛AccessKey"/>
  49. </Form-item>
  50. <Form-item label="SecretKey" prop="qiniuSecretKey">
  51. <i-input v-model="config.qiniuSecretKey" placeholder="七牛SecretKey"/>
  52. </Form-item>
  53. <Form-item label="空间名" prop="qiniuBucketName">
  54. <i-input v-model="config.qiniuBucketName" placeholder="七牛存储空间名"/>
  55. </Form-item>
  56. </i-form>
  57. <i-form v-if="config.type == 2" ref="formValidate" :model="config" :rules="aliRuleValidate"
  58. :label-width="130">
  59. <Form-item label="域名" prop="aliyunDomain">
  60. <i-input v-model="config.aliyunDomain" placeholder="阿里云绑定的域名"/>
  61. </Form-item>
  62. <Form-item label="路径前缀" prop="aliyunPrefix">
  63. <i-input v-model="config.aliyunPrefix" placeholder="不设置默认为空"/>
  64. </Form-item>
  65. <Form-item label="EndPoint" prop="aliyunEndPoint">
  66. <i-input v-model="config.aliyunEndPoint" placeholder="阿里云EndPoint"/>
  67. </Form-item>
  68. <Form-item label="AccessKeyId" prop="aliyunAccessKeyId">
  69. <i-input v-model="config.aliyunAccessKeyId" placeholder="阿里云AccessKeyId"/>
  70. </Form-item>
  71. <Form-item label="AccessKeySecret" prop="aliyunAccessKeySecret">
  72. <i-input v-model="config.aliyunAccessKeySecret" placeholder="阿里云AccessKeySecret"/>
  73. </Form-item>
  74. <Form-item label="BucketName" prop="aliyunBucketName">
  75. <i-input v-model="config.aliyunBucketName" placeholder="阿里云BucketName"/>
  76. </Form-item>
  77. </i-form>
  78. <i-form ref="formValidate" :model="config" :rules="qcloudRuleValidate" v-if="config.type == 3"
  79. :label-width="130">
  80. <Form-item label="域名" prop="qcloudDomain">
  81. <i-input v-model="config.qcloudDomain" placeholder="腾讯云绑定的域名"/>
  82. </Form-item>
  83. <Form-item label="路径前缀" prop="qcloudPrefix">
  84. <i-input v-model="config.qcloudPrefix" placeholder="不设置默认为空"/>
  85. </Form-item>
  86. <Form-item label="AppId" prop="qcloudAppId">
  87. <i-input v-model="config.qcloudAppId" placeholder="腾讯云AppId"/>
  88. </Form-item>
  89. <Form-item label="SecretId" prop="qcloudSecretId">
  90. <i-input v-model="config.qcloudSecretId" placeholder="腾讯云SecretId"/>
  91. </Form-item>
  92. <Form-item label="SecretKey" prop="qcloudSecretKey">
  93. <i-input v-model="config.qcloudSecretKey" placeholder="腾讯云SecretKey"/>
  94. </Form-item>
  95. <Form-item label="BucketName" prop="qcloudBucketName">
  96. <i-input v-model="config.qcloudBucketName" placeholder="腾讯云BucketName"/>
  97. </Form-item>
  98. <Form-item label="Bucket所属地区" prop="qcloudRegion">
  99. <i-input v-model="config.qcloudRegion" placeholder="如:sh(可选值 ,华南:gz 华北:tj 华东:sh)"/>
  100. </Form-item>
  101. </i-form>
  102. <Form-item>
  103. <i-button type="primary" @click="handleSubmit('formValidate')">提交</i-button>
  104. <i-button type="warning" @click="reload" style="margin-left: 8px">返回</i-button>
  105. <i-button type="ghost" @click="handleReset('formValidate')" style="margin-left: 8px">重置</i-button>
  106. </Form-item>
  107. </i-form>
  108. </Card>
  109. </div>
  110. <script src="${rc.contextPath}/js/sys/oss.js?_${date.systemTime}"></script>
  111. </body>
  112. </html>