sccg_ui.git - Gitblit

			@@ -22,7 +22,7 @@
			<div class="mainContent">
			<!-- 数据展示 -->
			<el-table ref="multipleTable"
			:header-cell-style="{background:'#06122c','font-size':'12px',color:'#4b9bb7','font-weight':'650','line-height':'45px'}"
			:header-cell-style="{'font-size':'14px','font-weight':'650','line-height':'45px'}"
			:data="tableData" style="width: 100%" :row-class-name="tableRowClassName"
			@selection-change="tableChange">
			<el-table-column type="selection" min-width="5">
			@@ -56,13 +56,13 @@
			</el-table>
			<!-- 修改页面 -->
			<el-dialog :visible.sync="dialogUpdate" width="45%" :title="updateFlag ? '权限设置' :'查看角色信息'"
			v-if="dialogUpdate" :before-close="handleClose">
			v-if="dialogUpdate" >
			<updateUser :updateFlag="updateFlag" :userInfo=userInfo
			:getRoleList=" context ? getRoleList : getRoleList" @changeDialog="changeDialog" />
			</el-dialog>
			<!-- 查看页面 -->
			<el-dialog :visible.sync="dialogView" width="45%" title="查看角色信息" v-if="dialogView"
			:before-close="handleClose">
			>
			<MyView :userInfo=userInfo @changeDialog="changeDialog" />
			</el-dialog>
			<!-- tools -->
			@@ -185,7 +185,6 @@
			message: res.message
			})
			}
			console.log(res);
			})
			})
			.catch(err => { console.log(err) })
			@@ -225,7 +224,6 @@
			.then(res => {
			this.myIdx = 0;
			this.preMyIdx = 0;
			console.log(res);
			this.$message({
			type: 'success',
			message: res.message
			@@ -269,7 +267,6 @@
			if (context == '') {
			this.$axios.get('sccg/role/list?keyword=' + '&pageNum=' + currentPage + '&pageSize=' + pageSize).then(res => {
			if (res.code === 200) {
			console.log(res);
			res.data.list.forEach(item => {
			// item.createTime = helper(item.createTime);
			item.status == 1 ? item.status = true : item.status = false;
			@@ -361,11 +358,11 @@
			.userList {
			text-align: left;
			margin: 10px 20px;
			color: #4b9bb7;
			// color: #4b9bb7;

			header {
			background-color: #09152f;
			border: 1pox solid #fff;
			// background-color: #09152f;
			// border: 1pox solid #fff;

			.headerContent {
			padding: 0 40px;
			@@ -384,11 +381,11 @@

			.el-input {
			flex: 2;
			color: #1d3f57;
			// color: #1d3f57;

			&::v-deep .el-input__inner {
			background-color: #09152f;
			border: 1px solid #17324c;
			// background-color: #09152f;
			// border: 1px solid #17324c;
			}
			}

			@@ -417,10 +414,10 @@
			}

			main {
			background-color: #09152f;
			// background-color: #09152f;
			margin-top: 20px;
			padding-bottom: 50px;
			border: 1pox solid #fff;
			// border: 1pox solid #fff;

			.mainTitle {
			line-height: 60px;
			@@ -432,7 +429,7 @@
			align-items: center;
			padding: 0 20px;
			.funs-sp{
			border: 1px solid #17324c;
			// border: 1px solid #17324c;
			}
			.funs {
			display: flex;
			@@ -454,18 +451,18 @@
			width: 120px;
			}

			&::v-deep .el-input__inner {
			border: none;
			background-color: #09152f;
			}
			// &::v-deep .el-input__inner {
			// border: none;
			// background-color: #09152f;
			// }

			&:hover {
			border: 1px solid #4b9bb7;
			}
			// &:hover {
			// border: 1px solid #4b9bb7;
			// }

			&:hover .el-checkbox {
			color: #4b9bb7;
			}
			// &:hover .el-checkbox {
			// color: #4b9bb7;
			// }
			}

			}
			@@ -478,24 +475,24 @@

			.el-pagination {

			&::v-deep li,
			&::v-deep .btn-prev,
			&::v-deep .btn-next {
			background-color: #071f39;
			color: #4b9bb7;
			}
			// &::v-deep li,
			// &::v-deep .btn-prev,
			// &::v-deep .btn-next {
			// background-color: #071f39;
			// color: #4b9bb7;
			// }

			&::v-deep .active {
			background-color: #409eff;
			color: #fff;
			}
			// &::v-deep .active {
			// background-color: #409eff;
			// color: #fff;
			// }
			}
			}
			}

			.el-table {
			color: #4b9bb7;
			font-size: 10px;
			// color: #4b9bb7;
			// font-size: 10px;

			.operation {
			display: flex;
			@@ -510,34 +507,6 @@
			}
			}

			// &::v-deep .switchStyle .el-switch__label {
			// position: absolute;
			// display: none;
			// color: #fff;
			// }

			// &::v-deep .el-switch__core {
			// background-color: rgba(166, 166, 166, 1);
			// }

			// &::v-deep .switchStyle .el-switch__label--left {
			// z-index: 9;
			// left: 20px;
			// }

			// &::v-deep .switchStyle .el-switch__label--right {
			// z-index: 9;
			// left: 4px;
			// }

			// &::v-deep .switchStyle .el-switch__label.is-active {
			// display: block;
			// }

			// &::v-deep .switchStyle.el-switch .el-switch__core,
			// &::v-deep .el-switch .el-switch__label {
			// width: 50px !important;
			// }
			}
			}
			</style>