wms-pda迁移
This commit is contained in:
752
static/public.scss
Normal file
752
static/public.scss
Normal file
@@ -0,0 +1,752 @@
|
||||
/*登录*/
|
||||
.login {
|
||||
background: #fff;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.logoPage {
|
||||
background: url(@/static/img/logbg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
padding-top: 70px;
|
||||
|
||||
.logo_from {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
margin-top: 30px;
|
||||
|
||||
.item {
|
||||
margin: 0 32px;
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
.loglabe {
|
||||
font-size: 14px;
|
||||
color: #505050;
|
||||
}
|
||||
|
||||
.loginput {
|
||||
font-size: 18px;
|
||||
color: #222222;
|
||||
padding: 5px;
|
||||
width: 100%;
|
||||
border-bottom: 1px solid #dfe3e8;
|
||||
}
|
||||
|
||||
.dlbt {
|
||||
background: #2d53eb;
|
||||
margin: 0 32px;
|
||||
margin-top: 10px;
|
||||
color: #fff;
|
||||
padding: 10px 0;
|
||||
border-radius: 10px;
|
||||
font-size: 16px;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.imglogo {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/*end登录*/
|
||||
/*首頁*/
|
||||
.sy {
|
||||
background: #eef1f5;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
position: relative;
|
||||
.sybg {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 175px;
|
||||
}
|
||||
.sy_info {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 32px;
|
||||
padding-bottom: 22px;
|
||||
padding-top: 55px;
|
||||
z-index: 1;
|
||||
.sy_txt {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
z-index: 1;
|
||||
.t1 {
|
||||
font-size: 16px;
|
||||
padding-bottom: 3px;
|
||||
color: #fff;
|
||||
}
|
||||
.t2 {
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
.syoutico {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
}
|
||||
}
|
||||
.sy_meuns {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: 0 24px;
|
||||
z-index: 1;
|
||||
position: relative;
|
||||
.sy_item {
|
||||
padding: 24px;
|
||||
border-radius: 10px;
|
||||
background: #fff;
|
||||
margin-bottom: 16px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
.symeunico {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
margin-right: 24px;
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
}
|
||||
.t1 {
|
||||
color: #222222;
|
||||
font-size: 16px;
|
||||
margin-left: 66px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
/*end首頁*/
|
||||
/*入库菜单*/
|
||||
.rkpage {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
position: relative;
|
||||
background: #eef1f5;
|
||||
|
||||
.rkMuen {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
background: #fff;
|
||||
border-radius: 10px;
|
||||
padding: 10px;
|
||||
margin: 15px;
|
||||
margin-top: 10px;
|
||||
|
||||
.item {
|
||||
width: 33.3%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
.rkico {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.t1 {
|
||||
font-size: 14px;
|
||||
color: #505050;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
/*end入库菜单*/
|
||||
/*入库-收货*/
|
||||
::v-deep .select-wrap {
|
||||
border: none !important;
|
||||
width: 100% !important;
|
||||
height: 19px !important;
|
||||
}
|
||||
/*按鈕置灰*/
|
||||
.disbt {
|
||||
opacity: 0.5;
|
||||
}
|
||||
.shpage {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
background: #eef1f5;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
// background: pink;
|
||||
.searchico {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin-left: 10rpx;
|
||||
}
|
||||
.sh_gdInfo {
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
top: 67px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
z-index: 11;
|
||||
.item {
|
||||
width: 100%;
|
||||
background: #fff;
|
||||
position: relative;
|
||||
.it {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
margin: 0 20px;
|
||||
padding: 8px 0;
|
||||
border-bottom: 1px solid #e0e5eb;
|
||||
|
||||
input {
|
||||
flex: 1;
|
||||
margin: 0 2%;
|
||||
}
|
||||
}
|
||||
|
||||
.itsp {
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.t1,
|
||||
.t2 {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.t2 {
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
.redtag {
|
||||
color: #d6366e;
|
||||
}
|
||||
}
|
||||
|
||||
.item2 {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 8px 0;
|
||||
|
||||
.it2 {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 25%;
|
||||
|
||||
.t1 {
|
||||
font-size: 14px;
|
||||
color: #222222;
|
||||
font-weight: bold;
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
|
||||
.t2 {
|
||||
font-size: 14px;
|
||||
color: #717275;
|
||||
}
|
||||
|
||||
.rednum {
|
||||
color: #f42551;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.itembg2 {
|
||||
background: #f3f6fa;
|
||||
.it {
|
||||
.t1,
|
||||
.t2 {
|
||||
color: #bbbdc1 !important;
|
||||
}
|
||||
.searchico {
|
||||
opacity: 0.6;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.shlb {
|
||||
height: 35%;
|
||||
// background: #D6366E;
|
||||
position: relative;
|
||||
margin-top: 66%;
|
||||
padding: 10px 6px;
|
||||
overflow-y: auto;
|
||||
position: relative;
|
||||
margin: 0 6px;
|
||||
overflow: hidden;
|
||||
overflow-y: auto;
|
||||
.item {
|
||||
background: #fff;
|
||||
border-radius: 6px;
|
||||
margin-bottom: 5px;
|
||||
padding: 5px;
|
||||
z-index: 2;
|
||||
.it {
|
||||
padding: 0 2px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
border-radius: 10px;
|
||||
|
||||
// background: linear-gradient(360deg, #FFFFFF 0%, #EDF3FF 100%);
|
||||
.txt {
|
||||
font-size: 12px;
|
||||
color: #222222;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.footbts {
|
||||
display: flex;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
background: #fff;
|
||||
padding: 5px 0px;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
|
||||
.bt {
|
||||
width: 50%;
|
||||
margin: 0 10px;
|
||||
padding: 10px 0;
|
||||
border-radius: 10px;
|
||||
color: #fff;
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.bt1 {
|
||||
background: #f96422;
|
||||
}
|
||||
|
||||
.bt2 {
|
||||
background: linear-gradient(215deg, #122ae1 10%, #3e67fd 100%);
|
||||
}
|
||||
.bt3 {
|
||||
background: #f5bd08;
|
||||
}
|
||||
}
|
||||
}
|
||||
/*end入库-收货*/
|
||||
|
||||
/*标题栏目*/
|
||||
.mianheade {
|
||||
padding: 12px 20px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
padding-top: 30px;
|
||||
.blacBackico {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
}
|
||||
.pagetitle {
|
||||
text-align: center;
|
||||
color: #222222;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
margin-left: 38%;
|
||||
}
|
||||
}
|
||||
/*标题栏目2*/
|
||||
.mianheade2 {
|
||||
background: url(@/static/img/headbg.png) no-repeat !important;
|
||||
background-size: 100% 100% !important;
|
||||
.blacBackico {
|
||||
width: 25px !important;
|
||||
height: 25px !important;
|
||||
}
|
||||
.pagetitle {
|
||||
color: #fff !important;
|
||||
}
|
||||
}
|
||||
/*采购上架入库*/
|
||||
.cgsjrklb {
|
||||
margin-top: 74%;
|
||||
height: 30%;
|
||||
.item {
|
||||
.it {
|
||||
.titstr {
|
||||
font-weight: bold;
|
||||
color: #222;
|
||||
}
|
||||
}
|
||||
}
|
||||
.cssj_it {
|
||||
background: #f3f6fa;
|
||||
padding: 3px 5px;
|
||||
border-radius: 6px;
|
||||
.tlinb {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.txtNum {
|
||||
font-size: 12px;
|
||||
color: #717275;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
.tinput {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: row;
|
||||
.inpt {
|
||||
width: 100px;
|
||||
height: 15px;
|
||||
font-size: 12px;
|
||||
background: #fff;
|
||||
margin-left: 5px;
|
||||
border: 1px solid #d0d7de;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
/*非采购上架入库*/
|
||||
.f_cgsjrklb {
|
||||
margin-top: 67.5%;
|
||||
height: 34%;
|
||||
}
|
||||
/*拣货出库*/
|
||||
.jscklb {
|
||||
margin-top: 74%;
|
||||
height: 29%;
|
||||
.titstr {
|
||||
border-bottom: 1px dashed #d2d3d5 !important;
|
||||
padding-bottom: 3px;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
}
|
||||
/*快速改箱/装箱*/
|
||||
.gx_zxpage {
|
||||
position: relative;
|
||||
.cxsjdiv {
|
||||
width: 100%;
|
||||
background: #eef1f5;
|
||||
margin-top: 48%;
|
||||
z-index: 10;
|
||||
position: relative;
|
||||
.gxcheckbox {
|
||||
margin-left: 16px;
|
||||
}
|
||||
.checkboxlabel {
|
||||
margin-bottom: 4px !important;
|
||||
span {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.f_cgsjrklb {
|
||||
position: relative;
|
||||
height: 42%;
|
||||
z-index: 1;
|
||||
.titstr {
|
||||
padding-bottom: 2px;
|
||||
border-bottom: 1px dashed #d2d3d5 !important;
|
||||
}
|
||||
.cssj_it {
|
||||
background: #fff;
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
// 整箱移货上架
|
||||
.zxyhsjpage {
|
||||
.jscklb {
|
||||
margin-top: 51%;
|
||||
height: 43%;
|
||||
}
|
||||
}
|
||||
// 出库回退
|
||||
.ckhtsjpage {
|
||||
.f_cgsjrklb {
|
||||
margin-top: 85%;
|
||||
height: 23%;
|
||||
}
|
||||
}
|
||||
// 出库回退xj
|
||||
.ckhtsxjpage {
|
||||
.f_cgsjrklb {
|
||||
margin-top: 65%;
|
||||
height: 35%;
|
||||
}
|
||||
}
|
||||
// 盘点
|
||||
.pdpage {
|
||||
.jscklb {
|
||||
margin-top: 56%;
|
||||
height: 40%;
|
||||
}
|
||||
}
|
||||
// 个别样式
|
||||
.inpt1 {
|
||||
font-size: 14px;
|
||||
color: #222;
|
||||
}
|
||||
.inpt2 {
|
||||
color: #bbbdc1;
|
||||
}
|
||||
.inptbordred {
|
||||
border: 1px solid red !important;
|
||||
}
|
||||
.it50 {
|
||||
width: 50% !important;
|
||||
}
|
||||
.fgx {
|
||||
border-left: 1px solid #e0e5eb;
|
||||
height: 11px;
|
||||
margin: 0 16px;
|
||||
display: inline-flex;
|
||||
} //分割线
|
||||
.txtflexnum {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.ckhtit {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.gxzxlb {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.redtxt {
|
||||
.txt {
|
||||
color: #f42551 !important;
|
||||
}
|
||||
}
|
||||
.greentxt {
|
||||
.txt {
|
||||
color: #1bc9b0 !important;
|
||||
}
|
||||
}
|
||||
.tpleft {
|
||||
padding-left: 8px;
|
||||
}
|
||||
.deletico {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
.xlfeview {
|
||||
position: absolute !important;
|
||||
top: 0 !important;
|
||||
z-index: 10;
|
||||
}
|
||||
.wwselectit {
|
||||
margin-left: 20rpx !important;
|
||||
flex: 1 !important;
|
||||
}
|
||||
.inpt {
|
||||
font-size: 12px;
|
||||
}
|
||||
.ckjhTxt {
|
||||
background: #f3f6fa;
|
||||
padding: 2px;
|
||||
border: 1px solid #d0d7de;
|
||||
border-radius: 6px;
|
||||
margin-left: 5px;
|
||||
min-width: 20px;
|
||||
}
|
||||
.cktinput_jh {
|
||||
border: 1px solid #d0d7de;
|
||||
border-radius: 6px;
|
||||
padding: 2px;
|
||||
}
|
||||
.oldxlhboxct {
|
||||
width: 100%;
|
||||
height: 60rpx;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.tkinput {
|
||||
width: 93%;
|
||||
font-size: 12px;
|
||||
margin-top: 5px;
|
||||
padding: 2px 5px !important;
|
||||
}
|
||||
.tkvi {
|
||||
font-size: 14px;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
}
|
||||
.disInput {
|
||||
background: #edf0f5 !important;
|
||||
}
|
||||
.shpage {
|
||||
.u-input {
|
||||
// padding: 0;
|
||||
height: 20px;
|
||||
}
|
||||
}
|
||||
.ibgt {
|
||||
margin-top: 5px !important;
|
||||
background: #f3f6fa !important;
|
||||
border-radius: 4px !important;
|
||||
padding: 5px 10px 5px 10px !important;
|
||||
.txt {
|
||||
color: #505050 !important;
|
||||
}
|
||||
}
|
||||
.pdpage {
|
||||
position: relative;
|
||||
::v-deep .u-popup__content {
|
||||
margin-top: -30% !important;
|
||||
}
|
||||
}
|
||||
.orgicomain {
|
||||
font-size: 10px;
|
||||
color: orange;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 35%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
A .orgico {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-radius: 12px;
|
||||
border: 1px solid orange;
|
||||
text-align: center;
|
||||
line-height: 12px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
.icinfo {
|
||||
width: 22px !important;
|
||||
}
|
||||
.boxtkct {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
overflow-y: auto;
|
||||
max-height: 60vh;
|
||||
.c_item {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
margin-bottom: 10rpx;
|
||||
}
|
||||
}
|
||||
.boxtkct1 {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: start;
|
||||
width: 100%;
|
||||
.t1 {
|
||||
font-size: 36rpx !important;
|
||||
color: #333;
|
||||
}
|
||||
.cws {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.cwit {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
font-weight: bold;
|
||||
.krcwname {
|
||||
font-size: 36rpx !important;
|
||||
color: #333;
|
||||
margin-right: 25rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
.txtflexnum {
|
||||
.pl {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
margin-top: 4px;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
}
|
||||
.mxcwdiv {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
max-width: 48%;
|
||||
background: #eef1f5;
|
||||
margin-left: 2%;
|
||||
padding: 0 4px;
|
||||
.cwhitzs {
|
||||
width: 96%;
|
||||
margin: 0 10rpx;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
.ntxtcolor{
|
||||
color: #505050 !important;
|
||||
}
|
||||
.nbtxt{
|
||||
font-weight: blod;
|
||||
}
|
||||
.nwemxflex{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
margin: 6rpx 0;
|
||||
.fgline{
|
||||
margin: 0 30rpx;
|
||||
background: #BBBDC1;
|
||||
width: 1px;
|
||||
height: 24rpx;
|
||||
}
|
||||
.txt{
|
||||
color: #505050 !important;
|
||||
}
|
||||
|
||||
}
|
||||
.nslbzflex{
|
||||
margin-bottom: 8rpx;
|
||||
.n-sl-bz{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.tinput{
|
||||
width: 48% !important;
|
||||
}
|
||||
}
|
||||
.remaktinpt{
|
||||
background-color: #fff;
|
||||
font-size: 12px;
|
||||
border: 1px solid #ccc;
|
||||
padding:5px 10px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
Reference in New Issue
Block a user