Skip to content

semour / semour_web

Go to a project
Commit 13fea70d by 肖康
Options

会员中心页面

parent d664f163
Expand all
Inline Side-by-side
Showing with 1056 additions and 39 deletions
app/Http/Controllers/UserController.php
...@@ -20,4 +20,13 @@ class UserController extends Controller ...@@ -20,4 +20,13 @@ class UserController extends Controller
{ {
return view('user.orderDetail'); return view('user.orderDetail');
} }
public function inquiry(Request $request)
{
return view('user.inquiry');
}
public function account(Request $request)
{
return view('user.account');
}
} }
public/assets/css/auth/reg.less
...@@ -238,3 +238,27 @@ html, ...@@ -238,3 +238,27 @@ html,
} }
} }
} }
.getCountryBox{
position: relative;
.conps{
display: none;
position: absolute;
top:33px;
left:0px;
width:320px;
height:200px;
overflow-y: auto;
background: #fff;
box-shadow: 0px 0px 10px #ccc;
padding:15px 0;
.citem{
height:28px;
line-height: 28px;
padding:0 20px;
color:#164D9A;
cursor: pointer;
&:hover{background: #DFEAFA;}
}
}
}
\ No newline at end of file
public/assets/css/auth/reg.min.css
body,html,#app{height:100%;background:#000}.authpage{height:100%;background:#000}.authpage .auth-con{height:100%;background:url("../../images/auth/authbg.png") center top no-repeat}.authpage .auth-con .auth-box{width:756px;margin:0 auto}.authpage .auth-con .auth-box .authb-head{height:65px;background:#010720;border-radius:16px 16px 0px 0px}.authpage .auth-con .auth-box .authb-head img{width:118px;height:20px;margin-left:25px}.authpage .auth-con .auth-box .authb-head span{font-size:18px;font-weight:bold;color:#fff;position:relative;margin-left:16px;top:3px}.authpage .auth-con .auth-box .inputboxp{width:756px;background:rgba(255,255,255,0.3);border-radius:0px 0px 16px 16px;padding:25px}.authpage .auth-con .auth-box .inputboxp p.headtips{color:#fff;font-size:18px;font-weight:bold}.authpage .auth-con .auth-box .inputboxp .checkbox{margin-top:22px;padding-left:20px;color:#fff;font-size:14px;margin-bottom:15px}.authpage .auth-con .auth-box .inputboxp .checkbox .check-group{cursor:pointer;margin-right:25px}.authpage .auth-con .auth-box .inputboxp .checkbox .check-group p{width:10px;height:10px;border:1px solid #F68332;border-radius:50%}.authpage .auth-con .auth-box .inputboxp .checkbox .check-group.act p font{display:block;width:4px;height:4px;background:#F68332;border-radius:50%}.authpage .auth-con .auth-box .inputboxp .checkbox .check-group span{margin-left:6px;position:relative;top:-2px}.authpage .auth-con .auth-box .inputboxp .input-con{padding:0 20px}.authpage .auth-con .auth-box .inputboxp .input-con .input-group-auth{margin-bottom:15px}.authpage .auth-con .auth-box .inputboxp .input-con .input-group-auth p.labelp{font-size:14px;color:#fff;margin-bottom:9px}.authpage .auth-con .auth-box .inputboxp .input-con .input-group-auth p.labelp span{color:#F68332}.authpage .auth-con .auth-box .inputboxp .input-con .input-group-auth input{width:320px}.authpage .auth-con .auth-box .inputboxp .input-con .input-group-auth.sm input{width:146px}.authpage .auth-con .auth-box .inputboxp .input-con .input-group-auth.ml30{margin-left:30px}.authpage .auth-con .auth-box .inputboxp .gobtn{width:218px;margin:0 auto;margin-top:10px}.authpage .auth-con .auth-box .inputboxp .tips{font-size:14px;text-align:center;color:#BF0707;height:20px;line-height:20px;margin-top:20px;margin-bottom:5px}.authpage .auth-con .auth-box.regStep2{width:414px}.authpage .auth-con .auth-box.regStep2 .inputboxp{width:414px}.authpage .auth-con .auth-box.regStep2 p.headtips{font-size:16px;margin-bottom:21px}.authpage .auth-con .auth-box.regStep2 .resendbox{font-size:14px;color:#fff;padding-left:20px;margin-bottom:24px}.authpage .auth-con .auth-box.regStep2 .resendbox .resendbut{cursor:pointer;color:#283FEB;font-size:14px;font-weight:bold;margin-left:27px}.authpage .auth-con .auth-box.regStep2 .nextbut{width:218px}.authpage .auth-con .auth-box.regStep2 .backbut{font-size:16px;font-weight:bold;color:#283FEB;cursor:pointer;position:relative;top:17px;margin-right:50px;left:-10px}.authpage .auth-con .auth-box.regStep2 .tips{font-size:14px;padding-left:20px;padding-right:20px;text-align:left;color:#BF0707;height:20px;line-height:20px;margin-top:0px;margin-bottom:15px}.authpage .auth-con .auth-box.regStep3 .inputboxp p.headtips{color:#fff;font-size:16px;font-weight:bold;margin-bottom:24px}.authpage .auth-con .auth-box.regStep3 .inputboxp select{width:320px}.authpage .auth-con .auth-box.regStep3 .inputboxp .hline{height:2px;width:20px;background:#FFf;margin:0 20px;position:relative;top:14px}.authpage .auth-con .auth-box.regStep3 .inputboxp .xs input{width:130px}.authpage .auth-con .auth-box.regStep3 .inputboxp .tikup{padding:0 20px;font-size:14px;color:#fff;line-height:18px}.authpage .auth-con .auth-box.regStep3 .inputboxp .tikup span{color:#F68332} body,html,#app{height:100%;background:#000}.authpage{height:100%;background:#000}.authpage .auth-con{height:100%;background:url("../../images/auth/authbg.png") center top no-repeat}.authpage .auth-con .auth-box{width:756px;margin:0 auto}.authpage .auth-con .auth-box .authb-head{height:65px;background:#010720;border-radius:16px 16px 0px 0px}.authpage .auth-con .auth-box .authb-head img{width:118px;height:20px;margin-left:25px}.authpage .auth-con .auth-box .authb-head span{font-size:18px;font-weight:bold;color:#fff;position:relative;margin-left:16px;top:3px}.authpage .auth-con .auth-box .inputboxp{width:756px;background:rgba(255,255,255,0.3);border-radius:0px 0px 16px 16px;padding:25px}.authpage .auth-con .auth-box .inputboxp p.headtips{color:#fff;font-size:18px;font-weight:bold}.authpage .auth-con .auth-box .inputboxp .checkbox{margin-top:22px;padding-left:20px;color:#fff;font-size:14px;margin-bottom:15px}.authpage .auth-con .auth-box .inputboxp .checkbox .check-group{cursor:pointer;margin-right:25px}.authpage .auth-con .auth-box .inputboxp .checkbox .check-group p{width:10px;height:10px;border:1px solid #F68332;border-radius:50%}.authpage .auth-con .auth-box .inputboxp .checkbox .check-group.act p font{display:block;width:4px;height:4px;background:#F68332;border-radius:50%}.authpage .auth-con .auth-box .inputboxp .checkbox .check-group span{margin-left:6px;position:relative;top:-2px}.authpage .auth-con .auth-box .inputboxp .input-con{padding:0 20px}.authpage .auth-con .auth-box .inputboxp .input-con .input-group-auth{margin-bottom:15px}.authpage .auth-con .auth-box .inputboxp .input-con .input-group-auth p.labelp{font-size:14px;color:#fff;margin-bottom:9px}.authpage .auth-con .auth-box .inputboxp .input-con .input-group-auth p.labelp span{color:#F68332}.authpage .auth-con .auth-box .inputboxp .input-con .input-group-auth input{width:320px}.authpage .auth-con .auth-box .inputboxp .input-con .input-group-auth.sm input{width:146px}.authpage .auth-con .auth-box .inputboxp .input-con .input-group-auth.ml30{margin-left:30px}.authpage .auth-con .auth-box .inputboxp .gobtn{width:218px;margin:0 auto;margin-top:10px}.authpage .auth-con .auth-box .inputboxp .tips{font-size:14px;text-align:center;color:#BF0707;height:20px;line-height:20px;margin-top:20px;margin-bottom:5px}.authpage .auth-con .auth-box.regStep2{width:414px}.authpage .auth-con .auth-box.regStep2 .inputboxp{width:414px}.authpage .auth-con .auth-box.regStep2 p.headtips{font-size:16px;margin-bottom:21px}.authpage .auth-con .auth-box.regStep2 .resendbox{font-size:14px;color:#fff;padding-left:20px;margin-bottom:24px}.authpage .auth-con .auth-box.regStep2 .resendbox .resendbut{cursor:pointer;color:#283FEB;font-size:14px;font-weight:bold;margin-left:27px}.authpage .auth-con .auth-box.regStep2 .nextbut{width:218px}.authpage .auth-con .auth-box.regStep2 .backbut{font-size:16px;font-weight:bold;color:#283FEB;cursor:pointer;position:relative;top:17px;margin-right:50px;left:-10px}.authpage .auth-con .auth-box.regStep2 .tips{font-size:14px;padding-left:20px;padding-right:20px;text-align:left;color:#BF0707;height:20px;line-height:20px;margin-top:0px;margin-bottom:15px}.authpage .auth-con .auth-box.regStep3 .inputboxp p.headtips{color:#fff;font-size:16px;font-weight:bold;margin-bottom:24px}.authpage .auth-con .auth-box.regStep3 .inputboxp select{width:320px}.authpage .auth-con .auth-box.regStep3 .inputboxp .hline{height:2px;width:20px;background:#FFf;margin:0 20px;position:relative;top:14px}.authpage .auth-con .auth-box.regStep3 .inputboxp .xs input{width:130px}.authpage .auth-con .auth-box.regStep3 .inputboxp .tikup{padding:0 20px;font-size:14px;color:#fff;line-height:18px}.authpage .auth-con .auth-box.regStep3 .inputboxp .tikup span{color:#F68332}.getCountryBox{position:relative}.getCountryBox .conps{display:none;position:absolute;top:33px;left:0px;width:320px;height:200px;overflow-y:auto;background:#fff;box-shadow:0 0 10px #ccc;padding:15px 0}.getCountryBox .conps .citem{height:28px;line-height:28px;padding:0 20px;color:#164D9A;cursor:pointer}.getCountryBox .conps .citem:hover{background:#DFEAFA}
\ No newline at end of file \ No newline at end of file
public/assets/css/common/base.less
...@@ -128,6 +128,7 @@ input { ...@@ -128,6 +128,7 @@ input {
} }
} }
.scrollbar{ .scrollbar{
overflow-y: auto;
&::-webkit-scrollbar { &::-webkit-scrollbar {
width : 2px; width : 2px;
background-color: #EDEDED background-color: #EDEDED
......
public/assets/css/common/base.min.css
@charset "utf-8";html,body,div,iframe,em,img,p,a,strong,b,i,form,label,span,h1,h2,h3,h4,h5,h6,dl,dt,dd,ol,ul,li,applet,object,blockquote,big,cite,code,del,dfn,abbr,acronym,address,pre,time,mark,audio,video,article,aside,canvas,details,embed,figure,figcaption,footer,header,nav,section,menu,button,input,textarea{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;font-weight:normal;list-style:none;outline:none}table,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;font-size:100%;font:inherit}a{text-decoration:none}table{border-color:#ccc !important}body,html,button,input{font-family:Arial,helvetica,PingFangSC-Regular,PingFang SC,"微软雅黑"}.but{height:33px;background:#283FEB;border-radius:8px;line-height:33px;font-size:18px;font-weight:bold;text-align:center;color:#fff;cursor:pointer;box-sizing:border-box;padding:0 5px}input{height:32px;line-height:32px;box-sizing:border-box;background:rgba(4,17,53,0.65);border:1px solid #FFFFFF;border-radius:8px;color:#fff;padding-left:10px;padding-right:10px}input::-webkit-input-placeholder{color:#BCBDC4}.scrollbar::-webkit-scrollbar{width:2px;background-color:#EDEDED}.scrollbar::-webkit-scrollbar-thumb{border-radius:2px;background-color:#164D9A}textarea{line-height:32px;box-sizing:border-box;background:rgba(4,17,53,0.65);border:1px solid #FFFFFF;border-radius:8px;color:#fff;padding-left:10px;padding-right:10px}textarea::-webkit-input-placeholder{color:#BCBDC4}select{height:32px;line-height:32px;background:rgba(4,17,53,0.65);border:1px solid #FFFFFF;border-radius:8px;color:#fff;padding-left:10px;padding-right:10px;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;outline:none;background-image:linear-gradient(45deg, transparent 50%, #fff 50%),linear-gradient(135deg, #fff 50%, transparent 50%);background-position:calc(100% - 15px) calc(1em - 1px),calc(100% - 10px) calc(1em - 1px),calc(100% - 2.5em) .5em;background-size:7px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat}select:focus{background-image:linear-gradient(45deg, #fff 50%, transparent 50%),linear-gradient(135deg, transparent 50%, #fff 50%);background-position:calc(100% - 8px) calc(1em - 1px),calc(100% - 15px) calc(1em - 1px),calc(100% - 2.5em) .5em;background-size:7px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat}.clr:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.clr{display:block;min-height:1%}.clr{clear:both}.clr:after{content:" ";display:table;clear:both}.fl{float:left}.fr{float:right}.fw{font-weight:bold}.ta-c{text-align:center}.ta-r{text-align:right}.ta-l{text-align:left}.flex{display:flex}.column{display:flex;flex-direction:column}.row{display:flex;flex-direction:row}.boxsiz{-webkit-box-sizing:border-box;box-sizing:border-box}.bothSide{justify-content:space-between}.avarage{justify-content:space-around}.rowCenter{justify-content:center}.verCenter{align-items:center} @charset "utf-8";html,body,div,iframe,em,img,p,a,strong,b,i,form,label,span,h1,h2,h3,h4,h5,h6,dl,dt,dd,ol,ul,li,applet,object,blockquote,big,cite,code,del,dfn,abbr,acronym,address,pre,time,mark,audio,video,article,aside,canvas,details,embed,figure,figcaption,footer,header,nav,section,menu,button,input,textarea{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;font-weight:normal;list-style:none;outline:none}table,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;font-size:100%;font:inherit}a{text-decoration:none}table{border-color:#ccc !important}body,html,button,input{font-family:Arial,helvetica,PingFangSC-Regular,PingFang SC,"微软雅黑"}.but{height:33px;background:#283FEB;border-radius:8px;line-height:33px;font-size:18px;font-weight:bold;text-align:center;color:#fff;cursor:pointer;box-sizing:border-box;padding:0 5px}input{height:32px;line-height:32px;box-sizing:border-box;background:rgba(4,17,53,0.65);border:1px solid #FFFFFF;border-radius:8px;color:#fff;padding-left:10px;padding-right:10px}input::-webkit-input-placeholder{color:#BCBDC4}.scrollbar{overflow-y:auto}.scrollbar::-webkit-scrollbar{width:2px;background-color:#EDEDED}.scrollbar::-webkit-scrollbar-thumb{border-radius:2px;background-color:#164D9A}textarea{line-height:32px;box-sizing:border-box;background:rgba(4,17,53,0.65);border:1px solid #FFFFFF;border-radius:8px;color:#fff;padding-left:10px;padding-right:10px}textarea::-webkit-input-placeholder{color:#BCBDC4}select{height:32px;line-height:32px;background:rgba(4,17,53,0.65);border:1px solid #FFFFFF;border-radius:8px;color:#fff;padding-left:10px;padding-right:10px;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;outline:none;background-image:linear-gradient(45deg, transparent 50%, #fff 50%),linear-gradient(135deg, #fff 50%, transparent 50%);background-position:calc(100% - 15px) calc(1em - 1px),calc(100% - 10px) calc(1em - 1px),calc(100% - 2.5em) .5em;background-size:7px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat}select:focus{background-image:linear-gradient(45deg, #fff 50%, transparent 50%),linear-gradient(135deg, transparent 50%, #fff 50%);background-position:calc(100% - 8px) calc(1em - 1px),calc(100% - 15px) calc(1em - 1px),calc(100% - 2.5em) .5em;background-size:7px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat}.clr:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.clr{display:block;min-height:1%}.clr{clear:both}.clr:after{content:" ";display:table;clear:both}.fl{float:left}.fr{float:right}.fw{font-weight:bold}.ta-c{text-align:center}.ta-r{text-align:right}.ta-l{text-align:left}.flex{display:flex}.column{display:flex;flex-direction:column}.row{display:flex;flex-direction:row}.boxsiz{-webkit-box-sizing:border-box;box-sizing:border-box}.bothSide{justify-content:space-between}.avarage{justify-content:space-around}.rowCenter{justify-content:center}.verCenter{align-items:center}
\ No newline at end of file \ No newline at end of file
public/assets/css/common/common.less
...@@ -75,7 +75,44 @@ ...@@ -75,7 +75,44 @@
top : -30px; top : -30px;
.grb-top { .grb-top {
.yesLogin {
position: relative;
.userurl-box{
position: absolute;
width: 160px;
background: #FFFFFF;
top:19px;
left:0px;
box-shadow: 0px 0px 5px #ccc;
padding:15px 0px;
display: none;
z-index: 6;
a{
box-sizing: border-box;
padding: 0 15px;
display: block;
cursor: pointer;
font-size: 14px;
color:#333;
height:32px;
line-height: 32px;
&:hover{
color:#174D9A;
background: #DFEAFA;
}
}
}
&:hover{
.userurl-box{display: block;}
}
div.username {
overflow : hidden;
text-overflow: ellipsis;
}
}
a { a {
font-size: 16px; font-size: 16px;
color : #fff; color : #fff;
...@@ -432,6 +469,36 @@ ...@@ -432,6 +469,36 @@
} }
&.yesLogin { &.yesLogin {
position: relative;
.userurl-box{
position: absolute;
width: 160px;
background: #FFFFFF;
top:19px;
left:0px;
box-shadow: 0px 0px 5px #ccc;
padding:15px 0px;
display: none;
a{
box-sizing: border-box;
padding: 0 15px;
display: block;
cursor: pointer;
font-size: 14px;
color:#333;
height:32px;
line-height: 32px;
&:hover{
color:#174D9A;
background: #DFEAFA;
}
}
}
&:hover{
.userurl-box{display: block;}
}
a { a {
font-size: 14px; font-size: 14px;
} }
...@@ -441,7 +508,7 @@ ...@@ -441,7 +508,7 @@
font-size: 16px; font-size: 16px;
} }
div { div.username {
width : 108px; width : 108px;
overflow : hidden; overflow : hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
......
public/assets/css/user/account.less 0 → 100644
.accountbox {
.user-right {
width : 1024px;
min-height: 350px;
background: #FFFFFF;
padding : 18px 12px;
.nav {
border-bottom: 1px solid #DFEAFA;
.item {
height : 38px;
font-size : 16px;
color : #222;
text-align : center;
box-sizing : border-box;
padding : 0px 30px;
line-height: 38px;
cursor : pointer;
.tt {
width: 80px;
}
&.act {
font-weight : bold;
border-bottom: 4px solid #164D9A;
}
}
}
.section {
.boxinfo {
width : 1000px;
background : #F7FAFF;
border-radius: 8px;
margin : 0 auto;
box-sizing : border-box;
padding : 25px 46px;
margin-top : 10px;
}
.grp {
font-size : 14px;
color : #555;
margin-bottom: 35px;
&:last-child {
margin-bottom: 0px;
}
.labels {
width : 200px;
color : #333;
font-weight: bold;
span {
color: #F68332;
}
}
.lval {
width : 200px;
margin-right: 70px;
}
.edit {
color : #164D9A;
cursor: pointer;
}
}
.changebtn {
width : 150px;
height : 32px;
background : #164D9A;
border-radius: 8px;
font-size : 14px;
color : #fff;
text-align : center;
line-height : 32px;
cursor : pointer;
}
}
.addressbox {
margin-top: 16px;
.list-table {
.w56 {
width: 56px;
}
.w150 {
width: 150px;
}
.thead {
width : 1000px;
height : 48px;
background : #DFEAFA;
border-radius: 8px 8px 0px 0px;
height : 39px;
line-height : 39px;
padding : 0 22px;
border-bottom: 1px solid #DFEAFA;
box-sizing : border-box;
.th {
font-size : 14px;
color : #333;
font-weight : bold;
box-sizing : border-box;
padding-right: 5px;
}
}
.tbody {
width : 1000px;
background : #F7FAFF;
box-sizing : border-box;
border-radius: 0px 0px 8px 8px;
padding : 0 22px;
}
.tr {
padding : 22px 0px;
border-bottom: 1px solid #DFEAFA;
&:last-child {
border: 0px;
}
.td {
font-size : 14px;
color : #555;
box-sizing : border-box;
padding-right: 5px;
word-break : break-all;
.bot {
width : 74px;
height : 32px;
font-size : 14px;
background : #164D9A;
border-radius: 4px;
line-height : 74px;
color : #fff;
text-align : center;
line-height : 32px;
cursor : pointer;
&.delbtns {
background: #FFD7BB;
color : #A74703;
margin-left: 10px;
}
}
}
}
}
}
}
}
\ No newline at end of file
public/assets/css/user/account.min.css 0 → 100644
.accountbox .user-right{width:1024px;min-height:350px;background:#FFFFFF;padding:18px 12px}.accountbox .user-right .nav{border-bottom:1px solid #DFEAFA}.accountbox .user-right .nav .item{height:38px;font-size:16px;color:#222;text-align:center;box-sizing:border-box;padding:0px 30px;line-height:38px;cursor:pointer}.accountbox .user-right .nav .item .tt{width:80px}.accountbox .user-right .nav .item.act{font-weight:bold;border-bottom:4px solid #164D9A}.accountbox .user-right .section .boxinfo{width:1000px;background:#F7FAFF;border-radius:8px;margin:0 auto;box-sizing:border-box;padding:25px 46px;margin-top:10px}.accountbox .user-right .section .grp{font-size:14px;color:#555;margin-bottom:35px}.accountbox .user-right .section .grp:last-child{margin-bottom:0px}.accountbox .user-right .section .grp .labels{width:200px;color:#333;font-weight:bold}.accountbox .user-right .section .grp .labels span{color:#F68332}.accountbox .user-right .section .grp .lval{width:200px;margin-right:70px}.accountbox .user-right .section .grp .edit{color:#164D9A;cursor:pointer}.accountbox .user-right .section .changebtn{width:150px;height:32px;background:#164D9A;border-radius:8px;font-size:14px;color:#fff;text-align:center;line-height:32px;cursor:pointer}.accountbox .user-right .addressbox{margin-top:16px}.accountbox .user-right .addressbox .list-table .w56{width:56px}.accountbox .user-right .addressbox .list-table .w150{width:150px}.accountbox .user-right .addressbox .list-table .thead{width:1000px;height:48px;background:#DFEAFA;border-radius:8px 8px 0px 0px;height:39px;line-height:39px;padding:0 22px;border-bottom:1px solid #DFEAFA;box-sizing:border-box}.accountbox .user-right .addressbox .list-table .thead .th{font-size:14px;color:#333;font-weight:bold;box-sizing:border-box;padding-right:5px}.accountbox .user-right .addressbox .list-table .tbody{width:1000px;background:#F7FAFF;box-sizing:border-box;border-radius:0px 0px 8px 8px;padding:0 22px}.accountbox .user-right .addressbox .list-table .tr{padding:22px 0px;border-bottom:1px solid #DFEAFA}.accountbox .user-right .addressbox .list-table .tr:last-child{border:0px}.accountbox .user-right .addressbox .list-table .tr .td{font-size:14px;color:#555;box-sizing:border-box;padding-right:5px;word-break:break-all}.accountbox .user-right .addressbox .list-table .tr .td .bot{width:74px;height:32px;font-size:14px;background:#164D9A;border-radius:4px;line-height:74px;color:#fff;text-align:center;line-height:32px;cursor:pointer}.accountbox .user-right .addressbox .list-table .tr .td .bot.delbtns{background:#FFD7BB;color:#A74703;margin-left:10px}
\ No newline at end of file
public/assets/css/user/frq.less 0 → 100644
.frqbox {
.search-shit {
width : 350px;
height : 32px;
background : #FAFAFA;
border : 1px solid #DFEAFA;
border-radius: 8px;
position : relative;
top : -5px;
span.icon {
position : absolute;
right : 0px;
top : -1px;
width : 50px;
height : 32px;
background : #164D9A;
text-align : center;
line-height : 32px;
border-radius: 0px 8px 8px 0px;
cursor : pointer;
i {
font-size: 18px;
color : #fff;
}
}
input {
background : #fff;
display : block;
height : 30px;
line-height : 30px;
color : #333;
padding-left: 15px;
width : 302px;
}
}
.user-right {
width : 1024px;
min-height: 350px;
background: #FFFFFF;
padding : 18px 12px;
.nav {
border-bottom: 1px solid #DFEAFA;
margin-bottom: 16px;
.item {
height : 38px;
font-size : 16px;
color : #222;
text-align : center;
box-sizing : border-box;
padding : 0px 30px;
line-height: 38px;
cursor : pointer;
.tt {
width: 80px;
}
span {
height : 34px;
line-height: 38px;
}
&.act {
font-weight : bold;
border-bottom: 4px solid #164D9A;
}
}
}
.list-table {
.w200 {
width: 190px;
}
.w188 {
width: 128px;
}
.thead {
width : 988px;
height : 48px;
background : #DFEAFA;
border-radius: 8px 8px 0px 0px;
height : 39px;
line-height : 39px;
padding:0 50px;
border-bottom: 1px solid #DFEAFA;
box-sizing: border-box;
.th {
font-size : 16px;
color : #333;
font-weight : bold;
box-sizing : border-box;
padding-right: 5px;
}
}
.tbody {
width : 988px;
background : #F7FAFF;
box-sizing: border-box;
border-radius: 0px 0px 8px 8px;
padding:0 22px;
}
.tr {
padding : 22px 28px;
border-bottom: 1px solid #DFEAFA;
&:last-child{border:0px;}
.td {
font-size : 14px;
color : #555;
box-sizing : border-box;
padding-right: 5px;
word-break : break-all;
}
}
}
}
}
\ No newline at end of file
public/assets/css/user/frq.min.css 0 → 100644
.frqbox .search-shit{width:350px;height:32px;background:#FAFAFA;border:1px solid #DFEAFA;border-radius:8px;position:relative;top:-5px}.frqbox .search-shit span.icon{position:absolute;right:0px;top:-1px;width:50px;height:32px;background:#164D9A;text-align:center;line-height:32px;border-radius:0px 8px 8px 0px;cursor:pointer}.frqbox .search-shit span.icon i{font-size:18px;color:#fff}.frqbox .search-shit input{background:#fff;display:block;height:30px;line-height:30px;color:#333;padding-left:15px;width:302px}.frqbox .user-right{width:1024px;min-height:350px;background:#FFFFFF;padding:18px 12px}.frqbox .user-right .nav{border-bottom:1px solid #DFEAFA;margin-bottom:16px}.frqbox .user-right .nav .item{height:38px;font-size:16px;color:#222;text-align:center;box-sizing:border-box;padding:0px 30px;line-height:38px;cursor:pointer}.frqbox .user-right .nav .item .tt{width:80px}.frqbox .user-right .nav .item span{height:34px;line-height:38px}.frqbox .user-right .nav .item.act{font-weight:bold;border-bottom:4px solid #164D9A}.frqbox .user-right .list-table .w200{width:190px}.frqbox .user-right .list-table .w188{width:128px}.frqbox .user-right .list-table .thead{width:988px;height:48px;background:#DFEAFA;border-radius:8px 8px 0px 0px;height:39px;line-height:39px;padding:0 50px;border-bottom:1px solid #DFEAFA;box-sizing:border-box}.frqbox .user-right .list-table .thead .th{font-size:16px;color:#333;font-weight:bold;box-sizing:border-box;padding-right:5px}.frqbox .user-right .list-table .tbody{width:988px;background:#F7FAFF;box-sizing:border-box;border-radius:0px 0px 8px 8px;padding:0 22px}.frqbox .user-right .list-table .tr{padding:22px 28px;border-bottom:1px solid #DFEAFA}.frqbox .user-right .list-table .tr:last-child{border:0px}.frqbox .user-right .list-table .tr .td{font-size:14px;color:#555;box-sizing:border-box;padding-right:5px;word-break:break-all}
\ No newline at end of file
public/assets/js/auth/forget.js
define('forget', [], function (require, exports, module) {
define('forget', ['form', 'liexin_pop', 'tool'], function (require, exports, module) {
var form = require("form")
var liexin_pop = require("liexin_pop")
var tool = require("tool")
var forget = { var forget = {
init: function () { init: function () {
forget.handle(); forget.handle();
}, },
handle:function(){ handle:function(){
$(".gonext").click(function(){ $(".gonext").click(function(){
if (form.test(".verifyBox")) {
return
}
$.liexin_ajax('/api/auth/forget_password', 'POST', {
email: $(".email").val(),
email_code:$(".code").val()
}, function (res) {
if (res.code === 0) {
$(".auth-box").hide() $(".auth-box").hide()
$(".forgetStep2").show() $(".forgetStep2").show()
} else {
liexin_pop.Tip({ title: res.msg })
}
})
})
$(".getCode").click(function(){
if($(".email").val()){
forget.getCode();
}else{
liexin_pop.Tip({ title:"The email field is required" })
}
}) })
$(".gobtn").click(function(){
if ($(".password").val().length < 8) {
$(".tips2").html("Contain at least 8 characters")
return
}
if ($(".password").val().length > 50) {
$(".tips2").html("Contain at most 50 characters")
return
}
if ($(".password").val() != $(".password_confirmation").val()) {
$(".tips2").html("Passwords do not match")
return
}
$.liexin_ajax('/api/auth/set_forget_password', 'POST', {
email: $(".email").val(),
email_code:$(".code").val(),
password:$(".password").val(),
password_confirmation:$(".password_confirmation").val()
}, function (res) {
if (res.code === 0) {
liexin_pop.Tip({ title: "Change Success" })
setTimeout(function(){
window.location.href="/login"
},1000)
} else {
liexin_pop.Tip({ title: res.msg })
}
})
})
},
getCode: function () {
//发送邮件
$.liexin_ajax('/api/auth/send_email_code', 'POST', {
email: $(".email").val(),
type: "forget_password"
}, function (res) {
if (res.code === 0) {
liexin_pop.Tip({ title: "Send Success" })
} else {
liexin_pop.Tip({ title: res.msg })
}
})
} }
} }
module.exports = forget.init(); module.exports = forget.init();
}) })
seajs.use(['forget']) seajs.use(['forget'])
\ No newline at end of file
public/assets/js/auth/login.js
define('login', ['form', 'liexin_pop', 'tool'], function (require, exports, module) {
var form = require("form")
var liexin_pop = require("liexin_pop")
var tool = require("tool")
var login = {
init: function () {
login.handle();
},
handle: function () {
$("body").on("click",".loginbutxk",function(){
if (form.test(".verifyBoxlogin")) {
return
}
$.liexin_ajax('/api/auth/login', 'POST', {
email:$(".accountxk").val(),
password:$(".passwordxk").val()
}, function (res) {
if (res.code === 0) {
liexin_pop.Tip({ title: "Success"})
setTimeout(function(){
login.successJump()
},1000)
} else {
liexin_pop.Tip({ title: res.msg })
}
})
})
},
//填写完回调
successJump:function(){
var referer=tool.getRequest("referer");
if(referer){
window.location.href=referer
}else{
window.location.href="/mall"
}
},
}
module.exports = login.init();
})
seajs.use(['login'])
\ No newline at end of file
public/assets/js/auth/reg.js 0 → 100644
define('reg', ['form', 'liexin_pop', 'tool'], function (require, exports, module) {
var form = require("form")
var liexin_pop = require("liexin_pop")
var tool = require("tool")
var reg = {
init: function () {
reg.handle();
},
handle: function () {
//切换属性
$("body").on("click", ".check-group", function () {
$(".verifyBox").find(".check-group").removeClass("act")
$(this).addClass("act");
})
//第一步
$("body").on("click", ".gonext1", function () {
if (form.test(".verifyBox")) {
return
}
if ($(".password").val().length < 8) {
$(".verifyBox").find(".tips").html("Contain at least 8 characters")
return
}
if ($(".password").val().length > 50) {
$(".verifyBox").find(".tips").html("Contain at most 50 characters")
return
}
if ($(".password").val() != $(".password_confirmation").val()) {
$(".verifyBox").find(".tips").html("Passwords do not match")
return
}
$(".yxtext").html($(".email").val())
$(".auth-box").hide()
$(".regStep2").show();
reg.getCode()
})
//第二步
$("body").on("click", ".gonext2", function () {
if (form.test(".verifyBox2")) {
return
}
$.liexin_ajax('/api/auth/register', 'POST', {
email: $(".email").val(),
password_confirmation: $(".password_confirmation").val(),
password: $(".password").val(),
first_name: $(".first_name").val(),
last_name: $(".last_name").val(),
phone: $(".phone").val(),
company_name: $(".company_name").val(),
email_code: $(".email_code").val(),
account_properties: $(".verifyBox").find(".check-group.act").attr("guid")
}, function (res) {
if (res.code === 0) {
$(".auth-box").hide()
$(".regStep3").show();
//liexin_pop.Tip({title:"Send Success"})
} else {
liexin_pop.Tip({ title: res.msg })
}
})
})
//第三步
$("body").on("click", ".gonext3", function () {
if (form.test(".verifyBox3")) {
return
}
$.liexin_ajax('/api/user_address/add', 'POST', {
is_register:1,
country:($(".country3").attr("guid")||""),
last_name:$(".last_name3").val(),
first_name:$(".first_name3").val(),
company_name: $(".company_name").val(),
province:$(".province3").val(),
detail_address: $(".detail_address3").val(),
city:$(".city3").val(),
post_code: $(".post_code3").val(),
}, function (res) {
if (res.code === 0) {
liexin_pop.Tip({ title: "Success"})
setTimeout(function(){
reg.successJump()
},1000)
} else {
liexin_pop.Tip({ title: res.msg })
}
})
})
//z再次获取验证码
$(".resendbut").click(function () {
reg.getCode()
})
//返回
$("body").on("click", ".backbut", function () {
$(".auth-box").hide()
$(".regStep1").show();
})
//国家操作
$("body").on("input", '.getCountry', tool.debounce(function (e) {
var str_=$(this).val();
$(this).attr("guid","")
if(str_){
$(".countryconent").show();
$(".countryconent .citem").each(function(){
if(($(this).text().toLocaleLowerCase()).indexOf((str_.toLocaleLowerCase()))!=-1){
$(this).show()
}else{
$(this).hide()
}
})
}else{
$(".countryconent").hide();
}
}, 300))
$("body").on("click",".citem",function(){
$(".getCountry").val($(this).text()).attr("guid",$(this).attr("guid"))
$(".countryconent").hide();
})
//获取国家
reg.getCountry()
//跳过地址信息填写
$(".gonext3Jump").click(function(){
reg.successJump();
})
},
//填写完回调
successJump:function(){
var referer=tool.getRequest("referer");
if(referer){
window.location.href=referer
}else{
window.location.href="/mall"
}
},
//获取国家
getCountry:function(){
$.liexin_ajax('/api/country/list', 'GET', {}, function (res) {
if (res.code === 0) {
var html_="";
for(var i=0;i<res.data.length;i++){
html_+='<div class="citem" guid="'+res.data[i].id+'">'+res.data[i].name+'</div>'
}
$(".countryconent").html(html_)
} else {
}
}, 1)
},
getCode: function () {
//发送邮件
$.liexin_ajax('/api/auth/send_email_code', 'POST', {
email: $(".email").val(),
type: "register"
}, function (res) {
if (res.code === 0) {
liexin_pop.Tip({ title: "Send Success" })
} else {
liexin_pop.Tip({ title: res.msg })
}
})
}
}
module.exports = reg.init();
})
seajs.use(['reg'])
\ No newline at end of file
public/assets/js/common/config.js
...@@ -6,6 +6,7 @@ seajs.config({ ...@@ -6,6 +6,7 @@ seajs.config({
'liexin_ajax':"common/liexin_ajax.js" , 'liexin_ajax':"common/liexin_ajax.js" ,
'liexin_pop':"common/liexin_pop.js", 'liexin_pop':"common/liexin_pop.js",
'mallUi':"common/mallUi",//商城公用UI交互 'mallUi':"common/mallUi",//商城公用UI交互
'form':"common/form",//商城公用UI交互
}, },
charset: 'utf-8',// 文件编码, charset: 'utf-8',// 文件编码,
map:[ map:[
......
public/assets/js/common/form.js 0 → 100644
define(function (require, exports, module) {
module.exports.test = function (ele) //校验表单盒子 表单元素 class="verify" verifyTip='{"type":"1","text":"COMPANY NAME"}'
{
var isTest="";
$(ele + " .verify").each(function () {
var json_ = $(this).attr("verifyTip");
if (json_) {
json_ = JSON.parse(json_)
//校验为空
if (json_.type == "null") {
if (!$(this).val()) {
$(ele).find(".tips").html(json_.text + " CANNOT BE EMPTY");
isTest=json_.text + " CANNOT BE EMPTY";
return false
}
}
//校验邮箱
if (json_.type == "email") {
if (!$(this).val()) {
$(ele).find(".tips").html(json_.text + " CANNOT BE EMPTY");
isTest=json_.text + " CANNOT BE EMPTY";
return false
}
var myreg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
if(!myreg.test($(this).val())){
$(ele).find(".tips").html("Wrong "+json_.text+" Address");
isTest="Wrong "+json_.text+" Address";
return false
}
}
}
})
if(!isTest){
$(ele).find(".tips").html("");
}
return isTest;
}
});
\ No newline at end of file
public/assets/js/common/liexin_ajax.js
...@@ -29,7 +29,7 @@ define('liexin_ajax', ['liexin_pop'], function (require, exports, module) { ...@@ -29,7 +29,7 @@ define('liexin_ajax', ['liexin_pop'], function (require, exports, module) {
}, },
error: function () { error: function () {
liexin_pop.LoadingHide(); liexin_pop.LoadingHide();
layer.msg('网络出现问题，请重试！'); liexin_pop.Tip({title:"网络错误"});
} }
}); });
} }
......
resources/views/auth/forget.blade.php
...@@ -12,18 +12,18 @@ ...@@ -12,18 +12,18 @@
<div class="auth-con boxsiz row verCenter"> <div class="auth-con boxsiz row verCenter">
<div class="auth-box forgetStep1" > <div class="auth-box forgetStep1" >
<div class="authb-head row rowCenter verCenter"><img src="{{$public}}/assets/images/home/smlogo.png" alt="" class="logoftsm"></div> <div class="authb-head row rowCenter verCenter"><img src="{{$public}}/assets/images/home/smlogo.png" alt="" class="logoftsm"></div>
<div class="inputboxp boxsiz"> <div class="inputboxp boxsiz verifyBox">
<p class="headtips">Reset Your Password</p> <p class="headtips">Reset Your Password</p>
<div class="input-group-auth"> <div class="input-group-auth">
<p class="labelp">EMAIL</p> <p class="labelp">EMAIL</p>
<input type="text"> <input type="text" class="verify email" verifyTip='{"type":"email","text":"EMAIL"}'>
</div> </div>
<div class="getCode but">Get verification code</div> <div class="getCode but">Get verification code</div>
<div class="input-group-auth"> <div class="input-group-auth">
<p class="labelp ">VERIFICATION CODE</p> <p class="labelp ">VERIFICATION CODE</p>
<input type="text"> <input type="text" class="verify code" verifyTip='{"type":"null","text":"LAST NAME"}'>
</div> </div>
<div class="tips">Wrong Email Address</div> <div class="tips"></div>
<div class="but gobtn gonext">NEXT</div> <div class="but gobtn gonext">NEXT</div>
</div> </div>
</div> </div>
...@@ -33,7 +33,7 @@ ...@@ -33,7 +33,7 @@
<p class="headtips">Reset Your Password</p> <p class="headtips">Reset Your Password</p>
<div class="input-group-auth"> <div class="input-group-auth">
<p class="labelp">NEW PASSWORD</p> <p class="labelp">NEW PASSWORD</p>
<input type="text"> <input type="text" class="password">
</div> </div>
<div class="tip-con"> <div class="tip-con">
<p>· Contain at least 8 characters.</p> <p>· Contain at least 8 characters.</p>
...@@ -41,9 +41,9 @@ ...@@ -41,9 +41,9 @@
</div> </div>
<div class="input-group-auth"> <div class="input-group-auth">
<p class="labelp ">CONFIRM PASSWORD</p> <p class="labelp ">CONFIRM PASSWORD</p>
<input type="text"> <input type="text" class="password_confirmation">
</div> </div>
<div class="tips">Wrong Email Address</div> <div class="tips tips2"></div>
<div class="but gobtn">Submit</div> <div class="but gobtn">Submit</div>
</div> </div>
</div> </div>
......
resources/views/auth/login.blade.php
...@@ -10,19 +10,19 @@ ...@@ -10,19 +10,19 @@
<div class="authpage"> <div class="authpage">
<div class="auth-con boxsiz row verCenter"> <div class="auth-con boxsiz row verCenter">
<div class="auth-box forgetStep1" > <div class="auth-box forgetStep1">
<div class="authb-head row rowCenter verCenter"><img src="{{$public}}/assets/images/home/smlogo.png" alt="" class="logoftsm"></div> <div class="authb-head row rowCenter verCenter"><img src="{{$public}}/assets/images/home/smlogo.png" alt="" class="logoftsm"></div>
<div class="inputboxp boxsiz loginbox"> <div class="inputboxp boxsiz loginbox verifyBoxlogin">
<p class="headtips">Login</p> <p class="headtips">Login</p>
<div class="input-group-auth"> <div class="input-group-auth">
<input type="text" placeholder="Email/Username"> <input type="text" placeholder="Email/Username" class="accountxk verify" verifyTip='{"type":"email","text":"EMAIL"}'>
</div> </div>
<div class="input-group-auth"> <div class="input-group-auth">
<input type="text" placeholder="Password"> <input type="text" placeholder="Password" class="passwordxk verify" verifyTip='{"type":"null","text":"Password"}'>
</div> </div>
<div class="tips">Wrong Email Address</div> <div class="tips"></div>
<div class="but loginbut">Login</div> <div class="but loginbut loginbutxk">Login</div>
<div class="goForget"><a href="/forget" >Forget Password</a></div> <div class="goForget"><a href="/forget">Forget Password</a></div>
<div class="nocount">Don’t have an account?</div> <div class="nocount">Don’t have an account?</div>
<a href="/reg" class="goReg">Register Now</a> <a href="/reg" class="goReg">Register Now</a>
</div> </div>
......
resources/views/common/headerNav.php → resources/views/common/headerNav.blade.php
...@@ -6,15 +6,20 @@ ...@@ -6,15 +6,20 @@
<a href="" class="fr clj">CONTACT US</a> <a href="" class="fr clj">CONTACT US</a>
<div class="login-head-box notLoginclj fr clj" > <div class="login-head-box notLoginclj fr clj" >
<a href="" >Login</a> <a href="/login?referer={{\Illuminate\Support\Facades\URL::current()}}">Login</a>
<font>/</font> <font>/</font>
<a href="">Register</a> <a href="/reg?referer={{\Illuminate\Support\Facades\URL::current()}}">Register</a>
</div> </div>
<div class="login-head-box yesLogin fr clj" style="display:none"> <div class="login-head-box yesLogin fr clj" style="display:none;">
<a href="" class="row"> <a href="" class="row">
<span><i class="icon iconfont icon-touxiang"></i></span> <span><i class="icon iconfont icon-touxiang"></i></span>
<div class="fz-16 username">460053411@qq.com</div> <div class="username">460053411@qq.com</div>
</a> </a>
<div class="userurl-box">
<a href="/user/order">My Orders</a>
<a href="/user/inquiry">My RFQ</a>
<a href="/user/account">My Account</a>
</div>
</div> </div>
<a href="" class="fr iconbx"><i class="icon iconfont icon-shouyesousuo"></i></a> <a href="" class="fr iconbx"><i class="icon iconfont icon-shouyesousuo"></i></a>
<a href="" class="fr carbc iconbx"><i class="icon iconfont icon-gouwuche"></i><span>99</span></a> <a href="" class="fr carbc iconbx"><i class="icon iconfont icon-gouwuche"></i><span>99</span></a>
......
resources/views/common/mallHeaderNav.blade.php
...@@ -7,15 +7,20 @@ ...@@ -7,15 +7,20 @@
<div class="searchbtnx boxsiz"><i class="icon iconfont icon-sousuo-shangcheng"></i></div> <div class="searchbtnx boxsiz"><i class="icon iconfont icon-sousuo-shangcheng"></i></div>
</div> </div>
<a class="car-boxs"><i class="icon iconfont icon-gouwuche"></i><span class="carNum">99</span></a> <a class="car-boxs"><i class="icon iconfont icon-gouwuche"></i><span class="carNum">99</span></a>
<div class="login-head-box notLogin"> <div class="login-head-box notLogin" style="display:none">
<a href="">Login</a> <a href="/login?referer={{\Illuminate\Support\Facades\URL::current()}}">Login</a>
<font>/</font><a href="">Register</a> <font>/</font><a href="/reg?referer={{\Illuminate\Support\Facades\URL::current()}}">Register</a>
</div> </div>
<div class="login-head-box yesLogin" style="display:none"> <div class="login-head-box yesLogin" >
<a href="" class="row"> <a href="" class="row">
<span><i class="icon iconfont icon-touxiang"></i></span> <span><i class="icon iconfont icon-touxiang"></i></span>
<div class="username">460053411@qq.com</div> <div class="username">460053411@qq.com</div>
</a> </a>
<div class="userurl-box">
<a href="/user/order">My Orders</a>
<a href="/user/inquiry">My RFQ</a>
<a href="/user/account">My Account</a>
</div>
</div> </div>
<a href="" class="about-link">Contact Us</a> <a href="" class="about-link">Contact Us</a>
</div> </div>
......
resources/views/layouts/app.blade.php
...@@ -16,6 +16,9 @@ ...@@ -16,6 +16,9 @@
@yield('body') @yield('body')
</div> </div>
<!-- JS 脚本 --> <!-- JS 脚本 -->
<script>
window.isMallXk=0;
</script>
@include("common.js") @include("common.js")
@yield('js') @yield('js')
</body> </body>
......
resources/views/user/account.blade.php 0 → 100644
@extends('layouts.appMall')
@section('css')
<link rel="stylesheet" href="{{$public}}/assets/css/user/account.min.css?v={{time()}}">
@endsection
@section('body')
<div class="mallpage">
@include('common.mallHeaderTop')
@include('common.mallUserHeaderNav')
<div class="accountbox w1200 ">
<div class="bread-menu row boxsiz bothSide">
<div>
<a href="/mall">Home</a>
<i>></i>
<a href="#">Member Center</a>
<i>></i>
<span>My Account</span>
</div>
</div>
<div class="cons row bothSide">
<div class="user-left-nav boxsiz">
<a class="li " href="/user/order">My Orders</a>
<a class="li " href="/user/inquiry">My RFQ</a>
<a class="li act" href="/user/account">My Account</a>
</div>
<div class="user-right boxsiz">
<div class="nav row">
<div class="item act ">
<div class="row rowCenter">
Information
</div>
</div>
<div class="item ">
<div class="row rowCenter">
Address
</div>
</div>
</div>
<div class="section lboxs infobase" style="display:none;">
<div class="row bothSide boxinfo">
<div class="l ">
<div class="grp row">
<div class="labels"><span>*</span>PHONE</div>
<span class="lval">000-0000-0000</span>
<div class="edit">Edit</div>
</div>
<div class="grp row">
<div class="labels"><span>*</span>EMAIL</div>
<span class="lval">123456789@qq.com</span>
<div class="edit">Edit</div>
</div>
</div>
<div class="r">
<div class="changebtn">Change Password</div>
</div>
</div>
<div class="row bothSide boxinfo">
<div class="l ">
<div class="grp row">
<div class="labels">Account Properties</div>
<span class="lval">For Business</span>
</div>
<div class="grp row">
<div class="labels"><span>*</span>COMPANY NAME</div>
<span class="lval">APPLE INC</span>
</div>
<div class="grp row">
<div class="labels"><span>*</span>FIRST NAME</div>
<span class="lval">APPLE INC</span>
</div>
<div class="grp row">
<div class="labels"><span>*</span>LAST NAME</div>
<span class="lval">APPLE INC</span>
</div>
</div>
<div class="r">
<div class="changebtn">Change Information</div>
</div>
</div>
</div>
<div class="lboxs addressbox">
<div class="list-table">
<div class="thead row boxsiz">
<div class="th w56">NO.</div>
<div class="th w150">NAME</div>
<div class="th w150">COMPANY NAME</div>
<div class="th w150">EMAIL</div>
<div class="th w150">TELEPHONE</div>
<div class="th w150">ADDRESS</div>
<div class="th w150">Options</div>
</div>
<div class="tbody">
<div class="tr row boxsiz">
<div class="td w56">1</div>
<div class="td w150">Michael Jordan</div>
<div class="td w150">ABC123456789</div>
<div class="td w150">ABCD@qq.com</div>
<div class="td w150">000-000-0000</div>
<div class="td w150">asdasdasdasdasdas</div>
<div class="td w150 row avarage">
<div class="bot editbtns">Edit</div>
<div class="bot delbtns">Delete</div>
</div>
</div>
<div class="tr row boxsiz">
<div class="td w56">1</div>
<div class="td w150">Michael Jordan</div>
<div class="td w150">ABC123456789</div>
<div class="td w150">ABCD@qq.com</div>
<div class="td w150">000-000-0000</div>
<div class="td w150">asdasdasdasdasdas</div>
<div class="td w150 row avarage">
<div class="bot editbtns">Edit</div>
<div class="bot delbtns">Delete</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@include('common.mallFooter')
</div>
@endsection
@section('js')
<script src="{{$public}}/assets/js/user/account.js?v={{time()}}"></script>
@endsection
\ No newline at end of file
resources/views/user/inquiry.blade.php 0 → 100644
@extends('layouts.appMall')
@section('css')
<link rel="stylesheet" href="{{$public}}/assets/css/user/frq.min.css?v={{time()}}">
@endsection
@section('body')
<div class="mallpage">
@include('common.mallHeaderTop')
@include('common.mallUserHeaderNav')
<div class="frqbox w1200 ">
<div class="bread-menu row boxsiz bothSide">
<div>
<a href="/mall">Home</a>
<i>></i>
<a href="#">Member Center</a>
<i>></i>
<span>My RFQ</span>
</div>
</div>
<div class="cons row bothSide">
<div class="user-left-nav boxsiz">
<a class="li " href="/user/order">My Orders</a>
<a class="li act" href="/user/inquiry">My RFQ</a>
<a class="li " href="/user/account">My Account</a>
</div>
<div class="user-right boxsiz">
<div class="row bothSide">
<div class="nav row">
<div class="item act ">
<div class="row rowCenter">
<div>All</div><span>(2)</span>
</div>
</div>
<div class="item ">
<div class="row rowCenter">
<div>Pending</div><span>(2)</span>
</div>
</div>
<div class="item ">
<div class="row rowCenter">
<div>Replied</div><span>(2)</span>
</div>
</div>
</div>
<div class="search-shit boxsiz">
<span class="icon"><i class="icon iconfont icon-shouyesousuo"></i></span>
<input type="text" placeholder="Search Part No./Quotation No.">
</div>
</div>
<div class="list-table">
<div class="thead row boxsiz">
<div class="th w200">RFQ No.</div>
<div class="th w200">Part NO.</div>
<div class="th w200">Remark</div>
<div class="th w188">Status</div>
<div class="th w200">Time</div>
</div>
<div class="tbody">
<div class="tr row boxsiz">
<div class="td w200">ABC123456789</div>
<div class="td w200">ABC123456789</div>
<div class="td w200">ABC123456789</div>
<div class="td w188">Pending</div>
<div class="td w200">2022-10-10 12:00:00</div>
</div>
<div class="tr row boxsiz">
<div class="td w200">ABC123456789</div>
<div class="td w200">ABC123456789</div>
<div class="td w200">ABC123456789</div>
<div class="td w188">Pending</div>
<div class="td w200">2022-10-10 12:00:00</div>
</div>
</div>
</div>
</div>
</div>
</div>
@include('common.mallFooter')
</div>
@endsection
@section('js')
<script src="{{$public}}/assets/js/user/frq.js?v={{time()}}"></script>
@endsection
\ No newline at end of file
resources/views/user/order.blade.php
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
<div class="orderbox w1200 "> <div class="orderbox w1200 ">
<div class="bread-menu row boxsiz bothSide"> <div class="bread-menu row boxsiz bothSide">
<div> <div>
<a href="">Home</a> <a href="/mall">Home</a>
<i>></i> <i>></i>
<a href="">Member Center</a> <a href="">Member Center</a>
<i>></i> <i>></i>
...@@ -22,10 +22,12 @@ ...@@ -22,10 +22,12 @@
</div> </div>
</div> </div>
<div class="cons row bothSide"> <div class="cons row bothSide">
<div class="cons row bothSide">
<div class="user-left-nav boxsiz"> <div class="user-left-nav boxsiz">
<a class="li act">My Orders</a> <a class="li act" href="/user/order">My Orders</a>
<a class="li">My RFQ</a> <a class="li " href="/user/inquiry">My RFQ</a>
<a class="li">My Account</a> <a class="li " href="/user/account">My Account</a>
</div>
</div> </div>
<div class="user-right boxsiz"> <div class="user-right boxsiz">
<div class="nav row"> <div class="nav row">
......
resources/views/user/orderDetail.blade.php
...@@ -10,20 +10,20 @@ ...@@ -10,20 +10,20 @@
<div class="orderdetailbox w1200 "> <div class="orderdetailbox w1200 ">
<div class="bread-menu row boxsiz bothSide"> <div class="bread-menu row boxsiz bothSide">
<div> <div>
<a href="">Home</a> <a href="/mall">Home</a>
<i>></i> <i>></i>
<a href="">Member Center</a> <a href="#">Member Center</a>
<i>></i> <i>></i>
<a href="">My Orders</a> <a href="/user/order">My Orders</a>
<i>></i> <i>></i>
<span>Order Details</span> <span>Order Details</span>
</div> </div>
</div> </div>
<div class="cons row bothSide"> <div class="cons row bothSide">
<div class="user-left-nav boxsiz"> <div class="user-left-nav boxsiz">
<a class="li act">My Orders</a> <a class="li act" href="/user/order">My Orders</a>
<a class="li">My RFQ</a> <a class="li " href="/user/inquiry">My RFQ</a>
<a class="li">My Account</a> <a class="li " href="/user/account">My Account</a>
</div> </div>
<div class="user-right boxsiz detailbox" style="display:none;"> <div class="user-right boxsiz detailbox" style="display:none;">
<div class="head row bothSide"> <div class="head row bothSide">
......
routes/web.php
...@@ -51,4 +51,8 @@ Route::get('/confirm', 'CarController@confirm')->name('car.confirm'); ...@@ -51,4 +51,8 @@ Route::get('/confirm', 'CarController@confirm')->name('car.confirm');
Route::get('/user/order', 'UserController@order')->name('user.order'); Route::get('/user/order', 'UserController@order')->name('user.order');
Route::get('/user/orderDetail', 'UserController@orderDetail')->name('user.orderDetail'); Route::get('/user/orderDetail', 'UserController@orderDetail')->name('user.orderDetail');
Route::get('/user/inquiry', 'UserController@inquiry')->name('user.inquiry');
Route::get('/user/account', 'UserController@account')->name('user.account');
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