| | |
| | | </div> |
| | | </div> |
| | | <div class="mainContent"> |
| | | <!-- @selection-change="handleSelectionChange" --> |
| | | <!-- 数据渲染 --> |
| | | <el-table ref="multipleTable" :data="tableData" tooltip-effect="dark" style="width: 100%" |
| | | :header-cell-style="{background:'#06122c','font-size':'12px',color:'#4b9bb7','font-weight':'650','line-height':'45px'}" |
| | | :header-cell-style="{background:'#06122c','font-weight':'650','line-height':'45px'}" |
| | | :row-class-name="tableRowClassName"> |
| | | <el-table-column type="selection" width="55"> |
| | | </el-table-column> |
| | |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <!-- 分页 --> |
| | | <!-- <div class="pagination"> |
| | | <el-pagination background :current-page="currentPage" layout="prev, pager, next" :total="totalNum" |
| | | :page-size="pageSize" @current-change="changeCurrentPage" @prev-click="handlePrev" |
| | | @next-click="handleNext"> |
| | | </el-pagination> |
| | | </div> --> |
| | | </div> |
| | | </main> |
| | | <footer> |
| | |
| | | }, |
| | | // 设置表格斑马纹 |
| | | tableRowClassName({ row, rowIndex }) { |
| | | if ((rowIndex + 1) % 2 == 0) { |
| | | if ((rowIndex + 1) % 2 === 0) { |
| | | return 'warning-row'; |
| | | } else { |
| | | return 'success-row'; |
| | | } |
| | | return ''; |
| | | }, |
| | | // 打开新增界面 |
| | | handleAdd() { |
| | |
| | | }, |
| | | // 删除第三方接口 |
| | | handleDelete({ id }) { |
| | | console.log(id); |
| | | this.$axios.delete('sccg/system/portal/thirdApp/delete', { |
| | | params: { |
| | | id |
| | |
| | | }).then(res => { |
| | | }) |
| | | } |
| | | // // 当前页改变触发事件 |
| | | // changeCurrentPage(page) { |
| | | // this.currentPage = page; |
| | | // this.getUserList(); |
| | | // }, |
| | | // // 上一页点击事件 |
| | | // handlePrev(page) { |
| | | // this.currentPage = page; |
| | | // this.getUserList(); |
| | | // }, |
| | | // // 下一页点击事件 |
| | | // handleNext(page) { |
| | | // this.currentPage = page; |
| | | // this.getUserList(); |
| | | // }, |
| | | } |
| | | } |
| | | </script> |
| | | <!-- sccg/system/portal/thirdApp/search --> |
| | | <style lang="scss" scoped> |
| | | .otherInterface { |
| | | header { |
| | |
| | | display: flex; |
| | | line-height: 60px; |
| | | color: #4b9bb7; |
| | | background-color: #09152f; |
| | | // background-color: #09152f; |
| | | display: flex; |
| | | .add,.search,.btn{ |
| | | flex:1; |
| | |
| | | height: 35px; |
| | | margin-left: 10px; |
| | | |
| | | &::v-deep .el-input__inner { |
| | | background-color: #09152f; |
| | | border: 1px solid #17324c; |
| | | font-size: 12px; |
| | | } |
| | | // &::v-deep .el-input__inner { |
| | | // background-color: #09152f; |
| | | // border: 1px solid #17324c; |
| | | // font-size: 12px; |
| | | // } |
| | | } |
| | | } |
| | | |
| | |
| | | margin-top: 20px; |
| | | |
| | | .el-table { |
| | | color: #4b9bb7; |
| | | // color: #4b9bb7; |
| | | |
| | | &::v-deep .el-table__empty-block { |
| | | background-color: #06122c; |