|
@@ -91,9 +91,18 @@
|
|
|
>
|
|
>
|
|
|
</div>
|
|
</div>
|
|
|
<!-- <p class="updataTime" v-if="type != 4 && tabVal != '-1'">更新时间:{{ updataTime }}</p> -->
|
|
<!-- <p class="updataTime" v-if="type != 4 && tabVal != '-1'">更新时间:{{ updataTime }}</p> -->
|
|
|
- <div class="ownerBirthdayRemind">
|
|
|
|
|
|
|
+ <div class="ownerBirthdayRemind" v-if="ownerBirthdayBoxFlag">
|
|
|
<div class="ownerBirthdayBox">
|
|
<div class="ownerBirthdayBox">
|
|
|
<div class="title">金牌店生日提醒</div>
|
|
<div class="title">金牌店生日提醒</div>
|
|
|
|
|
+ <div class="content">
|
|
|
|
|
+ 请及时送上生日祝福!{{
|
|
|
|
|
+ this.reportInfoData.ownerBirthdayRemind
|
|
|
|
|
+ }}将在3日后生日,请及时送上生日祝福!
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <img :src="require('@/assets/dangao.png')" />
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="close" @click="ownerBirthdayBoxFlag = false">
|
|
|
|
|
+ <img :src="require('@/assets/close.png')" />
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
@@ -120,6 +129,7 @@ export default {
|
|
|
isCommit: null,
|
|
isCommit: null,
|
|
|
updataTime: '',
|
|
updataTime: '',
|
|
|
type: '-1',
|
|
type: '-1',
|
|
|
|
|
+ ownerBirthdayBoxFlag: false,
|
|
|
};
|
|
};
|
|
|
},
|
|
},
|
|
|
activated() {
|
|
activated() {
|
|
@@ -158,6 +168,10 @@ export default {
|
|
|
this.type = res.data.userType;
|
|
this.type = res.data.userType;
|
|
|
// 金牌店老板生日提醒
|
|
// 金牌店老板生日提醒
|
|
|
if (res.data.ownerBirthdayRemind) {
|
|
if (res.data.ownerBirthdayRemind) {
|
|
|
|
|
+ this.ownerBirthdayBoxFlag = true;
|
|
|
|
|
+ this.reportInfoData.ownerBirthdayRemind = res.data.ownerBirthdayRemind.join(',');
|
|
|
|
|
+ } else {
|
|
|
|
|
+ this.ownerBirthdayBoxFlag = false;
|
|
|
}
|
|
}
|
|
|
} else {
|
|
} else {
|
|
|
this.$toast(res.msg);
|
|
this.$toast(res.msg);
|
|
@@ -209,11 +223,46 @@ export default {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
justify-content: center;
|
|
|
|
|
+ flex-direction: column;
|
|
|
.ownerBirthdayBox {
|
|
.ownerBirthdayBox {
|
|
|
width: 90%;
|
|
width: 90%;
|
|
|
- height: 300px;
|
|
|
|
|
- background: url('../../assets/ownerBirthdayBG.png') no-repeat;
|
|
|
|
|
- background-size: cover;
|
|
|
|
|
|
|
+ // height: 369px;
|
|
|
|
|
+ background: url('../../assets/ownerBirthdayBG.png') no-repeat center center;
|
|
|
|
|
+ background-size: 100% 100%;
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ flex-direction: column;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ .title {
|
|
|
|
|
+ text-align: center;
|
|
|
|
|
+ font-size: 20px;
|
|
|
|
|
+ color: #99443b;
|
|
|
|
|
+ // margin-top: 30px;
|
|
|
|
|
+ font-weight: bold;
|
|
|
|
|
+ height: 68px;
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ align-items: end;
|
|
|
|
|
+ }
|
|
|
|
|
+ .content {
|
|
|
|
|
+ width: 75%;
|
|
|
|
|
+ line-height: 30px;
|
|
|
|
|
+ font-size: 16px;
|
|
|
|
|
+ color: #555555;
|
|
|
|
|
+ text-align: center;
|
|
|
|
|
+ margin-top: 20px;
|
|
|
|
|
+ }
|
|
|
|
|
+ img {
|
|
|
|
|
+ width: 75%;
|
|
|
|
|
+ height: 160px;
|
|
|
|
|
+ margin-top: 20px;
|
|
|
|
|
+ margin-bottom: 30px;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ .close {
|
|
|
|
|
+ img {
|
|
|
|
|
+ width: 35px;
|
|
|
|
|
+ height: 35px;
|
|
|
|
|
+ margin-top: 10px;
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|