Skip to content

肖康 / cloudSystem

Go to a project
Commit 3c3dad61 by LJM
Options

css

parent 88b607a8
Inline Side-by-side
Showing with 1639 additions and 694 deletions
src/ajax/index.js
......@@ -15,7 +15,7 @@ export let NODE_ENVS = "/";
switch (envs) {
case 'development':
//开发环境
NODE_ENVS = 'http://192.168.1.30:8080';
NODE_ENVS = 'http://cloud.liexindev.net';
break;
case 'test':
//测试环境
......
src/assets/css/public/common.less
......@@ -312,77 +312,96 @@ body {
//表格样式重写
.el-input__inner{color:#333!important;}
.el-input__inner {
color: #333 !important;
}
input::-webkit-input-placeholder {
color: #A1ACC1!important;
}
.placehoload input::-webkit-input-placeholder {
color: #333!important;
}
.el-table,.el-table thead {
color: #A1ACC1 !important;
}
.placehoload input::-webkit-input-placeholder {
color: #333 !important;
}
.el-table, .el-table thead {
color: #333;
}
.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
background-color: #1969F9;
border-color: #1969F9;
}
.el-select .el-input__inner:focus{
.el-select .el-input__inner:focus {
border-color: #C0C4CC;
}
.el-table__header {
th {
font-weight: normal;
}
}
.el-table__header {
th {
background-color: #F1F4FA
}
}
.el-table--enable-row-hover .el-table__body tr:hover>td,.el-table__body tr.hover-row.current-row>td, .el-table__body tr.hover-row.el-table__row--striped.current-row>td, .el-table__body tr.hover-row.el-table__row--striped>td, .el-table__body tr.hover-row>td{
background: #F1F8FF!important;
.el-table--enable-row-hover .el-table__body tr:hover > td, .el-table__body tr.hover-row.current-row > td, .el-table__body tr.hover-row.el-table__row--striped.current-row > td, .el-table__body tr.hover-row.el-table__row--striped > td, .el-table__body tr.hover-row > td {
background: #F1F8FF !important;
}
.el-table__body-wrapper::-webkit-scrollbar {
width: 18px;
::-webkit-scrollbar {
width: 10px;
height: 10px;
background: transparent
}
.el-table__body-wrapper::-webkit-scrollbar-thumb {
border-radius: 8px;
background: #fff;
width: 18px;
-webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.2);
::-webkit-scrollbar-track {
background: transparent
}
.el-table__body-wrapper::-webkit-scrollbar-track {
border-radius: 0;
background: #D2D9E7;
::-webkit-scrollbar-thumb {
border-radius: 5px;
background-color: #c1c1c1
}
.el-table td, .el-table th.is-leaf,.el-table--border, .el-table--group{
border-color: #D2D9E7;
::-webkit-scrollbar-thumb:hover {
background-color: #a8a8a8
}
.el-table td, .el-table th.is-leaf, .el-table--border, .el-table--group {
border-color: #D2D9E7;
}
.el-table--border::after, .el-table--group::after, .el-table::before{
.el-table--border::after, .el-table--group::after, .el-table::before {
background-color: #D2D9E7;
}
.el-table__fixed-body-wrapper{
.el-table__fixed-body-wrapper {
z-index: 4;
}
}
.zdypop{
.zdypop {
.el-form-item__label {
color: #333;
}
.el-input.is-disabled{
.el-input.is-disabled {
background-color: #F1F4FA;
border-color: #F1F4FA;
}
.el-input.is-disabled .el-input__inner{
.el-input.is-disabled .el-input__inner {
background-color: #F1F4FA;
border-color: #F1F4FA;
}
......@@ -428,16 +447,19 @@ body {
.el-tooltip__popper[x-placement="bottom"] .popper__arrow {
border-bottom-color: #387FFF !important;
}
.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow{
.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow {
border-top-color: #387FFF !important;
}
.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow{
.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow {
border-bottom-color: #387FFF !important;
}
.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow{
.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow {
border-left-color: #387FFF !important;
}
//弹窗公共样式
.el-dialog__body {
padding: 20px !important;
......@@ -534,6 +556,7 @@ body {
.p-text {
margin-bottom: 6px;
em {
width: 56px;
text-align: left;
......@@ -552,8 +575,8 @@ body {
}
}
.popper-class-box{
.popper__arrow{
.popper-class-box {
.popper__arrow {
left: 20px !important;
}
}
\ No newline at end of file
src/assets/css/public/common.min.css
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html *{outline:0;-webkit-text-size-adjust:none !important;-webkit-tap-highlight-color:rgba(0,0,0,0) !important}html,body{font-family:PingFangSC-Regular,PingFang SC,'Microsoft Yahei',sans-serif;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;color:#646B78}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,menu,nav,section{margin:0;padding:0}button,input,select,textarea{font-size:100%;border:none;-webkit-appearance:none}input[type=button],input[type=file],input[type=submit]{cursor:pointer}table{border-collapse:collapse;border-spacing:0}ol,ul,dl{list-style:none}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500}em,b,i{font-style:normal}a{text-decoration:none}img{border:none}.clr{*zoom:1;clear:both}.clr:after{content:".";clear:both;height:0;visibility:hidden;display:block}.fl{float:left;_display:inline}.fr{float:right;_display:inline}.va-t{vertical-align:top}.va-m{vertical-align:middle}.va-b{vertical-align:bottom}.lineBlock{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal}.lbBox{font-size:0 !important;*word-spacing:-1px !important}.emptys{margin-left:-1px;width:1px;height:100%;font-size:0;vertical-align:middle}.boxsiz{-webkit-box-sizing:border-box;box-sizing:border-box}.column{display:flex;flex-direction:column}.row{display:flex;flex-direction:row}.bothSide{justify-content:space-between}.avarage{justify-content:space-around}.rowCenter{justify-content:center}.verCenter{align-items:center}.boxFlex{-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}html,body{width:100%;height:100%;-webkit-overflow-scrolling:touch}body{overflow-x:hidden;background:#F1F4FA}.f-blue{color:#1969F9}.f-green{color:#3FBE1B}.f-yellow1{color:#CC8200}.f-red1{color:#FC1F00}.el-pagination{text-align:right;margin-top:20px}.el-message--info{min-width:auto !important;border:0px !important;background:rgba(0,0,0,0.4) !important;top:100px !important}.el-message--info .el-icon-info{display:none}.el-message--info .el-message__content{color:#fff !important}.pagex{padding:20px}.pagex .el-input__inner{height:38px;border-radius:2px;border:1px solid #BEC9DF;font-size:14px}.pagex .el-input__inner:focus{border:1px solid #387FFF}.pagex .el-form-item__label{color:#666}.pagex .el-range-editor.el-input__inner{width:257px}.pagex .el-select .el-input.is-focus .el-input__inner,.pagex .el-range-editor.is-active,.pagex .el-range-editor.is-active:hover{border-color:#387FFF}.pagex .el-select{width:100px}.pagex .el-form--inline .el-form-item{margin-right:30px}.pagex .el-message--info{min-width:auto !important;border:0px !important;background:rgba(0,0,0,0.4) !important}.pagex .el-message--info .el-icon-info{display:none}.pagex .el-message--info .el-message__content{color:#fff !important}.pagex .el-input__inner{color:#333 !important}.pagex input::-webkit-input-placeholder{color:#A1ACC1 !important}.pagex .placehoload input::-webkit-input-placeholder{color:#333 !important}.pagex .el-table,.pagex .el-table thead{color:#333}.pagex .el-checkbox__input.is-checked .el-checkbox__inner,.pagex .el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#1969F9;border-color:#1969F9}.pagex .el-select .el-input__inner:focus{border-color:#C0C4CC}.pagex .el-table__header th{font-weight:normal}.pagex .el-table__header th{background-color:#F1F4FA}.pagex .el-table--enable-row-hover .el-table__body tr:hover>td,.pagex .el-table__body tr.hover-row.current-row>td,.pagex .el-table__body tr.hover-row.el-table__row--striped.current-row>td,.pagex .el-table__body tr.hover-row.el-table__row--striped>td,.pagex .el-table__body tr.hover-row>td{background:#F1F8FF !important}.pagex .el-table__body-wrapper::-webkit-scrollbar{width:18px}.pagex .el-table__body-wrapper::-webkit-scrollbar-thumb{border-radius:8px;background:#fff;width:18px;-webkit-box-shadow:inset 0 0 8px rgba(0,0,0,0.2)}.pagex .el-table__body-wrapper::-webkit-scrollbar-track{border-radius:0;background:#D2D9E7}.pagex .el-table td,.pagex .el-table th.is-leaf,.pagex .el-table--border,.pagex .el-table--group{border-color:#D2D9E7}.pagex .el-table--border::after,.pagex .el-table--group::after,.pagex .el-table::before{background-color:#D2D9E7}.pagex .el-table__fixed-body-wrapper{z-index:4}.zdypop .el-form-item__label{color:#333}.zdypop .el-input.is-disabled{background-color:#F1F4FA;border-color:#F1F4FA}.zdypop .el-input.is-disabled .el-input__inner{background-color:#F1F4FA;border-color:#F1F4FA}.el-cascader-panel{min-height:150px;max-height:300px}.placehoload .el-input__inner::-webkit-input-placeholder{color:#333}.el-tooltip__popper{box-shadow:1px 2px 10px 0 rgba(119,135,145,0.5);border:1px solid #387FFF !important;border-radius:0px !important}.el-tooltip__popper .boxxrth2021{width:150px;background:#fff;font-size:12px;color:#333}.el-tooltip__popper .boxxrth2021 p{height:28px;line-height:28px}.el-tooltip__popper .boxxrth2021 p span{width:50%}.el-tooltip__popper[x-placement="top"] .popper__arrow{border-top-color:#387FFF !important}.el-tooltip__popper[x-placement="bottom"] .popper__arrow{border-bottom-color:#387FFF !important}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow{border-top-color:#387FFF !important}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow{border-bottom-color:#387FFF !important}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow{border-left-color:#387FFF !important}.el-dialog__body{padding:20px !important}.el-dialog__title{font-size:14px;color:#333;font-weight:bold;position:relative}.el-dialog__title::after{content:"";position:absolute;width:5px;height:22px;background:#1969F9;left:-20px;top:2px}.el-icon-close{font-size:24px}.el-icon-close:hover,.el-icon-close:focus{color:#1969F9 !important}.el-message-box__container{text-align:center;padding:15px 0px}.el-message-box__message{display:inline-block}.el-message-box__message p{color:#333;font-size:16px}.el-message-box__status.el-icon-error{color:#FC1F00 !important;font-size:25px !important}.el-message-box__close:before{content:"\E609"}.el-message-box__btns .el-button,.dialog-footer .el-button{width:76px;height:34px;text-align:center;line-height:34px;background:#E8ECF4;border:1px solid #E8ECF4;border-radius:2px;color:#8391AD;font-size:14px;padding:0px}.el-message-box__btns .el-button:hover,.dialog-footer .el-button:hover,.el-message-box__btns .el-button:focus,.dialog-footer .el-button:focus{color:#8391AD;background:#E8ECF4;border:1px solid #E8ECF4}.el-message-box__btns .el-button.el-button--primary,.dialog-footer .el-button.el-button--primary{border:1px solid #1969F9;color:#fff;background:#1969F9}.el-message-box__btns .el-button.el-button--primary:hover,.dialog-footer .el-button.el-button--primary:hover,.el-message-box__btns .el-button.el-button--primary:focus,.dialog-footer .el-button.el-button--primary:focus{color:#fff;background:#1969F9;border:1px solid #1969F9}.p-text{margin-bottom:6px}.p-text em{width:56px;text-align:left}.p-text span{width:214px;height:30px;background:#F1F4FA;border-radius:2px;font-size:14px;color:#333333;padding-left:7px;margin-left:8px;text-align:left}.popper-class-box .popper__arrow{left:20px !important}
\ No newline at end of file
html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
html * {
outline: 0;
-webkit-text-size-adjust: none !important;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}
html,
body {
font-family: PingFangSC-Regular, PingFang SC, 'Microsoft Yahei', sans-serif;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 14px;
color: #646B78;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
margin: 0;
padding: 0;
}
button,
input,
select,
textarea {
font-size: 100%;
border: none;
-webkit-appearance: none;
}
input[type=button],
input[type=file],
input[type=submit] {
cursor: pointer;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
ol,
ul,
dl {
list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
font-weight: 500;
}
em,
b,
i {
font-style: normal;
}
a {
text-decoration: none;
}
img {
border: none;
}
.clr {
*zoom: 1;
clear: both;
}
.clr:after {
content: ".";
clear: both;
height: 0;
visibility: hidden;
display: block;
}
.fl {
float: left;
_display: inline;
}
.fr {
float: right;
_display: inline;
}
.va-t {
vertical-align: top;
}
.va-m {
vertical-align: middle;
}
.va-b {
vertical-align: bottom;
}
.lineBlock {
display: inline-block;
*display: inline;
zoom: 1;
letter-spacing: normal;
word-spacing: normal;
}
.lbBox {
font-size: 0 !important;
*word-spacing: -1px !important;
}
.emptys {
margin-left: -1px;
width: 1px;
height: 100%;
font-size: 0;
vertical-align: middle;
}
.boxsiz {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.column {
display: flex;
flex-direction: column;
}
.row {
display: flex;
flex-direction: row;
}
/* 两侧对齐 */
.bothSide {
justify-content: space-between;
}
/* 平均分布 */
.avarage {
justify-content: space-around;
}
/* 水平居中 */
.rowCenter {
justify-content: center;
}
/* 垂直居中 */
.verCenter {
align-items: center;
}
.boxFlex {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
html,
body {
width: 100%;
height: 100%;
-webkit-overflow-scrolling: touch;
}
body {
overflow-x: hidden;
background: #F1F4FA;
}
.f-blue {
color: #1969F9;
}
.f-green {
color: #3FBE1B;
}
.f-yellow1 {
color: #CC8200;
}
.f-red1 {
color: #FC1F00;
}
/**element-ui 样式重写**/
.el-pagination {
text-align: right;
margin-top: 20px;
}
.el-message--info {
min-width: auto !important;
border: 0px !important;
background: rgba(0, 0, 0, 0.4) !important;
top: 100px !important;
}
.el-message--info .el-icon-info {
display: none;
}
.el-message--info .el-message__content {
color: #fff !important;
}
.pagex {
padding: 20px;
}
.pagex .el-input__inner {
height: 38px;
border-radius: 2px;
border: 1px solid #BEC9DF;
font-size: 14px;
}
.pagex .el-input__inner:focus {
border: 1px solid #387FFF;
}
.pagex .el-form-item__label {
color: #666;
}
.pagex .el-range-editor.el-input__inner {
width: 257px;
}
.pagex .el-select .el-input.is-focus .el-input__inner,
.pagex .el-range-editor.is-active,
.pagex .el-range-editor.is-active:hover {
border-color: #387FFF;
}
.pagex .el-select {
width: 100px;
}
.pagex .el-form--inline .el-form-item {
margin-right: 30px;
}
.pagex .el-message--info {
min-width: auto !important;
border: 0px !important;
background: rgba(0, 0, 0, 0.4) !important;
}
.pagex .el-message--info .el-icon-info {
display: none;
}
.pagex .el-message--info .el-message__content {
color: #fff !important;
}
.pagex .el-input__inner {
color: #333 !important;
}
.pagex input::-webkit-input-placeholder {
color: #A1ACC1 !important;
}
.pagex .placehoload input::-webkit-input-placeholder {
color: #333 !important;
}
.pagex .el-table,
.pagex .el-table thead {
color: #333;
}
.pagex .el-checkbox__input.is-checked .el-checkbox__inner,
.pagex .el-checkbox__input.is-indeterminate .el-checkbox__inner {
background-color: #1969F9;
border-color: #1969F9;
}
.pagex .el-select .el-input__inner:focus {
border-color: #C0C4CC;
}
.pagex .el-table__header th {
font-weight: normal;
}
.pagex .el-table__header th {
background-color: #F1F4FA;
}
.pagex .el-table--enable-row-hover .el-table__body tr:hover > td,
.pagex .el-table__body tr.hover-row.current-row > td,
.pagex .el-table__body tr.hover-row.el-table__row--striped.current-row > td,
.pagex .el-table__body tr.hover-row.el-table__row--striped > td,
.pagex .el-table__body tr.hover-row > td {
background: #F1F8FF !important;
}
.pagex ::-webkit-scrollbar {
width: 10px;
height: 10px;
background: transparent;
}
.pagex ::-webkit-scrollbar-track {
background: transparent;
}
.pagex ::-webkit-scrollbar-thumb {
border-radius: 5px;
background-color: #c1c1c1;
}
.pagex ::-webkit-scrollbar-thumb:hover {
background-color: #a8a8a8;
}
.pagex .el-table td,
.pagex .el-table th.is-leaf,
.pagex .el-table--border,
.pagex .el-table--group {
border-color: #D2D9E7;
}
.pagex .el-table--border::after,
.pagex .el-table--group::after,
.pagex .el-table::before {
background-color: #D2D9E7;
}
.pagex .el-table__fixed-body-wrapper {
z-index: 4;
}
.zdypop .el-form-item__label {
color: #333;
}
.zdypop .el-input.is-disabled {
background-color: #F1F4FA;
border-color: #F1F4FA;
}
.zdypop .el-input.is-disabled .el-input__inner {
background-color: #F1F4FA;
border-color: #F1F4FA;
}
.el-cascader-panel {
min-height: 150px;
max-height: 300px;
}
.placehoload .el-input__inner::-webkit-input-placeholder {
color: #333;
}
.el-tooltip__popper {
box-shadow: 1px 2px 10px 0px rgba(119, 135, 145, 0.5);
border: 1px solid #387FFF !important;
border-radius: 0px !important;
}
.el-tooltip__popper .boxxrth2021 {
width: 150px;
background: #fff;
font-size: 12px;
color: #333;
}
.el-tooltip__popper .boxxrth2021 p {
height: 28px;
line-height: 28px;
}
.el-tooltip__popper .boxxrth2021 p span {
width: 50%;
}
.el-tooltip__popper[x-placement="top"] .popper__arrow {
border-top-color: #387FFF !important;
}
.el-tooltip__popper[x-placement="bottom"] .popper__arrow {
border-bottom-color: #387FFF !important;
}
.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow {
border-top-color: #387FFF !important;
}
.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow {
border-bottom-color: #387FFF !important;
}
.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow {
border-left-color: #387FFF !important;
}
.el-dialog__body {
padding: 20px !important;
}
.el-dialog__title {
font-size: 14px;
color: #333;
font-weight: bold;
position: relative;
}
.el-dialog__title::after {
content: "";
position: absolute;
width: 5px;
height: 22px;
background: #1969F9;
left: -20px;
top: 2px;
}
.el-icon-close {
font-size: 24px;
}
.el-icon-close:hover,
.el-icon-close:focus {
color: #1969F9 !important;
}
.el-message-box__container {
text-align: center;
padding: 15px 0px;
}
.el-message-box__message {
display: inline-block;
}
.el-message-box__message p {
color: #333;
font-size: 16px;
}
.el-message-box__status.el-icon-error {
color: #FC1F00 !important;
font-size: 25px !important;
}
.el-message-box__close:before {
content: "\E609";
}
.el-message-box__btns .el-button,
.dialog-footer .el-button {
width: 76px;
height: 34px;
text-align: center;
line-height: 34px;
background: #E8ECF4;
border: 1px solid #E8ECF4;
border-radius: 2px;
color: #8391AD;
font-size: 14px;
padding: 0px;
}
.el-message-box__btns .el-button:hover,
.dialog-footer .el-button:hover,
.el-message-box__btns .el-button:focus,
.dialog-footer .el-button:focus {
color: #8391AD;
background: #E8ECF4;
border: 1px solid #E8ECF4;
}
.el-message-box__btns .el-button.el-button--primary,
.dialog-footer .el-button.el-button--primary {
border: 1px solid #1969F9;
color: #fff;
background: #1969F9;
}
.el-message-box__btns .el-button.el-button--primary:hover,
.dialog-footer .el-button.el-button--primary:hover,
.el-message-box__btns .el-button.el-button--primary:focus,
.dialog-footer .el-button.el-button--primary:focus {
color: #fff;
background: #1969F9;
border: 1px solid #1969F9;
}
.p-text {
margin-bottom: 6px;
}
.p-text em {
width: 56px;
text-align: left;
}
.p-text span {
width: 214px;
height: 30px;
background: #F1F4FA;
border-radius: 2px;
font-size: 14px;
color: #333333;
padding-left: 7px;
margin-left: 8px;
text-align: left;
}
.popper-class-box .popper__arrow {
left: 20px !important;
}
/*# sourceMappingURL=common.min.css.map */
\ No newline at end of file
src/assets/css/public/common.min.css.map
{"version":3,"sources":["common.less"],"names":[],"mappings":"AAAA;EACE,8BAAA;EACA,0BAAA;;AAGF,IAAK;EACH,UAAA;EACA,yCAAA;EACA,6CAAA;;AAGF;AACA;EACE,8CAA8C,6BAA9C;EACA,kBAAA;EACA,mCAAA;EACA,kCAAA;EACA,eAAA;EACA,cAAA;;AAGF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACE,SAAA;EACA,UAAA;;AAGF;AACA;AACA;AACA;EACE,eAAA;EACA,YAAA;EACA,wBAAA;;AAGF,KAAK;AACL,KAAK;AACL,KAAK;EACH,eAAA;;AAGF;EACE,yBAAA;EACA,iBAAA;;AAGF;AACA;AACA;EACE,gBAAA;;AAGF;AACA;AACA;AACA;AACA;AACA;EACE,eAAA;EACA,gBAAA;;AAGF;AACA;AACA;EACE,kBAAA;;AAGF;EACE,qBAAA;;AAGF;EACE,YAAA;;AAGF;EACE,QAAA;EACA,WAAA;;AAGF,IAAI;EACF,SAAS,GAAT;EACA,WAAA;EACA,SAAA;EACA,kBAAA;EACA,cAAA;;AAGF;EACE,WAAA;EACA,gBAAA;;AAGF;EACE,YAAA;EACA,gBAAA;;AAGF;EACE,mBAAA;;AAGF;EACE,sBAAA;;AAGF;EACE,sBAAA;;AAIF;EACE,qBAAA;EACA,gBAAA;EACA,OAAA;EACA,sBAAA;EACA,oBAAA;;AAGF;EACE,uBAAA;EACA,mBAAA;;AAGF;EACE,iBAAA;EACA,UAAA;EACA,YAAA;EACA,YAAA;EACA,sBAAA;;AAGF;EACE,8BAAA;EACA,sBAAA;;AAGF;EACE,aAAA;EACA,sBAAA;;AAGF;EACE,aAAA;EACA,mBAAA;;;AAIF;EACE,8BAAA;;;AAIF;EACE,6BAAA;;;AAIF;EACE,uBAAA;;;AAIF;EACE,mBAAA;;AAGF;EACE,mBAAA;EACA,gBAAA;EACA,eAAA;EACA,WAAA;EACA,OAAA;;AAGF;AACA;EACE,WAAA;EACA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","file":"common.min.css"}
\ No newline at end of file
{"version":3,"sources":["common.less"],"names":[],"mappings":"AAAA;EACE,8BAAA;EACA,0BAAA;;AAGF,IAAK;EACH,UAAA;EACA,yCAAA;EACA,6CAAA;;AAGF;AACA;EACE,8CAA8C,6BAA9C;EACA,kBAAA;EACA,mCAAA;EACA,kCAAA;EACA,eAAA;EACA,cAAA;;AAGF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACE,SAAA;EACA,UAAA;;AAGF;AACA;AACA;AACA;EACE,eAAA;EACA,YAAA;EACA,wBAAA;;AAGF,KAAK;AACL,KAAK;AACL,KAAK;EACH,eAAA;;AAGF;EACE,yBAAA;EACA,iBAAA;;AAGF;AACA;AACA;EACE,gBAAA;;AAGF;AACA;AACA;AACA;AACA;AACA;EACE,eAAA;EACA,gBAAA;;AAGF;AACA;AACA;EACE,kBAAA;;AAGF;EACE,qBAAA;;AAGF;EACE,YAAA;;AAGF;EACE,QAAA;EACA,WAAA;;AAGF,IAAI;EACF,SAAS,GAAT;EACA,WAAA;EACA,SAAA;EACA,kBAAA;EACA,cAAA;;AAGF;EACE,WAAA;EACA,gBAAA;;AAGF;EACE,YAAA;EACA,gBAAA;;AAGF;EACE,mBAAA;;AAGF;EACE,sBAAA;;AAGF;EACE,sBAAA;;AAIF;EACE,qBAAA;EACA,gBAAA;EACA,OAAA;EACA,sBAAA;EACA,oBAAA;;AAGF;EACE,uBAAA;EACA,mBAAA;;AAGF;EACE,iBAAA;EACA,UAAA;EACA,YAAA;EACA,YAAA;EACA,sBAAA;;AAGF;EACE,8BAAA;EACA,sBAAA;;AAGF;EACE,aAAA;EACA,sBAAA;;AAGF;EACE,aAAA;EACA,mBAAA;;;AAIF;EACE,8BAAA;;;AAIF;EACE,6BAAA;;;AAIF;EACE,uBAAA;;;AAIF;EACE,mBAAA;;AAGF;EACE,mBAAA;EACA,gBAAA;EACA,eAAA;EACA,WAAA;EACA,OAAA;;AAGF;AACA;EACE,WAAA;EACA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","file":"common.min.css"}
\ No newline at end of file
src/components/menu.vue
<template>
<div class="nav-box">
<div class="nav-top">
<div class="con-box clr">
<div class="logo fl">云芯系统</div>
<div class="tab-box fl" ref="scrollbox">
<div class="item-boxs" ref="scrollboxinner" :style="'width:'+(tabs.length*95+48)+'px'">
<a class="item fl first" href="/#/" :class="{'act':$route.path=='/','scrollsg':rpcg}">
<font class="fl">概况</font>
</a>
<a class="item fl"
:class="{'scrollsg':rpcg,'act':(JSON.stringify(item)==JSON.stringify({path: $route.path,title: $route.meta.title,query:$route.query}))}"
@click="tabUrl(item)" v-for="item in tabs">
<font class="fl">{{item.title}}</font>
<span class="icon iconfont fl" @click.stop="closetab(item.path)"></span>
</a>
</div>
</div>
<div class="user-box fr">
<div class="line" style="margin-left:0px;"></div>
<a class="msgh fl" href="javascript:history.go(0)">
<span class="el-icon-refresh icon" style="position:relative;top:3px;"></span>
</a>
<div class="line"></div>
<a href="/云芯操作手册.pdf" class="fl" target="_blank" title="操作手册"><span class="icon iconfont iconwendangguanli fl"></span></a>
<div class="line"></div>
<div class="login-v fl">
<img class="fl" :src="userinfo.avatar||'https://www.ichunt.com/v3/dist/res/home/images/headimg/boy1.png'"
alt="">
<div class="fl namex">{{userinfo.contacts_name||'猎芯网用户'}}</div>
<div class="fl lo-box-drop">
<span class="icon iconfont"></span>
<div class="drop-box">
<a href="javascript:;" @click="changePwd()">修改密码</a>
<a href="javascript:;" @click="logout">退出登录</a>
</div>
<div class="nav-box">
<div class="nav-top">
<div class="con-box clr">
<div class="logo fl">云芯系统</div>
<div class="tab-box fl" ref="scrollbox">
<div class="item-boxs" ref="scrollboxinner" :style="'width:'+(tabs.length*95+48)+'px'">
<a class="item fl first" href="/#/" :class="{'act':$route.path=='/','scrollsg':rpcg}">
<font class="fl">概况</font>
</a>
<a class="item fl"
:class="{'scrollsg':rpcg,'act':(JSON.stringify(item)==JSON.stringify({path: $route.path,title: $route.meta.title,query:$route.query}))}"
@click="tabUrl(item)" v-for="item in tabs">
<font class="fl">{{item.title}}</font>
<span class="icon iconfont fl" @click.stop="closetab(item.path)"></span>
</a>
</div>
</div>
<div class="user-box fr">
<div class="line" style="margin-left:0px;"></div>
<a class="msgh fl" href="javascript:history.go(0)">
<span class="el-icon-refresh icon" style="position:relative;top:3px;"></span>
</a>
<div class="line"></div>
<a href="/云芯操作手册.pdf" class="fl" target="_blank" title="操作手册"><span class="icon iconfont iconwendangguanli fl"></span></a>
<div class="line"></div>
<div class="login-v fl">
<img class="fl" :src="userinfo.avatar||'https://www.ichunt.com/v3/dist/res/home/images/headimg/boy1.png'"
alt="">
<div class="fl namex">{{userinfo.contacts_name||'猎芯网用户'}}</div>
<div class="fl lo-box-drop">
<span class="icon iconfont"></span>
<div class="drop-box">
<a href="javascript:;" @click="changePwd()">修改密码</a>
<a href="javascript:;" @click="logout">退出登录</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="nav-left" v-show="!collapse">
<div class="meau-con">
<div class="zankai">
<span class="icon iconfont fr" @click="zk"></span>
<div class="nav-left" v-show="!collapse">
<div class="meau-con">
<div class="zankai">
<span class="icon iconfont fr" @click="zk"></span>
</div>
<el-menu class="el-menu-vertical-demo" @open="handleOpen" active-text-color="#1969F9" router :default-active="$route.path" :router="true" :unique-opened="true" @close="handleClose" @select="handleSelect">
<el-menu-item :index="'/'" :class="{'indextab':isIndexTab}">
<template slot="title">
<span class="icon iconfont"></span>
<span>概况</span>
</template>
</el-menu-item>
<el-submenu index="2">
<template slot="title">
<span class="icon iconfont"></span>
<span slot="title">询报价管理</span>
</template>
<el-menu-item-group>
<el-menu-item :index="'/inquire'">询价管理</el-menu-item>
<el-menu-item :index="'/quote'">报价管理</el-menu-item>
<el-menu-item :index="'/inquire/detail'" style="display:none">报价详情</el-menu-item>
</el-menu-item-group>
</el-submenu>
<el-submenu index="3">
<template slot="title">
<span class="icon iconfont"></span>
<span slot="title">订单追踪</span>
</template>
<el-menu-item-group>
<el-menu-item :index="'/orderTrackGoods'">已采购订单</el-menu-item>
<el-menu-item :index="'/orderTrackInvoice'">发货单</el-menu-item>
</el-menu-item-group>
</el-submenu>
<el-submenu index="4">
<template slot="title">
<span class="icon iconfont"></span>
<span slot="title">库存管理</span>
</template>
<el-menu-item-group>
<el-menu-item :index="'/list'">库存列表</el-menu-item>
<el-menu-item :index="'/enter'">库存导入</el-menu-item>
<el-menu-item :index="'/listDetail'" style="display:none">导入详情</el-menu-item>
</el-menu-item-group>
</el-submenu>
<el-submenu index="5">
<template slot="title">
<span class="icon iconfont"></span>
<span slot="title">商品管理</span>
</template>
<el-menu-item-group>
<el-menu-item :index="'/goods'">商品列表</el-menu-item>
<el-menu-item :index="'/brand'">品牌列表</el-menu-item>
</el-menu-item-group>
</el-submenu>
<el-submenu index="6">
<template slot="title">
<span class="icon iconfont"></span>
<span slot="title">用户中心</span>
</template>
<el-menu-item-group>
<el-menu-item :index="'/message'">基本信息</el-menu-item>
</el-menu-item-group>
</el-submenu>
</el-menu>
</div>
</div>
<el-menu class="el-menu-vertical-demo" @open="handleOpen" active-text-color="#1969F9" router
:default-active="$route.path" :router="true" :unique-opened="true" @close="handleClose"
@select="handleSelect">
<el-menu-item :index="'/'" :class="{'indextab':isIndexTab}">
<template slot="title">
<span class="icon iconfont"></span>
<span>概况</span>
</template>
</el-menu-item>
<el-submenu index="2">
<template slot="title">
<span class="icon iconfont"></span>
<span slot="title">询报价管理</span>
</template>
<el-menu-item-group>
<el-menu-item :index="'/inquire'">询价管理</el-menu-item>
<el-menu-item :index="'/quote'">报价管理</el-menu-item>
<el-menu-item :index="'/inquire/detail'" style="display:none">报价详情</el-menu-item>
</el-menu-item-group>
</el-submenu>
<el-submenu index="3">
<template slot="title">
<span class="icon iconfont"></span>
<span slot="title">库存管理</span>
</template>
<el-menu-item-group>
<el-menu-item :index="'/list'">库存列表</el-menu-item>
<el-menu-item :index="'/enter'">库存导入</el-menu-item>
<el-menu-item :index="'/listDetail'" style="display:none">导入详情</el-menu-item>
</el-menu-item-group>
</el-submenu>
<el-submenu index="4">
<template slot="title">
<span class="icon iconfont"></span>
<span slot="title">商品管理</span>
</template>
<el-menu-item-group>
<el-menu-item :index="'/goods'">商品列表</el-menu-item>
<el-menu-item :index="'/brand'">品牌列表</el-menu-item>
</el-menu-item-group>
</el-submenu>
<el-submenu index="5">
<template slot="title">
<span class="icon iconfont"></span>
<span slot="title">用户中心</span>
</template>
<el-menu-item-group>
<el-menu-item :index="'/message'">基本信息</el-menu-item>
</el-menu-item-group>
</el-submenu>
</el-menu>
</div>
</div>
<div class="nav-left2" v-show="collapse">
<div class="zankai">
<span class="icon iconfont fr" @click="zk"></span>
</div>
<div class="item " :class="{'act':tabSure==1}">
<span class="icon iconfont"></span>
</div>
<div class="item" :class="{'act':tabSure==2}">
<span class="icon iconfont"></span>
</div>
<div class="item" :class="{'act':tabSure==3}">
<span class="icon iconfont"></span>
</div>
<div class="item" :class="{'act':tabSure==4}">
<span class="icon iconfont"></span>
</div>
<div class="item" :class="{'act':tabSure==5}">
<span class="icon iconfont"></span>
</div>
</div>
<div class="kf-box">
<el-tooltip placement="left" effect="light">
<div slot="content">
<div class="kf-boxs">
<div class="itemg">
<span>客服姓名：</span>
<font>邓小姐</font>
<div class="nav-left2" v-show="collapse">
<div class="zankai">
<span class="icon iconfont fr" @click="zk"></span>
</div>
<div class="itemg">
<span>邮箱：</span>
<font>vendor@ichunt.com</font>
<div class="item " :class="{'act':tabSure==1}">
<span class="icon iconfont"></span>
</div>
<!-- <div class="itemg">
<span>手机号：</span>
<font></font>
<div class="item" :class="{'act':tabSure==2}">
<span class="icon iconfont"></span>
</div>
<div class="itemg">
<span>电话：</span>
<font></font>
</div> -->
<div class="itemg">
<span>QQ：</span>
<font>
2885072763
</font>
<div class="item" :class="{'act':tabSure==3}">
<span class="icon iconfont"></span>
</div>
<div class="item" :class="{'act':tabSure==4}">
<span class="icon iconfont"></span>
</div>
<div class="item" :class="{'act':tabSure==5}">
<span class="icon iconfont"></span>
</div>
<img src="https://static.ichunt.com/dist/res/home/images/fuwuhao.jpg" alt="">
</div>
</div>
<div class="btnkf">
<img src="../assets/images/kf.png" alt="">
<div class="kf-box">
<el-tooltip placement="left" effect="light">
<div slot="content">
<div class="kf-boxs">
<div class="itemg">
<span>客服姓名：</span>
<font>邓小姐</font>
</div>
<div class="itemg">
<span>邮箱：</span>
<font>vendor@ichunt.com</font>
</div>
<!-- <div class="itemg">
<span>手机号：</span>
<font></font>
</div>
<div class="itemg">
<span>电话：</span>
<font></font>
</div> -->
<div class="itemg">
<span>QQ：</span>
<font>
2885072763
</font>
</div>
<img src="https://static.ichunt.com/dist/res/home/images/fuwuhao.jpg" alt="">
</div>
</div>
<div class="btnkf">
<img src="../assets/images/kf.png" alt="">
</div>
</el-tooltip>
</div>
</el-tooltip>
<!--修改库存弹窗-->
<el-dialog title="修改密码" :visible.sync="dialogVisible" width="500px" class="demo-ruleForm">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px">
<el-form-item label="原始密码" prop="old_password">
<el-input v-model="ruleForm.old_password" type='password' placeholder='请输入原始密码'></el-input>
</el-form-item>
<el-form-item label="新密码" prop="password">
<el-input v-model="ruleForm.password" type='password' placeholder='请输入新密码'></el-input>
</el-form-item>
<el-form-item label="确认新密码" prop="repassword">
<el-input v-model="ruleForm.repassword" type='password' placeholder='请输入新密码'></el-input>
</el-form-item>
<el-form-item>
<el-button @click="dialogVisible = false">取 消</el-button>
<el-button type="primary" @click="submitForm('ruleForm')">确 定</el-button>
</el-form-item>
</el-form>
</el-dialog>
</div>
<!--修改库存弹窗-->
<el-dialog title="修改密码" :visible.sync="dialogVisible" width="500px" class="demo-ruleForm">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px">
<el-form-item label="原始密码" prop="old_password">
<el-input v-model="ruleForm.old_password" type='password' placeholder='请输入原始密码'></el-input>
</el-form-item>
<el-form-item label="新密码" prop="password">
<el-input v-model="ruleForm.password" type='password' placeholder='请输入新密码'></el-input>
</el-form-item>
<el-form-item label="确认新密码" prop="repassword">
<el-input v-model="ruleForm.repassword" type='password' placeholder='请输入新密码'></el-input>
</el-form-item>
<el-form-item>
<el-button @click="dialogVisible = false">取 消</el-button>
<el-button type="primary" @click="submitForm('ruleForm')">确 定</el-button>
</el-form-item>
</el-form>
</el-dialog>
</div>
</template>
<script>
import Vue from 'vue';
import Util from "../tool";
import {
Form,
FormItem,
Input,
Menu,
MenuItem,
Submenu,
MenuItemGroup,
Message,
Dialog,
Button,
Tooltip
} from 'element-ui'
Vue.prototype.$message = Message
Vue.use(Menu).use(MenuItem).use(MenuItemGroup).use(Submenu).use(Form).use(FormItem).use(Dialog).use(Button).use(
Tooltip).use(
Input);
import {Form, FormItem, Input, Menu, MenuItem, Submenu, MenuItemGroup, Message, Dialog, Button, Tooltip} from 'element-ui'
Vue.prototype.$message = Message;
Vue.use(Menu).use(MenuItem).use(MenuItemGroup).use(Submenu).use(Form).use(FormItem).use(Dialog).use(Button).use(Tooltip).use(Input);
export default {
......@@ -218,8 +201,6 @@
window.onresize = function () {
self.tabUi()
};
},
data() {
var validatePass2 = (rule, value, callback) => {
......@@ -266,12 +247,10 @@
},
watch: {
$route(to, from) {
let tab_arr = sessionStorage.getItem('tabs')
if (tab_arr) {
this.tabs = JSON.parse(tab_arr);
}
let app_ = document.getElementById('app');
this.collapse = false
if (this.collapse) {
......@@ -287,16 +266,14 @@
},
methods: {
getData() {
if (window.userInfo) {
this.userinfo = window.userInfo;
} else {
this.$http('get', "/api/user/getuserinfo").then(res => {
this.userinfo = res.data;
window.userInfo=res.data
window.userInfo = res.data
})
}
},
tabUi() {
this.$nextTick(() => {
......@@ -359,7 +336,6 @@
break;
}
}
},
zk() {
this.collapse = !this.collapse;
......@@ -374,7 +350,6 @@
if (this.$route.path == "/") {
this.isIndexTab = false
}
},
handleClose(key, keyPath) {
if (this.$route.path == "/") {
......@@ -393,8 +368,8 @@
setTimeout(() => {
Util.delCookie('token');
window.location.href = '/#/login';
window.userInfo=""
window.userInfo = ""
history.go(0);
}, 2000)
} else {
......@@ -413,7 +388,7 @@
this.$http('post', "/auth/logout").then(res => {
Util.delCookie('token');
window.location.href = '/#/login';
window.userInfo=""
window.userInfo = ""
history.go(0);
}).catch(err => {
console.log(err.message);
......@@ -424,516 +399,516 @@
</script>
<style lang="less">
.kf-boxs {
width: 200px;
padding: 0 10px;
padding-bottom: 20px;
.itemg {
color: #646B78;
font-size: 14px;
height: 30px;
line-height: 30px;
font {
color: #333;
}
}
.kf-boxs {
width: 200px;
padding: 0 10px;
padding-bottom: 20px;
img {
display: block;
width: 70px;
height: 70px;
margin: 0 auto;
margin-top: 20px;
.itemg {
color: #646B78;
font-size: 14px;
height: 30px;
line-height: 30px;
}
}
font {
color: #333;
}
}
#app {
padding-left: 226px;
padding-top: 56px;
}
img {
display: block;
width: 70px;
height: 70px;
margin: 0 auto;
margin-top: 20px;
.kf-box {
position: fixed;
right: 0px;
width: 61px;
height: 61px;
top: 250px;
z-index: 11;
text-align: center;
.btnkf {
height: 61px;
width: 61px;
cursor: pointer;
}
}
}
.nav-top {
position: fixed;
left: 0px;
top: 0px;
right: 0px;
height: 56px;
z-index: 99;
.con-box {
height: 56px;
background: #fff;
box-shadow: 0px 2px 42px -8px rgba(206, 214, 219, 0.5);
#app {
padding-left: 226px;
padding-top: 56px;
}
.logo {
height: 56px;
width: 226px;
line-height: 56px;
font-weight: bold;
color: #fff;
.kf-box {
position: fixed;
right: 0px;
width: 61px;
height: 61px;
top: 250px;
z-index: 11;
text-align: center;
background: #1969F9;
box-shadow: 0px 2px 42px -8px rgba(206, 214, 219, 0.5);
font-size: 20px;
}
.tab-box {
padding: 8px 0px;
overflow-x: auto;
height: 40px;
overflow-y: hidden;
position: relative;
width: calc(100vw - 584px);
&::-webkit-scrollbar {
height: 5px;
.btnkf {
height: 61px;
width: 61px;
cursor: pointer;
}
}
&::-webkit-scrollbar-thumb {
border-radius: 5px;
background: #fff;
-webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.2);
}
.nav-top {
position: fixed;
left: 0px;
top: 0px;
right: 0px;
height: 56px;
z-index: 99;
.con-box {
height: 56px;
background: #fff;
box-shadow: 0px 2px 42px -8px rgba(206, 214, 219, 0.5);
.logo {
height: 56px;
width: 226px;
line-height: 56px;
font-weight: bold;
color: #fff;
text-align: center;
background: #1969F9;
box-shadow: 0px 2px 42px -8px rgba(206, 214, 219, 0.5);
font-size: 20px;
}
&::-webkit-scrollbar-track {
border-radius: 0;
background: rgba(0, 0, 0, 0);
}
.tab-box {
padding: 8px 0px;
overflow-x: auto;
height: 40px;
overflow-y: hidden;
position: relative;
width: calc(100vw - 584px);
.item-boxs {
position: absolute;
left: 0px;
}
&::-webkit-scrollbar {
height: 5px;
}
.item {
color: #646B78;
font-size: 14px;
margin-left: 20px;
height: 40px;
line-height: 40px;
cursor: pointer;
&::-webkit-scrollbar-thumb {
border-radius: 5px;
background: #fff;
-webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.2);
}
&.act {
position: relative;
&::-webkit-scrollbar-track {
border-radius: 0;
background: rgba(0, 0, 0, 0);
}
font {
color: #333;
}
.item-boxs {
position: absolute;
left: 0px;
}
&::after {
content: "";
position: absolute;
bottom: -8px;
width: 32px;
height: 5px;
background: #1969F9;
left: 50%;
margin-left: -22px;
.item {
color: #646B78;
font-size: 14px;
margin-left: 20px;
height: 40px;
line-height: 40px;
cursor: pointer;
&.act {
position: relative;
font {
color: #333;
}
&::after {
content: "";
position: absolute;
bottom: -8px;
width: 32px;
height: 5px;
background: #1969F9;
left: 50%;
margin-left: -22px;
}
&.first {
&::after {
margin-left: -15px;
}
}
}
&.scrollsg {
&.act {
&::after {
content: "";
position: absolute;
bottom: -2px;
width: 32px;
height: 5px;
background: #1969F9;
left: 50%;
margin-left: -22px;
}
}
&.first {
&::after {
margin-left: -15px;
}
}
}
&:hover {
font {
color: #1969F9;
}
}
.icon {
font-size: 14px;
margin-left: 5px;
}
}
}
&.first {
&::after {
.user-box {
height: 40px;
padding: 8px 0;
line-height: 40px;
padding-right: 36px;
color: #A1ACC1;
a {
color: #A1ACC1;
&:hover {
.icon {
color: #1969F9;
}
}
}
margin-left: -15px;
}
}
}
.icon {
font-size: 24px;
transition: all 0.5s;
}
&.scrollsg {
&.act {
&::after {
content: "";
position: absolute;
bottom: -2px;
width: 32px;
height: 5px;
background: #1969F9;
left: 50%;
margin-left: -22px;
}
}
.line {
width: 1px;
height: 30px;
background: #E5EBF6;
float: left;
margin-left: 15px;
margin-right: 15px;
position: relative;
top: 5px;
}
&.first {
&::after {
.msgh {
position: relative;
font {
position: absolute;
width: 19px;
height: 14px;
background: #1969F9;
border-radius: 7px;
text-align: center;
line-height: 14px;
font-size: 10px;
color: #fff;
left: 15px;
}
}
margin-left: -15px;
}
.login-v {
img {
width: 35px;
height: 35px;
border-radius: 35px;
}
.namex {
margin-left: 10px;
margin-right: 10px;
font-size: 12px;
width: 100px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.lo-box-drop {
position: relative;
cursor: pointer;
.drop-box {
display: none;
position: absolute;
width: 94px;
height: 55px;
padding: 12px 0;
left: -66px;
background: #FFFFFF;
box-shadow: 1px 2px 10px 0px rgba(119, 135, 145, 0.5);
&::after {
content: "";
border-style: solid;
border-color: transparent transparent #fff transparent;
border-width: 7px;
position: absolute;
top: -13px;
left: 72px;
}
a {
display: block;
width: 94px;
height: 28px;
line-height: 28px;
text-align: center;
font-size: 14px;
color: #646B78;
&:hover {
background: #E7F3FF;
}
}
}
&:hover {
.icon {
color: #1969F9;
}
.drop-box {
display: block;
}
}
}
}
}
}
}
&:hover {
font {
color: #1969F9;
}
}
}
.icon {
font-size: 14px;
margin-left: 5px;
}
}
}
.nav-left2 {
width: 62px;
background: #fff;
position: fixed;
left: 0px;
top: 56px;
bottom: 0px;
.user-box {
height: 40px;
padding: 8px 0;
line-height: 40px;
padding-right: 36px;
color: #A1ACC1;
.zankai {
height: 26px;
font-size: 18px;
color: #646B78;
line-height: 26px;
padding-right: 5px;
a {
color: #A1ACC1;
span {
cursor: pointer;
&:hover {
.icon {
color: #1969F9;
&:hover {
color: #1969F9;
}
}
}
}
.icon {
font-size: 24px;
transition: all 0.5s;
}
.line {
width: 1px;
height: 30px;
background: #E5EBF6;
float: left;
margin-left: 15px;
margin-right: 15px;
position: relative;
top: 5px;
}
.msgh {
position: relative;
font {
position: absolute;
width: 19px;
height: 14px;
background: #1969F9;
border-radius: 7px;
.item {
height: 46px;
line-height: 46px;
text-align: center;
line-height: 14px;
font-size: 10px;
color: #fff;
left: 15px;
}
}
.login-v {
img {
width: 35px;
height: 35px;
border-radius: 35px;
}
.namex {
margin-left: 10px;
margin-right: 10px;
font-size: 12px;
width: 100px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.lo-box-drop {
position: relative;
cursor: pointer;
.drop-box {
display: none;
position: absolute;
width: 94px;
height: 55px;
padding: 12px 0;
left: -66px;
background: #FFFFFF;
box-shadow: 1px 2px 10px 0px rgba(119, 135, 145, 0.5);
&::after {
content: "";
border-style: solid;
border-color: transparent transparent #fff transparent;
border-width: 7px;
position: absolute;
top: -13px;
left: 72px;
}
a {
display: block;
width: 94px;
height: 28px;
line-height: 28px;
text-align: center;
font-size: 14px;
color: #646B78;
&:hover {
background: #E7F3FF;
&.act {
background: #F1F4FA;
position: relative;
&::after {
content: "";
position: absolute;
left: 0px;
top: 7px;
width: 5px;
height: 30px;
background: #1969F9;
}
}
span {
color: #1969F9;
}
}
&:hover {
.icon {
color: #1969F9;
}
background: #F1F4FA;
}
.drop-box {
display: block;
}
.icon {
font-size: 20px;
color: #646B78;
}
}
}
}
}
}
.nav-left2 {
width: 62px;
background: #fff;
position: fixed;
left: 0px;
top: 56px;
bottom: 0px;
.zankai {
height: 26px;
font-size: 18px;
color: #646B78;
line-height: 26px;
padding-right: 5px;
span {
cursor: pointer;
&:hover {
color: #1969F9;
}
}
}
.nav-left {
width: 226px;
background: #fff;
position: fixed;
left: 0px;
top: 56px;
bottom: 0px;
.item {
height: 46px;
line-height: 46px;
text-align: center;
cursor: pointer;
&.act {
background: #F1F4FA;
position: relative;
&::after {
content: "";
position: absolute;
left: 0px;
top: 7px;
width: 5px;
height: 30px;
background: #1969F9;
}
span {
color: #1969F9;
}
}
.meau-con {
width: 100%;
overflow: auto;
height: 100%;
background: #fff;
&:hover {
background: #F1F4FA;
}
.el-icon-arrow-down:before {
content: "\e790";
}
.icon {
font-size: 20px;
color: #646B78;
}
}
}
.zankai {
height: 26px;
font-size: 18px;
color: #646B78;
line-height: 26px;
padding-right: 17px;
.nav-left {
width: 226px;
background: #fff;
position: fixed;
left: 0px;
top: 56px;
bottom: 0px;
span {
cursor: pointer;
transition: all 0.5s;
&:hover {
color: #1969F9;
}
}
}
.meau-con {
width: 100%;
overflow: auto;
height: 100%;
background: #fff;
.el-submenu {
position: relative;
}
.el-icon-arrow-down:before {
content: "\e790";
}
.el-submenu:hover {
&::after {
content: "";
position: absolute;
left: 0px;
top: 7px;
width: 5px;
height: 30px;
background: #1969F9;
}
}
.zankai {
height: 26px;
font-size: 18px;
color: #646B78;
line-height: 26px;
padding-right: 17px;
.el-menu-item:focus,
.el-menu-item:hover,
.el-submenu__title:hover {
background: #F1F4FA;
}
span {
cursor: pointer;
transition: all 0.5s;
&:hover {
color: #1969F9;
}
}
}
.el-submenu__title:hover span {
color: #1969F9;
}
.el-submenu {
position: relative;
}
.el-submenu.is-opened,
.indextab.is-active {
position: relative;
background: #F1F4FA;
.el-submenu:hover {
&::after {
content: "";
position: absolute;
left: 0px;
top: 7px;
width: 5px;
height: 30px;
background: #1969F9;
}
}
span,
.iconfont {
color: #1969F9;
}
.el-menu-item:focus,
.el-menu-item:hover,
.el-submenu__title:hover {
background: #F1F4FA;
}
&::after {
content: "";
position: absolute;
left: 0px;
top: 7px;
width: 5px;
height: 30px;
background: #1969F9;
}
}
.el-menu-item {
padding-left: 37px !important;
height: 46px;
line-height: 42px;
.el-submenu__title:hover span {
color: #1969F9;
}
.iconfont {
font-size: 20px;
color: #646B78;
margin-right: 14px;
}
.el-submenu.is-opened,
.indextab.is-active {
position: relative;
background: #F1F4FA;
a {
color: #646B78;
}
span,
.iconfont {
color: #1969F9;
}
}
&::after {
content: "";
position: absolute;
left: 0px;
top: 7px;
width: 5px;
height: 30px;
background: #1969F9;
}
}
.el-submenu__title {
height: 46px;
line-height: 42px;
padding-left: 37px !important;
.el-menu-item {
padding-left: 37px !important;
height: 46px;
line-height: 42px;
.iconfont {
font-size: 20px;
color: #646B78;
margin-right: 14px;
}
.iconfont {
font-size: 20px;
color: #646B78;
margin-right: 14px;
}
a {
color: #646B78;
}
}
a {
color: #646B78;
}
.el-menu-item-group {
.el-menu-item-group__title {
display: none;
}
}
.el-menu-item {
font-size: 14px !important;
padding-left: 80px !important;
line-height: 46px !important;
height: 46px !important;
}
}
.el-submenu__title {
height: 46px;
line-height: 42px;
padding-left: 37px !important;
.el-menu {
border: 0px;
.iconfont {
font-size: 20px;
color: #646B78;
margin-right: 14px;
}
.el-menu-item,
.el-submenu__title {
font-size: 14px;
color: #646B78;
}
a {
color: #646B78;
}
}
.el-menu-item-group {
.el-menu-item-group__title {
display: none;
}
}
.el-menu-item {
font-size: 14px !important;
padding-left: 80px !important;
line-height: 46px !important;
height: 46px !important;
}
}
&::-webkit-scrollbar {
width: 10px;
}
.el-menu {
border: 0px;
&::-webkit-scrollbar-thumb {
border-radius: 8px;
background: #fff;
width: 10px;
-webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.2);
}
.el-menu-item,
.el-submenu__title {
font-size: 16px;
color: #646B78;
&::-webkit-scrollbar-track {
border-radius: 0;
background: #D2D9E7;
}
}
}
&::-webkit-scrollbar {
width: 10px;
}
&::-webkit-scrollbar-thumb {
border-radius: 8px;
background: #fff;
width: 10px;
-webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.2);
}
&::-webkit-scrollbar-track {
border-radius: 0;
background: #D2D9E7;
}
}
}
</style>
\ No newline at end of file
src/main.js
......@@ -16,6 +16,7 @@ Vue.config.productionTip = false;
import '@/assets/css/public/common.min.css'
import '@/assets/css/font/iconfont.css'
Vue.prototype.$ELEMENT = { size: 'mini', zIndex: 3000 };
//加载过滤器
Object.keys(filters).forEach(key => Vue.filter(key, filters[key]));
......@@ -64,7 +65,6 @@ router.afterEach((to, from, next) => {
}
});
axios.interceptors.request.use((config) => {
if(config.loading){
showLoading();
......
src/router/index.js
......@@ -17,6 +17,8 @@ const Message = resolve => require(['@/views/Info/message.vue'], resolve);
const Login = resolve => require(['@/views/User/login.vue'], resolve);
const notfound = resolve => require(['@/views/User/notfound.vue'], resolve);
const BindError = resolve => require(['@/views/User/bindError.vue'], resolve);
const OrderTrackGoods = resolve => require(['@/views/OrderTrack/goods.vue'], resolve);
const OrderTrackInvoice = resolve => require(['@/views/OrderTrack/invoice.vue'], resolve);
const routes = [
......@@ -50,7 +52,7 @@ const routes = [
name: 'Quote',
meta: {
title: '报价管理'
},
component: Quote
},
......@@ -59,7 +61,7 @@ const routes = [
name: 'Brand',
meta: {
title: '品牌列表'
},
component: Brand
},
......@@ -68,7 +70,7 @@ const routes = [
name: 'List',
meta: {
title: '库存列表'
},
component: List
},
......@@ -77,18 +79,18 @@ const routes = [
name: 'ListDetail',
meta: {
title: '导入详情'
},
component: ListDetail
},
{
path: '/enter',
name: 'Enter',
meta: {
title: '库存导入'
},
component: Enter
},
......@@ -97,7 +99,7 @@ const routes = [
name: 'Goods',
meta: {
title: '商品列表'
},
component: Goods
},
......@@ -106,27 +108,45 @@ const routes = [
name: 'Message',
meta: {
title: '基本信息'
},
component: Message
},
{
path: '/orderTrackGoods',
name: '',
meta: {
title: '已采购订单'
},
component: OrderTrackGoods
},
{
path: '/orderTrackInvoice',
name: '',
meta: {
title: '发货单'
},
component: OrderTrackInvoice
},
{
path: '/login',
name: 'Login',
meta: {
title: '猎芯云芯商家-登录',
},
component:Login
component: Login
},
{
path: '/notfound',
name: 'notfound',
meta: {
title: '猎芯网',
},
component:notfound
component: notfound
},
{
path: '/bindError',
......@@ -135,16 +155,13 @@ const routes = [
title: '微信重新绑定',
},
component:BindError
component: BindError
},
/**错误页面重定向到首页**/
{
path: '*',
redirect: '/',
}
]
const router = new VueRouter({
......
src/views/OrderTrack/goods.vue 0 → 100644
<template>
<section class="goods pagex">
<div class="goods-con">
<el-form :inline="true" :model="formInline" class="demo-form-inline">
<el-form-item label="询价日期">
<el-input v-model="formInline.keyword" placeholder="请输入关键词" @keyup.enter.native="submit"></el-input>
</el-form-item>
</el-form>
<div class="btn-nav clr">
<el-button type="primary">生成发货单</el-button>
</div>
<div class="data-box th-all" v-if="tableData">
<el-table :data="tableData" border style="width: 100%" @selection-change="handleSelectionChange">
<el-table-column fixed type="selection" width="37">
</el-table-column>
<el-table-column prop="spu_name" label="型号" min-width="15%">
</el-table-column>
<el-table-column prop="brand_name" label="品牌" min-width="15%">
</el-table-column>
<el-table-column prop="encap" label="封装" min-width="15%">
</el-table-column>
<el-table-column prop="pdf" label="规格书" min-width="15%">
<template slot-scope="scope" v-if="scope.row.pdf">
<a :href="scope.row.pdf" target="_blank" class="pdf"><span class="icon iconfont"></span></a>
</template>
</el-table-column>
<el-table-column prop="images_l" label="图片" min-width="15%">
<template slot-scope="scope" v-if="scope.row.images_l">
<img :src="scope.row.images_l" class="brand-img" alt="">
</template>
</el-table-column>
<el-table-column prop="remark" label="商品备注" min-width="15%">
</el-table-column>
<el-table-column prop="create_time" label="创建时间" min-width="15%">
</el-table-column>
<el-table-column prop="update_time" label="更新时间" min-width="15%">
</el-table-column>
</el-table>
<el-pagination layout="prev, pager, next,jumper" :page-size="limit" :total="total" @current-change="handleCurrentChange" :current-page="page"></el-pagination>
</div>
</div>
<Menu/>
</section>
</template>
<script>
import Vue from 'vue';
import Menu from "@/components/menu.vue";
import {Form, FormItem, Select, Option, Input, Button, Table, TableColumn, Message, Dialog, Pagination, Autocomplete, Cascader} from 'element-ui'
Vue.prototype.$message = Message;
Vue.use(Button).use(Form).use(Select).use(Option).use(Input).use(FormItem).use(Dialog).use(Pagination);
Vue.use(TableColumn).use(Table).use(Cascader).use(Autocomplete);
export default {
name: "orderTrackGoods",
data() {
return {
dialogVisible: false,
updateGoodsdata: [],
total: 0,
limit: 10,
page: 1,
downHref: "",
formInline: {
goods_name: '',
brand_name: '',
brand_id: '',
keyword: '',
class_id2: '',
class_id1: ''
},
disabled: false,
timer: null,
tableData: "",
multipleSelection: [],
options: [],
selectedOptions: []
};
},
created() {
this.getData();
},
computed: {},
methods: {
getData() {
this.$http('get', "/api/spu/get_spu_list", {
page: this.page,
limit: this.limit,
brand_id: this.formInline.brand_id,
brand_name: this.formInline.brand_name,
spu_name: this.formInline.goods_name,
keyword: this.formInline.keyword,
class_id2: this.formInline.class_id2,
class_id1: this.formInline.class_id1
}).then(res => {
if (res.code === 0) {
this.tableData = res.data.list || [];
this.total = Number(res.data.count) || 0;
} else {
this.$message(res.msg);
}
})
},
handleCurrentChange(val) {
this.page = val;
this.getData();
},
handleSelectionChange(val) {
this.multipleSelection = val;
},
submit() {
if (this.formInline.keyword && this.formInline.keyword.length == 1) {
this.$message("关键词不能少于2个字符");
return
}
this.page = 1;
this.getData();
},
},
components: {
Menu
}
};
</script>
<style scoped>
@import "../../assets/css/goods/goods.min.css";
</style>
\ No newline at end of file
src/views/OrderTrack/invoice.vue 0 → 100644
<template>
<div class="brandxk pagex">
<div class="brand-con">
<el-form :inline="true" :model="formInline" class="demo-form-inline">
<el-form-item label="品牌">
<el-autocomplete v-model="formInline.brand_name" :trigger-on-focus="false" @keyup.enter.native="submit"
:fetch-suggestions="querySearchAsync2" placeholder="请输入品牌" @select="handleSelectBrandName">
</el-autocomplete>
</el-form-item>
<el-form-item label="关键词">
<el-input v-model="formInline.keyword" placeholder="请输入关键词" @keyup.enter.native="submit"></el-input>
</el-form-item>
<el-form-item>
<div @click="submit" class="search-btn">搜索</div>
</el-form-item>
</el-form>
<div class="btn-nav clr">
<div class="fl dcg updatex" @click="updateBrand">修改</div>
<div class="fl dcg " @click="downOut">导出</div>
<a :href="downHref" ref="downs" target="_blank" style="display:none">下载</a>
<div class="fl dcg delbtn" @click="del">删除</div>
</div>
<div class="data-box th-all" v-if="tableData">
<el-table :data="tableData" border style="width: 100%" @selection-change="handleSelectionChange">
<el-table-column fixed type="selection" width="37">
</el-table-column>
<el-table-column prop="internal_standard_name" label="内部标准名称" min-width="15%">
</el-table-column>
<el-table-column prop="brand_name" label="品牌" min-width="15%">
</el-table-column>
<el-table-column prop="region" label="地区" min-width="15%">
</el-table-column>
<el-table-column prop="brand_logo" label="LOGO" min-width="10%">
<template slot-scope="scope" v-if="scope.row.brand_logo">
<img :src="scope.row.brand_logo" class="brand-img" alt="">
</template>
</el-table-column>
<el-table-column prop="sku_num" label="型号量" min-width="10%">
</el-table-column>
<el-table-column prop="remark" label="品牌备注" min-width="15%">
</el-table-column>
<el-table-column prop="create_time" label="创建时间" min-width="15%">
</el-table-column>
<el-table-column prop="update_time" label="更新时间" min-width="15%">
</el-table-column>
</el-table>
<el-pagination layout="prev, pager, next,jumper" :page-size="limit" :total="total"
@current-change="handleCurrentChange" :current-page="page">
</el-pagination>
</div>
<!--修改品牌弹窗-->
<el-dialog title="修改品牌" :visible.sync="dialogVisible" width="1000px">
<div class="kc-mask">
<el-table :data="updateBranddata" border style="width: 100%">
<el-table-column prop="brand_name" label="品牌" width="180">
</el-table-column>
<el-table-column prop="region" label="地区" width="100">
</el-table-column>
<el-table-column prop="brand_logo" label="LOGO" min-width="120">
<template slot-scope="scope" v-if="scope.row.brand_logo">
<img :src="scope.row.brand_logo" class="brand-img" alt="">
</template>
</el-table-column>
<el-table-column prop="internal_standard_name" label="内部标准名称" min-width="170">
<template slot-scope="scope">
<el-input v-model="scope.row.internal_standard_name" placeholder="点击修改"></el-input>
</template>
</el-table-column>
<el-table-column prop="remark" label="品牌备注" width="320">
<template slot-scope="scope">
<el-input v-model="scope.row.remark" placeholder="点击修改"></el-input>
</template>
</el-table-column>
</el-table>
</div>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false">取 消</el-button>
<el-button type="primary" @click="submitUpdate">确 定</el-button>
</span>
</el-dialog>
</div>
<Menu />
</div>
</template>
<script>
import Vue from 'vue';
import Menu from "@/components/menu.vue";
import Tool from '../../tool'
import {
Form,
FormItem,
Select,
Option,
Input,
Button,
Table,
TableColumn,
Message,
MessageBox,
Dialog,
Pagination,
Autocomplete
} from 'element-ui'
Vue.prototype.$message=Message
Vue.use(Button).use(Form).use(Select).use(Option).use(Input).use(FormItem).use(Dialog).use(Pagination).use(
Autocomplete)
Vue.use(TableColumn).use(Table)
export default {
name: "brand",
data() {
return {
dialogVisible: false,
updateBranddata: [],
total: 0,
limit: 10,
page: 1,
downHref: "",
formInline: {
brand_name: '',
brand_id: '',
keyword: ''
},
disabled: false,
tableData: "",
timer: null,
multipleSelection: []
};
},
watch: {
'formInline.brand_name'(val){
if(!val){
this.formInline.brand_id=""
return
}
var arr_=[]
this.brandList=this.brandList||[]
for(var i=0;i<this.brandList.length;i++){
arr_.push(this.brandList[i].value)
}
if(arr_.indexOf(val)==-1){
this.formInline.brand_id=""
}
}
},
created() {
this.getData();
},
computed: {},
methods: {
getData() {
this.$http('get', "/api/brand/get_brand_list", {
page: this.page,
limit: this.limit,
brand_id: this.formInline.brand_id,
brand_name: this.formInline.brand_name,
keyword: this.formInline.keyword,
}).then(res => {
if (res.code === 0) {
this.tableData = res.data.list || [];
this.total = Number(res.data.total) || 0;
} else {
this.$message(res.msg);
}
})
},
updateBrand() {
if (this.multipleSelection.length > 1) {
this.$message("只能选择一条数据")
return
}
if (this.multipleSelection.length == 0) {
this.$message("请至少选择一条数据")
return
}
this.updateBranddata = JSON.parse(JSON.stringify(this.multipleSelection));
this.dialogVisible = true
},
submitUpdate() {
var arr_ = {
id: this.updateBranddata[0].id,
remark: this.updateBranddata[0].remark,
internal_standard_name: this.updateBranddata[0].internal_standard_name
}
this.$http('post', "/api/brand/update_brand", arr_).then(res => {
if (res.code == 0) {
this.$message("修改成功");
this.getData()
this.dialogVisible = false
} else {
this.$message(res.msg);
}
})
},
querySearchAsync2(queryString, cb) {
this.$http('get', "/api/search/getbrand", {
brand_name: this.formInline.brand_name
}).then(res => {
if (res.code == 0) {
var arrlist_ = res.data || [];
this.brandList = []
this.formInline.brand_id = ""
for (var i = 0; i < arrlist_.length; i++) {
this.brandList.push({
value: arrlist_[i]['brand_name'],
brand_id: arrlist_[i]['brand_id']
})
}
cb(this.brandList);
}
})
},
handleSelectBrandName(item) {
console.log(this.brandList)
this.formInline.brand_name = item.value;
this.formInline.brand_id = item.brand_id;
},
submit() {
if(this.formInline.keyword&&this.formInline.keyword.length==1){
this.$message("关键词不能少于2个字符");
return
}
this.page = 1;
this.getData();
},
downOut() {
if (this.disabled) {
this.$message("正在导出中,请不要重复点击");
return
}
this.$http('post', "/api/brand/export_brand", {
brand_id: this.formInline.brand_id,
brand_name: this.formInline.brand_name,
keyword: this.formInline.keyword,
}).then(res => {
if (res.code == 0) {
this.disabled = true
this.$message("正在导出中,请耐心等待")
this.timer = setInterval(() => {
if (!this.disabled) {
clearInterval(this.timer)
return
}
this.resultDown(res.data)
}, 3000)
}
})
},
resultDown(id_) {
this.$http('get', "/api/export/get_export_data", {
id: id_
}).then(res => {
if (res.code == 0) {
this.disabled = false
this.$message("导出成功")
this.downHref = res.data
setTimeout(() => {
this.$refs.downs.click()
}, 10)
} else if (res.code == -1) {
//导出失败
this.$message(res.data)
this.disabled = false
}
}, error => {
this.$message('网络出现问题,请检查网络');
this.disabled = false
})
},
del() {
if (this.multipleSelection.length == 0) {
this.$message("请至少选择一条数据")
return
}
var arr = [];
for (var i = 0; i < this.multipleSelection.length; i++) {
arr.push(this.multipleSelection[i]['id'])
}
MessageBox.confirm('确认到删除当前勾选数据吗？', {
type: 'error'
})
.then(() => {
this.$http('post', "/api/brand/delete_brand", {
id: arr.join(",")
}).then(res => {
if (res.code === 0) {
this.$message("删除成功");
this.getData()
} else {
this.$message(res.msg);
}
})
}).catch(()=>{
})
},
handleCurrentChange(val) {
this.page = val;
this.getData();
},
handleSelectionChange(val) {
this.multipleSelection = val || [];
console.log(this.multipleSelection)
}
},
components: {
Menu
}
};
</script>
<style scoped>
@import "../../assets/css/goods/brand.min.css";
</style>
\ No newline at end of file
vue.config.js
const env = process.env.NODE_ENV;
const url = 'http://cloud.liexindev.net';
//const url = 'http://192.168.1.237:3000/mock/49';
switch (env) {
case 'development':
......
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 sign in to comment