用户管理导入导出

odc.xiaohui

2023-03-18 b4d6e0923d825f3a6cbb12c29b5a522d56362ff8

 src/views/systemSetting/baseSetting/user/components/header/index.vue

@@ -6,6 +6,18 @@
                <el-input placeholder="请输入内容" v-model="search"></el-input>
                <div class="findBtn">
                    <el-button class="find-Btn" type="primary" @click="setSearch">查询</el-button>
                  <el-upload
                      class="department-margin-left10"
                      action=""
                      ref="uploadFile"
                      :http-request="importTable"
                      :show-file-list="false"
                      :auto-upload="true"
                      :limit="1"
                  >
                    <el-button type="primary">导入</el-button>
                  </el-upload>
                  <el-button class="department-margin-left10" type="primary" @click="exportTable()">导出</el-button>
                </div>
            </div>
            <div class="addUser">
@@ -21,6 +33,9 @@
</template>
<script>
import createUser from "../createUser";
import {exportTeamInfoDepartment, importTeamInfoDepartment} from "@/api/system/department";
import {downloadFile} from "@/utils/helper";
import {exportUser, importUser} from "@/api/system/user";
export default {
    components: {
        createUser,
@@ -32,6 +47,43 @@
        }
    },
    methods: {
      // 导出
      exportTable() {
        // const status = this.searchStatus === 2 ? null : this.searchStatus;
        exportUser({
          // current: this.currentPage,
          // size: this.pageSize,
          // departName: this.searchDepartment,
          // status,
        })
            .then((res) => {
              console.log(res)
              downloadFile(res);
              this.$message({ type: "success", message: "操作成功" });
            })
            .catch((err) => {
              this.$message({ type: "error", message: err });
            });
      },

      // 导入
      importTable(file) {
        const formData = new FormData();
        formData.append("file", file.file);
        console.log(formData)
        console.log(file)
        importUser(formData)
            .then(() => {
              this.$message({ type: "success", message: "操作成功" });
              this.setSearch();
              this.$refs.uploadFile.clearFiles();
            })
            .catch((err) => {
              this.$message({ type: "error", message: err });
              this.$refs.uploadFile.clearFiles();
            });
      },

        setSearch() {
            this.$emit('getSearch', { text: this.search })
        },
@@ -53,6 +105,9 @@
}
</script>
<style lang="scss" scoped>
.department-margin-left10{
  margin-left: 10px;
}
header {
    // background-color: #09152f;
    //border: 1px solid #fff;