diff --git a/rc-busness/ajax/getData.js b/rc-busness/ajax/getData.js index c90de64d..ab6a7621 100644 --- a/rc-busness/ajax/getData.js +++ b/rc-busness/ajax/getData.js @@ -283,10 +283,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 4b8fc3e6..68bf3653 100644 --- a/rc-busness/assets/css/orderquantity.less +++ b/rc-busness/assets/css/orderquantity.less @@ -3,7 +3,12 @@ @media screen and (max-width:768px){ - + .online{ + margin: 0; + &.bold{ + height: 8px; + } +} .active { font-size: 14px; color: #e2001a; @@ -16,16 +21,17 @@ } .usercontshow{ padding: 0 1.5rem; + .online{ + margin: 0; + &.bold{ + height: 8px; + margin-top: 1.5rem; + } + } .rc-usermaina{ width: 100%; height: 100%; - .online{ - margin: 0; - margin-top: 1.5rem; - &.bold{ - height: 0.5rem; - } - } + .rc-price{ display: flex; justify-content: space-between; @@ -211,6 +217,13 @@ } @media screen and (min-width: 769px) { + .online{ + margin: 0; + display: none; +} +.rc-usermaina{ + border: 1px solid #D7D7D7; +} .active { font-size: 18px; color: #e2001a; @@ -258,8 +271,6 @@ .rc-center { width: 100%; - height: 220px; - border: 1px solid #D7D7D7; .rc-usermain { display: flex; justify-content: space-between; @@ -358,6 +369,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..ce27413d --- /dev/null +++ b/rc-busness/assets/css/usertion.less @@ -0,0 +1,602 @@ +ul li ol li em strong i { + list-style: none; + font-style: normal; + } + //手机端 +@media screen and (max-width: 768px) { + .rc-main { + padding: 20px 17px; + margin-top: 90px; + .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; + } + 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-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..02e0ef4a 100644 --- a/rc-busness/pages/myorder/usertion.vue +++ b/rc-busness/pages/myorder/usertion.vue @@ -1,9 +1,7 @@ \ No newline at end of file diff --git a/rc-busness/pages/personal/useraddress.vue b/rc-busness/pages/personal/useraddress.vue index 8bd2a8a4..e9e29a13 100644 --- a/rc-busness/pages/personal/useraddress.vue +++ b/rc-busness/pages/personal/useraddress.vue @@ -14,7 +14,7 @@ {{ item.title }} -
+
{{ item.title }} @@ -54,7 +54,7 @@
数量:{{ item.pcs }}件 - ¥{{ item.salesAmount }} + ¥{{ }}
¥{{ item.userprice }} @@ -68,11 +68,11 @@ 查看订单
-
+
数量: - 共1件商品 + 共{{item.lengthnum}}件商品
总计: @@ -106,6 +106,9 @@ }}
+ +
+ @@ -262,23 +265,27 @@ export default { this.useralllist[i].orderNumber = this.goldmedal[i].orderNumber; this.useralllist[i].status = this.goldmedal[i].status; this.useralllist[i].salesAmount = this.goldmedal[i].salesAmount; - + this.useralllist[i].lengthnum=this.goldmedal[i].orderDetailList.length } console.log(this.useralllist); }, async canceldanhao(orderNumber) { - let data = await canceldanhao(orderNumber); + let data = await canceldanhao(this.userdata,orderNumber); if (data) { this.$message({ type: "warning", message: "取消订单成功", }); - this.indet(this.userdata.data.mobile); + setTimeout(() => { + this.indet(); + }, 500); + } }, userpay(item, index) { + console.log(item) if (item.status == 0) { this.canceldanhao(item.orderNumber); } @@ -289,13 +296,14 @@ export default { stype: 1, }, }); - } else if (item.buttontitle == "再次购买") { - this.$router.push({ - path: "/myorder/userrecord", - query: { - stype: 1, - }, - }); + } else if (item.status == 3) { + this.$router.push({ + path: "/productdetails/producted", + query: { + stype: 1, + productCode:item.productId + }, + }); } }, selectGoods(item, index) {