master
parent
84a4ab2bdb
commit
6bc57d4809
709
css/style.css
709
css/style.css
|
|
@ -1,709 +0,0 @@
|
|||
* {
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 0px;
|
||||
height: 100vh;
|
||||
|
||||
}
|
||||
input{
|
||||
padding-left: .875rem;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
button{
|
||||
border: none;
|
||||
}
|
||||
.fs14{
|
||||
font-size: .875rem;
|
||||
}
|
||||
.fs16{
|
||||
font-size: 1rem;
|
||||
}
|
||||
.pdlr30{
|
||||
padding-left: 1.875rem;
|
||||
padding-right: 1.875rem;
|
||||
}
|
||||
.img{
|
||||
width: 100%;
|
||||
}
|
||||
.login-con-hed{
|
||||
|
||||
height: 16rem;
|
||||
position: relative;
|
||||
}
|
||||
#login .int p{
|
||||
font-family: PingFangSC-Semibold;
|
||||
font-size: 1.125rem;
|
||||
color: #100B0C;
|
||||
margin-bottom: .5rem;
|
||||
letter-spacing: 0;
|
||||
|
||||
line-height: 1.125rem;
|
||||
}
|
||||
#login .int input{
|
||||
background: #FFFFFF;
|
||||
border: 1px solid #D2D5CE;
|
||||
border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
width: 19.6875rem;
|
||||
height: 2.5rem;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
#login .btn{
|
||||
background: #00A3E0;
|
||||
border-radius: 2px;
|
||||
width: 19.6875rem;
|
||||
height: 3.125rem;
|
||||
border-radius: 2px;
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: 1.125rem;
|
||||
color: #FFFFFF;
|
||||
letter-spacing: 0;
|
||||
text-align: center;
|
||||
line-height: 1.125rem;
|
||||
}
|
||||
.copyright{
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: .875rem;
|
||||
color: #999F9F;
|
||||
letter-spacing: 0;
|
||||
margin: auto;
|
||||
display: block;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
line-height: .875rem;
|
||||
position: absolute;
|
||||
bottom: 1.8125rem;
|
||||
}
|
||||
.session-con-hed{
|
||||
width:100%;
|
||||
height: 2.75rem;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
background-color: #fff;
|
||||
align-items: center;
|
||||
padding: 0 .9375rem;position: fixed;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
}
|
||||
.session-con-hed .tit{
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: 1.125rem;
|
||||
color: #100B0C;
|
||||
letter-spacing: 0;
|
||||
line-height: 1.125rem;
|
||||
}
|
||||
.session-con-hed .kf{
|
||||
width: 1.5rem;
|
||||
display: block;
|
||||
|
||||
height: 1.5rem;
|
||||
}
|
||||
.session-con-hed .rit{
|
||||
display: flex;
|
||||
}
|
||||
.session-con-hed .menu{
|
||||
display: flex;
|
||||
width: 1.5rem;
|
||||
margin-left: 1rem;
|
||||
height: 1.5rem;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.session-con-hed .menu p{
|
||||
width: 4px;
|
||||
height: 4px;
|
||||
background-color: #100B0C;
|
||||
border-radius: 50%;
|
||||
}
|
||||
#session{
|
||||
background: #F2F2F2;
|
||||
padding-top: 2.5rem;
|
||||
padding-left: .9375rem;
|
||||
padding-right: .9375rem;
|
||||
min-height: 100%;
|
||||
padding-bottom: 4.5rem;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.customerService{
|
||||
padding-top: 1.5rem;
|
||||
display: flex;
|
||||
}
|
||||
.customerService .left{
|
||||
width: 2.5rem;
|
||||
border-radius: 50%;
|
||||
margin-right: .625rem;
|
||||
overflow: hidden;
|
||||
height: 2.5rem;
|
||||
}
|
||||
.customerService .rit .date{
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: .75rem;
|
||||
color: #999F9F;
|
||||
letter-spacing: 0;
|
||||
margin-bottom: .25rem;
|
||||
line-height: .75rem;
|
||||
}
|
||||
.customerService .rit .text{
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: .8125rem;
|
||||
color: #292D2D;
|
||||
letter-spacing: 0;
|
||||
width: 15.9375rem;
|
||||
box-sizing: border-box;
|
||||
padding: .625rem;
|
||||
|
||||
background-color: #fff;
|
||||
line-height: 1.25rem;
|
||||
}
|
||||
.customerService .rit .text .gd>:nth-child(1){
|
||||
width: 100%;
|
||||
height: 6.875rem;
|
||||
}
|
||||
.customerService .rit .text .gd>:nth-child(2){
|
||||
width: 14.6875rem;
|
||||
height: 2.5rem;
|
||||
background: #00A3E0;
|
||||
border-radius: .125rem;
|
||||
border-radius: .125rem;
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: 1rem;
|
||||
color: #FFFFFF;
|
||||
letter-spacing: 0;
|
||||
text-align: center;
|
||||
line-height: 1rem;
|
||||
}
|
||||
.user{
|
||||
display: flex;
|
||||
margin-top: 1.875rem;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.user .left{
|
||||
text-align: right;
|
||||
}
|
||||
.user .left .date{
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: .75rem;
|
||||
color: #999F9F;
|
||||
letter-spacing: 0;
|
||||
line-height: .75rem;
|
||||
}
|
||||
.user .left .text{
|
||||
background: #00A3E0;
|
||||
border-radius: .25rem;
|
||||
max-width: 15.9375rem;
|
||||
margin-top: .25rem;
|
||||
border-radius: .25rem;
|
||||
padding: .625rem;
|
||||
display: inline-flex;
|
||||
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: .8125rem;
|
||||
color: #FFFFFF;
|
||||
letter-spacing: 0;
|
||||
box-sizing: border-box;
|
||||
line-height: 1.25rem;
|
||||
}
|
||||
.user .left .text img{
|
||||
width: 1.25rem;
|
||||
height: 1.25rem;
|
||||
}
|
||||
.user .left .text p{
|
||||
display: iib;
|
||||
text-align: left;
|
||||
}
|
||||
.user .rit{
|
||||
width: 2.5rem;
|
||||
margin-left: .625rem;
|
||||
height: 2.5rem;
|
||||
overflow: hidden;
|
||||
border-radius: 50%;
|
||||
|
||||
}
|
||||
.session-footer{
|
||||
width: 100%;
|
||||
height: 3.5rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
box-sizing: border-box;
|
||||
padding: 0 .9375rem;
|
||||
position: relative;
|
||||
position: fixed;
|
||||
bottom: 0px;
|
||||
background-color: #fff;
|
||||
}
|
||||
.session-footer img{
|
||||
width: 1.625rem;
|
||||
height: 1.625rem;
|
||||
}
|
||||
.session-footer>:nth-child(2) {
|
||||
position: relative;
|
||||
}
|
||||
.session-footer>:nth-child(2) .input{
|
||||
width: 16.525rem;
|
||||
height: 2.5rem;
|
||||
background: #F2F2F2;
|
||||
border-radius: 4px;
|
||||
border: none;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.session-footer>:nth-child(2) .button{
|
||||
width: 16.525rem;
|
||||
height: 2.5rem;
|
||||
background: #F2F2F2;
|
||||
border-radius: .25rem;
|
||||
border: none;
|
||||
|
||||
border-radius: .25rem;
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: 1rem;display: none;
|
||||
color: #999F9F;
|
||||
letter-spacing: -0.08px;
|
||||
line-height: 1rem;
|
||||
}
|
||||
.session-footer>:nth-child(2) img{
|
||||
width: 1.625rem;
|
||||
height: 1.625rem;
|
||||
position: absolute;
|
||||
top: .375rem;
|
||||
right: .625rem;
|
||||
|
||||
}
|
||||
#session .artificial{
|
||||
text-align: center;
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
#session .artificial p{
|
||||
background: #8B8B8B;
|
||||
border-radius: .25rem;
|
||||
border-radius: .25rem;
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: .75rem;
|
||||
color: #FFFFFF;
|
||||
letter-spacing: 0;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
padding: .1875rem .5rem;
|
||||
line-height: 1.125rem;
|
||||
}
|
||||
.moban{
|
||||
position: absolute;width: 100%;
|
||||
height: 12.5rem;
|
||||
top: -12.6rem;
|
||||
left: 0px;
|
||||
background-color: #fff;
|
||||
box-sizing: border-box;
|
||||
display: none;
|
||||
padding-top: 3.125rem;
|
||||
}
|
||||
.moban img{
|
||||
position: absolute;
|
||||
width: 1.25rem;
|
||||
height: 1.25rem;
|
||||
right: .9375rem;
|
||||
top: .9375rem;
|
||||
|
||||
}
|
||||
.moban .tis{
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: .875rem;
|
||||
color: #999F9F;
|
||||
text-align: center;
|
||||
margin: auto;
|
||||
width: 19.6875rem;
|
||||
text-align: center;
|
||||
}
|
||||
.qrderQuery-con-hed{
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
left: 0px;
|
||||
z-index: 5;
|
||||
top: 0px;
|
||||
height: 2.75rem;
|
||||
display: flex;
|
||||
background-color: #fff;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.qrderQuery-con-hed a{
|
||||
width: 1.25rem;
|
||||
position: absolute;
|
||||
|
||||
left: 1.1875rem;
|
||||
top: 25%;
|
||||
|
||||
transform: rotateZ(180deg);
|
||||
height: 1.25rem;
|
||||
|
||||
}
|
||||
.qrderQuery-con-hed p{
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: 1.125rem;
|
||||
color: #100B0C;
|
||||
letter-spacing: 0;
|
||||
line-height: 1.125rem;
|
||||
}
|
||||
#qrderQuery{
|
||||
width: 100%;
|
||||
min-height: 100%;
|
||||
background-color: #F2F2F2;
|
||||
box-sizing: border-box;
|
||||
padding: .9375rem;
|
||||
padding-top: 3.6875rem;
|
||||
}
|
||||
#qrderQuery .tit{
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: 1rem;
|
||||
color: #999F9F;
|
||||
margin-bottom: .9375rem;
|
||||
letter-spacing: 0;
|
||||
line-height: 1.5rem;
|
||||
}
|
||||
#qrderQuery{
|
||||
|
||||
}
|
||||
.qrderQuery-c{
|
||||
background: #FFFFFF;
|
||||
border-radius: 8px;
|
||||
border-radius: 8px;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
margin-bottom: .625rem;
|
||||
padding: 1rem;
|
||||
padding-top: .8125rem;
|
||||
}
|
||||
.qrderQuery-c .titcon{
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: 1rem;
|
||||
padding-bottom: .6875rem;
|
||||
color: #100B0C;
|
||||
letter-spacing: 0;
|
||||
border-bottom: 1px solid #EBEEF5;
|
||||
line-height: 1.625rem;
|
||||
}
|
||||
.qrderQuery-c .zt{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: .875rem;
|
||||
color: #999F9F;
|
||||
margin-top: .9375rem;
|
||||
letter-spacing: 0;
|
||||
line-height: .875rem;;
|
||||
}
|
||||
.qrderQuery-c .date{
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: .875rem;
|
||||
color: #999F9F;
|
||||
letter-spacing: 0;
|
||||
margin-top: .625rem;
|
||||
line-height: .875rem;;
|
||||
}
|
||||
|
||||
.zta{
|
||||
color: #002925;
|
||||
|
||||
}
|
||||
.ztb{
|
||||
color: #000002;
|
||||
|
||||
}
|
||||
#personalCenter{
|
||||
width: 100%;
|
||||
min-height: 100%;
|
||||
background-color: #F2F2F2;
|
||||
box-sizing: border-box;
|
||||
padding-top: 3.6875rem;
|
||||
}
|
||||
#personalCenter .list{
|
||||
width: 100%;
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
height: 3.375rem;
|
||||
display: flex;
|
||||
background-color: #fff;
|
||||
box-sizing: border-box;
|
||||
align-items: center;
|
||||
|
||||
}
|
||||
#personalCenter .list div{
|
||||
box-shadow: inset 0 -1px 0 0 #EBEEF5;
|
||||
width: 100%;
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
height: 3.375rem;
|
||||
display: flex;
|
||||
background-color: #fff;
|
||||
margin-left: .875rem;
|
||||
box-sizing: border-box;
|
||||
align-items: center;
|
||||
}
|
||||
#personalCenter .list img{
|
||||
width: 1.125rem;
|
||||
height: 1.125rem;
|
||||
margin-right: .5rem;
|
||||
}
|
||||
#personalCenter .list p{
|
||||
|
||||
margin-right: .5rem;
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: 1rem;
|
||||
color: #100B0C;
|
||||
letter-spacing: 0;
|
||||
line-height: 1.5rem;
|
||||
}
|
||||
.tc{
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 3.875rem;
|
||||
background-color: #fff;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
}
|
||||
.tc button{
|
||||
background: #FFFFFF;
|
||||
border: 1px solid #00A3E0;
|
||||
border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
width: 21.5625rem;
|
||||
height: 3.125rem;
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: 1.125rem;
|
||||
color: #00A3E0;
|
||||
letter-spacing: 0;
|
||||
text-align: center;
|
||||
line-height: 1.125rem;
|
||||
}
|
||||
#costInformation{
|
||||
width: 100%;
|
||||
min-height: 100%;
|
||||
background-color: #F2F2F2;
|
||||
box-sizing: border-box;
|
||||
padding-bottom: 4.375rem;
|
||||
padding-top: 3.6875rem;
|
||||
}
|
||||
#costInformation .list {
|
||||
background-color: #fff;
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
}
|
||||
#costInformation .list div{
|
||||
box-shadow: inset 0 -1px 0 0 #EBEEF5;
|
||||
width: 100%;
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
height: 3.375rem;
|
||||
display: flex;
|
||||
background-color: #fff;
|
||||
margin-left: .875rem;
|
||||
box-sizing: border-box;
|
||||
align-items: center;
|
||||
padding-right: .9375rem;
|
||||
}
|
||||
#costInformation .list div>:nth-child(1){
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: .875rem;
|
||||
color: #100B0C;
|
||||
letter-spacing: 0;
|
||||
min-width: 5.25rem;
|
||||
margin-right: 1.875rem;
|
||||
line-height: 20px;
|
||||
}
|
||||
#costInformation .list div>:nth-child(2){
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: .875rem;
|
||||
color: #292D2D;
|
||||
letter-spacing: 0;
|
||||
line-height: 20px;
|
||||
}
|
||||
.qd{
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
background-color: #fff;
|
||||
height: 3.875rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
box-sizing: border-box;
|
||||
padding: 0 .9375rem;
|
||||
justify-content: center;
|
||||
}
|
||||
.qd button{
|
||||
background: #00A3E0;
|
||||
border-radius: 2px;
|
||||
width: 100%;
|
||||
height: 3.25rem;
|
||||
border-radius: 2px;
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: 1.125rem;
|
||||
color: #FFFFFF;
|
||||
letter-spacing: 0;
|
||||
text-align: center;
|
||||
line-height: 1.125rem;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
#completeSet{
|
||||
width: 100%;
|
||||
min-height: 100%;
|
||||
background-color: #F2F2F2;
|
||||
box-sizing: border-box;
|
||||
padding-bottom: 4.375rem;
|
||||
padding-top: 3.6875rem;
|
||||
}
|
||||
#completeSet .list {
|
||||
background-color: #fff;
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
}
|
||||
#completeSet .list>div{
|
||||
box-shadow: inset 0 -1px 0 0 #EBEEF5;
|
||||
width: 100%;
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
height: 3.375rem;
|
||||
display: flex;
|
||||
background-color: #fff;
|
||||
margin-left: .875rem;
|
||||
box-sizing: border-box;
|
||||
align-items: center;
|
||||
padding-right: .9375rem;
|
||||
}
|
||||
#completeSet .list>div>:nth-child(1){
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: .875rem;
|
||||
color: #100B0C;
|
||||
letter-spacing: 0;
|
||||
min-width: 7.5rem;
|
||||
margin-right: 1.875rem;
|
||||
line-height: 20px;
|
||||
}
|
||||
#completeSet .list>div>:nth-child(2){
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: .875rem;
|
||||
color: #292D2D;
|
||||
letter-spacing: 0;
|
||||
flex: 1;
|
||||
position: relative;
|
||||
overflow: hidden;padding-right: .9375rem;
|
||||
line-height: 20px;
|
||||
}
|
||||
#completeSet .list>div>:nth-child(2) input{
|
||||
padding-left: 0px;
|
||||
width: 100%;
|
||||
border: none;
|
||||
}
|
||||
#completeSet .list>div>:nth-child(2) input::placeholder{
|
||||
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: .875rem;
|
||||
color: #999F9F;
|
||||
letter-spacing: 0;
|
||||
line-height: 20px;
|
||||
}
|
||||
#completeSet .mgtop{
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
#completeSet .list>div>:nth-child(2) button{
|
||||
padding-left: 0px;
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: .875rem;
|
||||
color: #999F9F;
|
||||
letter-spacing: 0;
|
||||
line-height: 20px;
|
||||
border: none;
|
||||
background-color: #fff;
|
||||
}
|
||||
#completeSet .list>div>:nth-child(2) button img{
|
||||
position: absolute;
|
||||
width: 1.25rem;
|
||||
height: 1.25rem;
|
||||
right: .9375rem;
|
||||
}
|
||||
.completeSetqd{
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
background-color: #fff;
|
||||
height: 3.875rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
box-sizing: border-box;
|
||||
padding: 0 .9375rem;
|
||||
justify-content: center;
|
||||
}
|
||||
.completeSetqd button{
|
||||
background: #00A3E0;
|
||||
border-radius: 2px;
|
||||
width: 100%;
|
||||
height: 3.25rem;
|
||||
border-radius: 2px;
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: 1.125rem;
|
||||
color: #FFFFFF;
|
||||
letter-spacing: 0;
|
||||
text-align: center;
|
||||
line-height: 1.125rem;
|
||||
opacity: 0.5;
|
||||
background: #00A3E0;
|
||||
border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.mobanxuan{
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0px;
|
||||
display: none;
|
||||
top: 0px;
|
||||
background-color: rgba(0,0,0,0.5);
|
||||
}
|
||||
.mobanxuan>div{
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
width: 100%;
|
||||
background: #F2F2F2;
|
||||
border-radius: 12px 12px 0 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.mobanxuan>div .p{
|
||||
width: 100%;
|
||||
height: 3.125rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background-color: #fff;
|
||||
border-bottom: 1px solid #F2F2F2;
|
||||
justify-content: center;
|
||||
font-size: .875rem;
|
||||
}
|
||||
.mobanxuan>div .btn{
|
||||
width: 100%;
|
||||
height: 3.125rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: .625rem;
|
||||
background-color: #fff;
|
||||
border-bottom: 1px solid #F2F2F2;
|
||||
justify-content: center;
|
||||
font-size: .875rem;
|
||||
}
|
||||
|
|
@ -0,0 +1 @@
|
|||
Subproject commit 1dfbcbc8de5d750a0deaa4ecf3cc31737d281225
|
||||
|
|
@ -1,115 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>基本信息</title>
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="qrderQuery-con-hed">
|
||||
<a href=""><img class="img" src="/img/icon_arrow_right@2x.png" alt=""></a>
|
||||
<p>基本信息</p>
|
||||
</div>
|
||||
<div id="completeSet">
|
||||
<a class="list">
|
||||
<div>
|
||||
<p>常用项目代码</p>
|
||||
<div><input placeholder="请输入常用的项目代码" type="text"></div>
|
||||
</div>
|
||||
</a>
|
||||
<a class="list">
|
||||
<div>
|
||||
<p>常用项目名称</p>
|
||||
<div><input placeholder="请输入常用的项目名称" type="text"></div>
|
||||
</div>
|
||||
</a>
|
||||
<a class="list">
|
||||
<div>
|
||||
<p>乘机/订酒店姓名</p>
|
||||
<div><input placeholder="请输入乘机/订酒店时用的证件姓名" type="text"></div>
|
||||
</div>
|
||||
</a>
|
||||
<a class="list">
|
||||
<div>
|
||||
<p>证件类型</p>
|
||||
<div><button class="listBtn">请选择您的证件类型<img src="/img/icon_arrow_right@2x.png" alt=""></button></div>
|
||||
</div>
|
||||
</a>
|
||||
<a class="list">
|
||||
<div>
|
||||
<p>证件号码</p>
|
||||
<div><input placeholder="请输入证件类型对应的证件号码" type="text"></div>
|
||||
</div>
|
||||
</a>
|
||||
<a class="list">
|
||||
<div>
|
||||
<p>乘机/订酒店手机</p>
|
||||
<div><input placeholder="请输入订机票/订酒店时用的手机号码" type="text"></div>
|
||||
</div>
|
||||
</a>
|
||||
<a class="list mgtop">
|
||||
<div>
|
||||
<p>偏好航司(if any)</p>
|
||||
<div><input placeholder="请输入个人偏好的航司" type="text"></div>
|
||||
</div>
|
||||
</a>
|
||||
<a class="list">
|
||||
<div>
|
||||
<p>偏好舱位(if any)</p>
|
||||
<div><button class="listBtn">请选择个人偏好舱位 <img src="/img/icon_arrow_right@2x.png" alt=""></button></div>
|
||||
</div>
|
||||
</a>
|
||||
<a class="list mgtop">
|
||||
<div>
|
||||
<p>偏好酒店(if any)</p>
|
||||
<div><button class="listBtn">请输入个人偏好酒店<img src="/img/icon_arrow_right@2x.png" alt=""></button></div>
|
||||
</div>
|
||||
</a>
|
||||
<a class="list">
|
||||
<div>
|
||||
<p>偏好无烟房(if any)</p>
|
||||
<div><input placeholder="请选择个人偏好房型" type="text"> </div>
|
||||
</div>
|
||||
</a>
|
||||
<a class="list">
|
||||
<div>
|
||||
<p>备注</p>
|
||||
<div><input placeholder="请输入其它偏好备注" type="text"></div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="completeSetqd"><button>确定</button></div>
|
||||
|
||||
<div class="mobanxuan">
|
||||
<div>
|
||||
<div>
|
||||
<p class="p">选项5</p>
|
||||
<p class="p">选项4</p>
|
||||
<p class="p">选项3</p>
|
||||
<p class="p">选项2</p>
|
||||
<p class="p">选项1</p>
|
||||
</div>
|
||||
|
||||
|
||||
<p class="btn">取消</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="/js/jquery-3.4.1.min.js"></script>
|
||||
<script>
|
||||
$(".listBtn").on("click",()=>{
|
||||
$(".mobanxuan").css("display","block")
|
||||
})
|
||||
$(".btn").on("click",()=>{
|
||||
$(".mobanxuan").css("display","none")
|
||||
})
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -1,101 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>基本信息</title>
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="qrderQuery-con-hed">
|
||||
<a href=""><img class="img" src="/img/icon_arrow_right@2x.png" alt=""></a>
|
||||
<p>基本信息</p>
|
||||
</div>
|
||||
<div id="costInformation">
|
||||
<a class="list">
|
||||
<div>
|
||||
<p>员工号</p>
|
||||
<p>144213</p>
|
||||
</div>
|
||||
</a>
|
||||
<a class="list">
|
||||
<div>
|
||||
<p>姓名（英文）</p>
|
||||
<p>Wang, Belle Chenxin (CN - Chongqing)</p>
|
||||
</div>
|
||||
</a>
|
||||
<a class="list">
|
||||
<div>
|
||||
<p>姓名（中文）</p>
|
||||
<p>王辰欣</p>
|
||||
</div>
|
||||
</a>
|
||||
<a class="list">
|
||||
<div>
|
||||
<p>成本中心代码</p>
|
||||
<p>CQDWDOJ000</p>
|
||||
</div>
|
||||
</a>
|
||||
<a class="list">
|
||||
<div>
|
||||
<p>成本中心全称</p>
|
||||
<p>GDCops-Sys Dvlp-GDC</p>
|
||||
</div>
|
||||
</a>
|
||||
<a class="list">
|
||||
<div>
|
||||
<p>部门编码</p>
|
||||
<p>GPEO</p>
|
||||
</div>
|
||||
</a>
|
||||
<a class="list">
|
||||
<div>
|
||||
<p>部门名称</p>
|
||||
<p>GDC Process Excellence-Operation</p>
|
||||
</div>
|
||||
</a>
|
||||
<a class="list">
|
||||
<div>
|
||||
<p>业务线</p>
|
||||
<p>卓越运营部</p>
|
||||
</div>
|
||||
</a>
|
||||
<a class="list">
|
||||
<div>
|
||||
<p>区域代码</p>
|
||||
<p>GDC</p>
|
||||
</div>
|
||||
</a>
|
||||
<a class="list">
|
||||
<div>
|
||||
<p>级别（英文）</p>
|
||||
<p>Senior Associate</p>
|
||||
</div>
|
||||
</a>
|
||||
<a class="list">
|
||||
<div>
|
||||
<p>级别（中文）</p>
|
||||
<p>高级专员</p>
|
||||
</div>
|
||||
</a>
|
||||
<a class="list">
|
||||
<div>
|
||||
<p>邮箱地址</p>
|
||||
<p>bellewang@deloitte.com.cn</p>
|
||||
</div>
|
||||
</a>
|
||||
<a class="list">
|
||||
<div>
|
||||
<p>地点</p>
|
||||
<p>CQ</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
<div class="qd"><button>确定</button></div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -1,29 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>登录</title>
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="login-con-hed">
|
||||
<img class="img" src="/img/login_02.gif" alt="">
|
||||
</div>
|
||||
|
||||
<form class="pdlr30" id="login">
|
||||
<div class="int">
|
||||
<p>登录</p>
|
||||
<input type="text">
|
||||
</div>
|
||||
<div class="int">
|
||||
<p>密码</p>
|
||||
<input type="password">
|
||||
</div>
|
||||
|
||||
<button class="btn" type="button">登录</button>
|
||||
</form>
|
||||
<p class="copyright">版权信息</p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,31 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>个人中心</title>
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="qrderQuery-con-hed">
|
||||
<a href=""><img class="img" src="/img/icon_arrow_right@2x.png" alt=""></a>
|
||||
<p>个人中心</p>
|
||||
</div>
|
||||
|
||||
<div id="personalCenter">
|
||||
<a class="list"> <div>
|
||||
<img src="/img/admin_icon_jbxx@3x.png" alt=""><p>基本信息</p>
|
||||
</div></a>
|
||||
<a class="list">
|
||||
<div><img src="/img/admin_icon_phsz@3x.png" alt=""><p>偏好设置</p></div></a>
|
||||
</div>
|
||||
|
||||
<div class="tc">
|
||||
<button>退出</button>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -1,50 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>查询订单</title>
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="qrderQuery-con-hed">
|
||||
<a href=""><img class="img" src="/img/icon_arrow_right@2x.png" alt=""></a>
|
||||
<p>查询订单</p>
|
||||
</div>
|
||||
<div id="qrderQuery">
|
||||
<p class="tit">待受理指订单正在等待被处理，处理中指订单需求正在核实购买中，已完结指订单已经购买成功。</p>
|
||||
|
||||
<div class="con">
|
||||
<div class="qrderQuery-c">
|
||||
<p class="titcon">#1910 订12月18日晚上北京到成都的机票</p>
|
||||
|
||||
<div class="zt">
|
||||
<p>类型：订机票</p>
|
||||
<p>状态：<span class="zta">待受理</span> </p>
|
||||
</div>
|
||||
<p class="date">提单时间：2021-12-18 14:30</p>
|
||||
</div>
|
||||
<div class="qrderQuery-c">
|
||||
<p class="titcon">#1910 订12月18日晚上北京到成都的机票</p>
|
||||
|
||||
<div class="zt">
|
||||
<p>类型：订机票</p>
|
||||
<p>状态：<span class="ztb">处理中</span> </p>
|
||||
</div>
|
||||
<p class="date">提单时间：2021-12-18 14:30</p>
|
||||
</div>
|
||||
<div class="qrderQuery-c">
|
||||
<p class="titcon">#1910 订12月18日晚上北京到成都的机票</p>
|
||||
|
||||
<div class="zt">
|
||||
<p>类型：订机票</p>
|
||||
<p>状态：<span>已完结</span> </p>
|
||||
</div>
|
||||
<p class="date">提单时间：2021-12-18 14:30</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,182 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Document</title>
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="session-con-hed">
|
||||
<a class="tit">勤勤助手</a>
|
||||
<div class="rit">
|
||||
<a class="kf"><img class="img" src="/img/rgzn.png" alt=""></a>
|
||||
<div class="menu">
|
||||
<p></p>
|
||||
<p></p>
|
||||
<p></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="session">
|
||||
|
||||
|
||||
<div class="customerService">
|
||||
<div class="left">
|
||||
<img class="img" src="/img/img_head_1@3x.png" alt="">
|
||||
</div>
|
||||
<div class="rit">
|
||||
<p class="date"><span>今天</span><span>17:45:52</span></p>
|
||||
<div class="text">
|
||||
<p>老板您好，我是您的智能助理勤勤，可以帮您订机票，订酒店，有事请吩咐！
|
||||
最新政策，温馨提示:
|
||||
</br> 1.xxxxxxx
|
||||
</br> 2.xxxxxxx
|
||||
</br> 3.xxxxxxx
|
||||
</br> 祝您旅途愉快！
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="user">
|
||||
|
||||
<div class="left">
|
||||
<p class="date"><span>今天</span><span>17:45:52</span></p>
|
||||
<div class="text">
|
||||
<p>
|
||||
在吗
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="rit">
|
||||
<img class="img" src="/img/img_head_1@3x.png" alt="">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="user">
|
||||
|
||||
<div class="left">
|
||||
<p class="date"><span>今天</span><span>17:45:52</span></p>
|
||||
<div class="text">
|
||||
<img src="/img/icon_play_w@3x.png" alt="">
|
||||
<p>
|
||||
|
||||
我要定11月11日，从成都到北京上午的机票。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="rit">
|
||||
<img class="img" src="/img/img_head_1@3x.png" alt="">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="customerService">
|
||||
<div class="left">
|
||||
<img class="img" src="/img/img_head_1@3x.png" alt="">
|
||||
</div>
|
||||
<div class="rit">
|
||||
<p class="date"><span>今天</span><span>17:45:52</span></p>
|
||||
<div class="text">
|
||||
<div class="gd">
|
||||
<div></div>
|
||||
<button type="button">生产工单</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="user">
|
||||
|
||||
<div class="left">
|
||||
<p class="date"><span>今天</span><span>17:45:52</span></p>
|
||||
<div class="text">
|
||||
|
||||
<p>
|
||||
|
||||
转人工
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="rit">
|
||||
<img class="img" src="/img/img_head_1@3x.png" alt="">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="artificial">
|
||||
<p>人工助理001为您服务！</p>
|
||||
</div>
|
||||
|
||||
<div class="customerService">
|
||||
<div class="left">
|
||||
<img class="img" src="/img/img_head_1@3x.png" alt="">
|
||||
</div>
|
||||
<div class="rit">
|
||||
<p class="date"><span>今天</span><span>17:45:52</span></p>
|
||||
<div class="text">
|
||||
<p>老板您好，我这边看一下上面的聊天需求内容，请稍等！ </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="session-footer">
|
||||
<img src="/img/icon_yuyin@3x.png" class="voice" alt="">
|
||||
|
||||
<div>
|
||||
<input class="input" type="text">
|
||||
<img class="inputImg" src="/img/icon_biaoqing@3x.png" alt="">
|
||||
<button class="button">按住说话</button>
|
||||
</div>
|
||||
<img src="/img/icon_gongju@3x.png" alt="">
|
||||
|
||||
|
||||
<div class="moban">
|
||||
<img src="/img/tittle_btn_close@2x.png" alt="">
|
||||
<p class="tis">请用普通话描述您需求，如：我要定11月11日，从成都到北京上午的机票。</p>
|
||||
<p class="text">请用普通话描述您需求，如：我要定11月11日，从成都到北京上午的机票。</p>
|
||||
</div>
|
||||
</div>
|
||||
<script src="/js/jquery-3.4.1.min.js"></script>
|
||||
<script>
|
||||
let ifBtn = true
|
||||
$(".voice").on("click", (e) => {
|
||||
if (ifBtn) {
|
||||
$(e.target).attr("src", "/img/icon_jianpan@3x.png")
|
||||
$(".session-footer .input").css("display", "none")
|
||||
$(".session-footer .inputImg").css("display", "none")
|
||||
$(".session-footer .button").css("display", "block")
|
||||
$(".moban").css("display", "block")
|
||||
|
||||
$("#session").css("paddingBottom", "17rem")
|
||||
ifBtn = !ifBtn
|
||||
} else {
|
||||
$(e.target).attr("src", "/img/icon_yuyin@3x.png")
|
||||
$(".session-footer .input").css("display", "block")
|
||||
$(".session-footer .inputImg").css("display", "block")
|
||||
$(".session-footer .button").css("display", "none")
|
||||
$(".moban").css("display", "none")
|
||||
$("#session").css("paddingBottom", "4.5rem")
|
||||
ifBtn = !ifBtn
|
||||
}
|
||||
|
||||
})
|
||||
$(".session-footer .button").on("mouseover", () => {
|
||||
$(".tis").css("display", "none")
|
||||
$(".text").css("display", "block")
|
||||
})
|
||||
$(".session-footer .button").on("mouseout", () => {
|
||||
$(".tis").css("display", "block")
|
||||
$(".text").css("display", "none")
|
||||
})
|
||||
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 405 B |
Binary file not shown.
|
Before Width: | Height: | Size: 3.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
BIN
img/login_02.gif
BIN
img/login_02.gif
Binary file not shown.
|
Before Width: | Height: | Size: 171 KiB |
BIN
img/rgzn.png
BIN
img/rgzn.png
Binary file not shown.
|
Before Width: | Height: | Size: 1.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.4 KiB |
12
index.html
12
index.html
|
|
@ -1,12 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>德勤</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue