Zhao Qiqi
3 years ago
10 changed files with 637 additions and 214 deletions
@ -0,0 +1,122 @@ |
|||||
|
<template> |
||||
|
<!--标题按钮部分开始--> |
||||
|
<div class="tab-header webtop"> |
||||
|
<!--标题--> |
||||
|
<div>{{ viewTitle }}</div> |
||||
|
<!--start 按钮部分开始 :icon="item.icon"--> |
||||
|
<div> |
||||
|
<el-button v-for="item in btnList" :key="item.btnKey" :type="item.type" :size="item.size" :disabled="btndisabled" @click="btnHandle(item.btnKey)"> |
||||
|
<svg-icon :iconClass="item.icon"/>{{ item.btnLabel }} |
||||
|
</el-button> |
||||
|
</div> |
||||
|
<!--end 按钮部分结束--> |
||||
|
</div> |
||||
|
<!--标题按钮部分结束--> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
name: 'ButtonBar', |
||||
|
props: { |
||||
|
viewTitle: String, |
||||
|
btndisabled: { type: Boolean, default: false } |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
currentPath: this.$route.path, |
||||
|
userSid: this.$store.getters.userInfo ? this.$store.getters.userInfo.userSid : '', |
||||
|
btnList: [ |
||||
|
{ |
||||
|
type: 'primary', |
||||
|
size: 'small', |
||||
|
icon: 'plus', |
||||
|
btnKey: 'toAdd', |
||||
|
btnLabel: '新增' |
||||
|
}, |
||||
|
{ |
||||
|
type: 'primary', |
||||
|
size: 'small', |
||||
|
icon: 'edit', |
||||
|
btnKey: 'toEdit', |
||||
|
btnLabel: '编辑' |
||||
|
}, |
||||
|
{ |
||||
|
type: 'primary', |
||||
|
size: 'small', |
||||
|
icon: 'submit', |
||||
|
btnKey: 'doSubmit', |
||||
|
btnLabel: '提交' |
||||
|
}, |
||||
|
{ |
||||
|
type: 'danger', |
||||
|
size: 'small', |
||||
|
icon: 'del', |
||||
|
btnKey: 'doDel', |
||||
|
btnLabel: '删除' |
||||
|
}, |
||||
|
{ |
||||
|
type: 'success', |
||||
|
size: 'small', |
||||
|
icon: 'Import', |
||||
|
btnKey: 'doImport', |
||||
|
btnLabel: '导入' |
||||
|
}, |
||||
|
{ |
||||
|
type: 'success', |
||||
|
size: 'small', |
||||
|
icon: 'export', |
||||
|
btnKey: 'build', |
||||
|
btnLabel: '导出' |
||||
|
}, |
||||
|
{ |
||||
|
type: 'info', |
||||
|
size: 'small', |
||||
|
icon: 'cross', |
||||
|
btnKey: 'doClose', |
||||
|
btnLabel: '关闭' |
||||
|
} |
||||
|
] |
||||
|
} |
||||
|
}, |
||||
|
created: function() { |
||||
|
this.initPermission() |
||||
|
}, |
||||
|
methods: { |
||||
|
initPermission() { |
||||
|
console.log('*******************当前路径 ' + this.currentPath) |
||||
|
console.log('*******************当前用户 ' + this.userSid) |
||||
|
const params = { |
||||
|
currentPath: this.currentPath, |
||||
|
userSid: this.userSid |
||||
|
} |
||||
|
// req |
||||
|
// .buttonPermission(params) |
||||
|
// .then(resp => { |
||||
|
// if (resp.success) { |
||||
|
// this.btnList = resp.data |
||||
|
// } |
||||
|
// }) |
||||
|
// .catch(e => { |
||||
|
// console.log('请求权限按钮组出错：' + e) |
||||
|
// }) |
||||
|
}, |
||||
|
btnHandle(btnKey) { |
||||
|
this.$emit('btnhandle', btnKey) |
||||
|
}, |
||||
|
setButtonList(value) { |
||||
|
this.btnList = value |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
.svg-icon { |
||||
|
width: 1.2em; |
||||
|
height: 1.2em; |
||||
|
vertical-align: -0.16em; |
||||
|
fill: currentColor; |
||||
|
overflow: hidden; |
||||
|
margin-right: 3px; |
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue