|
@@ -2,6 +2,7 @@
|
|
|
<view class="me-page app-content">
|
|
<view class="me-page app-content">
|
|
|
<block v-if="isLoggedIn">
|
|
<block v-if="isLoggedIn">
|
|
|
<view class="page-hero">
|
|
<view class="page-hero">
|
|
|
|
|
+ <view class="status-space" :style="{ height: statusBarHeight + 'px' }"></view>
|
|
|
<view class="hero-panel">
|
|
<view class="hero-panel">
|
|
|
<view class="profile-card">
|
|
<view class="profile-card">
|
|
|
<view class="profile-header-row">
|
|
<view class="profile-header-row">
|
|
@@ -47,10 +48,12 @@
|
|
|
<view class="finance-col" v-if="lookMoney == 1">
|
|
<view class="finance-col" v-if="lookMoney == 1">
|
|
|
<view class="finance-label">账户余额(元)</view>
|
|
<view class="finance-label">账户余额(元)</view>
|
|
|
<view class="finance-amount">¥{{ moneyFormat(myInfo.balance) }}</view>
|
|
<view class="finance-amount">¥{{ moneyFormat(myInfo.balance) }}</view>
|
|
|
- <view class="finance-actions">
|
|
|
|
|
- <view class="pill-btn" @click="pageTo({ url: '/pagesStore/me/shopYeChange' })">明细</view>
|
|
|
|
|
- <view class="pill-btn" @click="pageTo({ url: '/pagesStore/me/withdraw' })">提现记录</view>
|
|
|
|
|
- <view class="pill-btn" v-if="Number(myInfo.txBalance) > 0" @click="checkToApplyCash">提现</view>
|
|
|
|
|
|
|
+ <view class="finance-actions balance-actions">
|
|
|
|
|
+ <view class="balance-action-row">
|
|
|
|
|
+ <view class="pill-btn" @click="pageTo({ url: '/pagesStore/me/shopYeChange' })">变动明细</view>
|
|
|
|
|
+ <view class="pill-btn" @click="pageTo({ url: '/pagesStore/me/withdraw' })">提现记录</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="pill-btn pill-btn-solid balance-withdraw-btn" v-if="Number(myInfo.txBalance) > 0" @click="checkToApplyCash">提现</view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
|
|
|
|
@@ -60,7 +63,7 @@
|
|
|
<view class="finance-label">现金(元)</view>
|
|
<view class="finance-label">现金(元)</view>
|
|
|
<view class="finance-amount">¥{{ moneyFormat(myInfo.money) }}</view>
|
|
<view class="finance-amount">¥{{ moneyFormat(myInfo.money) }}</view>
|
|
|
<view class="finance-actions">
|
|
<view class="finance-actions">
|
|
|
- <view class="pill-btn" @click="pageTo({ url: '/admin/home/moneyChangeList' })">明细</view>
|
|
|
|
|
|
|
+ <view class="pill-btn" @click="pageTo({ url: '/admin/home/moneyChangeList' })">变动明细</view>
|
|
|
<view class="pill-btn" @click="outAmountFn">取出</view>
|
|
<view class="pill-btn" @click="outAmountFn">取出</view>
|
|
|
<view class="pill-btn" @click="inAmountFn">存入</view>
|
|
<view class="pill-btn" @click="inAmountFn">存入</view>
|
|
|
</view>
|
|
</view>
|
|
@@ -92,6 +95,7 @@
|
|
|
<block v-else>
|
|
<block v-else>
|
|
|
<view class="guest-page">
|
|
<view class="guest-page">
|
|
|
<view class="guest-hero">
|
|
<view class="guest-hero">
|
|
|
|
|
+ <view class="status-space" :style="{ height: statusBarHeight + 'px' }"></view>
|
|
|
<view class="guest-hero-inner">
|
|
<view class="guest-hero-inner">
|
|
|
<text class="guest-hero-title">我的</text>
|
|
<text class="guest-hero-title">我的</text>
|
|
|
<text class="guest-hero-desc">登录后管理门店</text>
|
|
<text class="guest-hero-desc">登录后管理门店</text>
|
|
@@ -164,11 +168,6 @@
|
|
|
<input type="digit" ref="input" class="amount-input" v-model="outAmount" :adjust-position="false" />
|
|
<input type="digit" ref="input" class="amount-input" v-model="outAmount" :adjust-position="false" />
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
- <view class="inp-list-line remark-line">
|
|
|
|
|
- <view class="line-input">
|
|
|
|
|
- <input type="text" class="remark-input" v-model="outAmountRemark" maxlength="50" placeholder="备注(选填)" :adjust-position="false" />
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
</view>
|
|
</view>
|
|
|
</template>
|
|
</template>
|
|
|
</modal-module>
|
|
</modal-module>
|
|
@@ -181,11 +180,6 @@
|
|
|
<input type="digit" ref="input" class="amount-input" v-model="inAmount" :adjust-position="false" />
|
|
<input type="digit" ref="input" class="amount-input" v-model="inAmount" :adjust-position="false" />
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
- <view class="inp-list-line remark-line">
|
|
|
|
|
- <view class="line-input">
|
|
|
|
|
- <input type="text" class="remark-input" v-model="inAmountRemark" maxlength="50" placeholder="备注(选填)" :adjust-position="false" />
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
</view>
|
|
</view>
|
|
|
</template>
|
|
</template>
|
|
|
</modal-module>
|
|
</modal-module>
|
|
@@ -268,13 +262,12 @@ export default {
|
|
|
data () {
|
|
data () {
|
|
|
return {
|
|
return {
|
|
|
constant: this.$constant,
|
|
constant: this.$constant,
|
|
|
|
|
+ statusBarHeight: 0,
|
|
|
myInfo: {},
|
|
myInfo: {},
|
|
|
version: "1.0.0",
|
|
version: "1.0.0",
|
|
|
lookMoney: 0,
|
|
lookMoney: 0,
|
|
|
inAmount: "",
|
|
inAmount: "",
|
|
|
outAmount: "",
|
|
outAmount: "",
|
|
|
- inAmountRemark: "",
|
|
|
|
|
- outAmountRemark: "",
|
|
|
|
|
outAmountShow: false,
|
|
outAmountShow: false,
|
|
|
inAmountShow: false,
|
|
inAmountShow: false,
|
|
|
menuList: [
|
|
menuList: [
|
|
@@ -316,6 +309,7 @@ export default {
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
onLoad () {
|
|
onLoad () {
|
|
|
|
|
+ this.setStatusBarHeight();
|
|
|
// #ifdef APP-PLUS
|
|
// #ifdef APP-PLUS
|
|
|
if (plus.runtime.version) {
|
|
if (plus.runtime.version) {
|
|
|
this.version = plus.runtime.version;
|
|
this.version = plus.runtime.version;
|
|
@@ -327,6 +321,14 @@ export default {
|
|
|
},
|
|
},
|
|
|
methods: {
|
|
methods: {
|
|
|
iconSrc,
|
|
iconSrc,
|
|
|
|
|
+ setStatusBarHeight () {
|
|
|
|
|
+ try {
|
|
|
|
|
+ const systemInfo = uni.getSystemInfoSync();
|
|
|
|
|
+ this.statusBarHeight = systemInfo.statusBarHeight || 0;
|
|
|
|
|
+ } catch (e) {
|
|
|
|
|
+ this.statusBarHeight = 0;
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
goLogin () {
|
|
goLogin () {
|
|
|
uni.removeStorageSync("manualLogout");
|
|
uni.removeStorageSync("manualLogout");
|
|
|
this.$util.pageTo({ url: "/admin/home/login" });
|
|
this.$util.pageTo({ url: "/admin/home/login" });
|
|
@@ -418,36 +420,25 @@ export default {
|
|
|
this.$util.pageTo({ url: "/admin/shop/myShop" });
|
|
this.$util.pageTo({ url: "/admin/shop/myShop" });
|
|
|
},
|
|
},
|
|
|
inAmountFn () {
|
|
inAmountFn () {
|
|
|
- this.inAmountRemark = "";
|
|
|
|
|
this.inAmountShow = true;
|
|
this.inAmountShow = true;
|
|
|
},
|
|
},
|
|
|
outAmountFn () {
|
|
outAmountFn () {
|
|
|
- this.outAmountRemark = "";
|
|
|
|
|
this.outAmountShow = true;
|
|
this.outAmountShow = true;
|
|
|
},
|
|
},
|
|
|
- resetOutAmountForm () {
|
|
|
|
|
- this.outAmount = "";
|
|
|
|
|
- this.outAmountRemark = "";
|
|
|
|
|
- },
|
|
|
|
|
- resetInAmountForm () {
|
|
|
|
|
- this.inAmount = "";
|
|
|
|
|
- this.inAmountRemark = "";
|
|
|
|
|
- },
|
|
|
|
|
outAmountConfirm (val) {
|
|
outAmountConfirm (val) {
|
|
|
if (val.index == 0) {
|
|
if (val.index == 0) {
|
|
|
this.outAmountShow = false;
|
|
this.outAmountShow = false;
|
|
|
- this.resetOutAmountForm();
|
|
|
|
|
return;
|
|
return;
|
|
|
}
|
|
}
|
|
|
if (this.$util.isEmpty(this.outAmount) || Number(this.outAmount) <= 0) {
|
|
if (this.$util.isEmpty(this.outAmount) || Number(this.outAmount) <= 0) {
|
|
|
this.$msg("请填写金额");
|
|
this.$msg("请填写金额");
|
|
|
return false;
|
|
return false;
|
|
|
}
|
|
}
|
|
|
- outMoney({ amount: this.outAmount, remark: this.outAmountRemark }).then(res => {
|
|
|
|
|
|
|
+ outMoney({ amount: this.outAmount }).then(res => {
|
|
|
if (res.code == 1) {
|
|
if (res.code == 1) {
|
|
|
this.$msg("操作成功");
|
|
this.$msg("操作成功");
|
|
|
this.outAmountShow = false;
|
|
this.outAmountShow = false;
|
|
|
- this.resetOutAmountForm();
|
|
|
|
|
|
|
+ this.outAmount = "";
|
|
|
this.getMyInfo();
|
|
this.getMyInfo();
|
|
|
}
|
|
}
|
|
|
});
|
|
});
|
|
@@ -455,18 +446,17 @@ export default {
|
|
|
inAmountConfirm (val) {
|
|
inAmountConfirm (val) {
|
|
|
if (val.index == 0) {
|
|
if (val.index == 0) {
|
|
|
this.inAmountShow = false;
|
|
this.inAmountShow = false;
|
|
|
- this.resetInAmountForm();
|
|
|
|
|
return;
|
|
return;
|
|
|
}
|
|
}
|
|
|
if (this.$util.isEmpty(this.inAmount) || Number(this.inAmount) <= 0) {
|
|
if (this.$util.isEmpty(this.inAmount) || Number(this.inAmount) <= 0) {
|
|
|
this.$msg("请填写金额");
|
|
this.$msg("请填写金额");
|
|
|
return false;
|
|
return false;
|
|
|
}
|
|
}
|
|
|
- inMoney({ amount: this.inAmount, remark: this.inAmountRemark }).then(res => {
|
|
|
|
|
|
|
+ inMoney({ amount: this.inAmount }).then(res => {
|
|
|
if (res.code == 1) {
|
|
if (res.code == 1) {
|
|
|
this.$msg("操作成功");
|
|
this.$msg("操作成功");
|
|
|
this.inAmountShow = false;
|
|
this.inAmountShow = false;
|
|
|
- this.resetInAmountForm();
|
|
|
|
|
|
|
+ this.inAmount = "";
|
|
|
this.getMyInfo();
|
|
this.getMyInfo();
|
|
|
}
|
|
}
|
|
|
});
|
|
});
|
|
@@ -538,10 +528,10 @@ export default {
|
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
|
background: linear-gradient(
|
|
background: linear-gradient(
|
|
|
180deg,
|
|
180deg,
|
|
|
- #a8d8bc 0%,
|
|
|
|
|
- #b8e0c8 22%,
|
|
|
|
|
- #c8e9d6 48%,
|
|
|
|
|
- #daf0e4 76%,
|
|
|
|
|
|
|
+ #5db88a 0%,
|
|
|
|
|
+ #7acea7 35%,
|
|
|
|
|
+ #8ddcb7 58%,
|
|
|
|
|
+ #b4e5cd 76%,
|
|
|
#f2f7f4 100%
|
|
#f2f7f4 100%
|
|
|
);
|
|
);
|
|
|
}
|
|
}
|
|
@@ -563,6 +553,21 @@ export default {
|
|
|
pointer-events: none;
|
|
pointer-events: none;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
+/* #ifdef APP-PLUS */
|
|
|
|
|
+.page-hero {
|
|
|
|
|
+ overflow: visible;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.page-hero::after {
|
|
|
|
|
+ bottom: -150upx;
|
|
|
|
|
+ height: 260upx;
|
|
|
|
|
+}
|
|
|
|
|
+/* #endif */
|
|
|
|
|
+
|
|
|
|
|
+.status-space {
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
.hero-panel {
|
|
.hero-panel {
|
|
|
position: relative;
|
|
position: relative;
|
|
|
z-index: 1;
|
|
z-index: 1;
|
|
@@ -686,6 +691,20 @@ export default {
|
|
|
text-overflow: ellipsis;
|
|
text-overflow: ellipsis;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
+/* #ifdef MP-WEIXIN */
|
|
|
|
|
+.quick-action-icon {
|
|
|
|
|
+ transform: translateY(40upx);
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.quick-action + .quick-action {
|
|
|
|
|
+ margin-left: 60upx;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.quick-action-text {
|
|
|
|
|
+ display: none;
|
|
|
|
|
+}
|
|
|
|
|
+/* #endif */
|
|
|
|
|
+
|
|
|
.expire-card {
|
|
.expire-card {
|
|
|
position: relative;
|
|
position: relative;
|
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
@@ -807,20 +826,19 @@ export default {
|
|
|
font-weight: 800;
|
|
font-weight: 800;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
-.finance-col .finance-actions {
|
|
|
|
|
|
|
+.cash-col .finance-actions {
|
|
|
flex-wrap: nowrap;
|
|
flex-wrap: nowrap;
|
|
|
justify-content: space-between;
|
|
justify-content: space-between;
|
|
|
margin-bottom: 0;
|
|
margin-bottom: 0;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
-.finance-col .pill-btn {
|
|
|
|
|
|
|
+.cash-col .pill-btn {
|
|
|
min-width: 0;
|
|
min-width: 0;
|
|
|
height: 46upx;
|
|
height: 46upx;
|
|
|
padding: 0 12upx;
|
|
padding: 0 12upx;
|
|
|
margin-right: 0;
|
|
margin-right: 0;
|
|
|
margin-bottom: 0;
|
|
margin-bottom: 0;
|
|
|
- font-size: 26upx;
|
|
|
|
|
- white-space: nowrap;
|
|
|
|
|
|
|
+ font-size: 22upx;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.finance-actions {
|
|
.finance-actions {
|
|
@@ -837,6 +855,29 @@ export default {
|
|
|
margin-bottom: 0;
|
|
margin-bottom: 0;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
+.balance-actions {
|
|
|
|
|
+ flex-direction: column;
|
|
|
|
|
+ align-items: flex-start;
|
|
|
|
|
+ justify-content: flex-start;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.balance-action-row {
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.balance-action-row .pill-btn + .pill-btn {
|
|
|
|
|
+ margin-left: 12upx;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.balance-withdraw-btn {
|
|
|
|
|
+ margin-top: 14upx;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.finance-col:not(.cash-col) .finance-actions .pill-btn {
|
|
|
|
|
+ font-size: 24upx;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
.pill-btn {
|
|
.pill-btn {
|
|
|
min-width: 108upx;
|
|
min-width: 108upx;
|
|
|
height: 50upx;
|
|
height: 50upx;
|
|
@@ -958,21 +999,6 @@ export default {
|
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
-.remark-line {
|
|
|
|
|
- margin-top: 20upx;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.remark-input {
|
|
|
|
|
- width: 100%;
|
|
|
|
|
- height: 72upx;
|
|
|
|
|
- padding: 0 20upx;
|
|
|
|
|
- border: 1upx solid #e5e9e7;
|
|
|
|
|
- border-radius: 14upx;
|
|
|
|
|
- color: #111416;
|
|
|
|
|
- font-size: 28upx;
|
|
|
|
|
- box-sizing: border-box;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
.guest-page {
|
|
.guest-page {
|
|
|
min-height: 100vh;
|
|
min-height: 100vh;
|
|
|
background: #f2f7f4;
|
|
background: #f2f7f4;
|