# 安装依赖
npm install
# 前端 node：18.20.3
npm run start_front
# 后端
npm run start_back

npm update vue-select-dialog

npm i vue-slect-dialog -D

import Vue from 'vue'
import vueSelectDialog from "vue-select-dialog";

Vue.use(vueSelectDialog)

// 用于处理接口返回的数据(data：表格数据，total：表格数据总条数)
const processingDataDemo1 = (res) => {
    return {data: res.data, total: res.data.length};
}
const processingDataDemo2 = (res) => {
    return {data: res.data.list, total: res.data.total};
}

tableDataColumn = [
    {
        label: "序号", // 表头名称
        width: 50, // 表头宽度
        accumulate: false, // 序号是否累加
    },
    {
        label: "部门名称",
        prop: "dept_name",
    },
    {
        label: "部门ID",
        prop: "dept_id",
    },
    {
        label: "部门状态",
        prop: "status", // 对应接口返回的字段
        isSlot: true, // 是否是插槽
    },
    {
        label: "节点类型",
        prop: "nodeType",
        isSlot: true,
    },
    {
        label: "创建者",
        prop: "create_by",
    },
    {
        label: "创建时间",
        prop: "create_time",
    },
];

<script>
import {getDeptQueryList} from "@/api";

export default {
  provide() {
    return {
      requestName: getDeptQueryList,
      // requestName: (params) => getDeptQueryList(params) // 和上面效果一样【需在注册接口的地方接参】
    };
  }
}
</script>

<script>
import axios from "axios";

export default {
  provide() {
    return {
      requestName: this.interfaceName
    };
  },
  methods: {
    interfaceName(params) {
      let url = "接口地址";
      return axios.get(url, {params});
    }
  }
}
</script>