settlement-information.vue 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. <template>
  2. <div class="settlement-information-content">
  3. <div class="control-con-title">
  4. <div>
  5. <span class="policy-export-btn">结算单信息</span>
  6. <span>
  7. <a-tooltip>
  8. <template slot="title">由销售人员上传需要进行结算的客户自运营的账户信息,需要注意开户主体需要是我司</template>
  9. <a-icon class="settlement-header-icon" type="question-circle"/>
  10. </a-tooltip>
  11. 显示列表信息,销售人员只能操作与自己相关的项目
  12. </span>
  13. </div>
  14. <div>
  15. <span class="add-acount-policy-btn"><a-button @click="handleDownloadProfit">下载利润表</a-button></span>
  16. <span class="add-acount-policy-btn"><a-button @click="handleDownloadSettlement">下载结算单</a-button></span>
  17. <span class="add-acount-policy-btn"><a-button type="primary" @click="handleUploadAccount">上传截图</a-button></span>
  18. </div>
  19. </div>
  20. </div>
  21. </template>
  22. <script>
  23. export default {
  24. name: 'settlement-information',
  25. data() {
  26. return {};
  27. },
  28. methods: {
  29. // 下载利润单
  30. handleDownloadProfit() {
  31. console.log('下载利润单');
  32. },
  33. // 下载结算单
  34. handleDownloadSettlement() {
  35. console.log('下载结算单');
  36. },
  37. // 上传截图
  38. handleUploadAccount() {
  39. console.log('上传截图');
  40. }
  41. }
  42. }
  43. </script>
  44. <style lang="less" scoped>
  45. @import "settlement-information";
  46. </style>