>
class
=>
class
="power-list"
>
class
="power-list-top"
>
class
="power-list-top-left"
>
黑名單列表div
>
class
="power-list-top-right"
>
class
="power-list-top-right-select"
>
size
="medium"
placeholder
="按公司名稱查詢"
suffix-icon
="el-icon-search"
v-model
="params.companyname"
>
el-input
>
div>
class
="power-list-top-right-select"
>
size
="medium"
placeholder
="按使用者名稱查詢"
suffix-icon
="el-icon-search"
v-model
="params.username"
>
el-input
>
div>
class
="power-list-top-right-select"
>
v-model
="params.roletype"
placeholder
="選擇角色"
size
="medium"
>
v-for
="item in options"
:key
="item.value"
:label
="item.label"
:value
="item.value"
>
el-option
>
el-select
>
div>
div>
div>
class
="power-list-bottom"
>
:data
="tabledata"
style
="width
: 100%
">
prop
="xuhao"
label
="序號"
width
="80"
type
="index"
>
el-table-column
>
prop
="companyname"
label
="公司名稱"
show-overflow-tooltip
>
el-table-column
>
prop
="username"
label
="使用者名稱"
show-overflow-tooltip
>
el-table-column
>
prop
="realname"
label
="姓名"
show-overflow-tooltip
>
el-table-column
>
prop
="phone"
label
="**"
show-overflow-tooltip
>
el-table-column
>
prop
="role"
label
="角色"
show-overflow-tooltip
>
el-table-column
>
label
="操作"
width
="160"
>
slot-scope
="scope"
>
type
="text"
size
="small"
class
="modify-btn"
>
恢復el-button
>
@click.native.prevent
="deleterow(scope.$index, tabledata)"
type
="text"
size
="small"
class
="del-btn"
>
徹底刪除
el-button
>
template
>
el-table-column
>
prop
="remark"
label
="備註"
show-overflow-tooltip
>
el-table-column
>
el-table
>
div>
// 分頁
class
="page-box"
>
background
layout
="prev, pager, next"
@current-change
="handlecurrentchange"
:current-page
="page.currpage"
:total
="page.totalcount"
:page-size
="10"
>
el-pagination
>
div>
div>
div>
template
>
script>
// api介面引入進去的
import from "@/api/yonghuguanli"
export default ,
params: ,
options: [, , ],
input3:'',
input2:'',
value: '',
tabledata: ,}},
methods: ,
deleterow(index, rows) ,
blackaccountlist())}},
created(),
watch:
}} }
vue 後台系統許可權管理
最近在做乙個後台管理系統，一般的後台系統都有許可權管理這塊，下面我就分享下我實現許可權管理這塊的思路。首先說下這個系統前端用到的技術棧，vue全家桶,element ui,axios。首先，使用者的許可權是通過前端來進行配置的，那麼就需要乙個頁面去進行使用者的許可權配置。在使用者登入之後，通過請求後...
vue後台管理系統 vue全家桶
vue全家桶系列 vue後台管理系統 初學vue時曾在網上搜尋vue的實戰專案原始碼，無奈大部分都是簡單的demo，對於深究vue沒有太大的幫助，只能自己弄了乙個後台管理系統的模板,包括幾乎包括所有的vue全家桶的重要功能,裡面的頁面雖然簡單,但是功能是基本齊全的,希望對於初學者可以有一定的幫助。如...
dtree 後台管理例子 vue 專案介面管理
在vue開發中，會涉及到很多介面的處理，當專案足夠大時，就需要定義規範統一的介面，如何定義呢？方法可能不只一種，本文使用axios async await進行介面的統一管理。本文使用vue cli生成的專案舉例。舉例拿segmentfault的官網簡單舉個例子，先看一下官網 問答模組 專欄模組 講堂...