|
@@ -11,13 +11,14 @@
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
- <router-link :to="{name:'userSet',query:{activeName:'second'}}" class="top-item" style="width:15%">
|
|
|
|
|
- 账户余额
|
|
|
|
|
- </router-link>
|
|
|
|
|
- <router-link :to="{name:'shopOrder'}" class="top-item" style="width:15%">
|
|
|
|
|
|
|
+ <div class="top-item" style="width:15%">
|
|
|
|
|
+ <div>账户余额</div>
|
|
|
|
|
+ <div style="color:rgb(253, 149, 1);font-size:16px;margin-top:3px;font-weight:bold;">{{userInfo.moneyCoin}}</div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <router-link :to="{name:'shopOrder'}" class="top-item" style="width:15%;line-height:45px;">
|
|
|
店铺订单
|
|
店铺订单
|
|
|
</router-link>
|
|
</router-link>
|
|
|
- <div class="top-item" style="width:38%">
|
|
|
|
|
|
|
+ <div class="top-item" style="width:38%;line-height:45px;">
|
|
|
存储空间
|
|
存储空间
|
|
|
<div class="line">
|
|
<div class="line">
|
|
|
<div class="use" :style="{width:useWidth+'%'}">
|
|
<div class="use" :style="{width:useWidth+'%'}">
|
|
@@ -52,21 +53,21 @@ export default {
|
|
|
data() {
|
|
data() {
|
|
|
return {
|
|
return {
|
|
|
orderList: [],
|
|
orderList: [],
|
|
|
- isUseSize:0
|
|
|
|
|
|
|
+ isUseSize: 0
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
computed: {
|
|
computed: {
|
|
|
...mapState(['userInfo', 'myStoreInfo']),
|
|
...mapState(['userInfo', 'myStoreInfo']),
|
|
|
- canUse(){
|
|
|
|
|
- var num=this.myStoreInfo.memorySpace/1024
|
|
|
|
|
- num=num-parseFloat(this.isUseSize)
|
|
|
|
|
|
|
+ canUse() {
|
|
|
|
|
+ var num = this.myStoreInfo.memorySpace / 1024
|
|
|
|
|
+ num = num - parseFloat(this.isUseSize)
|
|
|
|
|
|
|
|
return num.toFixed(0)
|
|
return num.toFixed(0)
|
|
|
},
|
|
},
|
|
|
- useWidth(){
|
|
|
|
|
- var num=0
|
|
|
|
|
- num=parseFloat(this.isUseSize)/parseFloat(this.myStoreInfo.memorySpace/1024)
|
|
|
|
|
- return (num*100).toFixed(0)
|
|
|
|
|
|
|
+ useWidth() {
|
|
|
|
|
+ var num = 0
|
|
|
|
|
+ num = parseFloat(this.isUseSize) / parseFloat(this.myStoreInfo.memorySpace / 1024)
|
|
|
|
|
+ return (num * 100).toFixed(0)
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
mounted() {
|
|
mounted() {
|
|
@@ -91,11 +92,11 @@ export default {
|
|
|
this.$http.get({
|
|
this.$http.get({
|
|
|
url: '/orderImage/getMemorySize',
|
|
url: '/orderImage/getMemorySize',
|
|
|
data: {
|
|
data: {
|
|
|
- storeId: this.userInfo.storeInfo.id
|
|
|
|
|
|
|
+ storeId: this.userInfo.storeInfo.id
|
|
|
}
|
|
}
|
|
|
}).then(res => {
|
|
}).then(res => {
|
|
|
if (res.success) {
|
|
if (res.success) {
|
|
|
- this.isUseSize=(res.data.totalSize/1024).toFixed(2)
|
|
|
|
|
|
|
+ this.isUseSize = (res.data.totalSize / 1024).toFixed(2)
|
|
|
}
|
|
}
|
|
|
}).catch(e => {
|
|
}).catch(e => {
|
|
|
console.log(e)
|
|
console.log(e)
|
|
@@ -108,15 +109,15 @@ export default {
|
|
|
this.$http.get({
|
|
this.$http.get({
|
|
|
url: '/userOrder/getOne',
|
|
url: '/userOrder/getOne',
|
|
|
data: {
|
|
data: {
|
|
|
- id:id
|
|
|
|
|
|
|
+ id: id
|
|
|
}
|
|
}
|
|
|
}).then(res => {
|
|
}).then(res => {
|
|
|
if (res.success) {
|
|
if (res.success) {
|
|
|
- this.orderList.forEach((item,index)=>{
|
|
|
|
|
- if(item.id==id){
|
|
|
|
|
- this.$set(this.orderList,index,res.data)
|
|
|
|
|
- }
|
|
|
|
|
- })
|
|
|
|
|
|
|
+ this.orderList.forEach((item, index) => {
|
|
|
|
|
+ if (item.id == id) {
|
|
|
|
|
+ this.$set(this.orderList, index, res.data)
|
|
|
|
|
+ }
|
|
|
|
|
+ })
|
|
|
}
|
|
}
|
|
|
}).catch(e => {
|
|
}).catch(e => {
|
|
|
console.log(e)
|
|
console.log(e)
|
|
@@ -207,6 +208,7 @@ export default {
|
|
|
text-align: left;
|
|
text-align: left;
|
|
|
margin: 0 10px;
|
|
margin: 0 10px;
|
|
|
position: relative;
|
|
position: relative;
|
|
|
|
|
+ line-height: 16px;
|
|
|
|
|
|
|
|
.use {
|
|
.use {
|
|
|
width: 180px;
|
|
width: 180px;
|
|
@@ -219,7 +221,7 @@ export default {
|
|
|
color: #fff;
|
|
color: #fff;
|
|
|
float: left;
|
|
float: left;
|
|
|
margin-left: 10px;
|
|
margin-left: 10px;
|
|
|
- text-shadow: #666 0.1em 0.1em 0.2em
|
|
|
|
|
|
|
+ text-shadow: #666 0.1em 0.1em 0.2em;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
span {
|
|
span {
|