diff --git a/rc-busness/ajax/getData.js b/rc-busness/ajax/getData.js index 395cc100..c3cee47a 100644 --- a/rc-busness/ajax/getData.js +++ b/rc-busness/ajax/getData.js @@ -271,7 +271,7 @@ export const searchchanpin = (stype,usertype,curPage,curRow) => { //查询订单 export const userindent = (phoneNumber,orderNumber,) => { var data = { - phoneNumber:'18112621098', + phoneNumber:phoneNumber, orderNumber:orderNumber, } return fetch('orderMaster/?type=query', data, 'POST' ) @@ -287,10 +287,11 @@ export const userin = (orderNumber,) => { //取消订单 -export const canceldanhao = (orderNumber) => { +export const canceldanhao = (phoneNumber,orderNumber) => { var data = { - + phoneNumber:phoneNumber, orderNumber:orderNumber, + } return fetch('cancelOrder/', data, 'POST' ) } diff --git a/rc-busness/assets/css/orderquantity.less b/rc-busness/assets/css/orderquantity.less index 0698f7a2..a5ff465c 100644 --- a/rc-busness/assets/css/orderquantity.less +++ b/rc-busness/assets/css/orderquantity.less @@ -1,8 +1,15 @@ - - +.usercontshow{ + min-height: 70vh; +} @media screen and (max-width:768px){ + .online{ + margin: 0; + &.bold{ + height: 8px; + } +} .active { font-size: 14px; color: #e2001a; @@ -13,19 +20,65 @@ color: #444444; cursor: pointer; } - - .usercontshow{ padding: 0 1.5rem; .online{ - margin: 0; - &.bold{ - height: 0.5rem; - } - } + margin: 0; + &.bold{ + height: 8px; + margin-top: 1.5rem; + } + } .rc-usermaina{ width: 100%; height: 100%; + + .rc-price{ + display: flex; + justify-content: space-between; + i{ + list-style: none; + font-style: normal; + font-weight: bold; + } + em{ + list-style: none; + font-style: normal; + } + strong{ + list-style: none; + font-style: normal; + } + + .priceleft{ + color: #666666; + font-size: 14px; + display: flex; + align-items: center; + margin-top: 19px; + em{ + margin-left: 8px; + } + } + .priceright{ + display: flex; + margin-top: 19px; + align-items: center; + strong{ + color: #333333; + font-size: 14px; + } + i{ + font-size: 18px; + color: #E1001A; + margin-left: 3px; + } + + + } + + } + } .rc-headera { display: flex; @@ -39,7 +92,6 @@ .rc-center { width: 100%; - height: 245px; margin-top: 8px; .rc-usermain { .pc-bottom{ @@ -60,7 +112,6 @@ } .rc-right { - .rc-userbottomm{ display: none; } @@ -110,8 +161,8 @@ .rc-bottom { display: flex; align-items: center; - justify-content: center; - margin-top: 24px; + justify-content: flex-end; + margin-top: 26px; span { display: block; width: 130px; @@ -167,6 +218,13 @@ } @media screen and (min-width: 769px) { + .online{ + margin: 0; + display: none; +} +.rc-usermaina{ + border: 1px solid #D7D7D7; +} .active { font-size: 18px; color: #e2001a; @@ -214,8 +272,7 @@ .rc-center { width: 100%; - height: 220px; - border: 1px solid #D7D7D7; + margin-bottom: 40px; .rc-usermain { display: flex; justify-content: space-between; @@ -314,6 +371,52 @@ .rc-bottom { display: none; } + .rc-price{ + height: 60px; + display: flex; + align-items: center; + border-top: 1px solid #D7D7D7; + .priceleft{ + margin-left: 40px; + font-size: 16px; + color: #333333; + em{ + font-style: normal; + list-style: none; + } + strong{ + font-style: normal; + list-style: none; + } + i{ + font-style: normal; + list-style: none; + } + + } + .priceright{ + margin-right: 45px; + font-style: normal; + list-style: none; + em{ + font-style: normal; + list-style: none; + } + strong{ + font-style: normal; + list-style: none; + font-size: 18px; + color: #333333; + } + i{ + font-style: normal; + list-style: none; + font-size: 20px; + color: #E1001A; + + } + } + } } .rc-title { diff --git a/rc-busness/assets/css/usertion.less b/rc-busness/assets/css/usertion.less new file mode 100644 index 00000000..b1f60ef8 --- /dev/null +++ b/rc-busness/assets/css/usertion.less @@ -0,0 +1,628 @@ +ul li ol li em strong i { + list-style: none; + font-style: normal; + } + //手机端 +@media screen and (max-width: 768px) { + .rc-margin-y--md{ + width: 100%; +height: 80px; +background: #FFFFFF; +box-shadow: 0px -5px 6px rgba(0, 0, 0, 0.1); +padding: 0; +display: flex; +align-items: center; +justify-content: flex-end; +margin: 0; +.ts-standard-btn{ + width: 155px; +height: 48px; +background: #E2001A; +border-radius: 30px; +color: #FFFFFF; +font-size: 14px; +display: flex; +align-items: center; +justify-content: center; +margin: 0; +padding: 0; +margin-right: 20px; +} + } + .rc-main { + .rc-userbottom{ + display: none; + } + .viewdetails{ + display: none; + } + .rc-foo{ + display: none; + } + .rc-receiving { + width: 100%; + height: 80px; + display: flex; + align-items: center; + em { + font-style: normal; + color: #e1001a; + font-size: 22px; + font-weight: bold; + } + span { + color: #666666; + font-size: 12px; + display: block; + margin-left: 18px; + width: 62%; + + } + } + .delivery { + display: flex; + flex-direction: column; + height: 80px; + .to-delivery { + display: flex; + align-items: center; + font-style: normal; + span { + display: block; + margin-left: 3px; + } + i { + font-style: normal; + margin-left: 8px; + display: block; + } + } + .bo-delivery { + span { + font-size: 14px; + + color: #666666; + display: block; + margin-top: 8px; + } + } + } + + .mypersonal { + display: flex; + flex-direction: column; + height: 80px; + .my-delivery { + display: flex; + align-items: center; + font-style: normal; + span { + display: block; + margin-left: 3px; + } + i { + font-style: normal; + margin-left: 8px; + display: block; + } + } + .per-delivery { + span { + font-size: 14px; + + color: #666666; + display: block; + margin-top: 8px; + } + } + } + + .rc-usermain { + display: flex; + .rc-image { + border: 1px solid #d8d8d8; + margin-top: 17px; + height: 96px; + img { + width: 96px; + height: 96px; + display: block; + } + } + + .rc-right { + .rc-userbottomm { + display: none; + } + display: flex; + flex-direction: column; + width: 100%; + margin-left: 16px; + justify-content: center; + em { + font-style: normal; + display: block; + font-size: 16px; + margin-top: 18px; + font-weight: bold; + + color: #e1001a; + } + } + .rc-userright { + display: flex; + flex-direction: column; + color: #666666; + font-size: 14px; + span { + display: block; + margin-top: 16px; + } + } + .rc-userbottom { + display: flex; + justify-content: space-between; + margin-top: 8px; + span { + color: #666666; + font-size: 14px; + } + i { + font-style: normal; + color: #e1001a; + font-size: 18px; + font-weight: bold; + } + .rc-bottom{ + display: none; + } + } + .rc-bottomm { + display: flex; + align-items: center; + justify-content: flex-end; + margin-top: 24px; + span { + display: block; + width: 130px; + display: flex; + align-items: center; + line-height: 40px; + text-align: center; + color: #e2001a; + height: 40px; + font-size: 12px; + border: 2px solid #e2001a; + justify-content: center; + border-radius: 30px; + font-weight: bold; + } + span:last-child { + margin-left: 15px; + } + } + } + + + .rc-merchandise { + width: 100%; + margin-top: 32px; + + ul { + width: 100%; + display: flex; + flex-direction: column; + justify-content: space-between; + line-height: 26px; + i { + font-style: normal; + color: #666666; + font-size: 14px; + } + li { + list-style: none; + font-style: normal; + display: flex; + justify-content: space-between; + span { + font-size: 14px; + + color: #333333; + + } + } + li:last-child { + i { + color: #e1001a; + font-size: 16px; + font-style: normal; + } + } + } + } + + + .rc-payment{ + width: 100%; + margin-top: 32px; + .u-trackingnumber{ + display: flex; + align-items: center; + i { + font-size: 14px; + font-style: normal; + margin-right: 16px; + + } + img{ + width: 8px; + height: 16px; + } + } + ul { + width: 100%; + display: flex; + flex-direction: column; + justify-content: space-between; + line-height: 26px; + i { + font-style: normal; + color: #666666; + font-size: 14px; + } + li { + list-style: none; + font-style: normal; + display: flex; + justify-content: space-between; + span { + font-size: 14px; + + color: #333333; + + } + } + + } + } + + } +} + + + +//pc端 +@media screen and (min-width: 768px) and (max-width: 1920px) { + .rc-margin-y--md{ + display: none; + } + .rc-main { + margin: 0 auto; + margin-top: 90px; + + .rc-userbottomm{ + display: none; + } + .rc-border{ + width: 100%; + border-bottom: 1px solid #D7D7D7; + margin-top: 32px; + } + .rc-receiving { + width: 100%; + height: 80px; + display: flex; + flex-direction: column; + em { + font-style: normal; + color: #E1001A; + font-size: 26px; + } + span { + color: #666666; + font-size: 16px; + display: block; + margin-top: 25px; + } + } + .delivery { + display: flex; + flex-direction: column; + height: 140px; + display: flex; + justify-content: center; + .viewdetails{ + display: flex; + align-items: center; + justify-content: flex-end; + span{ + color:#444444; + font-size: 18px; + display: block; + margin-right: 8px; + } + img{ + width: 8px; + height: 16px; + } + } + + .to-delivery { + display: flex; + align-items: center; + font-style: normal; + span { + display: block; + // margin-left: 16px; + font-size: 18px; + color: #333333; + } + i { + font-style: normal; + margin-left: 8px; + display: block; + font-size: 18px; + color: #999999; + } + } + .bo-delivery { + span { + font-size: 16px; + color: #666666; + display: block; + margin-top: 16px; + } + } + } + + .mypersonal { + display: flex; + flex-direction: column; + height: 140px; + justify-content: center; + .my-delivery { + display: flex; + align-items: center; + font-style: normal; + span { + display: block; + margin-left: 3px; + font-size: 18px; + color: #333333; + } + i { + font-style: normal; + margin-left: 8px; + display: block; + font-size: 18px; + color: #333333; + } + } + .per-delivery { + span { + font-size: 18px; + color: #666666; + display: block; + margin-top: 16px; + } + } + } + + .rc-usermain { + display: flex; + .rc-image { + border: 1px solid #d8d8d8; + margin-top: 17px; + img { + width: 96px; + height: 96px; + display: block; + } + } + + .rc-right { + .rc-bottomm{ + display: none; + } + .rc-usercenter{ + display: flex; + justify-content: center; + flex-direction: column; + em { + font-style: normal; + display: block; + font-size: 18px; + font-weight: bold; + margin-top: 17px; + color: #e1001a; + } + } + + display: flex; + + width: 100%; + margin-left: 16px; + + + } + .rc-userright { + display: flex; + flex-direction: column; + color: #666666; + font-size: 16px; + span { + display: block; + margin-top: 16px; + font-size: 16px; + } + } + .rc-userbottom { + display: flex; + + width: 80%; + justify-content: space-between; + align-items: center; + margin-left: 119px; + span { + color: #E1001A; + font-size: 20px; + } + i { + font-style: normal; + color: #e1001a; + font-size: 20px; + font-weight: bold; + } + .rc-bottom { + display: flex; + align-items: center; + justify-content: flex-end; + margin-top: 24px; + span { + display: block; + width: 164px; + display: flex; + align-items: center; + line-height: 40px; + text-align: center; + color: #e2001a; + height: 40px; + border: 2px solid #e2001a; + justify-content: center; + border-radius: 30px; + font-weight: bold; + font-size: 14px; + } + + } + + } + } + + .rc-merchandise { + width: 100%; + margin-top: 32px; + + ul { + width: 100%; + display: flex; + flex-direction: column; + justify-content: space-between; + line-height: 40px; + font-size: 18px; + i { + font-style: normal; + color: #666666; + + } + li { + list-style: none; + font-style: normal; + display: flex; + justify-content: space-between; + span { + color: #333333; + + } + } + li:last-child { + i { + color: #e1001a; + font-size: 20px; + font-style: normal; + } + } + } + } + + + .rc-payment{ + width: 100%; + margin-top: 80px; + .u-trackingnumber{ + display: flex; + align-items: center; + i { + font-size: 18px; + font-style: normal; + margin-right: 16px; + + } + img{ + width: 8px; + height: 16px; + } + } + ul { + width: 100%; + display: flex; + flex-direction: column; + justify-content: space-between; + line-height: 40px; + font-size: 18px; + i { + font-style: normal; + color: #666666; + display: block; + + } + li { + list-style: none; + font-style: normal; + display: flex; + justify-content: space-between; + span { + + + color: #333333; + + } + } + + } + } + .rc-foot{ + display: flex; + flex-direction: column; + .rc-foo{ + display: flex; + justify-content: flex-end; + flex-direction: column; + align-items: self-end; + i{ + font-style: normal; + color:#333333; + font-size: 20px; + margin-right: 20px; + + } + em{ + font-style: normal; + color: #E1001A; + font-size: 26px; + + } + span{ + display: block; + width: 164px; + margin-top: 36px; + background: #E2001A; + line-height: 48px; + text-align: center; + color: white; + font-size: 16px; + +height: 48px; + +border-radius: 30px; + } + + } + } + + } + + + + +} \ No newline at end of file diff --git a/rc-busness/pages/myorder/usertion.vue b/rc-busness/pages/myorder/usertion.vue index 5310d762..3b2a4acd 100644 --- a/rc-busness/pages/myorder/usertion.vue +++ b/rc-busness/pages/myorder/usertion.vue @@ -1,9 +1,8 @@ \ No newline at end of file diff --git a/rc-busness/pages/personal/useraddress.vue b/rc-busness/pages/personal/useraddress.vue index 3bbf2525..28dd88a6 100644 --- a/rc-busness/pages/personal/useraddress.vue +++ b/rc-busness/pages/personal/useraddress.vue @@ -1,86 +1,159 @@