const schoolUnionUserManage = {
    template:
        /*language=HTML*/
        `
            <div>
                <el-card shadow="never" style="border: 1px solid var(--border-color-lighter); margin-top: 10px">
                    <el-row type="flex" style="column-gap: 10px">
                        <el-input
                            placeholder="请输入内容"
                            size="small"
                            style="width: 400px"
                            clearable
                            v-model="pageForm.searchKeyword"
                            @keyup.enter.native="doSearch"
                        >
                            <el-select v-model="pageForm.searchName" size="small" slot="prepend" placeholder="查询类型"
                                       style="width: 120px">
                                <el-option label="角色" value="roleName"></el-option>
                                <el-option label="姓名" value="username"></el-option>
                                <el-option label="工号" value="loginname"></el-option>
                            </el-select>
                        </el-input>
                        <el-button type="primary" size="small" icon="el-icon-search" @click="doSearch"></el-button>
                        <el-button type="primary" size="small" icon="el-icon-plus" style="margin-left: auto"
                                   @click="openAdd">添加
                        </el-button>
                    </el-row>
                </el-card>
                <el-card shadow="never" style="border: 1px solid var(--border-color-lighter); margin-top: 10px">
                    <el-table :data="tableData" border>
                        <el-table-column prop="username" label="姓名"></el-table-column>
                        <el-table-column prop="loginname" label="工号"></el-table-column>
                        <el-table-column prop="roleName" label="角色"></el-table-column>
                        <el-table-column label="操作" width="100px">
                            <template scope="scope">
                                <el-button size="mini" type="danger" icon="el-icon-delete"
                                           @click="doDelete(scope.row)"></el-button>
                            </template>
                        </el-table-column>
                    </el-table>
                </el-card>
                <el-dialog title="添加" :visible.sync="dialogFormVisible" width="600px" :close-on-click-modal="false">
                    <el-form :model="formData" ref="form" size="small" label-width="80px">
                        <el-form-item prop="roleCode" label="角色">
                            <dict-select v-model="formData.roleCode" code="SCHOOL_UNION_ROLES"></dict-select>
                        </el-form-item>
                        <el-form-item prop="userId" label="人员">
                            <user-select v-model="formData.userId" api_input_key_name="query"></user-select>
                        </el-form-item>
                    </el-form>
                    <div slot="footer" class="dialog-footer">
                        <el-button @click="dialogFormVisible = false">取 消</el-button>
                        <el-button type="primary" @click="doSubmit">确 定</el-button>
                    </div>
                </el-dialog>
            </div>
        `,
    mixins: [initTableMixins],
    props: {},
    data() {
        return {
            pageForm: {
                searchName: "username"
            },
            dialogFormVisible: false,
            formData: {}
        }
    },
    methods: {
        openAdd() {
            this.dialogFormVisible = true
            this.$nextTick(() => {
                this.formData = {}
            })
        },
        doSubmit() {
            $.post("/platform/sys/union/insertSchoolUnionUserRole", this.formData).then((res) => {
                if (res.code === 0) {
                    this.dialogFormVisible = false
                    this.$message.success(res.msg)
                    this.doSearch()
                }
            })
        },
        doDelete({ userId, roleCode }) {
            this.$confirm("您确定要删除吗？", "提示", {
                confirmButtonText: "确定",
                cancelButtonText: "取消",
                type: "info"
            }).then((res) => {
                $.post("/platform/sys/union/deleteSchoolUnionUserRole", { userId, roleCode }).then((res) => {
                    if (res.code === 0) {
                        this.$message.success(res.msg)
                        this.doSearch()
                    }
                })
            })
        },
        pageData() {
            $.get("/platform/sys/union/schoolUnionUserPageData", this.pageForm).then((res) => {
                if (res.code === 0) {
                    this.tableData = res.data
                }
            })
        }
    },
    created() {
        this.pageData()
    }
}