autodebit.vue 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149
  1. <template>
  2. <a-card :body-style="{padding: '24px 32px'}" :bordered="false">
  3. <a-form @submit="handleSubmit" :form="form">
  4. <a-form-item
  5. label="户一快手后台数据上传"
  6. :labelCol="labelCol"
  7. :wrapperCol="wrapperCol">
  8. <upload-to-ali v-model="accountOneKsDataUrl"
  9. :customDomain="customDomain"
  10. preview
  11. :region="region"
  12. :bucket="bucket"
  13. :accept="acceptcsv"
  14. :size="102400"
  15. :accessKeyId="accessKeyId"
  16. :accessKeySecret="accessKeySecret"></upload-to-ali>
  17. </a-form-item>
  18. <a-form-item
  19. label="户四快手后台数据上传"
  20. :labelCol="labelCol"
  21. :wrapperCol="wrapperCol">
  22. <upload-to-ali v-model="accountFourKsDataUrl"
  23. :customDomain="customDomain"
  24. preview
  25. :region="region"
  26. :bucket="bucket"
  27. :accept="acceptcsv"
  28. :size="102400"
  29. :accessKeyId="accessKeyId"
  30. :accessKeySecret="accessKeySecret"></upload-to-ali>
  31. </a-form-item>
  32. <a-form-item
  33. label="借条后台数据上传"
  34. :labelCol="labelCol"
  35. :wrapperCol="wrapperCol">
  36. <upload-to-ali v-model="debitDataUrl"
  37. :customDomain="customDomain"
  38. preview
  39. :region="region"
  40. :bucket="bucket"
  41. :accept="acceptcsv"
  42. :size="102400"
  43. :accessKeyId="accessKeyId"
  44. :accessKeySecret="accessKeySecret"></upload-to-ali>
  45. </a-form-item>
  46. <a-form-item
  47. label="文件下载"
  48. v-if="showDownLoad"
  49. :labelCol="labelCol"
  50. :wrapperCol="wrapperCol">
  51. <a style="margin-left: 8px" :href="downloadUrl" target="_blank">点击下载</a>
  52. </a-form-item>
  53. <a-form-item
  54. :wrapperCol="{ span: 24 }"
  55. style="text-align: center"
  56. >
  57. <a-button htmlType="submit" type="primary">提交</a-button>
  58. <a-button style="margin-left: 8px">保存</a-button>
  59. </a-form-item>
  60. </a-form>
  61. </a-card>
  62. </template>
  63. <script>
  64. import UploadToAli from '@femessage/upload-to-ali';
  65. import {postAction, getAction} from '@/api/manage';
  66. import moment from 'moment';
  67. import AFormItem from "ant-design-vue/es/form/FormItem";
  68. export default {
  69. name: 'BaseForm',
  70. data() {
  71. return {
  72. previewVisible: false,
  73. previewImage: '',
  74. labelCol: {
  75. xs: { span: 24 },
  76. sm: { span: 5 },
  77. },
  78. wrapperCol: {
  79. xs: { span: 24 },
  80. sm: { span: 16 },
  81. },
  82. showDownLoad:false,
  83. filepath:'',
  84. downloadUrl:'',
  85. debitDataUrl:'',
  86. accountFourKsDataUrl:'',
  87. accountOneKsDataUrl:'',
  88. fileList:[],
  89. accessKeyId:'LTAIbNbqWzSOklQV',
  90. accessKeySecret:'1rkPz7JNoXk8sJevPaeYHWqfkQXBGh',
  91. bucket:'ctop-media',
  92. region:'oss-cn-beijing',
  93. acceptcsv:'application/vnd.ms-excel,text/csv',
  94. customDomain:'',
  95. options:[],
  96. loading: false,
  97. form: this.$form.createForm(this),
  98. url: {
  99. uploadUrl:'/report/debitAuto',
  100. downloadUrl:'/report/download/file'
  101. }
  102. }
  103. },
  104. components:{
  105. AFormItem,
  106. UploadToAli
  107. },
  108. methods: {
  109. moment,
  110. handleSubmit(e) {
  111. e.preventDefault()
  112. this.form.validateFields((err, values) => {
  113. if (!err) {
  114. console.log('Received values of form: ', values);
  115. let params = {};
  116. params.accountOneKsDataUrl = this.accountOneKsDataUrl;
  117. params.accountFourKsDataUrl = this.accountFourKsDataUrl;
  118. params.debitDataUrl = this.debitDataUrl;
  119. console.log(params)
  120. postAction(this.url.uploadUrl,params).then((res)=>{
  121. console.log(res)
  122. if(res.success){
  123. this.filepath = res.path;
  124. this.downloadUrl = "http://39.97.120.42:8080/jeecg-boot/"+this.url.downloadUrl+"?path="+this.filepath;
  125. this.showDownLoad = true;
  126. }else{
  127. alert(res.message);
  128. this.showDownLoad = false;
  129. }
  130. });
  131. }
  132. })
  133. },
  134. onChange(value) {
  135. console.log(value)
  136. }
  137. },
  138. created: function () {
  139. }
  140. }
  141. </script>