yxt_group
/
mallplus
5
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

2323-02-25 

功能完善
master
guoxing 2 years ago
parent
580a4edbd9
commit
0f4896f20e
4 changed files with 160 additions and 145 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      mallplusui-uniapp-app/pages/order/createStoreOrder.vue
  2. 6
      mallplusui-uniapp-app/pages/public/login.vue
  3. 291
      mallplusui-uniapp-app/pagesU/address/address.vue
  4. 6
      mallplusui-uniapp-app/pagesU/address/addressManage.vue

2
mallplusui-uniapp-app/pages/order/createStoreOrder.vue
View File

@ -10,7 +10,7 @@
<text class="mobile">{{ addressData.phoneNumber }}</text> <text class="mobile">{{ addressData.phoneNumber }}</text>
</view> </view>
<text <text
class="address">{{ addressData.province }}-{{ addressData.city }}-{{ addressData.region }}-{{ addressData.detailAddress }}</text> class="address">{{ addressData.region }}-{{ addressData.detailAddress }}</text>
</view> </view>
<view class="cen" v-else> <view class="cen" v-else>
<text>请设置收货地址</text> <text>请设置收货地址</text>

6
mallplusui-uniapp-app/pages/public/login.vue
View File

@ -184,7 +184,7 @@
}; };
let data = await Api.apiCall('post', Api.index.sendCodes, params); let data = await Api.apiCall('post', Api.index.sendCodes, params);
if (data) { if (data) {
console.log('验证码---data', data);
} }
}, },
toLoginCode() { toLoginCode() {
@ -498,7 +498,7 @@
if (!phoneReg.test(this.phone)) { if (!phoneReg.test(this.phone)) {
throw '手机号格式有误'; throw '手机号格式有误';
} }
} catch (err) { } catch (err) {
this.$api.msg(err); this.$api.msg(err);
return; return;
@ -705,7 +705,7 @@
} }
.welcome { .welcome {
margin-top: 150px; margin-top: 50px;
position: relative; position: relative;
left: 50upx; left: 50upx;
top: -90upx; top: -90upx;

291
mallplusui-uniapp-app/pagesU/address/address.vue
View File

@ -7,17 +7,19 @@
<text class="mobile">{{ item.phoneNumber }}</text> <text class="mobile">{{ item.phoneNumber }}</text>
</view> </view>
<view class="address-box"> <view class="address-box">
<text v-if="item.defaultStatus == 1" class="tag">默认</text> <!-- <text v-if="item.defaultStatus == 1" class="tag">默认</text> -->
<text class="address">{{ item.region }}-{{ item.detailAddress }}</text> <text class="address">{{ item.region }}-{{ item.detailAddress }}</text>
</view> </view>
</view> </view>
<view class="" style="display: flex;flex-direction: row;width: 100%;justify-content: flex-end;"> <view class="" style="display: flex;flex-direction: row;width: 100%;justify-content: flex-end;">
<view class="" style="width: 20%;display: flex;align-items: center;justify-content: center;" @click="addAddress('edit', item)"> <view class="" style="width: 20%;display: flex;align-items: center;justify-content: center;"
@click="addAddress('edit', item)">
<text class="yticon icon-bianji"></text> <text class="yticon icon-bianji"></text>
<text style="font-size: 30upx;margin-left: 10upx;">编辑</text> <text style="font-size: 30upx;margin-left: 10upx;">编辑</text>
</view> </view>
<view class="" style="width: 20%;display: flex;align-items: center;justify-content: center;" @click="delAddress(item)"> <view class="" style="width: 20%;display: flex;align-items: center;justify-content: center;"
@click="delAddress(item)">
<text class="yticon icon-iconfontshanchu1"></text> <text class="yticon icon-iconfontshanchu1"></text>
<text style="font-size: 30upx;">删除</text> <text style="font-size: 30upx;">删除</text>
</view> </view>
@ -27,154 +29,167 @@
重要：添加和修改地址回调仅增加了一条数据做演示，实际开发中将回调改为请求后端接口刷新一下列表即可 重要：添加和修改地址回调仅增加了一条数据做演示，实际开发中将回调改为请求后端接口刷新一下列表即可
</text>--> </text>-->
<button class="add-btn" @click="addAddress('add')">新增地址</button> <button v-if="addressList.length==0" class="add-btn" @click="addAddress('add')">新增地址</button>
</view> </view>
</template> </template>
<script> <script>
import mallplusCopyright from '@/components/mall-copyright/mallplusCopyright.vue'; import mallplusCopyright from '@/components/mall-copyright/mallplusCopyright.vue';
import Api from '@/common/api'; import Api from '@/common/api';
export default { export default {
components: { components: {
mallplusCopyright mallplusCopyright
},
data() {
return {
source: 0,
addressList: [],
};
},
async onLoad(option) {
this.source = option.source;
this.getListAddress()
},
async onShow(){
this.getListAddress()
},
methods: {
async getListAddress(){
let params = {};
this.addressList = await Api.apiCall('get', Api.goods.listAddress, params);
},
//选择地址
checkAddress(item) {
if (this.source == 1) {
//this.$api.prePage()获取上一页实例，在App.vue定义
this.$api.prePage().addressData = item;
this.$api.prePage().addressId = item.id;
uni.navigateBack();
}
}, },
addAddress(type, item) { data() {
uni.navigateTo({ return {
url: `../../pagesU/address/addressManage?type=${type}&data=${JSON.stringify(item)}` source: 0,
}); addressList: [],
};
}, },
//添加或修改成功之后回调 async onLoad(option) {
refreshList(data, type) { this.source = option.source;
//添加或修改后事件，这里直接在最前面添加了一条数据，实际应用中直接刷新地址列表即可 this.getListAddress()
this.addressList.unshift(data);
console.log(data, type);
}, },
// 删除地址 async onShow() {
async delAddress(item){ this.getListAddress()
console.log(item)
// let params = {
// id: item.id
// }
let data = await Api.apiCall('post', Api.goods.deleteAddress, {id: item.id});
if(data){
uni.showToast({
title: '删除成功',
})
}else{
uni.showToast({
title: '删除失败',
icon: 'none'
})
}
this.getListAddress();
console.log("------删除-------",data)
}, },
} methods: {
}; async getListAddress() {
let params = {};
this.addressList = await Api.apiCall('get', Api.goods.listAddress, params);
console.log("addressList>>>>>", this.addressList);
console.log("addressList>>>>>", this.addressList.length);
},
//选择地址
checkAddress(item) {
if (this.source == 1) {
//this.$api.prePage()获取上一页实例，在App.vue定义
this.$api.prePage().addressData = item;
this.$api.prePage().addressId = item.id;
uni.navigateBack();
}
},
addAddress(type, item) {
uni.navigateTo({
url: `../../pagesU/address/addressManage?type=${type}&data=${JSON.stringify(item)}`
});
},
//添加或修改成功之后回调
refreshList(data, type) {
//添加或修改后事件，这里直接在最前面添加了一条数据，实际应用中直接刷新地址列表即可
this.addressList.unshift(data);
console.log(data, type);
},
// 删除地址
async delAddress(item) {
console.log(item)
// let params = {
// id: item.id
// }
let data = await Api.apiCall('post', Api.goods.deleteAddress, {
id: item.id
});
if (data) {
uni.showToast({
title: '删除成功',
})
} else {
uni.showToast({
title: '删除失败',
icon: 'none'
})
}
this.getListAddress();
console.log("------删除-------", data)
},
}
};
</script> </script>
<style lang="scss"> <style lang="scss">
page { page {
padding-bottom: 120upx; padding-bottom: 120upx;
}
.content {
position: relative;
}
.list {
display: flex;
align-items: center;
flex-direction: column;
padding: 20upx;
background: #fff;
position: relative;
}
.wrapper {
width: 100%;
display: flex;
flex-direction: column;
flex: 1;
}
.address-box {
display: flex;
align-items: center;
margin: 10upx 0;
.tag {
font-size: 24upx;
color: $base-color;
margin-right: 10upx;
background: #fffafb;
border: 1px solid #ffb4c7;
border-radius: 4upx;
padding: 4upx 10upx;
line-height: 1;
} }
.address {
font-size: 28upx; .content {
position: relative;
}
.list {
display: flex;
align-items: center;
flex-direction: column;
padding: 20upx;
background: #fff;
position: relative;
}
.wrapper {
width: 100%;
display: flex;
flex-direction: column;
flex: 1;
}
.address-box {
display: flex;
align-items: center;
margin: 10upx 0;
.tag {
font-size: 24upx;
color: $base-color;
margin-right: 10upx;
background: #fffafb;
border: 1px solid #ffb4c7;
border-radius: 4upx;
padding: 4upx 10upx;
line-height: 1;
}
.address {
font-size: 28upx;
color: $font-color-light;
}
}
.u-box {
font-size: 32upx;
color: $font-color-000;
// margin-top: 16upx;
.name {
margin-right: 30upx;
}
}
.icon-bianji {
// display: flex;
// align-items: center;
// height: 80upx;
font-size: 36upx;
color: $font-color-light; color: $font-color-light;
// padding-left: 30upx;
} }
}
.u-box { .add-btn {
font-size: 32upx; position: fixed;
color: $font-color-000; left: 30upx;
// margin-top: 16upx; right: 30upx;
.name { bottom: 16upx;
margin-right: 30upx; z-index: 95;
display: flex;
align-items: center;
justify-content: center;
width: 690upx;
height: 80upx;
font-size: 32upx;
color: #fff;
background-color: $base-color;
border-radius: 10upx;
box-shadow: 1px 2px 5px rgba(219, 63, 96, 0.4);
} }
}
.icon-bianji {
// display: flex;
// align-items: center;
// height: 80upx;
font-size: 36upx;
color: $font-color-light;
// padding-left: 30upx;
}
.add-btn {
position: fixed;
left: 30upx;
right: 30upx;
bottom: 16upx;
z-index: 95;
display: flex;
align-items: center;
justify-content: center;
width: 690upx;
height: 80upx;
font-size: 32upx;
color: #fff;
background-color: $base-color;
border-radius: 10upx;
box-shadow: 1px 2px 5px rgba(219, 63, 96, 0.4);
}
</style> </style>

6
mallplusui-uniapp-app/pagesU/address/addressManage.vue
View File

@ -37,10 +37,10 @@
<text class="input">王宫村服务站</text> <text class="input">王宫村服务站</text>
</view> </view>
<view class="row default-row"> <!-- <view class="row default-row">
<text class="tit">设为默认</text> <text class="tit">设为默认</text>
<switch :checked="addressData.defaultStatus" color="#fa436a" @change="switchChange" /> <switch :checked="addressData.defaultStatus" color="#fa436a" @change="switchChange" />
</view> </view> -->
<button class="add-btn" @click="confirm">提交</button> <button class="add-btn" @click="confirm">提交</button>
</view> </view>
</template> </template>
@ -60,7 +60,7 @@
city: '', city: '',
region: '', region: '',
detailAddress: '王宫村服务站', detailAddress: '王宫村服务站',
defaultStatus: 0, defaultStatus: 1,
def: false def: false
}, },
lotusAddressData: { lotusAddressData: {

Write Preview
Loading…
Cancel
Save