|
@@ -4,28 +4,6 @@
|
|
|
<div v-show="pageType == 1" class="teacher-one-box">
|
|
|
<div class="top-max-box">
|
|
|
<div class="left-max-box ">
|
|
|
-
|
|
|
- <!--<div class="top-button-max-box">-->
|
|
|
- <!--<el-tooltip class="item" effect="dark" content="新增下级部门" placement="top">-->
|
|
|
- <!--<div class="new-button-box" @click="treeButtonClick(1)" v-hasPermiRouter="['system:dept:add']"></div><!–新增–>-->
|
|
|
- <!--</el-tooltip>-->
|
|
|
- <!--<el-tooltip class="item" effect="dark" content="向上移动" placement="top">-->
|
|
|
- <!--<div class="superior-button-box" @click="treeButtonClick(2)" v-hasPermiRouter="['system:dept:edit']"></div><!–上调–>-->
|
|
|
- <!--</el-tooltip>-->
|
|
|
- <!--<el-tooltip class="item" effect="dark" content="向下移动" placement="top">-->
|
|
|
- <!--<div class="down-button-box" @click="treeButtonClick(3)" v-hasPermiRouter="['system:dept:edit']"></div><!–下调–>-->
|
|
|
- <!--</el-tooltip>-->
|
|
|
- <!--<el-tooltip class="item" effect="dark" content="修改" placement="top">-->
|
|
|
- <!--<div class="edit-button-box" @click="treeButtonClick(4)" v-hasPermiRouter="['system:dept:edit']"></div><!–编辑–>-->
|
|
|
- <!--</el-tooltip>-->
|
|
|
- <!--<el-tooltip class="item" effect="dark" content="添加部门人员" placement="top">-->
|
|
|
- <!--<div class="add-button-box" @click="treeButtonClick(5)" v-hasPermiRouter="['system:user_teacher:edit']"></div><!–人员添加–>-->
|
|
|
- <!--</el-tooltip>-->
|
|
|
- <!--<el-tooltip class="item" effect="dark" content="删除" placement="top">-->
|
|
|
- <!--<div class="delete-button-box" @click="treeButtonClick(6)" v-hasPermiRouter="['system:dept:remove']"></div><!–删除–>-->
|
|
|
- <!--</el-tooltip>-->
|
|
|
- <!--</div>-->
|
|
|
-
|
|
|
<div class="left-input-box">
|
|
|
<el-input
|
|
|
class="input-left"
|
|
@@ -95,31 +73,11 @@
|
|
|
/>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
- <el-form-item>
|
|
|
- <el-dropdown @command="importButton" v-hasPermiRouter="['system:user:import']">
|
|
|
- <div class="form-dropdown-box" style="margin-left:5px;">
|
|
|
- <img src="@/assets/ZDimages/integratedManagement/icon_jzgxx_dr.png">
|
|
|
- <p>导入</p>
|
|
|
- <img src="@/assets/ZDimages/integratedManagement/icon_jzggl_xljt.png">
|
|
|
- </div>
|
|
|
- <el-dropdown-menu slot="dropdown">
|
|
|
- <el-dropdown-item style="border-bottom:1px solid #E0E0E0;margin:0 10px;color:#333;" :command="{command:1}">下载模板</el-dropdown-item>
|
|
|
- <el-dropdown-item style="margin:0 10px;color:#666;" :command="{command:2}">导入数据</el-dropdown-item>
|
|
|
- </el-dropdown-menu>
|
|
|
- </el-dropdown>
|
|
|
+ <el-form-item v-hasPermiRouter="['system:user:import']">
|
|
|
+ <import-component :importConfig="importConfig"></import-component>
|
|
|
</el-form-item>
|
|
|
- <el-form-item>
|
|
|
- <el-dropdown @command="exportButton" v-hasPermiRouter="['system:user:export']">
|
|
|
- <div class="form-dropdown-box">
|
|
|
- <img src="@/assets/ZDimages/integratedManagement/icon_jzgxx_sc.png">
|
|
|
- <p>导出</p>
|
|
|
- <img src="@/assets/ZDimages/integratedManagement/icon_jzggl_xljt.png">
|
|
|
- </div>
|
|
|
- <el-dropdown-menu slot="dropdown">
|
|
|
- <el-dropdown-item style="border-bottom:1px solid #E0E0E0;margin:0 10px;color:#333;" :command="{command:1}">导出全部数据</el-dropdown-item>
|
|
|
- <el-dropdown-item style="margin:0 10px;color:#666;" :command="{command:2}">导出选中数据</el-dropdown-item>
|
|
|
- </el-dropdown-menu>
|
|
|
- </el-dropdown>
|
|
|
+ <el-form-item v-hasPermiRouter="['system:user:export']">
|
|
|
+ <export-component :exportConfig="exportConfig"></export-component>
|
|
|
</el-form-item>
|
|
|
<p class="page-inquire-common-style-button" @click="handleQuery">查询</p>
|
|
|
<p class="page-reset-common-style-button" @click="resetQuery">重置</p>
|
|
@@ -250,42 +208,6 @@
|
|
|
<p class="dialog-footer-button-null"></p>
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
- <!--导入窗口-->
|
|
|
- <el-dialog title="导入数据" :visible.sync="importOpen" @close="importOpenOff" width="600px" append-to-body class="teacher-import-dialog-box">
|
|
|
- <el-upload
|
|
|
- class="teacher-import-dialog-upLoad-box"
|
|
|
- :drag="true"
|
|
|
- :data="upImportData"
|
|
|
- :action="uploadImgUrl"
|
|
|
- :show-file-list="false"
|
|
|
- :on-success="handleAvatarSuccess"
|
|
|
- :headers="headers"
|
|
|
- :before-upload="beforeAvatarUpload">
|
|
|
- <i class="el-icon-upload"></i>
|
|
|
- <div class="el-upload__text">将文件拖到此处,或<em>点击上传</em></div>
|
|
|
- <div class="el-upload__tip" slot="tip">
|
|
|
- <el-checkbox v-model="upImportData.upDate">是否更新已经存在的用户数据</el-checkbox>
|
|
|
- </div>
|
|
|
- <div class="el-upload__tip" slot="tip">仅允许导入xls、xlsx、格式文件。<span style="color:#0183FA;cursor: pointer" v-hasPermiRouter="['system:user_teacher:exceltemplate']" @click="importTemplate">下载模板</span></div>
|
|
|
- <div class="el-upload-text-box" slot="tip" v-if="getImportData.downFile">
|
|
|
- <div class="img-text-box">
|
|
|
- <img src="@/assets/ZDimages/integratedManagement/icon_dr_wj.png">
|
|
|
- <p>{{getImportData.textName}}</p>
|
|
|
- </div>
|
|
|
- <p class="text-p">数据导入成功 <span style="color:#0183FA;">{{getImportData.successNum}}</span> 条,失败 <span style="color:#FF6464 ;">{{getImportData.failureNum}}</span> 条</p>
|
|
|
- <div class="img-text-box">
|
|
|
- <img src="@/assets/ZDimages/integratedManagement/icon_dr_sj.png">
|
|
|
- <p style="color:#0183FA;cursor: pointer;" @click="failureExcel">点击下载失败数据报表</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </el-upload>
|
|
|
- <div slot="footer" class="dialog-footer dialog-footer-box">
|
|
|
- <p class="dialog-footer-button-null"></p>
|
|
|
- <p class="dialog-footer-button-primary" @click="importOpenOff">提交</p>
|
|
|
- <p class="dialog-footer-button-null"></p>
|
|
|
- </div>
|
|
|
- <div class="teacher-import-dialog-position-box" v-if="loading"></div>
|
|
|
- </el-dialog>
|
|
|
<!--编辑--组织架构-->
|
|
|
<el-dialog title="修改部门" v-if="treeOpen" :visible.sync="treeOpen" width="600px" append-to-body class="teacher-tree-dialog-box">
|
|
|
<el-form :model="treeForm" class="teacher-tree-dialog-form-box" ref="treeForm" :rules="rules" v-show="showSearch">
|
|
@@ -386,6 +308,8 @@
|
|
|
import { setDeptAdd,setDeptUpdate,setDeptDelete,setDeptSort,getDeptOrganizeStructure,
|
|
|
systemUserList,systemUserEditState,systemUserResetPasswd,systemUserDelete,
|
|
|
systemUserDetail,} from "@/api/commonality/permission";
|
|
|
+ import exportComponent from "@/components/exportComponent/exportComponent.vue";
|
|
|
+ import importComponent from "@/components/importComponent/importComponent.vue";
|
|
|
|
|
|
export default {
|
|
|
name: "User",
|
|
@@ -393,10 +317,23 @@
|
|
|
Treeselect,
|
|
|
userList,
|
|
|
addPage,
|
|
|
- bindingCardPage
|
|
|
+ bindingCardPage,
|
|
|
+ exportComponent,
|
|
|
+ importComponent
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
+ importConfig:{
|
|
|
+ upLoadApi:'/system/user/importStudent', //上传接口地址
|
|
|
+ downloadApi:'/system/user/importTemplate', //下载模板接口地址
|
|
|
+ loseApi:'/system/user/student/importErrorData', //失败报表接口地址
|
|
|
+ fileName:'导入模板-', //下载模板命名
|
|
|
+ },
|
|
|
+ exportConfig:{
|
|
|
+ api:'/system/user/export', //导出接口地址
|
|
|
+ ids:'', //勾选导出,勾选的IDS
|
|
|
+ fileName:'教职工信息', //导出文件的命名
|
|
|
+ },
|
|
|
/*============V3开始*/
|
|
|
// 部门树选项
|
|
|
deptOptions: null,
|
|
@@ -623,6 +560,10 @@
|
|
|
this.getList();
|
|
|
},
|
|
|
methods: {
|
|
|
+ //必要方法-导入成功回调
|
|
|
+ submitSuccessful(){
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
/*===========V3开始===========*/
|
|
|
getDeptOrganizeStructure(){
|
|
|
getDeptOrganizeStructure({deptName:this.inputDeptName}).then(response => {
|