378 lines
5.4 KiB
Vue
378 lines
5.4 KiB
Vue
<script>
|
||
import { audioManager } from '@/utils/audioManager'
|
||
/**
|
||
* Copyright (c) 2013-Now http://aidex.vip All rights reserved.
|
||
*/
|
||
|
||
import util from '@/common/util.js';
|
||
import md5 from '@/common/md5.js';
|
||
export default {
|
||
globalData: {
|
||
AppName: '',
|
||
LoginID: 0,
|
||
EmployeeID: 0,
|
||
LoginName: '',
|
||
UserName: '',
|
||
PlanDepartmentID: 0,
|
||
PlanDepartmentName: '',
|
||
StoreNameID: 0,
|
||
StoreName: '',
|
||
StoreTypeNo: '',
|
||
IsSaleUserStatus: 0,
|
||
Token: '',
|
||
app_secret: '',
|
||
},
|
||
|
||
onLaunch() {
|
||
console.log('App Launch');
|
||
|
||
// 初始化音频管理器
|
||
audioManager.init();
|
||
// 初始化通知系统
|
||
this.$store.dispatch('initNotification');
|
||
}
|
||
}
|
||
</script>
|
||
<style>
|
||
@import url("~@/static/iconfont/iconfont.css");
|
||
</style>
|
||
<style lang="scss">
|
||
@import "uview-ui/index.scss";
|
||
@import "pages/common/aidex.scss";
|
||
|
||
.slot-wrap {
|
||
display: flex;
|
||
align-items: center;
|
||
flex: 1;
|
||
padding: 0 16rpx;
|
||
}
|
||
|
||
.right-item {
|
||
margin: 0 12rpx;
|
||
position: absolute;
|
||
right: 18rpx;
|
||
color: #ffffff;
|
||
display: flex;
|
||
}
|
||
|
||
.textCenter {
|
||
width: 100%;
|
||
text-align: center;
|
||
font-size: 16px;
|
||
color: #808080;
|
||
margin-top: 88rpx;
|
||
}
|
||
|
||
.h200 {
|
||
height: 200px;
|
||
}
|
||
|
||
.h100 {
|
||
height: 100px;
|
||
}
|
||
|
||
.mt32 {
|
||
margin-top: 32rpx;
|
||
}
|
||
|
||
.bgWhite {
|
||
background-color: #FFFFFF;
|
||
}
|
||
|
||
.p26 {
|
||
padding: 26rpx !important;
|
||
}
|
||
|
||
.ptb20 {
|
||
padding-top: 20rpx;
|
||
padding-bottom: 20rpx;
|
||
}
|
||
|
||
.ptb10 {
|
||
padding-top: 10rpx;
|
||
padding-bottom: 10rpx;
|
||
}
|
||
|
||
.plr0 {
|
||
padding-left: 0 !important;
|
||
padding-right: 0 !important;
|
||
}
|
||
|
||
.flex-white-plr26 {
|
||
background-color: #FFFFFF;
|
||
padding-left: 26rpx;
|
||
padding-right: 26rpx;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
font-size: 16px;
|
||
}
|
||
|
||
.flex-white-plr26-column {
|
||
background-color: #FFFFFF;
|
||
padding-left: 26rpx;
|
||
padding-right: 26rpx;
|
||
display: flex;
|
||
flex-direction: column;
|
||
font-size: 16px;
|
||
}
|
||
|
||
.bdb_f5 {
|
||
border-bottom: 1rpx solid #f5f5f5;
|
||
}
|
||
|
||
.mr16 {
|
||
margin-right: 16rpx;
|
||
}
|
||
|
||
.mr26 {
|
||
margin-right: 26rpx;
|
||
}
|
||
|
||
.mlr26 {
|
||
margin: 0 26rpx;
|
||
}
|
||
|
||
.mtb32 {
|
||
margin: 32rpx 0;
|
||
}
|
||
|
||
.mr32 {
|
||
margin-right: 32rpx;
|
||
}
|
||
|
||
.ml26 {
|
||
margin-left: 26rpx;
|
||
}
|
||
|
||
.mb0 {
|
||
margin-bottom: 0 !important;
|
||
}
|
||
|
||
.pb0 {
|
||
padding-bottom: 0 !important;
|
||
}
|
||
|
||
.redXingh {
|
||
color: #FF0000;
|
||
font-size: 15px;
|
||
}
|
||
|
||
.bluecolor {
|
||
color: #0000FF;
|
||
font-size: 17px;
|
||
}
|
||
|
||
.udropdown {
|
||
background-color: #FFFFFF;
|
||
position: fixed !important;
|
||
top: 44px;
|
||
left: 0;
|
||
// z-index: 666;
|
||
}
|
||
|
||
.width276 {
|
||
width: 546rpx;
|
||
color: #c5c5c5;
|
||
font-size: 15px;
|
||
}
|
||
|
||
.cBlack {
|
||
color: #c5c5c5;
|
||
}
|
||
|
||
.btName {
|
||
margin-bottom: -10rpx;
|
||
margin-top: 16rpx;
|
||
padding-left: 26rpx;
|
||
font-size: 32rpx;
|
||
color: #555555;
|
||
font-weight: bold;
|
||
}
|
||
|
||
.width242 {
|
||
width: 484rpx;
|
||
color: #c5c5c5;
|
||
font-size: 15px;
|
||
}
|
||
|
||
.myCard {
|
||
width: 698rpx;
|
||
padding: 24rpx 24rpx 10rpx;
|
||
margin: 32rpx 26rpx;
|
||
margin-top: 5px;
|
||
box-sizing: border-box;
|
||
border-radius: 16rpx;
|
||
box-shadow: #d8d8d8 0px 0px 14rpx;
|
||
position: relative;
|
||
background-color: #FFFFFF;
|
||
}
|
||
|
||
.cardRow {
|
||
display: flex;
|
||
align-items: center;
|
||
font-size: 15px;
|
||
margin-bottom: 8rpx;
|
||
}
|
||
|
||
.cardRow>view:first-child {
|
||
width: 176rpx;
|
||
color: #ADADAD;
|
||
}
|
||
|
||
.cardRow>view:last-child {
|
||
width: 466rpx;
|
||
color: #000000;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
display: -webkit-box;
|
||
-webkit-line-clamp: 2;
|
||
-webkit-box-orient: vertical;
|
||
}
|
||
|
||
.cardTopName {
|
||
font-size: 17px;
|
||
margin-bottom: 8rpx;
|
||
color: #000000;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
font-weight: bold;
|
||
border-bottom: 1rpx solid #DDDDDD;
|
||
padding-bottom: 8rpx;
|
||
}
|
||
|
||
.submitView {
|
||
width: 100%;
|
||
padding: 16rpx 0 26rpx;
|
||
background-color: #FFFFFF;
|
||
position: fixed;
|
||
bottom: 0;
|
||
left: 0;
|
||
border-top: 1rpx solid #f1f1f1;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
z-index: 100;
|
||
}
|
||
|
||
.submitBtn {
|
||
width: 666rpx;
|
||
}
|
||
|
||
.lookDetail {
|
||
width: 100%;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: flex-end;
|
||
font-size: 16px;
|
||
color: #007AFF;
|
||
margin-top: 12rpx;
|
||
margin-bottom: 16rpx;
|
||
}
|
||
|
||
.lookDetail>text {
|
||
margin-right: 6rpx;
|
||
}
|
||
|
||
.fzrAbsolute {
|
||
position: absolute;
|
||
right: 26rpx;
|
||
bottom: 80rpx;
|
||
font-size: 16px;
|
||
}
|
||
|
||
.fzrLeft {
|
||
color: #ADADAD;
|
||
}
|
||
|
||
.fzrRight {
|
||
font-weight: bold;
|
||
color: #ff941a;
|
||
}
|
||
|
||
.statesRight {
|
||
position: absolute;
|
||
top: 26rpx;
|
||
right: 16rpx;
|
||
color: #19BE6B;
|
||
font-weight: bold;
|
||
}
|
||
|
||
.blackColor {
|
||
color: #333333;
|
||
}
|
||
|
||
.liangHang {
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
display: -webkit-box;
|
||
-webkit-line-clamp: 2;
|
||
-webkit-box-orient: vertical;
|
||
}
|
||
|
||
.yellowColor {
|
||
color: #ffaa00 !important;
|
||
font-weight: bold;
|
||
}
|
||
|
||
.greenColor {
|
||
color: #3bb607 !important;
|
||
font-weight: bold;
|
||
}
|
||
|
||
.redColor {
|
||
color: #ff0000 !important;
|
||
font-weight: bold;
|
||
}
|
||
|
||
.blueColor {
|
||
color: #007AFF;
|
||
}
|
||
|
||
.colorGray {
|
||
color: #888888;
|
||
}
|
||
|
||
.disFlexJ {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
}
|
||
|
||
.width686 {
|
||
width: 686rpx;
|
||
margin: 32rpx;
|
||
}
|
||
|
||
.mt26Bt {
|
||
border-top: 26rpx solid #EEEEEE;
|
||
}
|
||
|
||
.bgeee {
|
||
background-color: #EEEEEE;
|
||
margin: 0;
|
||
padding: 16rpx 26rpx;
|
||
}
|
||
|
||
.gray32 {
|
||
width: 100%;
|
||
height: 32rpx;
|
||
background-color: #EEEEEE;
|
||
}
|
||
|
||
/* PDA:放大 u-select 确认/取消按钮点击区域 */
|
||
.u-select__header {
|
||
height: 110rpx !important;
|
||
padding: 0 16rpx !important;
|
||
}
|
||
|
||
.u-select__header__btn {
|
||
font-size: 36rpx !important;
|
||
line-height: 110rpx !important;
|
||
padding: 0 40rpx !important;
|
||
min-width: 140rpx;
|
||
text-align: center;
|
||
box-sizing: border-box;
|
||
}
|
||
</style>
|