VUE+ELEMENTUI el-table组件分页+C#后端结合

最新推荐文章于 2024-05-10 10:03:10 发布

seesaw7

最新推荐文章于 2024-05-10 10:03:10 发布

阅读量384

点赞数

文章标签： vue.js elementui c#

本文链接：https://blog.csdn.net/Young_yaru/article/details/130553498

版权

版权声明：本文为博主原创文章，遵循 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()">新增