68 lines
2.2 KiB
Vue
68 lines
2.2 KiB
Vue
<template>
|
|
<div class="module-content">
|
|
<h4>学员列表</h4>
|
|
<el-form
|
|
:inline="true"
|
|
size="mini"
|
|
:model="formInline"
|
|
class="demo-form-inline"
|
|
>
|
|
<el-form-item label="">
|
|
<el-input
|
|
v-model="formInline.user"
|
|
placeholder="请输入uid或者昵称"
|
|
></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="">
|
|
<el-select v-model="formInline.region" placeholder="选择在期状态">
|
|
<el-option label="区域一" value="shanghai"></el-option>
|
|
<el-option label="区域二" value="beijing"></el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
<el-form-item label="">
|
|
<el-select v-model="formInline.region" placeholder="选择禁言状态">
|
|
<el-option label="区域一" value="shanghai"></el-option>
|
|
<el-option label="区域二" value="beijing"></el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
<el-form-item>
|
|
<el-button type="primary" @click="onSubmit">搜索</el-button>
|
|
</el-form-item>
|
|
</el-form>
|
|
<el-table :data="tableData" style="width: 100%">
|
|
<el-table-column prop="date" label="头像" width="180">
|
|
<template slot-scope="scope">
|
|
<img
|
|
src=""
|
|
style="max-width: 50x;max-height: 50px;"
|
|
alt=""
|
|
srcset=""
|
|
/>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="name" label="uid" width="180"> </el-table-column>
|
|
<el-table-column prop="address" label="加入时间"> </el-table-column>
|
|
<el-table-column prop="address" label="到期时间"> </el-table-column>
|
|
<el-table-column prop="address" label="状态"> </el-table-column>
|
|
<el-table-column prop="address" label="禁言状态"> </el-table-column>
|
|
<el-table-column fixed="right" label="操作" width="100">
|
|
<template slot-scope="scope">
|
|
<el-button type="text" size="small">私聊</el-button>
|
|
<el-button type="text" size="small">禁言</el-button>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
formInline: {},
|
|
tableData: [{}]
|
|
};
|
|
}
|
|
};
|
|
</script>
|
|
<style lang="scss" scoped></style>
|