master
parent
f511f6e567
commit
adcb1b3169
@ -0,0 +1,10 @@
|
|||||||
|
import request from "@/utils/request";
|
||||||
|
|
||||||
|
export function getList(params){
|
||||||
|
return request({
|
||||||
|
url:'/api/admin/study/study-log',
|
||||||
|
method:'get',
|
||||||
|
params
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
@ -0,0 +1,154 @@
|
|||||||
|
<template>
|
||||||
|
<div style="padding: 0 20px">
|
||||||
|
<div ref="lxHeader">
|
||||||
|
<lx-header icon="md-apps" text="学习记录" style="margin-bottom: 10px; border: 0px; margin-top: 15px">
|
||||||
|
<slot>
|
||||||
|
<div style="display: flex;align-items: center;" class="selector">
|
||||||
|
<div style="margin-right: 10px;">关键词</div>
|
||||||
|
|
||||||
|
<el-input size="mini" placeholder="请输入关键词" v-model="select.keyword"
|
||||||
|
style="width: 160px;margin-right: 10px;"></el-input>
|
||||||
|
<el-button @click="getList" slot="reference" size="medium" type="primary" style="margin-left: 10px">查询
|
||||||
|
</el-button>
|
||||||
|
</div>
|
||||||
|
</slot>
|
||||||
|
</lx-header>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<xy-table :table-item="table" :list="data" :total="total"
|
||||||
|
:auths="[]"
|
||||||
|
@pageSizeChange="e => {select.page_size = e;select.page = 1;getList()}"
|
||||||
|
@pageIndexChange="e => {select.page = e;getList()}">
|
||||||
|
<template v-slot:btns>
|
||||||
|
<div></div>
|
||||||
|
</template>
|
||||||
|
</xy-table>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import {
|
||||||
|
getList
|
||||||
|
} from '@/api/visit/study.js'
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
select: {
|
||||||
|
page: 1,
|
||||||
|
page_size: 10,
|
||||||
|
keyword: "",
|
||||||
|
},
|
||||||
|
total: 0,
|
||||||
|
data: [],
|
||||||
|
table: [{
|
||||||
|
label: '序号',
|
||||||
|
type: "index",
|
||||||
|
fixed: "left",
|
||||||
|
width: 80
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '用户id',
|
||||||
|
sortable: false,
|
||||||
|
prop: 'user_id',
|
||||||
|
width: 120
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '姓名',
|
||||||
|
sortable: false,
|
||||||
|
prop: 'name',
|
||||||
|
width: 120
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '身份证',
|
||||||
|
sortable: false,
|
||||||
|
prop: 'idcard',
|
||||||
|
// width: 120
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '联系方式',
|
||||||
|
sortable: false,
|
||||||
|
prop: 'mobile',
|
||||||
|
width: 120
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '学习类型',
|
||||||
|
sortable: false,
|
||||||
|
prop: 'type',
|
||||||
|
width: 120,
|
||||||
|
formatter:(cell, data, value)=>{
|
||||||
|
if(value==1){
|
||||||
|
return '普通访客'
|
||||||
|
}else if(value==2){
|
||||||
|
return '施工访客'
|
||||||
|
}else if(value==3){
|
||||||
|
return '物流车辆'
|
||||||
|
}else{
|
||||||
|
return '未知'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '学习时间',
|
||||||
|
sortable: false,
|
||||||
|
prop: 'updated_at',
|
||||||
|
width: 180
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '有效期',
|
||||||
|
sortable: false,
|
||||||
|
prop: 'expire_day',
|
||||||
|
width: 180
|
||||||
|
},
|
||||||
|
]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed: {},
|
||||||
|
mounted() {
|
||||||
|
this.getList()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
async getList() {
|
||||||
|
let res = await getList(this.select)
|
||||||
|
console.log(res)
|
||||||
|
this.data = res.data
|
||||||
|
this.total = res.total
|
||||||
|
}
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
//::v-deep .el-button + .el-button{
|
||||||
|
// margin-left: 0 !important;
|
||||||
|
//}
|
||||||
|
::v-deep .el-button {
|
||||||
|
padding: 5px 8px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.selector {
|
||||||
|
::v-deep .el-input--suffix .el-input__inner {
|
||||||
|
height: 28px;
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .el-select .el-input .el-select__caret {
|
||||||
|
line-height: 28px;
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .el-range-editor.el-input__inner {
|
||||||
|
height: 28px;
|
||||||
|
width: 250px
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .el-date-editor .el-range__icon {
|
||||||
|
line-height: 21px;
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .el-date-editor .el-range-separator {
|
||||||
|
line-height: 21px;
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .el-date-editor .el-range__close-icon {
|
||||||
|
line-height: 21px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Loading…
Reference in new issue