|
@@ -15,10 +15,31 @@
|
|
|
<text class="grace-list-arrow-right grace-icons icon-arrow-right" style="display:none;"></text>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="ucenter-line"></view>
|
|
|
- <view>
|
|
|
- <graceBoxBanner :items="fetch.num"></graceBoxBanner>
|
|
|
- </view>
|
|
|
+ <view class="ucenter-line" v-if="fetch.num.length > 0"></view>
|
|
|
+ <view v-if="fetch.num.length > 0">
|
|
|
+ <graceBoxBanner :items="fetch.num" @taped="showScore"></graceBoxBanner>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <graceDialog :isTitle="true" :title="scoreTitle" :isCloseBtn="true" :show="score" closeBtnColor="#FFFFFF" v-on:closeDialog="closeScore">
|
|
|
+ <scroll-view :scroll-y="true" class="padding" slot="content" style="height:800rpx;">
|
|
|
+ <view class="zhList padding margin-tb" v-for="(v, k) in fetch.score" :key="k">
|
|
|
+ <view class="flex justify-between">
|
|
|
+ <view class="text-black font-30 block margin-bottom-xs text-bold">{{v.title}}</view>
|
|
|
+ <view class="text-bold text-red" v-if="v.status == 2">-{{v.num}}</view>
|
|
|
+ <view class="text-bold text-blue" v-if="v.status == 1">+{{v.num}}</view>
|
|
|
+ </view>
|
|
|
+ <view class="text-999 flex justify-between margin-top align-center">
|
|
|
+ <text class="font-24">余额:{{v.total}}</text>
|
|
|
+ <text class="font-24 block">{{v.cdate}}</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </scroll-view>
|
|
|
+
|
|
|
+ <view slot="btns" class="grace-space-between">
|
|
|
+ <text class="grace-dialog-buttons" @tap="closeScore">关闭</text>
|
|
|
+ </view>
|
|
|
+ </graceDialog>
|
|
|
+
|
|
|
<view class="ucenter-line"></view>
|
|
|
<view class="grace-list grace-margin-top">
|
|
|
<view class="card-bottom">
|
|
@@ -125,24 +146,42 @@ export default {
|
|
|
return {
|
|
|
fetch : {
|
|
|
user : {},
|
|
|
- num : [
|
|
|
- ['¥0', '', '--'],
|
|
|
- [0, '', '--'],
|
|
|
- ],
|
|
|
+ num : [],
|
|
|
order : [],
|
|
|
- chat : [],
|
|
|
+ chat : [],
|
|
|
+ score : [],
|
|
|
},
|
|
|
activeTab : 0,
|
|
|
+ //关系
|
|
|
cate : [
|
|
|
- '信息', '买过', '关系'
|
|
|
+ '个人资料', '购物订单'
|
|
|
],
|
|
|
- openAvatar : false
|
|
|
+ openAvatar : false,
|
|
|
+ score : false,
|
|
|
+ scoreTitle : '',
|
|
|
}
|
|
|
},
|
|
|
mounted() {
|
|
|
this.getData();
|
|
|
},
|
|
|
methods:{
|
|
|
+ showScore : function(index) {
|
|
|
+ console.info(index);
|
|
|
+ var info = this.fetch.num[index];
|
|
|
+ var title = info[2] + ':' + info[0];
|
|
|
+ this.getScore(1, info[3], title);
|
|
|
+ },
|
|
|
+ getScore : function(page, method, title) {
|
|
|
+ var self = this;
|
|
|
+ this.Dever.page([page, 'score'], this, 'app/user/?l=api.score', {code:this.Dever.config.code,method:method}, function(t) {
|
|
|
+ self.fetch.score = t.score;
|
|
|
+ self.scoreTitle = title;
|
|
|
+ self.score = true;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ closeScore : function() {
|
|
|
+ this.score = false;
|
|
|
+ },
|
|
|
getData : function() {
|
|
|
if (this.openAvatar) {
|
|
|
return;
|
|
@@ -255,5 +294,17 @@ export default {
|
|
|
}
|
|
|
.grace-form-input {
|
|
|
text-align: left;
|
|
|
-}
|
|
|
+}
|
|
|
+
|
|
|
+.top{ background-color: #FB5858;}
|
|
|
+.btnOne{width:300rpx;height:80rpx;background:rgba(255,255,255,1);box-shadow:0rpx 2rpx 24rpx 0rpx rgba(251,88,88,1);border-radius:40rpx;}
|
|
|
+.line{width:1rpx;height:43rpx;background:rgba(255,255,255,1);}
|
|
|
+.zhList1{background:rgba(255,255,255,1);box-shadow:1px 5px 24px 0px rgba(161,161,161,0.38);border-radius:5px;}
|
|
|
+.zhList{background:rgba(255,255,255,1);border-bottom:1px solid rgba(161,161,161,0.38);}
|
|
|
+.text-91b{ color: #21A91B;}
|
|
|
+.text-101{ color: #FF0101;}
|
|
|
+.erro-404 {padding-bottom: 100upx;}
|
|
|
+.erro-404 image {width: 260upx; height: 260upx;}
|
|
|
+.font-24 {font-size: 12px;}
|
|
|
+.text-999 {color: #999;}
|
|
|
</style>
|