mkm/nk-shop2.0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

订单跳转,订单详情,商品导入,线上导入,样式修改

Browse Source
This commit is contained in:
THK3121 2023-07-12 15:23:13 +08:00
parent b8178bdf2b
commit b4c6386686
10 changed files with 900 additions and 832 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

270
pages/admin/order/index.vue
View File

@ -82,49 +82,57 @@
<image src="@/static/images/jiankong.png"></image> <image src="@/static/images/jiankong.png"></image>
<text>订单监控</text> <text>订单监控</text>
</view> </view>
<view class="list"> <view class="footer_bon" v-for="(item,index) in OrderList" :key="index">
<view class="item" v-for="(item, index) in OrderList" :key="index"> <view class="bon_top" v-for="(val, key) in item.orderProduct" :key="key" @click="toDetail(item)">
<view class="order-num acea-row row-middle"> <view class="public_img">
订单号：{{ item.order_sn }} <image class="public_img" :src="val.cart_info.product.image" mode=""></image>
<text class="time">下单时间：{{ item.create_time }}</text>
</view> </view>
<view class="pos-order-goods" v-for="(val, key) in item.orderProduct" :key="key" @click="toDetail(item)"> <view>
<view class="goods"> <view class="text_top">
<view class="acea-row row-between-wrapper"> <view class="text">
<view class="picTxt acea-row row-between-wrapper"> {{ val.cart_info.product.store_name }}
<view class="pictrue">
<image :src="val.cart_info.product.image" />
</view>
<view class="text acea-row row-between row-column">
<view class="info ">
{{ val.cart_info.product.store_name }}
</view>
<view class="attr" v-if="val.cart_info.productAttr.sku">
{{ val.cart_info.productAttr.sku }}
</view>
</view>
</view>
<view class="money">
<view class="x-money">￥{{ val.total_price }}</view>
<view class="x-money">采购数量：{{ val.product_num }}</view>
<view class="x-money">已售数量：{{ val.sales_volume }}</view>
<view class="num">库存量{{ val.product_num - val.sales_volume }}</view>
</view>
</view> </view>
<view class="monry">
￥{{ val.total_price }}
</view>
</view>
<view class="text_order">
订单号: {{ item.order_sn }}
</view>
</view>
</view>
<view class="bon_bon" v-for="(val, key) in item.orderProduct" :key="key" @click="toDetail(item)">
<view class="order">
采购数量
<view class="txt">
{{ val.product_num }}
</view>
</view>
<view class="order" style="border-left: 1px solid #999999;border-right: 1px solid #999999;">
已售数量
<view class="txt">
{{ val.sales_volume }}
</view>
</view>
<view class="order">
库存数量
<view class="txt">
{{ val.product_num - val.sales_volume }}
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<button v-if="this.type_id == 12" class="footer-bnt" @click="navigator()">查看更多 ></button> </view>
<!-- <view class="public-wrapper"> <button v-if="this.type_id == 12" class="footer-bnt" @click="navigator()">查看更多 ></button>
<!-- <view class="public-wrapper">
<navigator class="item" :url="`/pages/admin/order/monitor?merId=${mer_id}`" <navigator class="item" :url="`/pages/admin/order/monitor?merId=${mer_id}`"
hover-class="none"> hover-class="none">
<view class="num">订单监控</view> <view class="num">订单监控</view>
</navigator> </navigator>
</view> --> </view> -->
<Loading :loaded="loaded" :loading="loading"></Loading> <Loading :loaded="loaded" :loading="loading"></Loading>
</view> </view>
</view> </view>
</template> </template>
@ -218,9 +226,9 @@
); );
}, },
toDetail(item) { toDetail(item) {
uni.navigateTo({ uni.navigateTo({
url: `/pages/admin/orderDetail/index?id=${item.order_id}&mer_id=${item.mer_id}` url: `/pages/admin/orderDetail/index?id=${item.order_id}&mer_id=${item.mer_id}`
}) })
}, },
navigator() { navigator() {
uni.navigateTo({ uni.navigateTo({
@ -232,6 +240,7 @@
purchaseOrder(this.where, mer_id).then(res => { purchaseOrder(this.where, mer_id).then(res => {
console.log(res); console.log(res);
this.OrderList = res.data this.OrderList = res.data
console.log(this.OrderList);
}) })
} }
}, },
@ -440,156 +449,69 @@
} }
} }
.list { .footer_bon {
margin-top: 20upx; width: 100%;
margin-bottom: 20px; border-radius: 8px;
background-color: #fff;
padding-bottom: 10px;
margin-bottom: 10px;
.item { .bon_top {
background-color: #fff; display: flex;
width: 100%; justify-content: flex-start;
position: relative; align-items: center;
margin-top: 20px;
.item-status { .public_img {
position: absolute; width: 60px;
top: 14rpx; height: 60px;
right: 20rpx; margin: 12px;
.iconfont {
font-size: 98rpx;
color: #CCCCCC;
&.on {
color: #FFE3BC;
}
}
} }
.order-num { .text_top {
height: 124upx; display: flex;
border-bottom: 1px solid #eee; justify-content: flex-start;
font-size: 30upx; align-items: center;
font-weight: bold; margin: 3px 0 3px 3px;
color: #282828;
padding: 0 30upx;
position: relative;
.time { .text {
font-size: 26upx; width: 180px;
font-weight: normal;
color: #999;
margin-top: -40upx;
}
}
.pos-order-goods {
padding: 0 30upx;
background-color: #fff;
.goods {
padding-top: 20rpx;
overflow: hidden; overflow: hidden;
border-top: 1px dashed #e5e5e5; white-space: nowrap;
text-overflow: ellipsis;
.uncancell {
color: #999999;
}
.picTxt {
width: 450upx;
.pictrue {
width: 130upx;
height: 130upx;
image {
width: 100%;
height: 100%;
border-radius: 6upx;
}
}
.text {
flex-direction: column;
width: 150px;
.info {
font-size: 28upx;
color: #282828;
&.refund-info {
width: 460upx;
}
}
.refund-y-money {
margin-top: 16rpx;
font-size: 26rpx;
}
.attr {
margin-top: 5rpx;
font-size: 24upx;
color: #999;
}
}
}
.money {
width: 164upx;
text-align: right;
font-size: 28upx;
&.refund-money {
width: auto;
position: relative;
top: -50rpx;
.num {
color: #999999;
}
}
.refund-num {
font-size: 24rpx;
color: #282828;
}
.num {
color: #ff9600;
margin: 5upx 0;
}
.x-money {
color: #282828;
}
.y-money {
color: #999;
text-decoration: line-through;
}
}
.refund_num {
display: inline-block;
margin-left: 10rpx;
}
} }
.cancellate { .monry {
font-size: 24rpx; margin-left: 20px;
float: right; color: #F84221;
margin-top: 10rpx;
text {
margin-left: 26rpx;
}
} }
}
.text_order{
width: 200px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin-left: 3px;
}
}
.cancelled { .bon_bon {
color: #FF9600; width: 90%;
height: 66px;
background: #F5F5F5;
border-radius: 4px 4px 4px 4px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
margin: auto;
margin-bottom: 10px;
margin-top: 5px;
.order {
width: 120px;
.txt {
margin-top: 5px;
} }
} }
} }

1224
pages/admin/order/monitor.vue
View File

File diff suppressed because it is too large Load Diff

8
pages/order_details/stay.vue
View File

@ -181,15 +181,15 @@
</view> </view>
<view class='item acea-row row-between'> <view class='item acea-row row-between'>
<view>实付款：</view> <view>实付款：</view>
<view class='conter' style="color: black;" v-if="this.pay_type == 8">先货后款 实付: ￥<text style="color: #E93323;"> <view class='conter' style="color: black;" v-if="this.pay_type == 8 && orderInfo.interest !== null">先货后款 实付: ￥<text style="color: #E93323;">
{{orderInfo.pay_price}} 0.00
</text></view> </text></view>
<view class='conter' style="color: black;" v-else>￥{{orderInfo.pay_price}}</view> <view class='conter' style="color: black;" v-else>￥{{orderInfo.pay_price}}</view>
<view class="conters" style="color: black;" v-if="this.pay_type == 8"> <view class="conters" style="color: black;" v-if="this.pay_type == 8 && orderInfo.interest !== null">
结算周期到期后付款 ￥{{orderInfo.interest.total_amount}} 结算周期到期后付款 ￥{{orderInfo.interest.total_amount}}
<image src="@/static/images/wenhao.png" mode="" @click="Settlement"></image> <image src="@/static/images/wenhao.png" mode="" @click="Settlement"></image>
</view> </view>
<view class="conters" v-if="this.pay_type == 8"> <view class="conters" v-if="this.pay_type == 8 && orderInfo.interest !== null">
结算周期:{{orderInfo.orderList[0].merchant.settle_cycle}}天 结算周期:{{orderInfo.orderList[0].merchant.settle_cycle}}天
日利率:{{orderInfo.orderList[0].merchant.interest_rate}}% 日利率:{{orderInfo.orderList[0].merchant.interest_rate}}%
</view> </view>

10
pages/order_pay_status/index.vue
View File

@ -119,7 +119,8 @@
isOpen:false ,//展开 isOpen:false ,//展开
moneyBg: '/static/images/couponBg', moneyBg: '/static/images/couponBg',
text: '展开更多', text: '展开更多',
timer: null timer: null,
product_type:'',
}; };
}, },
computed: mapGetters(['isLogin','viewColor','keyColor']), computed: mapGetters(['isLogin','viewColor','keyColor']),
@ -134,6 +135,9 @@
this.order_type = options.order_type; this.order_type = options.order_type;
this.status = options.status || 0; this.status = options.status || 0;
this.msg = options.msg || ''; this.msg = options.msg || '';
if(options.product_type){
this.product_type=options.product_type
}
if (this.isLogin) { if (this.isLogin) {
this.refreshData(); this.refreshData();
} else { } else {
@ -201,9 +205,9 @@
*/ */
goOrderDetails: function(e) { goOrderDetails: function(e) {
let that = this; let that = this;
if (this.order_pay_info.paid == 0) { if (this.product_type == 98) {
uni.redirectTo({ uni.redirectTo({
url: '/pages/users/order_list/index' url: `/pages/users/order_list/index?status=1&product_type=${this.product_type}`
}) })
} else { } else {
uni.redirectTo({ uni.redirectTo({

3
pages/plant_release/index.vue
View File

@ -542,8 +542,7 @@
}); });
} else { } else {
uni.redirectTo({ uni.redirectTo({
url: '/pages/plantGrass/plant_detail/index?id=' + res.data.community_id + '&type=' + that url: '/pages/plantGrass/plant_detail/index?id=' + res.data.community_id + '&type=' + that.tabActive
.tabActive
}) })
} }
/** /**

9
pages/product/list/index.vue
View File

@ -241,11 +241,8 @@
mer_id: this.mer_id, mer_id: this.mer_id,
product_id: this.data.product_id, product_id: this.data.product_id,
unique: this.data.unique, unique: this.data.unique,
}); });
}else{ }else{
this.data.product_id = this.checkboxList1[0].product_id
this.data.unique = this.checkboxList1[0].unique
this.show = true this.show = true
console.log(this.data); console.log(this.data);
} }
@ -256,7 +253,6 @@
}, },
//导入 //导入
creat() { creat() {
if (this.on_line == 1) { if (this.on_line == 1) {
if(this.data.number <1){ if(this.data.number <1){
this.show=false this.show=false
@ -273,7 +269,7 @@
}).catch(err=>{ }).catch(err=>{
this.show=false this.show=false
this.$util.Tips({ this.$util.Tips({
title: err.message title: '请选择规格后再次进行入库'
}) })
}) })
} }
@ -291,11 +287,10 @@
}, },
//规格 //规格
checkboxChange(n) { checkboxChange(n) {
console.log('change', n);
this.data.unique = n this.data.unique = n
console.log(n);
}, },
radioChange(n) { radioChange(n) {
console.log(n);
this.data.product_id = n.product_id this.data.product_id = n.product_id
console.log(this.data); console.log(this.data);
}, },

176
pages/users/online_warehousing/index.vue
View File

@ -1,13 +1,21 @@
<template> <template>
<view class="center"> <view class="center">
<view class="top"> <view class="top">
<!-- --> <view class="top-header">
<view class="search">
<view class="search-content acea-row row-middle">
<text class="iconfont icon-sousuo"></text>
<input v-model="where.keyword" confirm-type="search" placeholder="请输收货人手机号或订单号搜索" class="input"
@confirm="handleSearch" />
</view>
</view>
</view>
</view> </view>
<view class="bgc_img" v-if="this.shopList == ![]"> <view class="bgc_img" v-if="this.shopList == ![]">
<image src="@/static/images/empty-box.png" mode="widthFix"></image> <image src="@/static/images/empty-box.png" mode="widthFix"></image>
<view class="txt"> <view class="txt">
暂无商品订单~ 暂无商品订单~
</view> </view>
</view> </view>
<view class='list' v-else> <view class='list' v-else>
<block> <block>
@ -32,9 +40,7 @@
</view> </view>
<view class='name line2'>￥{{items.cart_info.product.price}}</view> <view class='name line2'>￥{{items.cart_info.product.price}}</view>
<view class='name line2'>x {{items.product_num}}</view> <view class='name line2'>x {{items.product_num}}</view>
<view class='bnt b-color' v-if="items.is_imported == 0"
@click="importshop(items.order_id,items.product_id,items.product_sku)">
立即导入</view>
</view> </view>
</view> </view>
</block> </block>
@ -43,8 +49,13 @@
<view class='totalPrice'> <view class='totalPrice'>
共1件商品，总金额 共1件商品，总金额
<text class='money'>￥{{items.product_price}}</text> <text class='money'>￥{{items.product_price}}</text>
</view>
</view>
<view class="totalfooter">
<view class='bnt b-color' v-if="items.is_imported == 0"
@click="importshop(items.order_id,items.product_id,items.product_sku)">
立即导入</view>
</view>
</view> </view>
</view> </view>
</block> </block>
@ -54,7 +65,7 @@
<view class="popen"> <view class="popen">
<h4>{{title}}</h4> <h4>{{title}}</h4>
<view class="shuru"> <view class="shuru">
点击返回，商品管理 点击确定，商品管理
</view> </view>
<view class="btn"> <view class="btn">
<button class="btn_l" @click="close()">取消</button> <button class="btn_l" @click="close()">取消</button>
@ -62,6 +73,7 @@
</view> </view>
</view> </view>
</u-popup> </u-popup>
<Loading :loaded="loaded" :loading="loading"></Loading>
</view> </view>
</template> </template>
@ -75,6 +87,7 @@
import { import {
getOrderList getOrderList
} from '@/api/order.js' } from '@/api/order.js'
import Loading from '@/components/Loading/index'
export default { export default {
data() { data() {
return { return {
@ -86,7 +99,8 @@
page: 1, page: 1,
limit: 10, limit: 10,
status: 20, status: 20,
product_type: 98 product_type: 98,
keyword: '',
}, },
data: { data: {
product_id: '', product_id: '',
@ -96,7 +110,8 @@
order_unique: '' order_unique: ''
}, },
show: false, show: false,
title:'' title: '',
loaded: false,
} }
}, },
onLoad(option) { onLoad(option) {
@ -107,27 +122,20 @@
this.data.unique = option.unique this.data.unique = option.unique
}, },
methods: { methods: {
handleSearch() {
this.loaded = false;
this.where.page = 1;
this.shopList = [];
this.getList();
},
getList: function(mer_id) { getList: function(mer_id) {
if (this.loading || this.loaded) return;
this.loading = true;
getOrderList(this.where, this.mer_id).then(res => { getOrderList(this.where, this.mer_id).then(res => {
console.log(res); console.log(res);
this.shopList = res.data.list this.shopList = res.data.list
console.log(this.shopList); console.log(this.shopList);
}) })
// getPreviewProDetail({
// id:product_id,
// product_type:0,
// }).then(
// res => {
// console.log(res);
// console.log(this.shopList);
// },
// error => {
// that.$util.Tips({
// title: error.msg
// })
// }
// );
}, },
importshop(order_id, product_id, unique) { importshop(order_id, product_id, unique) {
this.data.order_id = order_id this.data.order_id = order_id
@ -136,7 +144,7 @@
this.show = true this.show = true
postImport(this.mer_id, this.data).then(res => { postImport(this.mer_id, this.data).then(res => {
console.log(res); console.log(res);
this.title=res.message this.title = res.message
this.$util.Tips({ this.$util.Tips({
title: res.message title: res.message
}) })
@ -145,38 +153,71 @@
close() { close() {
this.show = false this.show = false
}, },
getback(){ getback() {
uni.navigateBack({ uni.navigateBack({
delta: 1 delta: 1
}); });
} }
} }
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.top { .top {
background-color: red; background-color: red;
height: 55px;
.input { .top-header {
width: 90%; position: fixed;
margin: auto !important; top: 0;
padding-top: 10px !important; left: 0;
z-index: 9999;
width: 100%;
background-color: #fff;
.search {
padding: 17rpx 30rpx;
.search-content {
width: 100%;
height: 60rpx;
padding: 0 30rpx;
border-radius: 30rpx;
background-color: #F5F5F5;
font-size: 26rpx;
}
.iconfont {
margin-right: 10rpx;
font-size: 26rpx;
color: #999999;
}
.input-placeholder {
font-size: 26rpx;
color: #999999;
}
.input {
flex: 1;
}
}
} }
} }
.bgc_img{
position: absolute; .bgc_img {
top: 30vh; position: absolute;
left: 10vw; top: 30vh;
image{ left: 10vw;
width: 300px;
image {
width: 300px;
}
.txt {
text-align: center;
}
} }
.txt{
text-align: center;
}
}
.list { .list {
width: 690rpx; width: 690rpx;
margin: 14rpx auto 0 auto; margin: 14rpx auto 0 auto;
@ -184,7 +225,7 @@
.title { .title {
height: 84rpx; height: 84rpx;
padding: 0 30rpx; padding: 0 30rpx;
border-bottom: 1px solid #eee; border-bottom: 1px solid #CCCCCC;
font-size: 28rpx; font-size: 28rpx;
color: #282828; color: #282828;
@ -247,23 +288,9 @@
} }
.bnt {
position: absolute;
right: 10px;
bottom: 0px;
right: 10px;
width: 176rpx;
height: 60rpx;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50rpx;
font-size: 27rpx;
background: linear-gradient(180deg, #F98649 0%, #F34E45 100%);
color: white;
}
} }
} }
.event_name { .event_name {
@ -289,13 +316,36 @@
margin: 27rpx 0 0 30rpx; margin: 27rpx 0 0 30rpx;
padding: 0 30rpx 30rpx 0; padding: 0 30rpx 30rpx 0;
.money { .money {
font-size: 34rpx; font-size: 34rpx;
font-weight: bold; font-weight: bold;
color: rgb(233, 51, 35); color: rgb(233, 51, 35);
} }
}
}
.totalfooter{
width: 100%;
height: 50px;
position: relative;
border-top: 1px solid #CCCCCC;
.bnt {
position: absolute;
right: 10px;
width: 176rpx;
height: 60rpx;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50rpx;
font-size: 27rpx;
background: linear-gradient(180deg, #F98649 0%, #F34E45 100%);
color: white;
margin-left: 70%;
margin-top: 5px;
}
}
.bottom { .bottom {
height: 107rpx; height: 107rpx;
padding: 0 30rpx; padding: 0 30rpx;
@ -310,7 +360,7 @@
} }
} }
.popen { .popen {
position: absolute; position: absolute;
top: 110px; top: 110px;
width: 100%; width: 100%;

10
pages/users/order_confirm/index.vue
View File

@ -185,7 +185,7 @@
<view class="price" v-if="item.isTake == 0"><text>￥</text>{{ item.order.pay_price }}</view> <view class="price" v-if="item.isTake == 0"><text>￥</text>{{ item.order.pay_price }}</view>
<view class="price" v-if="item.isTake == 1"><text>￥</text>{{ item.order.org_price}}</view> <view class="price" v-if="item.isTake == 1"><text>￥</text>{{ item.order.org_price}}</view>
</view> </view>
<view class="total" v-if="item.credit_buy == 1"> <view class="total" v-if="item.credit_buy == 1 && active == 4">
实付价 实付价
<view class="price"><text>￥</text>0.00</view> <view class="price"><text>￥</text>0.00</view>
</view> </view>
@ -373,10 +373,10 @@
<view class="footer_count"> <view class="footer_count">
<view> <view>
合计: 合计:
<text class='pColor' v-if="cartArr[4].payStatus == 1">￥0.00</text> <text class='pColor' v-if="cartArr[4].payStatus == 1 && active == 4">￥0.00</text>
<text class='pColor' v-else>￥{{totalPrice }}</text> <text class='pColor' v-else>￥{{totalPrice }}</text>
</view> </view>
<view style="font-size: 14px;color: #F84221;" v-if="cartArr[4].payStatus == 1"> <view style="font-size: 14px;color: #F84221;" v-if="cartArr[4].payStatus == 1 && active == 4">
可结算周期到期后再付款￥{{totalPrice}} 可结算周期到期后再付款￥{{totalPrice}}
</view> </view>
<view class="coupon_price" v-if="couponData.total_coupon > 0"> <view class="coupon_price" v-if="couponData.total_coupon > 0">
@ -1135,6 +1135,7 @@
let that = this; let that = this;
let active = e; let active = e;
that.active = active; that.active = active;
console.log(this.active);
that.animated = true; that.animated = true;
that.payType = that.cartArr[active].value; that.payType = that.cartArr[active].value;
if (that.payType == 'weixin') { if (that.payType == 'weixin') {
@ -1199,7 +1200,8 @@
orderId = res.data.result.order_id, orderId = res.data.result.order_id,
callback_key = res.data.result.pay_key, callback_key = res.data.result.pay_key,
jsConfig = res.data.result.config, jsConfig = res.data.result.config,
goPages = '/pages/order_pay_status/index?order_id=' + orderId + '&msg=' + res.message, goPages = '/pages/order_pay_status/index?order_id=' + orderId + '&msg=' + res.message +'&product_type=' + that
.product_type,
goPagesOrder = '/pages/order_details/stay?order_id=' + orderId + '&credit_buy=1&product_type=' + that goPagesOrder = '/pages/order_details/stay?order_id=' + orderId + '&credit_buy=1&product_type=' + that
.product_type; .product_type;
that.orderPay = true; that.orderPay = true;

18
pages/users/order_list/index.vue
View File

@ -239,6 +239,14 @@
<view>￥{{goods.cart_info.productAttr.price}}</view> <view>￥{{goods.cart_info.productAttr.price}}</view>
<view>x{{goods.product_num}}</view> <view>x{{goods.product_num}}</view>
</view> </view>
<view class="money" style="margin-left: 117px;" v-if="item.pay_type == 8">
<view>
先货后款 实付:￥0.00
</view>
</view>
<view class="totalPrice" v-if="item.pay_type == 8">
共{{item.total_num || 0}}件商品，结算周期到期后付款￥{{goods.cart_info.productAttr.price || item.interest.total_amount}}
</view>
</view> </view>
</view> </view>
</view> </view>
@ -958,6 +966,12 @@
font-size: 28rpx; font-size: 28rpx;
color: #999; color: #999;
margin-top: 6rpx; margin-top: 6rpx;
.totalPrice {
font-size: 26rpx;
color: #282828;
text-align: right;
padding-left: 20px;
}
} }
.my-order .list .item .item-info .text .name { .my-order .list .item .item-info .text .name {
@ -1001,8 +1015,8 @@
font-size: 26rpx; font-size: 26rpx;
color: #282828; color: #282828;
text-align: right; text-align: right;
margin: 27rpx 0 0 30rpx; margin: 27rpx 0 0 -30rpx;
padding: 0 30rpx 30rpx 0; padding: -1px 30rpx 30rpx 0;
} }
.my-order .list .item .totalPrice .money { .my-order .list .item .totalPrice .money {

2
pages/users/payment/payment.vue
View File

@ -43,7 +43,7 @@
</view> </view>
<view class="settel"> <view class="settel">
<view class='settel-t'> <view class='settel-t'>
<view>实付款：</view> <view>总价：</view>
<view class='conter'>￥ {{couponData.orderList[0].pay_price}}</view> <view class='conter'>￥ {{couponData.orderList[0].pay_price}}</view>
</view> </view>
</view> </view>