test-modal.vue 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. <template>
  2. <div>
  3. <a-button @click="showModal">显示</a-button>
  4. <iam-audit-modal
  5. :single="false"
  6. select-type="table"
  7. :visible="visible"
  8. :treeparams="{
  9. configId: '1',
  10. }"
  11. :columns="columns"
  12. @listSelected="listSelected"
  13. @getCheckNode="getCheckNode"
  14. ></iam-audit-modal>
  15. </div>
  16. </template>
  17. <script>
  18. import TableColumnTypes from '@/common/services/table-column-types'
  19. import iamAuditModal from '../../components/iam-audit-modal.vue'
  20. import components from './_import-components/test-modal-import'
  21. export default {
  22. name: 'TestModal',
  23. metaInfo: {
  24. title: 'TestModal',
  25. },
  26. components: {
  27. ...components,
  28. iamAuditModal,
  29. },
  30. data() {
  31. return {
  32. visible: false,
  33. expressions: [],
  34. columns: [
  35. {
  36. title: '机构名称',
  37. dataIndex: 'orgName',
  38. width: '15%',
  39. },
  40. {
  41. title: '地址',
  42. dataIndex: 'address',
  43. width: '10%',
  44. },
  45. ],
  46. }
  47. },
  48. methods: {
  49. showModal() {
  50. this.visible = true
  51. },
  52. listSelected(keys, keyinfos) {
  53. console.log(keys)
  54. console.log(keyinfos)
  55. },
  56. getCheckNode(checkNode) {
  57. console.log(checkNode)
  58. },
  59. },
  60. }
  61. </script>
  62. <style module lang="scss">
  63. @use '@/common/design' as *;
  64. </style>