Skip to content

Z
zhichan
Commit 72976fc9 by 蒋勇
Options

d

parent d0008eb6
Showing with 222 additions and 59 deletions
iview-admin/src/libs/util.js
......@@ -6,6 +6,11 @@ const { title, cookieExpires, useI18n } = config
export const TOKEN_KEY = 'token'
export const btnAuthFilter=(metainfo,access)=>{
console.log(".................................................",metainfo.list)
return metainfo
}
export const setToken = (token) => {
Cookies.set(TOKEN_KEY, token, { expires: cookieExpires || 1 })
}
......
iview-admin/src/store/index.js
......@@ -3,6 +3,7 @@ import Vuex from 'vuex'
import user from './module/user'
import app from './module/app'
import meta from './module/meta'
Vue.use(Vuex)
......@@ -18,6 +19,7 @@ export default new Vuex.Store({
},
modules: {
user,
app
app,
meta
}
})
iview-admin/src/store/module/app.js
import {
btnAuthFilter,
getBreadCrumbList,
setTagNavListInLocalstorage,
getMenuByRouter,
......@@ -9,7 +10,7 @@ import {
routeEqual,
getRouteTitleHandled,
localSave,
localRead
localRead,
} from '@/libs/util'
import { saveErrorLogger } from '@/api/data'
import router from '@/router'
......
iview-admin/src/store/module/meta.js
import { setToken, getToken } from '@/libs/util'
import { btnAuthFilter,setToken, getToken } from '@/libs/util'
import userinfo from "./metainfo/userinfo"
export default {
state: {
user_info:userinfo,
dict_info:import("./metainfo/dict")
},
mutations: {
setAvatar (state, avatarPath) {
state.avatarImgPath = avatarPath
},
},
getters: {
messageUnreadCount: state => state.messageUnreadList.length,
user_info: (state, getters, {user}) => btnAuthFilter(state.user_info,user),//定义一个函数添加权限控制逻辑
dict_info:state=>state.dict_info
},
actions: {
// 登录
......
iview-admin/src/store/module/metainfo/dict.js 0 → 100644
export default {
"app_type": { "api": "API服务","web": "PCWEB","app":"移动APP","xcx":"小程序","access":"接入"},
"data_priv": { "auth.role": "角色", "auth.user": "用户" },
"noticeType": {"sms": "短信", "email": "邮件","wechat":"微信"},
"authType": {"add": "新增", "edit": "编辑","delete":"删除","export":"导出","show":"查看"},
"opstatus": {"0": "失败", "1": "成功"},
"sex": {"male": "男", "female": "女"},
"configType": {"price": "宝币兑换率", "initGift": "初次赠送","apiInitGift":"API初次赠送","apiCallPrice":"api调用价格"},
"logLevel": {"debug": 0, "info": 1, "warn": 2, "error": 3, "fatal": 4},
"msgType": { "sys": "系统", "single": "单点", "multi": "群发" },
"node_type":{"org":"组织","arc":"文档"}
}
\ No newline at end of file
iview-admin/src/store/module/metainfo/userinfo.js 0 → 100644
export default {
list: [
{ title: 'Name', key: 'name', sortable: true },
{ title: 'Email', key: 'email', editable: true },
{ title: 'Create-Time', key: 'createTime' },
{
title: 'Handle',
key: 'handle',
button: [//这个数组中内容，需要按照权限字符串，在服务端构造
{title: "删除",type: "text",icon: "md-trash",key:"delete" },
{title: "编辑",type: "text",icon: "",key:"edit" },
{title: "启用",type: "text",icon: "",key:"enable"},
]
}
],
"form":[
{
"title":"控制信息",
ctls:[
{"type":"switch","prop":"isAdmin","acText":"是管理员","inactText":"否","placeHolder":"请输入单次使用消耗的宝币数","style":""},
// {"type":"select","refModel":"pmproduct","isMulti":false,"label":"所属产品","prop":"pmproduct_id","labelField":"name","valueField":"id","style":""},
]
},
{
"title":"基本信息",
ctls:[
{"type":"input","label":"账号","prop":"userName","placeHolder":"登录账号","style":"",rules:[ { "required": true, "message": ' ', "trigger": 'blur' },]},
{"type":"input","label":"昵称","prop":"nickName","placeHolder":"昵称","style":"",rules:[ { "required": true, "message": ' ', "trigger": 'blur' },]},
{"type":"input","label":"电话","prop":"mobile","placeHolder":"请输入电话","style":"",rules:[ { "validator":"validatex","trigger": 'blur' },{ "required": true, "message": ' ', "trigger": 'blur' },]},
// {"type":"select","refModel":"auth.role","isMulti":true,"label":"角色","prop":"roles","labelField":"name","valueField":"id","style":""},
]
}
],
"search":[
{
"title":"基本查询",
ctls:[
{"type":"input","label":"昵称","prop":"nickName","placeHolder":"请输入昵称","style":""},
]
},
],
"auth":{
"add":[
{"icon":"el-icon-plus","title":"新增","type":"default","key":"new","isOnGrid":true},
{"icon":"el-icon-save","title":"保存","type":"default","key":"save","isOnForm":true},
],
"edit":[
{"icon":"el-icon-edit","title":"修改","type":"default","key":"edit","isInRow":true},
],
"delete":[
{"icon":"el-icon-remove","title":"删除","type":"default","key":"delete","isInRow":true},
{"icon":"el-icon-edit","title":"停用","type":"default","key":"stopUser","isInRow":true,"boolProp":"isEnabled","falseText":"启用"},
],
"common":[
{"icon":"el-icon-cancel","title":"取消","type":"default","key":"cancel","isOnForm":true},
],
}
}
\ No newline at end of file
iview-admin/src/view/components/tables/forms/forms.vue
<template>
<div>
<Card>
<Form ref="formInline" :model="formInline" :rules="ruleInline" inline>
<FormItem prop="user">
<Input type="text" v-model="formInline.user" placeholder="Username">
<Icon type="ios-person-outline" slot="prepend"></Icon>
</Input>
</FormItem>
<FormItem prop="password">
<Input type="password" v-model="formInline.password" placeholder="Password">
<Icon type="ios-lock-outline" slot="prepend"></Icon>
</Input>
</FormItem>
<FormItem>
<Button type="primary" @click="handleSubmit('formInline')">Signin</Button>
</FormItem>
<div></div>
<Form ref="formInline" :model="formdata" :rules="ruleInline">
<template v-for="group in forminfo">
<Divider orientation="left" :key="group.title">{{group.title}}</Divider>
<Row :key="'r'+group.title">
<Col :xs="2" :sm="4" :md="6" :lg="8" v-for="ctl in group.ctls" :key="ctl.prop">
<FormItem :label="ctl.label"></FormItem>
</Col>
</Row>
</template>
</Form>
</Card>
</div>
......@@ -22,47 +18,137 @@
<script>
// import { getTableData } from '@/api/data'
export default {
name: 'forms',
components: {
name: "forms",
components: {},
props: {
fminfo: {
type: Array,
default() {
return [];
}
},
data () {
refvalidatemethod:{
type:Function,
default(){
return (rule, value, callback)=>{
return callback()
}
}
}
},
data() {
return {
columns: [
{ title: 'Name', key: 'name', sortable: true },
{ title: 'Email', key: 'email', editable: true },
{ title: 'Create-Time', key: 'createTime' },
forminfo: [
{
title: "控制信息",
col: 3,
ctls: [
{
title: 'Handle',
key: 'handle',
options: ['delete'],
button: [
{title: "编辑",type: "text",icon: "",key:"edit" },
{title: "启用",type: "text",icon: "",key:"enable"},
type: "switch",
prop: "isAdmin",
acText: "是管理员",
inactText: "否",
placeHolder: "请输入单次使用消耗的宝币数",
style: ""
}
// {"type":"select","refModel":"pmproduct","isMulti":false,"label":"所属产品","prop":"pmproduct_id","labelField":"name","valueField":"id","style":""},
]
},
{
title: "基本信息",
col: 3,
ctls: [
{
type: "input",
label: "账号",
prop: "userName",
placeHolder: "登录账号",
style: "",
rules: [{ required: true, message: " ", trigger: "blur" }]
},
{
type: "input",
label: "昵称",
prop: "nickName",
placeHolder: "昵称",
style: "",
rules: [{ required: true, message: " ", trigger: "blur" }]
},
{
type: "input",
label: "电话",
prop: "mobile",
placeHolder: "请输入电话",
style: "",
rules: [
{ validator: "validatex", trigger: "blur" },
{ required: true, message: " ", trigger: "blur" }
]
}
// {"type":"select","refModel":"auth.role","isMulti":true,"label":"角色","prop":"roles","labelField":"name","valueField":"id","style":""},
]
}
],
tableData: []
formModel: {},
metaRules:{},
btninfos: []
};
},
watch: {
fminfo(nf, of) {
this.forminfo = nf;
this.forminfo.forEach(m => {
if (!m || !m.ctls) {
return;
}
m.ctls.forEach(ctl => {
// this.$set(this.ctlVisable, ctl.prop, true);
if (ctl.rules) {
ctl.rules.forEach(r => {
if (r.validator) {
r.validator = self[r.validator];
}
});
this.metaRules[ctl.prop] = ctl.rules;
}
if (ctl.type == "select") {
this.$set(this.formModel, ctl.prop, []);
} else {
console.log(ctl.prop);
if (ctl.type == "number") {
this.$set(this.formModel, ctl.prop, 0);
} else {
this.$set(this.formModel, ctl.prop, "");
}
}
});
});
}
},
methods: {
handleDelete (params) {
console.log(params)
handleDelete(params) {
console.log(params);
},
exportExcel () {
exportExcel() {
this.$refs.tables.exportCsv({
filename: `table-${(new Date()).valueOf()}.csv`
})
filename: `table-${new Date().valueOf()}.csv`
});
},
validatex(rule, value, callback){
if(this.refvalidatemethod){
return this.refvalidatemethod(rule, value, callback);
}else{
return callback();
}
},
mounted () {
},
mounted() {
getTableData().then(res => {
this.tableData = res.data
})
this.tableData = res.data;
});
}
}
};
</script>
<style>
</style>
iview-admin/src/view/components/tables/tables.vue
......@@ -15,22 +15,15 @@ export default {
components: {
Tables
},
props:{
metaName:String,
default:"user_info"
},
data () {
this.metaName="user_info"
return {
columns: [
{ title: 'Name', key: 'name', sortable: true },
{ title: 'Email', key: 'email', editable: true },
{ title: 'Create-Time', key: 'createTime' },
{
title: 'Handle',
key: 'handle',
button: [//这个数组中内容，需要按照权限字符串，在服务端构造
{title: "删除",type: "text",icon: "md-trash",key:"delete" },
{title: "编辑",type: "text",icon: "",key:"edit" },
{title: "启用",type: "text",icon: "",key:"enable"},
]
}
],
columns: this.metaName?this.$store.getters[this.metaName]["list"]:[],
tableData: []
}
},
......
iview-admin/vue.config.js
......@@ -40,4 +40,5 @@ module.exports = {
// devServer: {
// proxy: 'localhost:3000'
// }
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment