老板您好,我是您的智能助理勤勤,可以帮您订机票,订酒店,有事请吩咐! + 最新政策,温馨提示: + 1.xxxxxxx + 2.xxxxxxx + 3.xxxxxxx + 祝您旅途愉快! +
+commit 84a4ab2bdb6ad3eb31b92c4631833b1293acf459 Author: tangyi <275503107@qq.com> Date: Tue Nov 16 16:47:56 2021 +0800 德勤 diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..ec0ecb7 --- /dev/null +++ b/css/style.css @@ -0,0 +1,709 @@ +* { + 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; +} \ No newline at end of file diff --git a/htmls/completeSet.html b/htmls/completeSet.html new file mode 100644 index 0000000..5de270e --- /dev/null +++ b/htmls/completeSet.html @@ -0,0 +1,115 @@ + + + +
+ + + +常用项目代码
+ +常用项目名称
+ +乘机/订酒店姓名
+ +证件类型
+ +证件号码
+ +乘机/订酒店手机
+ +偏好航司(if any)
+ +偏好舱位(if any)
+ +偏好酒店(if any)
+ +偏好无烟房(if any)
+备注
+ +选项5
+选项4
+选项3
+选项2
+选项1
+取消
+员工号
+144213
+姓名(英文)
+Wang, Belle Chenxin (CN - Chongqing)
+姓名(中文)
+王辰欣
+成本中心代码
+CQDWDOJ000
+成本中心全称
+GDCops-Sys Dvlp-GDC
+部门编码
+GPEO
+部门名称
+GDC Process Excellence-Operation
+业务线
+卓越运营部
+区域代码
+GDC
+级别(英文)
+Senior Associate
+级别(中文)
+高级专员
+邮箱地址
+bellewang@deloitte.com.cn
+地点
+CQ
+版权信息
+ + \ No newline at end of file diff --git a/htmls/personalCenter.html b/htmls/personalCenter.html new file mode 100644 index 0000000..4330a23 --- /dev/null +++ b/htmls/personalCenter.html @@ -0,0 +1,31 @@ + + + + + + + +待受理指订单正在等待被处理,处理中指订单需求正在核实购买中,已完结指订单已经购买成功。
+ +#1910 订12月18日晚上北京到成都的机票
+ +类型:订机票
+状态:待受理
+提单时间:2021-12-18 14:30
+#1910 订12月18日晚上北京到成都的机票
+ +类型:订机票
+状态:处理中
+提单时间:2021-12-18 14:30
+#1910 订12月18日晚上北京到成都的机票
+ +类型:订机票
+状态:已完结
+提单时间:2021-12-18 14:30
+今天17:45:52
+老板您好,我是您的智能助理勤勤,可以帮您订机票,订酒店,有事请吩咐! + 最新政策,温馨提示: + 1.xxxxxxx + 2.xxxxxxx + 3.xxxxxxx + 祝您旅途愉快! +
+今天17:45:52
++ 在吗 +
+今天17:45:52
++ + 我要定11月11日,从成都到北京上午的机票。 +
+今天17:45:52
+今天17:45:52
++ + 转人工 +
+人工助理001为您服务!
+今天17:45:52
+老板您好,我这边看一下上面的聊天需求内容,请稍等!
+