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()
    }
}