版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
前端
html
<template>
<div class="mod-user">
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
<el-form-item label="姓名">
<el-input v-model="dataForm.personnelName" placeholder="姓名" clearable></el-input>
</el-form-item>
<el-form-item label="身份证号">
<el-input v-model="dataForm.idCard" placeholder="身份证号" clearable></el-input>
</el-form-item>
<el-form-item label="性别">
<el-select v-model="dataForm.sexCode" clearable placeholder="请选择">
<el-option v-for="sex in sexList" :key="sex.value" :label="sex.label" :value="sex.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="部门">
<el-popover ref="menuListPopover" placement="bottom-start" trigger="click">
<el-tree :data="menuList" :props="menuListTreeProps" node-key="departmentNo" ref="menuListTree"
@current-change="menuListTreeCurrentChangeHandle" :default-expand-all="true" :highlight-current="true"
:expand-on-click-node="false">
</el-tree>
</el-popover>
<el-input v-model="dataForm.parentName" v-popover:menuListPopover clearable placeholder="点击选择所属部门"
class="menu-list__input"></el-input>
</el-form-item>
<el-form-item>
<el-button @click="getDataList()" type="primary" icon="el-icon-search">查询</el-button>
<el-button type="success" icon="el-icon-circle-plus-outline" @click="addOrUpdateHandle()">新增