{{template "header" }}
<div id="app" style="width:100%">
    <template>
        <el-container v-loading.fullscreen.lock="fullscreenLoading">
            <el-aside>
                {{template "setting_left" .}}
            </el-aside>

            <el-main class="mainMain">
                <el-button style="margin-bottom: 10px;" @click="" type="primary" size="small">添加角色</el-button>
                <el-table
                        :data="roleList"
                        border
                        style="width: 100%">
                    <el-table-column
                            prop="role_name"
                            label="角色名称">
                    </el-table-column>
                    <el-table-column
                            prop="method"
                            label="允许方法">
                    </el-table-column>
                    <el-table-column
                            prop="id"
                            label="操作">
                        <template slot-scope="scope">
                            <el-button @click="" type="primary" size="small" plain>配置权限</el-button>
                        </template>
                    </el-table-column>
                </el-table>
            </el-main>

        </el-container>
        <el-dialog
                title="客服"
                :visible.sync="kefuDialog"
                width="30%"
        >
            <el-form ref="kefuForm" :model="kefuForm" :rules="rules" label-width="70px">
                <el-form-item label="用户名"  prop="name">
                    <el-input v-model="kefuForm.name"></el-input>
                </el-form-item>
                <el-form-item label="密码"  prop="password">
                    <el-input v-model="kefuForm.password"></el-input>
                </el-form-item>
                <el-form-item label="昵称"  prop="nickname">
                    <el-input v-model="kefuForm.nickname"></el-input>
                </el-form-item>
                <el-form-item label="头像"  prop="avator">
                    <el-select v-model="kefuForm.avator" placeholder="请选择头像">
                        <el-option :label="'头像'+item" :value="'/static/images/'+item+'.jpg'" v-for="item in [0,1,2,3,4,5,6,7,8,9,10,11,12,13,14]" v-bind:key="item">
                            <el-avatar :size="30" :src="'/static/images/'+item+'.jpg'"></el-avatar>
                        </el-option>
                    </el-select>
                </el-form-item>
            </el-form>
            <span slot="footer" class="dialog-footer">
                <el-button @click="kefuDialog = false">取 消</el-button>
                <el-button type="primary" @click="submitKefuForm('kefuForm')">确 定</el-button>
              </span>
        </el-dialog>
    </template>

</div>
</body>
{{template "setting_bottom" .}}