dealerType.js 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. import { dealerTypeTreeList } from '@/api/dealer.js'
  2. const AllocateType = {
  3. template: `
  4. <a-cascader
  5. :value="defaultVal"
  6. :allowClear="allowClear"
  7. :change-on-select="changeOnSelect"
  8. @change="handleChange"
  9. :options="list"
  10. expand-trigger="hover"
  11. :placeholder="placeholder"
  12. :id="id"
  13. :fieldNames="{ label: 'name', value: 'code', children: 'childrenList' }"/>
  14. `,
  15. props: {
  16. value: {
  17. type: Array,
  18. defatut: function(){
  19. return []
  20. }
  21. },
  22. id: {
  23. type: String,
  24. default: ''
  25. },
  26. placeholder:{
  27. type: String,
  28. default: '请选择商户类型'
  29. },
  30. changeOnSelect:{
  31. type: Boolean,
  32. default: false
  33. },
  34. allowClear:{
  35. type: Boolean,
  36. default: true
  37. },
  38. level:{
  39. type: [String,Number],
  40. default: ''
  41. }
  42. },
  43. data() {
  44. return {
  45. defaultVal: this.value,
  46. list: []
  47. };
  48. },
  49. mounted() {
  50. this.getTree()
  51. },
  52. watch: {
  53. value(newValue, oldValue) {
  54. this.defaultVal = newValue
  55. }
  56. },
  57. methods: {
  58. filterOption (input, option) {
  59. return (
  60. option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
  61. )
  62. },
  63. handleChange(value,opts) {
  64. this.defaultVal = value;
  65. this.$emit('input', value);
  66. this.$emit('change', value,opts);
  67. },
  68. // 价格类型
  69. getTree () {
  70. dealerTypeTreeList({}).then(res => {
  71. console.log(res)
  72. if (res.status == 200) {
  73. if(this.level){
  74. this.list = this.getBylevel(res.data)
  75. }else{
  76. this.list = res.data
  77. }
  78. } else {
  79. this.list = []
  80. }
  81. })
  82. },
  83. getBylevel(data){
  84. const ret = []
  85. // 显示一级分类
  86. if(this.level == 1){
  87. data.map(item => {
  88. if(item.childrenList){
  89. delete item.childrenList
  90. }
  91. })
  92. }
  93. return data
  94. }
  95. },
  96. };
  97. export default AllocateType