diff --git a/rc-busness/ajax/getData.js b/rc-busness/ajax/getData.js index 0c1a5e5d..2efb2607 100644 --- a/rc-busness/ajax/getData.js +++ b/rc-busness/ajax/getData.js @@ -615,3 +615,16 @@ export const getOrderList = (user, status) => { return fetch('/api/getOrderList', data) } + + + //购物车操作 + export const memberAddress = (type,data) => { + return fetch('memberAddress?type='+type, data, 'POST' ) + } + + + //支付宝支付二维码 + export const generateOrderAlipay = (data) => { + return fetch('generateOrderAlipay', data, 'POST' ) + } + \ No newline at end of file diff --git a/rc-busness/assets/css/global.less b/rc-busness/assets/css/global.less index fab7ae2a..4c1f0fd5 100644 --- a/rc-busness/assets/css/global.less +++ b/rc-busness/assets/css/global.less @@ -625,4 +625,73 @@ img, picture { //margin-right:0; } } -} \ No newline at end of file +} +.rc_contline { + border-bottom: 3px solid #f6f6f6; + height: 0px; + margin: 0; + clear: both; +} + +.page_modules { + padding-top: 60px; +} + +.cont_modules { + margin: 0 auto; + max-width: 1400px; +} + +.inline_right { + display: flex; + justify-content: space-between; + width: 100%; +} + +.inline_mid { + display: flex; + justify-content: space-around; + width: 100%; +} + +.inline_left { + display: flex; + justify-content: space-evenly; + width: 100%; + +} + +.li_inline { + li { + display: inline-block; + vertical-align: middle; + } + +} + +.color_red { + color: #E2001A; +} + +.tc { + text-align: center; +} + +.tr { + text-align: right; +} +.el-dialog{ + width: 90%; + max-width: 440px; +} +#tns2-iw{ height: 90px;} +.rc-carousel:not(.rc-carousel--loaded){visibility:visible!important} +@media screen and (max-width: 768px) { + .el-message-box{ + width: 300px; + } + .el-dialog{ + width: 90%; + } + } + \ No newline at end of file diff --git a/rc-busness/assets/image/Forms-Switch-On@3x.png b/rc-busness/assets/image/userred.png similarity index 100% rename from rc-busness/assets/image/Forms-Switch-On@3x.png rename to rc-busness/assets/image/userred.png diff --git a/rc-busness/assets/pay/fail.png b/rc-busness/assets/pay/fail.png new file mode 100644 index 00000000..71821a9b Binary files /dev/null and b/rc-busness/assets/pay/fail.png differ diff --git a/rc-busness/assets/pay/wx.png b/rc-busness/assets/pay/wx.png new file mode 100644 index 00000000..7316a9d7 Binary files /dev/null and b/rc-busness/assets/pay/wx.png differ diff --git a/rc-busness/assets/pay/zfb.png b/rc-busness/assets/pay/zfb.png new file mode 100644 index 00000000..c68db2ab Binary files /dev/null and b/rc-busness/assets/pay/zfb.png differ diff --git a/rc-busness/components/addressInput.vue b/rc-busness/components/addressInput.vue index 9f610a89..4677f531 100644 --- a/rc-busness/components/addressInput.vue +++ b/rc-busness/components/addressInput.vue @@ -81,6 +81,7 @@ export default { }, pickValue(pickId,pickName){ let areaObj={id:pickId,name:pickName}; + console.log(pickId,pickName); this.returnValueArr[this.curDisplayingColIndex]=areaObj; this.validatePickedValues(); @@ -105,6 +106,9 @@ export default { onChange(picker,values) { //values = [{id:this.columns[0].id, name:this.columns[0].name},{id:this.columns[1].id, name:this.columns[1].name},{id:this.columns[3].id, name:this.columns[3].name}]; //Support single choice only , index = 0 province, index = 1 city, index = 2 area let curSelection={'province':'','city':'','area':''}; + // console.log(picker,values); + this.$emit('getmenu',values) + this.$emit("closeDialog"); if(!values) return; let _self=this; @@ -226,7 +230,7 @@ export default { this.hideAddress(); }, onCancel() { - + }, fitlerValuesInArray(stringStartWith,dataColArea){ stringStartWith=stringStartWith+"-"; diff --git a/rc-busness/pages/myorder/userrecord.vue b/rc-busness/pages/myorder/userrecord.vue index 3b1991bb..aefb13d4 100644 --- a/rc-busness/pages/myorder/userrecord.vue +++ b/rc-busness/pages/myorder/userrecord.vue @@ -1,108 +1,101 @@ \ No newline at end of file diff --git a/rc-busness/pages/personal/mypersonal.vue b/rc-busness/pages/personal/mypersonal.vue index 9c9fb4e0..43a70c62 100644 --- a/rc-busness/pages/personal/mypersonal.vue +++ b/rc-busness/pages/personal/mypersonal.vue @@ -342,6 +342,7 @@ obligation(item,index){ }else{ if(item.title=='收货地址'){ + this.$router.push({ path: `/useraddress/openaddress/` }) diff --git a/rc-busness/pages/personal/settlement.less b/rc-busness/pages/personal/settlement.less new file mode 100644 index 00000000..72c8358a --- /dev/null +++ b/rc-busness/pages/personal/settlement.less @@ -0,0 +1,414 @@ +ul li ol li em strong i { + list-style: none; + font-style: normal; +} + +.rc-header { + width: 100%; +} + + + +.settlement { + padding-top: 100px; +} + + +.rc-main { + width: 92%; + margin: 0 auto; + max-width: 1400px; + + .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; + } + } + } + + .address-list { + display: flex; + + .mypersonal { + display: flex; + flex-direction: column; + justify-content: center; + border: 1px solid #808285; + height: 118px; + width: 320px; + padding: 15px; + color: #333333; + margin: 20px 40px 20px 0; + position: relative; + cursor: pointer; + + &.active { + border: 1px solid #E2001A; + } + + .edit { + position: absolute; + top: 5px; + right: 8px; + display: none; + cursor: pointer; + } + + &:hover { + .edit { + display: block; + } + } + + .my-delivery { + display: flex; + align-items: center; + font-style: normal; + + span { + display: block; + margin-left: 3px; + + } + + i { + font-style: normal; + margin-left: 3px; + display: block; + } + } + + .per-delivery { + span { + color: #666666; + display: block; + margin-top: 5px; + } + } + } + } + + + .rc-usermain { + display: flex; + padding: 20px 0; + + .rc-image { + border: 1px solid #d8d8d8; + margin-right: 20px; + + img { + width: 96px; + height: 96px; + display: block; + } + } + + .rc-right { + .rc-usercenter { + display: flex; + justify-content: center; + flex-direction: column; + + h3, + .price { + font-style: normal; + display: block; + font-size: 18px; + font-weight: bold; + margin-top: 17px; + color: #e1001a; + } + } + + display: flex; + justify-content: space-between; + width: 100%; + } + + .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: 60%; + justify-content: space-between; + align-items: center; + + .price { + font-style: normal; + color: #e1001a; + font-size: 20px; + font-weight: bold; + } + + } + } + + .rc-merchandise { + + padding: 15px 0; + + &::after { + display: block; + content: ''; + clear: both; + } + + ul { + width: 25%; + display: flex; + flex-direction: column; + justify-content: space-between; + line-height: 40px; + float: right; + + i { + font-style: normal; + color: #666666; + } + + li { + list-style: none; + font-style: normal; + display: flex; + justify-content: space-between; + + span { + color: #333333; + } + } + + li .red { + 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; + } + } + } +} +.diallog_width{ + width: 100%; + max-width: 440px; +} +.el-dialog{ + width: 100%; +} +//手机端 +@media screen and (max-width: 768px) { + + .diallog_width{ + width: 100%; + + } + .rc-main { + .address-list { + display: contents; + + .mypersonal { + width: 100%; + height: auto; + } + } + .rc-usermain { + .rc-right { display: table} + } + .rc-merchandise{ + padding: 15px 0 120px; + ul{ + float: none; + width: 100%; + } + } + .rc-foot{ + .rc-foo{ + display: flex; + justify-content: space-around; + flex-direction: row; + align-items: self-end; + position: fixed; + bottom: 0; + background: #fff; + width: 100%; + padding: 10px; + } + } + } + +} \ No newline at end of file diff --git a/rc-busness/pages/personal/settlement.vue b/rc-busness/pages/personal/settlement.vue index 878947ec..a6ee2015 100644 --- a/rc-busness/pages/personal/settlement.vue +++ b/rc-busness/pages/personal/settlement.vue @@ -1,168 +1,145 @@ \ No newline at end of file diff --git a/rc-busness/pages/personal/userpay.vue b/rc-busness/pages/personal/userpay.vue index a3070243..6122d45f 100644 --- a/rc-busness/pages/personal/userpay.vue +++ b/rc-busness/pages/personal/userpay.vue @@ -1,578 +1,303 @@ \ No newline at end of file diff --git a/rc-busness/pages/useraddress/addaddress.vue b/rc-busness/pages/useraddress/addaddress.vue index 059ef596..c6f6b3df 100644 --- a/rc-busness/pages/useraddress/addaddress.vue +++ b/rc-busness/pages/useraddress/addaddress.vue @@ -25,6 +25,8 @@ + +
@@ -39,6 +41,8 @@
--> + + @@ -48,6 +52,7 @@ import Myheader from '~/components/header.vue' import addressInput from '~/components/addressInput.vue' import MyFooter from '~/components/rc-footer.vue' +import addressInput from '~/components/addressInput.vue' export default { data() { return { @@ -55,6 +60,7 @@ export default { checked: true, userid: null, usermessage:null, + dialogInfo1:false, list: [ { id: 1, @@ -79,6 +85,12 @@ export default { }; }, methods: { + onGetMenu(values){ + console.log(values,+'111111'); + }, + handleClose1(){ + this.dialogInfo1 = false + }, onEdit(item, index) { // let userid = item.id; console.log(item); diff --git a/rc-busness/pages/useraddress/openaddress.vue b/rc-busness/pages/useraddress/openaddress.vue index 7c619a0a..7a038389 100644 --- a/rc-busness/pages/useraddress/openaddress.vue +++ b/rc-busness/pages/useraddress/openaddress.vue @@ -19,7 +19,7 @@