Skip to content

F
founder_vue
Commit b85c41c7 by 张超军
Options

333

parents 7c7c1564 ce6e9481
Showing with 1224 additions and 5 deletions
package.json
......@@ -40,7 +40,7 @@
"@vue/cli-plugin-vuex": "^4.5.0",
"@vue/cli-service": "^4.5.0",
"@vue/eslint-config-prettier": "^6.0.0",
"axios": "^0.18.0",
"axios": "^0.23.0",
"babel-eslint": "^10.1.0",
"eslint": "^6.7.2",
"eslint-plugin-prettier": "^3.1.3",
......
src/icons/ic_add.svg 0 → 100644
<?xml version="1.0" encoding="UTF-8"?>
<svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 64 (93537) - https://sketch.com -->
<title>ic_add</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="16" height="16"></rect>
</defs>
<g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="角色管理" transform="translate(-349.000000, -162.000000)">
<g id="ic_add" transform="translate(348.000000, 161.000000)">
<mask id="mask-2" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<use id="矩形" fill="#D8D8D8" fill-rule="nonzero" opacity="0" xlink:href="#path-1"></use>
<path d="M8.5,1.5 L8.5,7.5 L14.5,7.5 L14.5,8.5 L8.5,8.5 L8.5,14.5 L7.5,14.5 L7.5,8.5 L1.5,8.5 L1.5,7.5 L7.5,7.5 L7.5,1.5 L8.5,1.5 Z" id="合并形状" fill="#055FE7" fill-rule="nonzero" mask="url(#mask-2)"></path>
</g>
</g>
</g>
</svg>
\ No newline at end of file
src/views/SystemManage/scss/group.scss 0 → 100644
.manage-page {
width: 100%;
padding: 24px;
font-family: MicrosoftYaHei;
div {
display: inline-block;
}
.title {
width: 80px;
height: 34px;
font-size: 16px;
font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
font-weight: bold;
color: #333333;
line-height: 24px;
}
.clear-btn {
width: 28px;
border: none;
height: 22px;
padding: 0;
margin: 0 12px 0 12px;
font-size: 14px;
font-weight: 350;
color: #333333;
text-align: center;
cursor: pointer;
&:hover {
color: #055fe7;
}
&:active {
color: #055fe7;
}
}
.search {
width: 100%;
height: 50px;
.search-item {
width: auto;
height: 32px;
margin: 5px 16px 5px 0;
.label {
width: auto;
height: 32px;
font-size: 14px;
font-family: MicrosoftYaHei;
color: #333333;
line-height: 32px;
margin: 8px;
}
.search-info {
width: 155px;
height: 32px;
background: #ffffff;
border-radius: 4px;
//border: 1px solid #e6e6e8;
//margin-top: 8px;
}
}
.btn {
position:absolute;
top: 110px;
right: 24px;
width: 95px;
height: 32px;
background: #055fe7;
border-radius: 4px;
line-height: 32px;
color: #ffffff;
font-size: 14px;
text-align: center;
cursor: pointer;
}
}
.operation {
width: 100%;
height: 45px;
display: flex;
flex-direction: row;
justify-content: space-between;
margin-top: 20px;
padding-top: 16px;
border-top: 1px #eeeeee solid;
.btn1 {
width: 96px;
height: 32px;
border-radius: 4px;
color: #2e3846;
font-size: 14px;
border: 1px solid #aeb5c2;
cursor: pointer;
line-height: 32px;
text-align: center;
&:hover {
border: #055fe7 1px solid;
color: #055fe7;
}
&:active {
border: #055fe7 1px solid;
color: #055fe7;
}
}
.btns {
.add {
width: 120px;
height: 32px;
line-height: 32px;
font-size: 14px;
background: #ffffff;
border-radius: 4px;
border: 1px solid #aeb5c2;
margin-left: 16px;
text-align: center;
cursor: pointer;
&:hover {
border: #055fe7 1px solid;
color: #055fe7;
}
&:active {
border: #055fe7 1px solid;
color: #055fe7;
}
}
}
}
.table-data {
height: 580px;
width: 100%;
}
.footer {
width: 1544px;
//width: calc(100vw - 367px);
position: absolute;
bottom: 27px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
.count {
font-size: 14px;
font-family: MicrosoftYaHei;
color: #666666;
}
.paging {
float: right;
}
/deep/.el-pager {
.number {
background-color: transparent;
}
.number.active {
background-color: #055fe7 !important;
box-shadow: 0px 12px 16px 1px rgba(0, 21, 51, 0.03);
border-radius: 6px;
}
.el-icon.more.btn-quicknext.el-icon-more,
.el-icon.more.btn-quickprev.el-icon-more {
background-color: transparent !important;
}
}
/deep/ .btn-prev,
/deep/ .btn-next {
background-color: transparent !important;
}
/deep/ .el-pagination__sizes {
position: absolute;
right: 0;
}
/deep/ .btn-next {
//margin-right: 120px !important;
}
}
//表格表头样式
/deep/.el-table th,
.el-table tr {
height: 48px;
background: #f6f8fa;
font-size: 14px;
color: #282f3c;
}
//表格内容样式
/deep/.el-table td,
.el-table tr {
height: 55px;
background: #ffffff;
font-size: 14px;
color: #333333;
padding: 0;
font-weight: 400;
}
}
//新增用户 背景
.addUserDialogBg {
position: absolute;
top: 0;
left: 0;
z-index: 500;
width: 100%;
height: 100%;
background: rgba($color: #fff, $alpha: 0.65);
filter: blur(2px);
}
//新增用户信息
.addUserDialog{
box-sizing: border-box;
position: absolute;
top: calc(50% - 257px);
left: calc(50% - 471.5px);
z-index: 1000;
width: 890px;
height: 410px;
background: #ffffff;
box-shadow: 0px 14px 30px 0px rgba(0, 21, 51, 0.25);
border-radius: 6px;
.head-title {
box-sizing: border-box;
width: 100%;
height: 50px;
display: flex;
justify-content: space-between;
padding: 14px 32px;
border-bottom:1px solid #EEEEEE ;
.left {
font-size: 16px;
color: #282f3c;
}
.close {
cursor: pointer;
width: 13px;
height: 13px;
img {
object-fit: contain;
}
}
}
.info{
width: 100%;
display: flex;
flex-direction: column;
justify-content:center;
padding-left: 230px;
padding-top: 10px;
margin-top: 10px;
margin-bottom: 10px;
.info-item{
margin-top:3px;
margin-bottom: 6px;
width: 400px;
height: 40px;
display: flex;
flex-direction: row;
justify-content: center;
.label {
width: 105px;
height: 35px;
font-size: 14px;
color: #333333;
line-height: 35px;
}
.input-info{
width: 264px;
height: 35px;
background: #FFFFFF;
box-shadow: 0px 6px 10px 2px rgba(0, 21, 51, 0.06);
border-radius: 4px;
}
.radio-info{
margin-top: 10px;
width: 264px;
height: 35px;
}
}
}
.addbtns{
border-top:1px solid #EEEEEE ;
padding-top: 20px;
width: 100%;
text-align: center;
.add{
width: 72px;
height: 40px;
background: #FFFFFF;
border-radius: 4px;
border: 1px solid #AEB5C2;
font-size: 14px;
color: #2E3846;
line-height: 40px;
cursor:pointer;
margin-right: 24px;
}
.cancel{width: 72px;
height: 40px;
background: #055FE7;
border-radius: 4px; font-size: 14px;
color: #FFFFFF;
line-height: 40px;
cursor:pointer;
}
}
}
\ No newline at end of file
src/views/SystemManage/scss/role.scss 0 → 100644
.manage-page {
width: 100%;
padding: 24px;
display: flex;
flex-direction: row;
font-family: MicrosoftYaHei;
div {
display: inline-block;
}
.sider{
//border: #03A9F4 1px solid;
//width: 240px;
height: 780px;
//margin-right: 10px;
text-align: center;
.btns{
width: 200px;
height: 45px;
display: flex;
flex-direction: row;
padding-top: 10px;
border-bottom: 1px solid #EEEEEE;
.add{
width: 110px;
height: 32px;
line-height: 32px;
font-size: 14px;
background: #ffffff;
border-radius: 4px;
border: 1px solid #aeb5c2;
cursor: pointer;
&:hover {
border: #055fe7 1px solid;
color: #055fe7;
}
&:active {
border: #055fe7 1px solid;
color: #055fe7;
}
}
.img-btn{
width: 32px;
height: 32px;
background: #FFFFFF;
border-radius: 4px;
border: 1px solid #AEB5C2;
margin-left: 5px;
cursor: pointer;
}
}
.default-role{
width: 215px;
height: 366px;
display: flex;
flex-direction: column;
border-bottom: 1px solid #EEEEEE;
.default-role-item{
width: 190px;
height: 40px;
line-height: 40px;
color: #666666;
font-size: 14px;
background: #F6F8FA;
box-shadow: 4px 4px 4px 0px rgba(193, 216, 251, 0.8), -4px -4px 4px 0px #FFFFFF;
border-radius: 4px;
margin-top: 10px;
cursor: pointer;
&:hover{
background: #055FE7;
color: #FFFFFF;
}
&.active{
background: #055FE7;
color: #FFFFFF;
}
}
}
}
.main{
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
.header{
height:55px;
margin:0 auto;
//margin-bottom: 3px;
.btns{
width: 224px;
height: 48px;
background: #F6F8FA;
border-radius: 8px;
text-align: center;
.btn{
margin-top: 8px;
width: 104px;
height: 32px;
line-height: 32px;
color: #666666;
cursor: pointer;
//&:hover{
// background: #FFFFFF;
// color: #055FE7;
// box-shadow: 0px 6px 8px 1px rgba(0, 21, 51, 0.05);
// border-radius: 6px;
//}
&.active{
background: #FFFFFF;
color: #055FE7;
box-shadow: 0px 6px 8px 1px rgba(0, 21, 51, 0.05);
border-radius: 6px;
}
}
}
.save{
.btn{
position: absolute;
right: 30px ;
top: 85px;
width: 72px;
height: 32px;
background: #055FE7;
border-radius: 4px;
line-height: 32px;
color: #FFFFFF;
text-align: center;
}
}
}
.role-info{
width: 100%;
height: 725px;
background: #FFFFFF;
box-shadow: 1px 0px 3px 0px rgba(5, 95, 231, 0.3), -1px 1px 3px 0px rgba(5, 95, 231, 0.24);
border-radius: 10px;
display: flex;
flex-direction: row;
.menus{
width: 155px ;
height: 100%;
border-right: 1px solid #EEEEEE;
.div3{
width: 100%;
height: 145px;
border-bottom: 1px solid #EEEEEE;
.el-checkbox{
margin:20px 20px 0 25px
}
}
.div2{
width: 100%;
height: 90px;
border-bottom: 1px solid #EEEEEE;
.el-checkbox{
margin:25px 20px 0 25px
}
}
.div1{
width: 100%;
height: 70px;
border-bottom: 1px solid #EEEEEE;
.el-checkbox{
margin:25px 20px 0 25px
}
}
// 未选中字体颜色
/deep/ .el-checkbox {
font-size: 14px;
color: #333333;
font-weight: 400;
}
/deep/ .el-checkbox__input .el-checkbox__inner:hover {
border-color:#055FE7;
}
// 选中样式
/deep/.el-checkbox__input.is-checked+.el-checkbox__label{
font-size: 14px;
font-weight: 400;
color: #333333;
}
/deep/ .el-checkbox__input.is-checked .el-checkbox__inner {
background: #055FE7;
border-color:#055FE7;
}
}
.content{
width: 100% ;
height: 725px;
.div3{
width: 100%;
height: 137px;
border-bottom: 1px solid #EEEEEE;
padding-left: 30px;
padding-top: 8px;
.line{
height: 50px;
}
}
.div2{
width: 100%;
height: 90px;
border-bottom: 1px solid #EEEEEE;
.el-checkbox{
margin:10px 20px 0 25px
}
.line{
height: 50px;
}
}
.div1{
width: 100%;
height: 70px;
border-bottom: 1px solid #EEEEEE;
.el-checkbox{
margin:25px 20px 0 25px
}
}
// 未选中字体颜色
/deep/ .el-checkbox {
//border: 1px darkblue solid;
width: 140px;
font-size: 14px;
color: #666666;
font-weight: 400;
margin-right: 50px;
}
/deep/ .el-checkbox__input .el-checkbox__inner:hover {
border-color:#055FE7;
}
// 选中样式
/deep/.el-checkbox__input.is-checked+.el-checkbox__label{
font-size: 14px;
font-weight: 400;
color: #333333;
}
/deep/ .el-checkbox__input.is-checked .el-checkbox__inner {
background: #055FE7;
border-color:#055FE7;
}
}
}
}
}
\ No newline at end of file
src/views/SystemManage/scss/user.scss 0 → 100644
.manage-page {
width: 100%;
padding: 24px;
font-family: MicrosoftYaHei;
div {
display: inline-block;
}
.title {
width: 64px;
height: 34px;
font-size: 16px;
font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
font-weight: bold;
color: #333333;
line-height: 24px;
}
.clear-btn {
width: 28px;
border: none;
height: 22px;
padding: 0;
margin: 0 12px 0 12px;
font-size: 14px;
font-weight: 350;
color: #333333;
text-align: center;
cursor: pointer;
&:hover {
color: #055fe7;
}
&:active {
color: #055fe7;
}
}
.search {
width: 100%;
height: 50px;
.search-item {
width: auto;
height: 32px;
margin: 5px 16px 5px 0;
.label {
width: auto;
height: 32px;
font-size: 14px;
font-family: MicrosoftYaHei;
color: #333333;
line-height: 32px;
margin: 8px;
}
.search-info {
width: 155px;
height: 32px;
background: #ffffff;
border-radius: 4px;
//border: 1px solid #e6e6e8;
//margin-top: 8px;
}
}
.btn {
position:absolute;
top: 110px;
right: 24px;
width: 95px;
height: 32px;
background: #055fe7;
border-radius: 4px;
line-height: 32px;
color: #ffffff;
font-size: 14px;
text-align: center;
cursor: pointer;
}
}
.operation {
width: 100%;
height: 45px;
display: flex;
flex-direction: row;
justify-content: space-between;
margin-top: 20px;
padding-top: 16px;
border-top: 1px #eeeeee solid;
.btn1 {
width: 96px;
height: 32px;
border-radius: 4px;
color: #2e3846;
font-size: 14px;
border: 1px solid #aeb5c2;
cursor: pointer;
line-height: 32px;
text-align: center;
&:hover {
border: #055fe7 1px solid;
color: #055fe7;
}
&:active {
border: #055fe7 1px solid;
color: #055fe7;
}
}
.btns {
.add {
width: 120px;
height: 32px;
line-height: 32px;
font-size: 14px;
background: #ffffff;
border-radius: 4px;
border: 1px solid #aeb5c2;
margin-left: 16px;
text-align: center;
cursor: pointer;
&:hover {
border: #055fe7 1px solid;
color: #055fe7;
}
&:active {
border: #055fe7 1px solid;
color: #055fe7;
}
}
}
}
.table-data {
height: 580px;
width: 100%;
}
.footer {
width: 1544px;
//width: calc(100vw - 367px);
position: absolute;
bottom: 27px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
.count {
font-size: 14px;
font-family: MicrosoftYaHei;
color: #666666;
}
.paging {
float: right;
}
/deep/.el-pager {
.number {
background-color: transparent;
}
.number.active {
background-color: #055fe7 !important;
box-shadow: 0px 12px 16px 1px rgba(0, 21, 51, 0.03);
border-radius: 6px;
}
.el-icon.more.btn-quicknext.el-icon-more,
.el-icon.more.btn-quickprev.el-icon-more {
background-color: transparent !important;
}
}
/deep/ .btn-prev,
/deep/ .btn-next {
background-color: transparent !important;
}
/deep/ .el-pagination__sizes {
position: absolute;
right: 0;
}
/deep/ .btn-next {
//margin-right: 120px !important;
}
}
//表格表头样式
/deep/.el-table th,
.el-table tr {
height: 48px;
background: #f6f8fa;
font-size: 14px;
color: #282f3c;
}
//表格内容样式
/deep/.el-table td,
.el-table tr {
height: 55px;
background: #ffffff;
font-size: 14px;
color: #333333;
padding: 0;
font-weight: 400;
}
}
//新增用户 背景
.addUserDialogBg {
position: absolute;
top: 0;
left: 0;
z-index: 500;
width: 100%;
height: 100%;
background: rgba($color: #fff, $alpha: 0.65);
filter: blur(2px);
}
//新增用户信息
.addUserDialog{
box-sizing: border-box;
position: absolute;
top: calc(50% - 357px);
left: calc(50% - 471.5px);
z-index: 1000;
width: 890px;
height: 700px;
background: #ffffff;
box-shadow: 0px 14px 30px 0px rgba(0, 21, 51, 0.25);
border-radius: 6px;
.head-title {
box-sizing: border-box;
width: 100%;
height: 50px;
display: flex;
justify-content: space-between;
padding: 14px 32px;
border-bottom:1px solid #EEEEEE ;
.left {
font-size: 16px;
color: #282f3c;
}
.close {
cursor: pointer;
width: 13px;
height: 13px;
img {
object-fit: contain;
}
}
}
.info{
width: 100%;
display: flex;
flex-direction: column;
justify-content:center;
padding-left: 230px;
padding-top: 10px;
margin-top: 10px;
margin-bottom: 10px;
.info-item{
margin-top:3px;
margin-bottom: 6px;
width: 400px;
height: 40px;
display: flex;
flex-direction: row;
justify-content: center;
.label {
width: 105px;
height: 35px;
font-size: 14px;
color: #333333;
line-height: 35px;
}
.input-info{
width: 264px;
height: 35px;
background: #FFFFFF;
box-shadow: 0px 6px 10px 2px rgba(0, 21, 51, 0.06);
border-radius: 4px;
}
.radio-info{
margin-top: 10px;
width: 264px;
height: 35px;
}
}
}
.addbtns{
border-top:1px solid #EEEEEE ;
padding-top: 20px;
width: 100%;
text-align: center;
.add{
width: 72px;
height: 40px;
background: #FFFFFF;
border-radius: 4px;
border: 1px solid #AEB5C2;
font-size: 14px;
color: #2E3846;
line-height: 40px;
cursor:pointer;
margin-right: 24px;
}
.cancel{width: 72px;
height: 40px;
background: #055FE7;
border-radius: 4px; font-size: 14px;
color: #FFFFFF;
line-height: 40px;
cursor:pointer;
}
}
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment