tarsier-vue-tools系统设置组件

2021-07-09 by uino 35 tarsier-vue 研发

ps:不配置 urls 的情况下依赖于公共组件服务中台接口

使用方法一(全局注册方式)

注册

// index.js
import { System, SystemStore } from "uino-tarsier-vue-lib";
Vue.component('System', System)
store.registerModule('SystemStore', SystemStore)

使用方法

// *.vue:
<template>
  <System :urls="urls" />
</template>
<script>
  export default {
    data() {
      return {
        urls:{}
      };
    }
  }
</script>

使用方法二(局部注册方式)

注册方法

  1. 组件的store需要注册到全局的vuexstore中并命名TraversalStore
  2. 传入参数urls对象,默认配置为/tarsier-comm/permission的后台地址
// store.js:
import { SystemStore } from 'uino-tarsier-vue-lib';
export default new Vuex.Store({
  state:{},
  modules:{
    SystemStore
  }
});
</script>

使用方法

// *.vue:
<template>
  <System />
</template>

<script>
  import { System } from  'uino-tarsier-vue-lib';
  export default {
    components: {
      System
    },
    data() {
      return {};
    }
  }
</script>

参数配置说明

urls (type: Object)

接口配置地址

  • PRE: /tarsier-comm //前缀
  • LOGO_LIST: '/sys/getLogos', //获取logos
  • LOGO_UPDATE: '/sys/updateLogo', // 修改logo
  • MODULE_TREE: '/permission/module/getModuleTree', // 获取有权限的菜单树
  • MODULE_SAVE: '/permission/module/saveModule', // 保存菜单信息
  • MODULE_DEL: '/permission/module/delModule', // 删除模块
  • MODULE_RECOVER: '/permission/module/recoverModules', // 模块还原
  • MODULE_ORDER: '/permission/module/saveOrder' // 模块排序