90 lines
3.7 KiB
JavaScript
90 lines
3.7 KiB
JavaScript
const UNIT_USER_MANAGE_TEMPLATE = {
|
|
template: /*language=HTML*/ `
|
|
<div>
|
|
<el-card shadow="never" style="border: 1px solid var(--border-color-lighter); margin-top: 10px">
|
|
<el-row :gutter="10" type="flex">
|
|
<el-input placeholder="请输入内容" size="small" v-model="pageForm.searchKeyword"
|
|
clearable
|
|
@keyup.enter.native="doSearch" style="width: 300px">
|
|
<el-select v-model="pageForm.searchName" slot="prepend" placeholder="查询类型" style="width: 80px">
|
|
<el-option label="姓名" value="username"></el-option>
|
|
<el-option label="工号" value="loginname"></el-option>
|
|
</el-select>
|
|
</el-input>
|
|
<el-button type="primary" class="ml5" size="small" icon="el-icon-search" @click="doSearch"></el-button>
|
|
</el-row>
|
|
</el-card>
|
|
<el-card shadow="never" style="border: 1px solid var(--border-color-lighter); margin-top: 10px">
|
|
<table-tool label="人员列表">
|
|
|
|
</table-tool>
|
|
<el-table :data="tableData" size="mini">
|
|
<el-table-column label="序号" type="index" width="60">
|
|
<template v-slot="scope">{{scope.$index + (pageForm.pageNumber - 1) * pageForm.pageSize + 1}}</template>
|
|
</el-table-column>
|
|
<el-table-column label="姓名" prop="username"></el-table-column>
|
|
<el-table-column label="工号" prop="loginname"></el-table-column>
|
|
<el-table-column label="性别" prop="sex"></el-table-column>
|
|
<el-table-column label="联系方式" prop="mobile"></el-table-column>
|
|
<el-table-column label="是否会员" prop="member">
|
|
<template v-slot="scope">
|
|
<el-tag v-if="scope.row.member" type="success">是</el-tag>
|
|
<el-tag v-else type="danger">否</el-tag>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
<!--#include("/layouts/pagination.html"){}#-->
|
|
</el-card>
|
|
</div>
|
|
`,
|
|
props: {
|
|
currentData: {
|
|
type: Object,
|
|
required: false
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
pageForm: {
|
|
unitName: "",
|
|
searchName: "username",
|
|
searchKeyword: "",
|
|
pageNumber: 1,
|
|
pageSize: 10,
|
|
totalCount: 0,
|
|
pageOrderName: "",
|
|
pageOrderBy: "",
|
|
audit: false
|
|
},
|
|
tableData: []
|
|
}
|
|
},
|
|
computed: {},
|
|
methods: {
|
|
doSearch() {
|
|
this.pageForm.pageNumber = 1
|
|
this.pageData()
|
|
},
|
|
pageNumberChange(val) {
|
|
this.pageForm.pageNumber = val
|
|
this.pageData()
|
|
},
|
|
pageSizeChange(val) {
|
|
this.pageForm.pageSize = val
|
|
this.pageData()
|
|
},
|
|
pageData() {
|
|
this.pageForm.unitId = this.currentData.id
|
|
this.$axios.post(loc() + "/userPageData", this.pageForm).then((res) => {
|
|
if (res.code === 0) {
|
|
this.tableData = res.data.list
|
|
this.pageForm.totalCount = res.data.totalCount
|
|
}
|
|
})
|
|
}
|
|
},
|
|
created() {
|
|
this.pageData()
|
|
}
|
|
}
|