| | |
| | | <div class="mainContent"> |
| | | <div class="type-nav"> |
| | | <el-upload |
| | | class="upload-demo" |
| | | 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 type="primary" @click="exportTable">导出</el-button> |
| | | <el-button style="margin-left: 10px" type="primary" @click="exportTable">导出</el-button> |
| | | <el-button type="primary" @click="showAddDialog">添加</el-button> |
| | | </div> |
| | | <!-- 数据展示 --> |
| | |
| | | updateDepartmentData: null, |
| | | searchDepartment: '', |
| | | searchStatus: '', |
| | | tableFile: null, |
| | | dialogUpdate: false, |
| | | dialogcheck: false, |
| | | tableData: [], |
| | |
| | | |
| | | // 导入 |
| | | importTable(file) { |
| | | importTeamInfo({'multipartFile': file.file}) |
| | | importTeamInfo({ 'multipartFile': file.file }) |
| | | .then(({ code, message }) => { |
| | | if (code === SUCCESS_CODE) { |
| | | this.$message({ type: 'success', message }); |
| | | this.getUserList(); |
| | | this.$refs.uploadFile.clearFiles(); |
| | | } else { |
| | | this.$message({ type: 'error', message }); |
| | | } |
| | |
| | | border-radius: 20px; |
| | | } |
| | | } |
| | | |
| | | .addBtn { |
| | | background-color: #eb5d01; |
| | | border: none; |
| | | border-radius: 20px; |
| | | padding: 12px 30px; |
| | | } |
| | | } |
| | | } |
| | | |
| | |
| | | .type-nav { |
| | | display: flex; |
| | | line-height: 40px; |
| | | margin-left: 30px; |
| | | padding-top: 10px; |
| | | margin-bottom: 10px; |
| | | |
| | | .type-item { |
| | | width: 80px; |
| | | text-align: center; |
| | | |
| | | &:hover { |
| | | cursor: pointer; |
| | | } |
| | | } |
| | | |
| | | .is-active { |
| | | background-color: #070f22; |
| | | border-radius: 4px; |
| | | color: #fff; |
| | | } |
| | | align-items: center; |
| | | } |
| | | |
| | | .tools { |